/* File Generated: 2021-02-22 9:55:00 */ :root { --fa: "Font Awesome 5 Pro"; --warning-icon: "\f071"; --info-icon: "\f05a"; } .more-routes-title { font-weight: bold; text-align: center; position: absolute; height: 30px; width: 100%; background: #eee; color: #000; border-top-right-radius: 3px; border-top-left-radius: 3px; top: 0px; left: 0px; line-height: 30px; } .more-routes { min-width: 200px; position: relative; display: none; position: absolute; max-width: 600px; padding: 10px; padding-top: 40px; border-radius: 3px; background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); margin-left: 5px; } .more-routes > * { margin-right: 10px; } .more-routes > *:last-child { margin-right: 0px; } #pin-wrapper { display: inline-flex; flex-direction: row; font-size: 1.4em; font-weight: bold; border: 2px solid #000; margin-top: 5px; } #pin-wrapper > div { padding: 10px; background: #333; color: #fff; border: 1px solid #000; box-sizing: border-box; } #top-pin-wrapper { display: inline-flex; justify-content: center; align-items: center; } #top-pin-wrapper span { margin-right: 5px; } #top-pin-wrapper #pin-wrapper { font-size: 0.8em; margin: 0px; box-sizing: border-box; line-height: 0px; } #top-pin-wrapper #pin-wrapper > div { padding: 10px 5px; } .tagit-new input:hover,.tagit-new input:focus { border: 0px !important; } #can_spy_list + .tagit { max-width: 400px; } #user-permissions-table tr td:nth-child(2) { display: flex; align-items: center; justify-content: space-between; height: 36px; } .user-specified-view .specific-permission:not(.user-specified) { display: none; } .add-object-permission { padding: 5px; cursor: pointer; color: #11b265; } .user-type-location { text-align: center; font-weight: normal; } .user-type-location i { font-size: 0.9em; margin-right: 3px; width: 15px; } .specific-permission > td:first-child { text-indent: 25px !important; } .object-permission td:first-child { text-indent: 50px !important; } .object-all-permission td:first-child { text-indent: 25px; } .delete-object-permission { padding: 5px; cursor: pointer; } .delete-object-permission:after { content: "\f1f8"; font-family: var(--fa); font-weight: bold; color: #dc1d5b; } /* .object-permission { background: #ebf7ff; } .object-all-permission { background: #fffaeb; } */ .object-all-permission .location-icon, .object-permission .location-icon { text-indent: 0px; } .object-permission input[disabled] + label { cursor: no-drop !important; } .organisation-login,.standard-login { display: inline-block; border-radius: 3px; box-sizing: border-box; background: #11b265; color: #fff !important; text-decoration: none !important; padding: 8px; width: calc(100% - 25px); } .standard-login { background: #006bb2; } .org-username { display: none; } .organisation-login-wrapper .org-username { display: block; } .organisation-login-wrapper .standard-login { display: block; } .organisation-login-wrapper .organisation-login { display: none; } #login-wrap:not(.organisation-login-wrapper) .standard-login { display: none; } .organisation-login-wrapper .forgot-password-standard { display: none; } #login-wrap:not(.organisation-login-wrapper) .forgot-password-organisation { display: none; } .organisation-login-wrapper .no-account-wrapper { display: none; } .organisation-login-wrapper .login-separator { display: flex; align-items: center; margin-right: 4px; } #login-wrap:not(.organisation-login-wrapper) .login-separator { display: none; } .no-results { position: relative; z-index: 0; display: block; width: 100%; background: #fff; padding: 10px; box-sizing: border-box; box-shadow: 0px 0px 3px #ccc; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } input[type="radio"][value="deny"]:checked + label { background: #dc1d5b !important; } input[type="radio"][value="read"]:checked + label { background: #555 !important; } #permissions-wrapper { display: flex; flex-direction: row; } #permission-types { display: block; margin-right: 10px; } #permission-types > div { padding: 5px 8px; border-bottom: 1px dashed rgba(0,0,0,0.1); cursor: pointer; border-radius: 3px; } #permission-types > div.permission-selected { background: #006bb2; color: #fff; } #permission-types > div:not(.permission-selected):hover { background: #eee; } #permissions-set-wrapper { } #permissions-set-wrapper table th { background: #333; color: #fff; } #permissions-set-wrapper table th,#permissions-set-wrapper table td { padding: 5px !important; border-bottom: 1px solid rgba(0,0,0,0.1); min-width: 200px; } .remove-permission { color: red; } #permissions-table td { padding: 0px 5px !important; } .permission-heading td { background: #eee; } #permissions-table td { border-bottom: 1px solid rgba(0,0,0,0.1); } .attention-box { display: flex; flex-direction: column; justify-content: left; background: #fff1f6; border: 1px solid rgba(0,0,0,0.15); padding: 10px; box-sizing: border-box; border-radius: 5px; font-size: 1.1em; margin-top: 10px; box-shadow: 0px 0px 3px rgba(0,0,0,0.05); } .attention-icon { font-size: 1.7em; padding: 0px 0px 0px 10px; color: rgba(0,0,0,0.9); } .attention-content .bold,.attention-icon { color: rgba(162, 34, 76, 0.8); } .attention-text { padding: 5px 20px; } .attention-button { } .attention-content { display: flex; flex-direction: row; color: rgba(0,0,0,0.8); align-items: center; } .attention-text { display: flex; flex-direction: column; } .attention-box.warning,.attention-box.warning-yellow { background: #fffaf1; } .attention-box.warning .attention-content .bold, .attention-box.warning .attention-icon, .attention-box.warning-yellow .attention-content .bold, .attention-box.warning-yellow .attention-icon { color: rgba(162, 82, 34, 0.8); } .attention-box.warning .attention-icon:after, .attention-box.warning-yellow .attention-icon:after, .attention-box.warning-blue .attention-icon:after, .attention-box.warning-red .attention-icon:after { content: var(--warning-icon); font-family: var(--fa); font-weight: bold; } .attention-box.warning-red { background: #fff1f6; } .attention-box.warning-red .attention-content .bold, .attention-box.warning-red .attention-icon { color: rgba(162, 34, 76, 0.8); } .attention-box.warning-blue { background: #f7fbff; } .attention-box.warning-blue .attention-content .bold, .attention-box.warning-blue .attention-icon { color: rgba(84, 141, 184, 1); } .attention-box.information,.attention-box.information-blue { background: #f7fbff; } .attention-box.information .attention-content .bold, .attention-box.information .attention-icon .attention-box.information-blue .attention-content .bold, .attention-box.information-blue .attention-icon { color: rgba(84, 141, 184, 1); } .attention-box.information .attention-icon:after,.attention-box.information-blue .attention-icon:after { content: var(--info-icon); font-family: var(--fa); font-weight: bold; } #ch-chart .flot-x-axis > div { display: none; max-width: unset !important; } #ch-chart .flot-x-axis > div:nth-child(4n+1) { display: unset; } #ch-chart1 .flot-x-axis > div { display: none; max-width: unset !important; } #ch-chart1 .flot-x-axis > div:nth-child(30n+1) { display: unset; } /*#ch-chart1 .flot-x-axis > div:nth-child(360) { display: unset; left: calc((97% / 12) * 12) !important; }*/ .middle-line { display: flex; align-items: center; } #provisioning-table .useragent-phone > span { display: none; } body { background: #eeeeee; margin: 0px; padding: 0px; font-size: 15px; font-family: "Calibri","Lato","Roboto","Verdana"; overflow-y: scroll; } body { height: 100%; overflow: auto; overflow-y: scroll; } /* these two should fix scrolling bugs on mobile devices... */ body { position: relative; } /* need to see if this breaks anything... */ html { height: 100%; overflow-y: hidden; -webkit-overflow-scrolling: touch; } /* these two should fix scrolling bugs on mobile devices... */ #acc-wrapper { display: table; height: 100%; width: 100%; position: relative; overflow: hidden; } #left-col { display: table-cell; vertical-align: top; height: 100vh; background: #fff; /*box-shadow: inset -3px 0px 5px -5px #444;*/ box-shadow: 0px 65px 5px #aaa; position: relative; } #right-col{ display: table-cell; vertical-align: top; } input,select,textarea,.custom-select .select { border: 1px solid #ccc; padding: 4px; box-sizing: border-box; font-family: "Calibri","Lato","Roboto","Verdana"; font-size: 1.0em; border-radius: 2px; } .custom-select .select { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; } input:focus,input:hover,select:hover,select:focus,textarea:hover,textarea:focus { border: 1px solid #0078c5 !important; box-shadow: 0px 0px 3px #aaa; } input[type="submit"],input[type="reset"] { border-radius: 3px; border: 0px; padding: 7px 15px; cursor: pointer; transition: 0.1s ease all; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="reset"] { border: 1px solid #ddd; } input[type="submit"] { border: 1px solid #11b265; background: #11b265; color: #fff; } input[type="submit"]:hover { border: 1px solid #34bb7a; background: #34bb7a; transition: 0.1s ease all; } textarea.disabled,input[type="submit"].disabled,input[type="submit"].disabled + .confirm-btn { opacity: 0.5; } input[readonly] { background: #eee; } input[type="file"][disabled] { opacity: 0.5; } .greyButton { border: 1px solid #ddd; border-radius: 3px; padding: 7px 15px; cursor: pointer; transition: 0.1s ease all; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select { padding: 3px; font-family: "Calibri","Lato","Roboto","Verdana"; font-size: 1.0em; } optgroup { font-size: 0.87em; } .tagit { margin: 0px; } .did-remove-number { cursor: pointer; color: red; } .did-remove-number:hover { color: maroon; } #number-ranges-size { width: 70px !important; } #number-ranges-size option { font-size: 0.9em; } #number-selection-chargers-wrapper { height: 200px; overflow-y: scroll; border: 1px solid rgba(0,0,0,0.2); } .number-selection-note { padding-bottom: 5px; padding-top: 3px; font-weight: bold; } .number-selection-list > div.page,#number-ranges-wrapper { display: flex; flex-direction: column; flex-wrap: wrap; min-width: 700px; overflow-x: auto; } #number-selection-charges-table tr td { padding-left: 10px !important; } /* .number-selection-list > div.page > div:not(.number-range):nth-child(7n+7) { break-after: always; } */ .number-selection-list > div.page > div,.number-range { align-self: flex-start; width: calc((100% / 4) - 3px); text-align: center; border: 1px solid rgba(0,0,0,0.2); margin-bottom: 4px; margin-right: 4px; padding: 3px; box-sizing: border-box; cursor: pointer; position: relative; } .number-selection-list > div.page > div.number-range {width: calc((100% / 3) - 3px); text-align: left; } .number-selection-list > div.page > div.disabled { opacity: 0.5; cursor: default; } .number-selection-list > div.page > div:not(.disabled):hover { border: 1px solid rgba(0,0,0,0.5); box-shadow: 0px 0px 3px rgba(0,0,0,0.4); } .number-selection-list > div.page > div.selected { border: 1px solid rgba(0,0,0,0.7); font-weight: bold; } .number-selection-list > div.page > div.client-deleted { background: #ffa3a3 !important; font-weight: bold; } .number-selection-list > div.page > div.selected:after { content: "\f058"; font-family: "Font Awesome 5 Pro"; position: absolute; right: 5px; color: #11b265; font-size: 0.8em; top: 6px; } .number-selection-list > div.page { display: none; max-height: 230px; } .number-selection-list > div.page:first-child { display: flex; } .number-selection-pages { display: flex; flex-direction: row; flex-wrap: wrap; width: 500px; margin-top: 10px; } .number-selection-pages > div { display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; border: 1px solid rgba(0,0,0,0.2); text-align: center; margin-right: 4px; margin-bottom: 4px; font-size: 0.9em; box-sizing: border-box; cursor: pointer; } .number-selection-pages > div:hover { background: #eee; } .number-selection-pages > div.selected { color: #fff; background: #006bb2; } .premium-asterisk { position: absolute; } .advanced-row { padding: inherit !important; } .advanced-row:after {margin-left: 5px; display: inline-block; content: "\f105"; width: 10px; font-family: "Font Awesome 5 Pro"; } .advanced-row.selected:after { content: "\f107"; } .custom-row td { border-top: 1px solid rgba(0,0,0,0.15); border-bottom: 0px !important; } .no-border td { border: 0px !important; } .clipboard-copy { display: inline-block; padding: 3px; border: 1px solid #006bb244; color: #006bb2; border-radius: 3px; background: #fff; cursor: pointer; position: relative; margin-left: 3px; } .clipboard-copy:after { content: "\f0c5"; font-family: "Font Awesome 5 Pro"; font-weight: bold; font-size: 0.8em; } .clipboard-copy:before { font-size: 15px; font-weight: normal; content: "Copy to clipboard"; display: none; position: absolute; top: -20px; left: 50%; transform: translate3d(-50%, -50%, 0); white-space: nowrap; padding: 8px; background: #000; border-radius: 5px; box-shadow: 0px 0px 3px rgba(0,0,0,0.6); color: #fff; text-overflow: ellipsis; max-width: 200px; overflow: hidden; } .clipboard-copy:hover,.clipboard-copy.copied { background: #006bb2; color: #fff; } .clipboard-copy:hover:before { display: block; } .clipboard-copy.copied:before { content: "Copied: " attr(clipboard); } .hide-clipboard .clipboard-copy { display: none; } .hide-clipboard tr:hover .clipboard-copy { display: inline-block; } .font-normal { font-weight: normal !important; } .text-left { text-align: left !important; } .difference { font-size: 0.8em; display: none; } .diff-up { color: #11b265; } .diff-down { color: #ea3864; } .diff-same { color: #777; } .text-right { text-align: right; } .port-timeline { list-style-type: none; margin: 0px; padding: 0px; display: inline-flex; flex-direction: row; white-space: nowrap; font-weight: bold; } .port-timeline li { padding: 4px 7px; border: 1px solid rgba(0,0,0,0.2); opacity: 0.15; cursor: help; font-size: 0.8em;} .port-timeline li.selected { opacity: 1.0; } .port-timeline li:not(.selected):hover { opacity: 0.7; } .lnp-current-status { opacity: 1.0 !important; font-style: italic; background: #fff; } .port-timeline .lnp-status-rejected,.port-timeline .lnp-status-accepted { width: 80px; text-align: center; } .lnp-actual-status { font-size: 0.8em; max-width: 400px; overflow: hidden; text-overflow: ellipsis; } .lnp-status { display: inline-block; background: #fff; box-shadow: 1px 2px 3px rgba(0,0,0,0.1); padding: 4px 7px; box-sizing: border-box; white-space: nowrap; border-left: 2px solid #006bb2; } .lnp-status:before { content: "\f30f"; font-family: "Font Awesome 5 Pro"; font-weight: bold; font-size: 0.9em; margin-right: 5px; } .lnp-status-pending { color: #fff; background: #777; border-color: #777; } .lnp-status-pending:before { content: "\f071"; } .lnp-status-submitted { color: #fff; background: #ff7418; border-color: #ff7418; } .lnp-status-submitted:before { content: "\f14d"; } .lnp-status-completed { color: #fff; background: #11b265; border-color: #11b265; } .lnp-status-completed:before { content: "\f058"; } .lnp-status-accepted { color: #fff; background: #006bb2; border-color: #006bb2; } .lnp-status-accepted:before { content: "\f0c7"; } .lnp-status-rejected { color: #fff; background: #ea3864; border-color: #ea3864; } .lnp-status-rejected:before { content: "\f06a"; } a.disabled { opacity: 0.4; } .route-options { display: none; } .label-examples { font-style: italic; } #fixed-configure-button { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 50px; background: #fff; } .custom-iframe { width: calc(100vw - 115px); height: calc(100vh - 300px); border: 2px solid #ddd; background: url("../img/maxoacc/loader.gif") center no-repeat; background-size: 64px; } audio { width: 100%; min-width: 500px; } .title-follow,.title-follow-div { position: fixed; z-index: 9999999; display: block; white-space: nowrap; background: #fff; margin-top: 10px; margin-left: 10px; padding: 5px 10px; box-sizing: border-box; letter-spacing: 0.03em; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); border-top: 2px solid #006bb2;} .tbody-existing-sound { display: none; } .qr-codes { display: none; } .default-cursor { cursor: default; } .relative-box-wrapper { position: relative; width: 100%; padding-top: 40px; } .action-bar { position: absolute; letter-spacing: 0.05em; top: -20px; left: -20px; width: calc(100% + 40px); height: 40px; line-height: 40px; padding: 0px 10px; box-sizing: border-box; box-shadow: 0px 0px 5px #777; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 10; } ul.action-bar { list-style-type: none; padding: 0px; margin: 0px; } ul.action-bar > li { font-weight: bold; padding: 0px 10px; box-sizing: border-box; border-right: 1px solid #ddd; float: left; cursor: pointer; position: relative; white-space: nowrap; } ul.action-bar > li:hover { background: #eee; } ul.action-bar > li:after { content: ""; margin-left: 0px; display: inline-block; margin-bottom: 2.5px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #000 transparent transparent transparent; opacity: 0.8; } ul.action-bar > li > ul { display: none; position: absolute; left: 0px; list-style-type: none; padding: 0px; margin: 0px; box-shadow: 3px 3px 3px #aaa; } ul.action-bar > li > ul > li a,ul.action-bar > li > ul > li > div.non-link { font-weight: normal; display: flex; padding: 0px 10px; background: #fff; border-top: 1px solid #ddd; justify-content: left; align-items: center; text-decoration: none; color: #000; font-size: 0.9em; } ul.action-bar > li > ul > li a:last-child { } ul.action-bar > li > ul > li a:hover, ul.action-bar > li > ul > li > div.non-link:hover { background: #eee; } .non-link i { width: 20px; color: #006bb2; } .action-bar .down-tri { border-color: #555 transparent transparent transparent; } .action-icon { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; width: 20px; height: 20px; display: block; margin-right: 5px; } .action-icon-download { background-position: -20px -80px; } .action-icon-delete { background-position: -20px -20px; } .action-icon-mark-new { background-position: -20px -260px; } .action-icon-mark-old { background-position: 0px -260px; } .action-icon-configure { background-position: -40px -280px; } .action-icon-reset { background-position: -40px -160px; } .context-menu { display: none; position: fixed; z-index: 10; background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); border: 1px solid #aaa; letter-spacing: 0.05em; font-size: 0.9em; } .context-menu ul { list-style-type: none; margin: 0px; padding: 0px; } .context-menu ul li { display: flex; width: 100%; padding: 10px 30px 10px 15px; font-weight: normal; box-sizing: border-box; cursor: pointer; white-space: nowrap; border-bottom: 1px solid #eee; justify-content: left; align-items: center; } .context-menu ul li:hover { background: #eee; } .sms-conversation-bar-wrapper { display: flex; justify-content: space-between; height: 100%; align-items: center; padding-top: 5px; } .compose-message-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; min-height: 50px; border-bottom: 2px solid #999; background: #fff; z-index: 1; } .compose-message-wrapper input { width: calc(100% - 50px); display: inline-block; background: #f7f7f7; box-shadow: 0px !important; border: 0px !important; padding-left: 10px; } .compose-message-wrapper .tagit { min-height: 50px; } .compose-message-wrapper input:focus,.compose-message-wrapper input:hover,.compose-message-wrapper input:active { border: 0px !important; } .compose-message-wrapper .two-panel-back-button { height: 50px; display: inline-block; width: 50px; } .compose-message-wrapper .two-panel-back-button { display: none; min-height: 50px; height: 100%; float: left; width: 50px; background: #004b7d; position: relative; cursor: pointer; } .compose-message-wrapper .two-panel-back-button:hover { background: #00253e; } .compose-message-wrapper .two-panel-back-button:after { content: ""; position: absolute; top: calc(50% + 5px); left: 17px; transform: rotate(45deg); border-bottom: 2px solid #fff; width: 15px; height: 0px; display: block; } .compose-message-wrapper .two-panel-back-button:before { content: ""; position: absolute; top: calc(50% - 5px); left: 17px; transform: rotate(-45deg); border-bottom: 2px solid #fff; width: 15px; height: 0px; display: block; } .sms-conversation-details { display: inline-flex; font-size: 1.3em; padding-left: 10px; } .sms-conversation-actions { display: inline-flex; height: 100%; align-items: center; justify-content: space-between; } .sms-conversation-actions > div { display: inline-block; padding: 5px 10px; background: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; margin-right: 10px; box-sizing: border-box; color: rgba(0,0,0,0.8); font-size: 0.9em; cursor: pointer; } .sms-conversation-actions > div:hover { box-shadow: 0px 0px 3px rgba(0,0,0,0.2); border-color: rgba(0,0,0,0.2); } .sms-conversation-actions > div i { font-size: 0.9em; } .sms-conversation-actions > div.sms-delete-conversation i { color: #dc2454; } .sms-conversation-actions > div.sms-select-messages.selected-messages { background: #006bb2; color: #fff; } .sms-conversation-actions > div.sms-select-messages:before { content: "\f0c8"; font-family: "Font Awesome 5 Pro"; color: #006bb2; margin-right: 5px; } .sms-conversation-actions > div.sms-select-messages.selected-messages:before { content: "\f14a"; color: #fff; } #expand-sms-inbox { float: right; margin-right: 15px; color: #fff; } .all-messages-wrapper { display: flex !important; flex-direction: column; position: relative; height: 80vh;} .send-response-wrapper { border-top: 2px solid rgba(0,0,0,0.5); position: relative; } .send-response-wrapper textarea { width: 100%; padding: 5px 60px 0px 10px; font-size: 1.2em; font-weight: bold; border: 1px solid #f7f7f7; background: #f7f7f7; box-shadow: none !important; height: 70px; } .send-response-wrapper textarea:hover,.send-response-wrapper textarea:focus,.send-response-wrapper textarea:active { border: 1px solid #f7f7f7 !important; resize: none; box-shadow: none !important; } .send-response-wrapper #charsremaining { position: absolute; top: -20px; left: 10px; display: inline-block; width: auto; font-weight: normal; } .sms-conversation-wrapper { margin-top: 50px; padding-bottom: 10px; padding-top: 10px; overflow-y: auto; height: 100%; box-sizing: border-box; position: relative; } .sms-conversation-wrapper > div:first-child { margin-top: auto; } .sms-conversation-wrapper > div { padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .sms-conversation-wrapper > div:last-child { border-bottom: 5px solid transparent; margin-bottom: 5px; } .sms-conversation-wrapper > div.sms-direction:last-child { border-bottom: 10px solid transparent; margin-bottom: 10px; } .sms-direction { display: flex; width: 100%; margin-bottom: 5px; position: relative; overflow: hidden; } .sms-message, .sms-message-delete { position: relative; transition: 0.3s ease all; } .sms-message:after { content: attr(sms-cost); display: none; position: absolute; color: rgba(0,0,0,0.5); left: -70px; top: 50%; transform: translate3d(0, -50%, 0); font-size: 0.7em; font-weight: bold; } .sms-direction:hover .sms-message:after { display: block; } /* .sms-direction:hover .sms-message { transform: translate3d(-20px,0,0); max-width: calc(100% - 130px); } */ .selected-messages .sms-direction.sms-direction-send .sms-message { transform: translate3d(-20px,0,0); } .selected-messages .sms-direction.sms-direction-receive .sms-message { transform: translate3d(20px,0,0); } .sms-message-delete { opacity: 0; position: absolute; right: -30px; } .sms-direction-receive .sms-message-delete { left: -30px; right: auto; } .sms-direction-receive .sms-message:after { left: auto; right: -70px; } .selected-messages .sms-message-delete { position: absolute; color: #dc2454; right: -20px; opacity: 1; cursor: pointer; } .selected-messages .sms-direction.sms-direction-receive .sms-message-delete { right: auto; left: -20px; } .sms-direction > div { max-width: calc(100% - 100px); padding: 10px; border-radius: 10px; position: relative; } .sms-direction-send { justify-content: flex-end; padding-bottom: 15px; } .sms-direction-send > div { background: #006bb2; color: #fff; } .sms-direction-receive { justify-content: flex-start; } .sms-direction-receive > div { background: rgba(0,0,0,0.1); } .sms-message-date { position: absolute; white-space: nowrap; font-size: 0.7em; color: rgba(0,0,0,0.5); margin-top: 3px; } .sms-direction-receive .sms-message-date { right: -7px; transform: translate3d(100%,0,0); } .sms-direction-send .sms-message-date { left: -7px; transform: translate3d(-100%,0,0); } .sms-message-status { position: absolute; bottom: -13px; right: 2px; white-space: nowrap; font-size: 0.6em; color: rgba(0,0,0,0.5); } .sms-direction-receive .sms-message-status { left: 0px; right: auto; display: none; } .sms-message { word-break: break-word; } #send-message-button { position: absolute; right: 0px; top: 0px; height: 100%; width: 50px; background: #11b265; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 1.2em; cursor: pointer; } #send-message-button:hover { background: #0b9b55; } .sms-date { display: block; width: 100%; text-align: center; font-weight: bold; color: #006bb2; padding: 30px 0px; font-size: 0.9em; } .sms-conversation-wrapper .sms-date:first-child { padding-top: 20px; } .sms-message-overflow { width: calc(100% - 40px) !important; } .new-message-count { position: absolute; right: 10px; bottom: 13px; font-size: 0.6em; height: 16px; width: 16px; background: #11b265; box-sizing: border-box; color: #fff; border-radius: 100px; display: flex; justify-content: center; align-items: center; } .recent-message,.last-received-sms {color: rgba(0,0,0,0.6); } .recent-message { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 50px; } .two-panel-sms-message:before { content: ""; position: absolute; width: 15px; border-bottom: 1px solid rgba(0,0,0,0.1); left: 24px; top: 50%; } .two-panel-sms-message:after { content: ""; position: absolute; width: 0px; height: 100%; border-left: 1px solid rgba(0,0,0,0.1); left: 24px; top: 0px; } .two-panel-sms-message .two-panel-padding { padding-left: 50px; } .sms-inbox .two-panel-sms-message:last-child:after { height: 50%; } .two-panel-heading { height: 60px; line-height: 60px; width: 100%; background: #006bb2; color: #fff; text-indent: 10px; font-size: 1.1em; border-top-right-radius: 3px; border-top-left-radius: 3px; } .two-panel { display: table; width: 100%; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: #fff; } .two-panel-wrapper { border-radius: 3px; box-shadow: 0px 0px 2px #aaa; } .two-panel-left { width: 25%; min-width: 400px; max-width: 400px; font-size: 1.1em; background: #fff; display: table-cell; vertical-align: top; border-right: 1px solid #ddd; border-bottom-left-radius: 3px; padding: 0px !important;} .two-panel-left-container,.two-panel-right-container { display: block; width: 100%; max-height: 80vh; min-height: 260px; overflow-y: auto; } .two-panel-right { display: table-cell; width: 75%; background: #fff; min-height: 60px; border-bottom-right-radius: 3px; vertical-align: top; font-size: 1.1em; } .two-panel-left > .two-panel-row:last-child { border-bottom-left-radius: 3px; } .two-panel-row-heading { height: 40px; line-height: 40px; padding: 0px 10px; box-sizing: border-box; border-bottom: 2px solid #006bb2; position: relative; overflow: hidden; font-weight: bold; } .two-panel-row { height: 60px; border-bottom: 1px solid #ddd; position: relative; overflow: hidden; } .two-panel-left-text.selected-row { background: #c0e6ff; cursor: pointer; } .two-panel-left-text:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.1) inset; cursor: pointer; } .two-panel-left-text.selected-row:hover { background: #c0e6ff; } .two-panel-left-text { height: 100%; width: 100%; float: left; box-sizing: border-box; } .two-panel-right-text { position: absolute; right: 0px; height: 100%; font-size: 0.8em; color: #999; background: #fff; display: flex; } .two-panel-right-text-upper { display: inline-block; vertical-align: top; padding: 10px; box-sizing: border-box; } .two-panel-small-row { clear:both; display: block; width: 100%; font-size: 0.8em; } .two-panel-row-icon { position: absolute; left: 10px; top: 15px; background: rgba(0, 107, 178, 0.2); height: 30px; width: 30px; border-radius: 100px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 0.8em; } .two-panel-row.new .two-panel-row-icon { background: rgba(0, 107, 178, 1); } .two-panel-padding { padding: 10px; box-sizing: border-box; } .two-panel-indent { padding-left: 50px; } .two-panel-button { display: inline-block; height: 100%; width: 50px; position: relative; border-left: 1px solid rgba(0,0,0,0.1); cursor: pointer; box-sizing: border-box; } .two-panel-button:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.1) inset; } .two-panel-left-text.selected-row + .two-panel-right-text .two-panel-button {} .two-panel-icon,.two-panel-icon-grey,.two-panel-icon i { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; width: 25px; height: 25px; display: block; position: absolute; top: 50%; margin-top: -12.5px; left: 50%; margin-left: -12.5px; } .two-panel-icon.no-bg,.two-panel-icon i { background: none; display: flex; justify-content: center; align-items: center; } .two-panel-icon-grey { background-image: url("../img/maxoacc/icons-grey.png"); } .two-panel-configure { background-position: -50px -350px; } .two-panel-button .two-panel-sendfax { background-image: url("../img/maxoacc/sendfax.png") !important; background-size: auto 100%; background-position: center; background-repeat: no-repeat; } .two-panel-messages { background-position: 0px -350px; } .two-panel-delete { background-position: -25px -25px; } .two-panel-vm { background-position: 0px -75px; } .two-panel-trash { background-position: -25px -75px; } .two-panel-icon-grey { position: relative; top: auto; left: auto; margin: auto; } .two-panel-row-center { display: flex; align-items: center; justify-content: center; height: 40px; } .two-panel-row-height { height: 20px; line-height: 20px; } .two-panel-row.highlight-row { font-weight: bold; } .two-panel-right-heading { position: relative; background: #f7f7f7; height: 75px; width: 100%; display: block; border-bottom: 2px solid #006bb2; font-size: 1.1em; box-sizing: border-box; } .two-panel-right-heading-content { padding: 10px; box-sizing: border-box; float: left; } .two-panel .table-row-new { font-weight: bold; } tr.table-row-direction-in:hover td,tr.table-row-direction-out:hover td { background: #fff; } .table-row-direction-out td { background: #f8f8f8; } .table-row-direction-in td { /*background: #fff8fa;*/ background: #fff; } .right-border { border-right: 1px dashed #eee; } .two-panel-heading-button { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 5px; /*min-width: 80px;*/ padding: 0px 10px; font-weight: bold; color: #555; box-sizing: border-box; height: 35px; line-height: 35px; background: #f7f7f7; background: linear-gradient(to bottom, #fff, #fafafa); border: 1px solid #ccc; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; vertical-align: top; text-align: center; position: relative; } .two-panel-heading-button:hover { background: linear-gradient(to bottom, #fafafa, #f7f7f7); border: 1px solid #999; } .two-panel-heading-button:hover .two-panel-icon-grey.two-panel-trash { background-image: url("../img/maxoacc/icons.png?2"); background-position: -25px -25px; } .two-panel-heading-button ul.two-panel-options { color: #555; display: none; border-radius: 3px; position: absolute; top: calc(100% + 3px); left: 0px; box-shadow: 0px 0px 3px #777; background: #fff; z-index: 9999; text-align: left; list-style-type: none; margin: 0px; padding: 0px; } .two-panel-heading-button.selected-number { display: none; background: #006bb2; color: #fff; border: 1px solid #006bb2; float: right; border-radius: 50px; width: 35px; } .two-panel-heading-button.selected-number.selected-important { background: #dc2454; border-color: #dc2454; } .two-panel-heading-button.total-boxes { display: none; cursor: pointer; } .two-panel-heading-button.active { background: #006bb2; color: #fff; border-color: #006bb2; } .two-panel-heading-button.active:hover { background: #004b7d; color: #fff; border-color: #004b7d; } .two-panel-button-action.active { background: #eee; } .two-panel-options li { white-space: nowrap; padding: 5px 30px; box-sizing: border-box; font-weight: normal; } .two-panel-options li:hover { background: #eee; cursor: pointer; } .two-panel-wrapper.expanded { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; box-sizing: border-box; z-index: 99999; } .two-panel-wrapper.expanded .two-panel-left-container,.two-panel-wrapper.expanded .two-panel-right-container { height: calc(100vh - 60px); max-height: calc(100vh - 60px); } .two-panel-wrapper.expanded #expand-sms-inbox { display: none; } .auto-overflow { overflow: unset !important; } /*.two-panel-heading-button .two-panel-icon { position: relative; left: auto; top: auto; margin: auto auto; }*/ input.table-checkbox,input.new-checkbox { display: none; } input.table-checkbox + label,input.new-checkbox + label { width: 15px; height: 15px; display: inline-block; background: #fff; border: 1px solid #aaa; position: relative; } input.table-checkbox + label:hover,input.new-checkbox + label:hover { border: 1px solid #555; } input.table-checkbox:checked + label,input.new-checkbox:checked + label { } input.table-checkbox:checked + label:after,input.new-checkbox:checked + label:after { content: ""; display: block; width: 17px; height: 17px; position: absolute; left: 1px; bottom: 1px; background: url("../img/maxoacc/checkbox-tick.png") no-repeat; background-size: contain; background-position: center; } input.table-checkbox-sel-all[half-selected="1"] + label:after { content: ""; display: block; width: 10px; height: 0px; position: absolute; left: 50%; margin-left: -5px; bottom: calc(50% - 1px ); background:none; border-bottom: 2px solid #555; box-sizing: border-box; } #configure-dids-btn { display: block; background: #11b265; padding: 5px 10px; box-sizing: border-box; color: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .classic-table tr.selected-row td,.classic-table tr.selected-row:hover td { background: #c0e6ff; } .two-panel-back-button { display: none; } .small-td { width: 1%; } .classic-table { width: 100%; border-collapse: collapse; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .classic-table tr th { border-bottom: 1px solid #eee; height: 40px; line-height: 40px; text-align: left; cursor: default !important; } .classic-table tr td { border-bottom: 1px dashed #eee; height: 50px; overflow: hidden; } .classic-table tr td,.classic-table tr th { padding: 5px 10px; box-sizing: border-box; cursor: pointer; } .classic-table tr:hover td,.classic-table tr:active td { background: #eee; } .classic-table .mobile-only { display: none; } .classic-heading td,div.classic-heading { border-bottom: 1px solid #bbb !important; cursor: default !important; } div.classic-heading { padding: 10px; box-sizing: border-box; } .classic-heading:hover td { background: none !important; } div.at-classic-heading { border: none !important; background: #fff; margin-top: 10px; box-shadow: 0px 0px 3px #ccc; border-radius: 3px; border-top: 2px solid #006bb2 !important; } .nowrap { white-space: nowrap; } div.all-table-actions { border: 0px !important; padding-left: 0px; } div.all-table-actions + .all-table { } #all-table-actions { margin-bottom: 0px; margin-top: 10px; padding: 0px; } .message-from { max-width: 70%; } .row-date { display: block; font-size: 0.8em; color: #888; font-weight: normal; font-style: italic; } .transcribed-text { font-style: italic; color: #888; font-weight: normal !important; } .rounded-button { position: absolute; right: 10px; top: 50%; margin-top: -20px; border-radius: 15px; padding: 0px 10px; height: 40px; line-height: 40px; color: #fff; box-sizing: border-box; display: inline-block; background: #006bb2; cursor: pointer; } input[type="checkbox"]:not(.keep):not(.tickbox) + label { position: relative; display: inline-block; width: 54px; height: 30px; background: #bbb; border-radius: 5px; transition: 0.3s ease all; vertical-align: top; } input[type="checkbox"]:not(.keep):not(.tickbox) + label:hover { box-shadow: 0px 0px 2px #aaa; } input[type="checkbox"]:not(.keep):not(.tickbox) + label:before { position: absolute; font-weight: bold; font-size: 0.6em; text-transform: uppercase; color: #fff; top: 8px; } input[type="checkbox"]:not(.keep):not(.tickbox) + label:after { content: ""; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 5px; background: #fff; background: linear-gradient(to bottom, #fff, #eee); box-shadow: 0px 0px 3px #999; transition: 0.3s ease all; } input[type="checkbox"]:not(.keep):not(.tickbox) + label:hover { cursor: pointer; } input[type="checkbox"]:not(.keep):not(.tickbox):not(:checked) + label:before { content: "off"; right: 5px; } input[type="checkbox"]:not(.keep):not(.tickbox):not(:checked ) + label:after { left: 3px; } input[type="checkbox"]:not(.keep):not(.tickbox):checked + label:before { content: "on"; left: 7px; } input[type="checkbox"]:not(.keep):not(.tickbox):checked + label:after { left: calc(100% - 27px); } input[type="checkbox"]:not(.keep):not(.tickbox):checked + label { background: #006bb2; } input[type="checkbox"]:not(.keep):not(.tickbox) + label + span { display: inline; min-height: 30px; line-height: 30px; vertical-align: top; } .readonly { background: #ddd !important; } input[type="checkbox"].tickbox + label { position: relative; display: inline-block; width: 18px; height: 18px; background: #ddd; border: 3px solid #fafafa; box-shadow: 0px 0px 2px #aaa; transition: 0.1s ease background-color; vertical-align: top; box-sizing: border-box; } input[type="checkbox"].tickbox + label:hover { box-shadow: 0px 0px 2px #777; background: #ccc; } input[type="checkbox"].tickbox:checked + label { background: url("../img/maxoacc/nav-icons.png") #006bb2; background-size: 300%; background-position: -12px -168px } input[type="radio"]:not(.keep):not(.radio-box) + label { position: relative; display: inline-block; width: 18px; height: 18px; background: #eee; border: 3px solid #fafafa; box-shadow: 0px 0px 2px #aaa; border-radius: 30px; transition: 0.1s ease all; vertical-align: top; box-sizing: border-box; } input[type="radio"]:not(.keep):not(.radio-box) + label:hover { box-shadow: 0px 0px 2px #777; background: #ddd; } input[type="radio"]:not(.keep):not(.radio-box):checked + label { background: #006bb2; } .radio-wrap { display: inline-block; box-sizing: border-box; border: 1px solid #ccc; border-radius: 3px; vertical-align: top; background: #eee; } .radio-box + label { float: left; box-sizing: border-box; padding: 0px 10px; height: 31px; line-height: 31px; background: #eee; cursor: pointer; border-radius: 3px; text-transform: uppercase; font-weight: 300; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio-box[disabled] + label { opacity: 0.5; } .radio-box + label:hover { background: #fff; } .radio-box:checked + label { background: #006bb2; color: #fff; } .radio-box { display: none; } #dest-template-wrapper { position: absolute; } .extra-font { font-size: 1.1em; } .adv-options,#adv-options{display:none;} .tc-checkbox { display: none; } .tc-checkbox + label { float: left; position: relative; margin-right: 3px; font-weight: bold; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #eee; color: #aaa; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .tc-checkbox + label:hover { box-shadow: 0px 0px 2px #aaa; } .tc-checkbox + label:hover { cursor: pointer; } .tc-checkbox:checked + label { background: #006bb2; color: #fff; } .time-toggle { display: none; } .time-toggle + label { position: relative; vertical-align: top; display: inline-block; width: 65px; height: 37px; background: #bbb; border-radius: 555px; transition: 0.3s ease all; } .time-toggle + label:hover { box-shadow: 0px 0px 2px #aaa; } .time-toggle + label:before { position: absolute; font-weight: bold; font-size: 0.7em; text-transform: uppercase; color: #fff; top: 11px; } .time-toggle + label:after { content: ""; position: absolute; top: 3px; left: 3px; width: 31px; height: 31px; border-radius: 555px; background: #fff; background: linear-gradient(to bottom, #fff, #eee); box-shadow: 0px 0px 3px #999; transition: 0.3s ease all; } .time-toggle + label:hover { cursor: pointer; } .time-toggle:not(:checked) + label { background: #38b0ff; } .time-toggle:not(:checked) + label:before { content: "AM"; right: 9px; } .time-toggle:not(:checked) + label:after { left: 3px; } .time-toggle:checked + label { background: #006bb2; } .time-toggle:checked + label:before { content: "PM"; left: 9px; } .time-toggle:checked + label:after { left: calc(100% - 34px); } select { padding: 5px 20px 5px 5px !important; border: 1px solid #ccc; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a { color: #006bb2; } /* TOP BARS */ .down-tri { display: inline-block; margin-bottom: 2.5px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #fff transparent transparent transparent; opacity: 0.8; } #top-user:hover #top-username, #top-user:hover .down-tri, .top-user-selected #top-username, .top-user-selected .down-tri { opacity: 1.0; } #top-bar { background: #006bb2; display: inline-block; width: 100%; position: relative; } #top-bar, #top-shortcuts, #top-user, #top-shortcuts { height: 65px; line-height: 65px; } #top-user { float: right; padding: 0px 15px; color: #fff; font-size: 1.2em; box-sizing: border-box; transition: 0.1s ease all; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #top-user:hover, .top-user-selected { background: #005893; cursor: pointer; transition: 0.1s ease all; color: #fff !important; } #top-user-icon { width: 20px; height: 20px; display: inline-block; float: left; margin-top: 22px; margin-right: 8px; background: url("../img/maxoacc/nav-icons.png") no-repeat; background-position: -40px -20px; background-size: 300%; } #top-user:hover #top-user-icon, .top-user-selected #top-user-icon { background-position: -40px -40px; } #top-user:hover .down-tri, .top-user-selected .down-tri { border-color: #fff transparent transparent transparent;} .two-panel-heading-button .down-tri { border-color: #555 transparent transparent transparent; } .two-panel-heading-button.active .down-tri { border-color: #fff transparent transparent transparent; } #top-user-drop-box { position: absolute; background: #fff; box-shadow: 0px 0px 3px #999; top: 65px; right: 0px; width: auto !important; font-size: 1.1em; display: none; z-index: 100; } #top-user-drop-box ul { padding: 0px; margin: 0px; list-style-type: none; width: 100%; } #top-user-drop-box ul li { padding: 0px; margin: 0px; height: 40px; line-height: 40px; } #top-user-drop-box ul li:last-child { border: 0px; } #top-user-drop-box ul li a { height: 40px; line-height: 40px; margin: 0px; display: block; padding: 0px 20px; width: 100%; font-size: 1.0em; border-bottom: 1px solid #eee; color: #333; text-align: right; box-sizing: border-box; white-space: nowrap; transition: 0.1s ease all; text-decoration: none; } #top-user-drop-box ul li a:hover { background: #eee; transition: 0.1s ease all; } #top-username { float: left; margin-right: 8px; opacity: 0.8; } { opacity: 1.0; } .tudb-icon { display: none; } /* #top-user-drop-box { position: absolute; top: 0px; left: 0px; width: 100%; background: #fff; box-shadow: 0px 0px 3px #999; background: rgba(0,0,0,0.6); font-size: 1.1em; display: none; z-index: 100; padding-bottom: 10px; } #top-user-drop-box ul { padding: 0px; margin: 0px; list-style-type: none; width: 100%; } #top-user-drop-box ul li { margin: 0px; float: right; } #top-user-drop-box ul li:last-child { border: 0px; } #top-user-drop-box ul li a { border-width: 1px; border-style: solid; height: 150px; width: 150px; color: #fff; text-align: center; margin: 10px; margin-left: 0px; margin-bottom: 0px; display: block; padding: 0px 20px; font-size: 1.2em; font-weight: 300; box-sizing: border-box; white-space: nowrap; text-decoration: none; position: relative; } #top-user-drop-box ul li a span { position: absolute; bottom: 7px; left: 7px; display: inline-block; } #top-user-drop-box ul li a:hover { transform: scale(1.05); } #top-username { float: left; margin-right: 8px; } .tudb-icon { background: url("../img/maxoacc/icons-white.png") no-repeat; background-size: 300%; display: inline-block; height: 80px; width: 80px; position: absolute; top: 40%; margin-top: -40px; left: 50%; margin-left: -40px; } .top-user-billing { background: #006bb2; border-color: #90d3ff; } .top-user-billing .tudb-icon { background-position: -80px -960px; } .top-user-account { background: #11b265; border-color: #96ffcd; } .top-user-account .tudb-icon { background-position: 0px -960px; } .top-user-contact { background: #d41472; border-color: #ffa3d0; } .top-user-contact .tudb-icon { background-position: -160px -960px; } .top-user-signout { background: #ff944e; border-color: #ffc9a5; } .top-user-signout .tudb-icon { background-position: 0px -640px; } */ #top-shortcuts { background: #004b7d; width: 100%; display: table; } #top-shortcuts > div { width: 33.333%; border-right: 1px solid #005c99; box-sizing: border-box; height: 100%; vertical-align: middle; display: table-cell; text-align: center; } #top-shortcuts > div:hover { background: #00253e; cursor: pointer; } #top-shortcuts > div:last-child { border: 0px; } #top-shortcuts > div > div{ width: 20px; height: 20px; display: block; margin: 0px auto; padding: 0px; } #top-home-img { background: url("../img/maxoacc/top-icons.png") no-repeat; background-size: 200%; background-position: 0px 0px; } #top-home:hover #top-home-img { background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: -20px 0px; background-size: 200%; } #top-contact-img { background: url("../img/maxoacc/top-icons.png") no-repeat; background-size: 200%; background-position: 0px -160px; } #top-contact:hover #top-contact-img { background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: -20px -160px; background-size: 200%; } #top-search-img { background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: 0px -20px; background-size: 200%; } #top-search:hover #top-search-img { background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: -20px -20px; background-size: 200%; } #top-settings-img { background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: 0px -40px; background-size: 200%; } #top-settings:hover #top-settings-img { background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: -20px -40px; background-size: 200%; } #top-activity { height: 100%; display: table; margin-left: 10px; float: left; } /*#top-activity > div:not(:first-child) { display: none; }*/ #top-activity > button { background: transparent; border: none; } #top-activity > div,#top-activity > button { box-sizing: border-box; height: 100%; vertical-align: middle; display: table-cell; text-align: center; padding: 0px 15px; position: relative; } #top-activity > div:hover,#top-activity > button:hover { /*background: #005893;*/ cursor: pointer; } #top-activity > div > div,#top-activity > button > div { height: 20px; display: block; margin: 0px auto; padding: 0px; } #top-menu-img { width: 20px; background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: 0px -100px; background-size: 200%; } #top-menu:hover #top-menu-img{ background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: -20px -100px; background-size: 200%; } #top-activity-calls-img { width: 20px; background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: 0px -60px; background-size: 200%; } #top-activity-calls:hover #top-activity-calls-img{ background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: -20px -60px; background-size: 200%; } #top-activity-vm-img { width: 20px; background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: 0px -80px; background-size: 200%; } #top-activity-vm:hover #top-activity-vm-img{ background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: -20px -80px; background-size: 200%; } #top-notification-img { width: 20px; background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: 0px -120px; background-size: 200%; } #top-notification:hover #top-notification-img{ background: url("../img/maxoacc/top-icons.png") no-repeat; background-position: -20px -120px; background-size: 200%; } #top-menu { display: none !important; } .act-counter { position: absolute; top: 16px; right: 8px; border-radius: 20px; font-size: 0.8em; z-index: 50; width: 15px; height: 15px; line-height: 15px; background: #11b265; color: #fff; } .portal-partner .act-counter { background: #fd181e; } .act-box-warning .act-counter { font-size: 0px; background: transparent; top: 16px; } .act-box-warning .act-counter:after { font-size: 16px; content: "\f06a"; font-family: "Font Awesome 5 Pro"; font-weight: bold; color: #f09d00; } .act-box-title { background: #11b265; color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 4px; } .act-show-box { cursor: default; min-width: 350px; max-height: 300px; overflow-y: auto; position: absolute; top: 65px; left: 0px; top: 55px; background: #fff; line-height: 20px; padding: 0px; border-radius: 3px; box-shadow: 0px 0px 5px #777; display: none; z-index: 9999; } .act-show-box table { border-collapse: collapse; width: 100%; } .act-show-box table td { padding: 0px 10px; height: 27px; line-height: 27px; } .act-show-box table tr:nth-of-type(2n) td { background: #f7f7f7; } .act-show-box table tr:nth-of-type(2n+1) td { background: #fff; } .act-show-box ul,.act-show-box ul li { list-style-type: none; padding: 0px; margin: 0px; } .act-show-box ul li { display: table; width: 100%; height: 50px; } .mark-as-read,.act-show-box ul li { border-bottom: 1px solid #ddd; position: relative; } .notification-icon { position: absolute; left: 15px; top: 50%; transform: translate3d(0,-50%,0); } .act-show-box ul li .alert { background: url("../img/maxoacc/alert.png") no-repeat; } .act-show-box ul li a { cursor: default; display: table-cell; vertical-align: middle; min-height: 50px; width: 100%; color: #000; padding: 10px 15px 10px 50px; text-align: left; background-size: 20px !important; background-position: 15px 50% !important; text-decoration: none; color: #444; position: relative; cursor: pointer; } .act-show-box ul li a.no-link { cursor: default; } .act-show-box ul li a:hover { background-color: #eee !important; } .act-show-box ul li span { display: inline-block; } .notification-time { color: rgba(0,0,0,0.4); font-weight: normal; } .notification-status { position: absolute; padding: 15px; right: 0px; top: 50%; transform: translate3d(0%,-50%,0); box-sizing: border-box; border-radius: 100%; } .notification-status-circle { border: 3px solid #006bb2; height: 10px; width: 10px; border-radius: 10px; box-sizing: border-box; } .notification-status:hover .notification-status-circle { box-shadow: 0px 0px 5px rgba(0,0,0,0.2); } .message-read .notification-status-circle { border-color: #ccc; display: none; } .message-read:hover .notification-status-circle { display: block; } .message-unread .notification-status-circle { border-color: #006bb2; } .message-type { display: block; text-align: center; width: 20px; } .message-type { font-size: 1.3em; } .message-type:after { font-family: "Font Awesome 5 Pro"; font-weight: bold; color: rgba(0,0,0,0.6); } .message-type.message-error:after { content: "\f057"; color: #fd181e; } .message-type.message-information:after { content: "\f05a"; color: #006bb2; } .message-type.message-registration:after { content: "\f098"; color: #d20072; } .message-type.message-warning:after { content: "\f071"; color: #ff7418; } .message-type.message-promotional:after { content: "\f07a"; color: #11b265; } .message-type.message-xmas:after { content: "\f7dc"; color: #009933; } .bubble-message { color: #fff; display: inline-block; padding: 5px 8px; border-radius: 5px; border: 1px solid rgba(0,0,0,0.2); } .bubble-message:before { font-family: "Font Awesome 5 Pro"; font-weight: bold; color: #fff; font-size: 0.9em; margin-right: 5px; } .bubble-success { background: #11b265; } .bubble-success:before { content: "\f058"; } .bubble-warning { background: #ff7418; } .bubble-warning:before { content: ""; margin-right: 0px; } .bubble-error { background: #fd181e; } .bubble-error:before { content: "\f071"; } #sync-status-wrapper { position: absolute; top: 15px; left: 15px; font-size: 0.9em; z-index: 1; } #prov-sync-status > .bubble-warning i { animation: 2s syncSpin infinite linear; } @keyframes syncSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #refresh-sync-status { display: inline-block; color: #fff; margin-left: 5px; cursor: pointer; } #refresh-sync-status:hover { color: #ddd; } #save-phone-configuration { position: absolute; bottom: -40px; left: 0px; } #edit-phone-profile { position: absolute; bottom: -40px; right: 0px; } .notification-status { cursor: pointer; } .view-all-notifications { text-align: center; height: 40px; line-height: 40px; } .message-unread { background-color: #f7f7f7 !important; font-weight: bold; } .mark-as-read { height: 40px; line-height: 40px; width: 100%; text-align: right; padding: 0px 10px; box-sizing: border-box; } .mark-as-read a { float: right; } .mark-as-read span { float: left; color: #333; } .false { cursor: default; } /* LEFT NAVIGATION */ .nav-heading { font-size: 1.05em; padding: 15px 0px; color: #444; font-style: italic; text-indent: 10px; } #profile-box { width: 100%; text-align: center; padding: 40px 0px; } #profile-image { width: 100%; height: 70px; display: inline-block; background: url("../img/maxoacc/profile.png") no-repeat; background-size: auto 70px; background-position: center; } #profile-name { margin-top: 5px; font-size: 1.1em; font-weight: bold; } nav { display: inline-block; width: 100%; box-sizing: border-box; color: #686e76; } nav > ul { border-top: 1px solid #eee; } nav ul { padding: 0px; margin: 0px; list-style-type: none; } nav > ul > li { padding: 0px; margin: 0px 0px 0px 0px; position: relative; } nav > ul > li > a:active { box-shadow: inset 0px 0px 0px; } nav > ul > li a:hover {} nav > ul > li > ul > li:hover { } nav > ul > li > a {box-sizing: border-box; } nav ul li a { position: relative; width: 100%;display: inline-block; height: 50px; line-height: 50px; text-indent: 47px; /*text-transform: uppercase;*/ text-decoration: none; color: #686e76; font-size: 1.05em; } nav > ul > li > a:hover,nav > ul > li a:active, nav > ul > li:hover { background: #f3f3f3; color: #686e76 !important; } nav > ul > li > ul { display: none; border-top: 0px; background: #fff; } nav > ul > li ul a, nav > ul > li ul li { color: #686e76 !important; border-radius: 0px !important; padding: 0px !important; margin: 0px !important; text-transform: capitalize;} nav > ul .n-selected, nav > ul .n-selected > a { color: #686e76 !important; } nav > ul > li ul li { } nav > ul > li ul a { text-indent: 60px; } nav > ul > li ul.ul-icons a { text-indent: 75px; } nav > ul > li > ul > li:first-child a { box-shadow: inset 0px 7px 7px -7px #aaa; } nav > ul > li > ul > li:last-child a { box-shadow: inset 0px -7px 7px -7px #aaa; } nav > ul > li ul li:last-child,nav > ul > li ul li:last-child a { border-bottom: 0px; } nav > ul > li ul li:hover,nav > ul > li ul li:hover a { color: #686e76 !important; background: #f3f3f3; } nav ul li a .ln-icon { display: block; height: 25px; width: 25px; position: absolute; top: 50%; margin-top: -12.5px; margin-left: 15px; } nav > ul > .n-selected > a { background: #f3f3f3; color: #686e76 !important; } .n-selected > a { border-left-color: #006bb2; } .n-selected { border-left-color: #003254; } nav > ul > li > ul > .n-selected > a { color: #686e76; background: #f3f3f3; } .ln-submenu { position: absolute; display: block; right: 10px; top: 0px; } .n-flat > a { border-radius: 0px !important; } .n-flat { border-radius: 0px !important; } nav ul li, nav ul li a, nav ul li:hover, nav ul li a:hover { } nav > ul > li .ln-submenu { font-size: 0px; } nav > ul > li .ln-submenu:before { content: ""; border-top: 1px solid #686e76; width: 6px; height: 0px; transform: rotate(45deg); position: absolute; right: 2px; top: 20px; display: block !important; transition: 0.2s linear all; } nav > ul > li .ln-submenu:after { content: ""; border-top: 1px solid #686e76; width: 6px; height: 0px; transform: rotate(135deg); position: absolute; right: 2px; top: 24px; display: block !important; transition: 0.2s linear all; } nav > ul .n-selected .ln-submenu:before { transform: rotate(135deg); top: 22px; right: 0px; } nav > ul .n-selected .ln-submenu:after { transform: rotate(225deg); top: 22px; right: 4px; } nav > ul > li > ul li a:after { content: ""; display: block; position: absolute; height: 100%; top: 0px; left: 25px; border-left: 1px solid #ddd; } nav > ul > li > ul li a:before { content: ""; display: block; position: absolute; width: 20px; top: 50%; left: 25px; border-top: 1px solid #ddd; } /* LEFT NAVIGATION ICONS */ .ln-flag-text { float: right; margin-right: 10px; color: #d20072; font-size: 0.7em; font-weight: bold; } .ln-icon,.direction-in,.direction-out,.recplay,.recdownload,.delete-recording,.new-message,.hangup-btn,.sound-icon { background: url("../img/maxoacc/icons.png?2") no-repeat; background-size: 300%; } #left-nav-sms .ln-icon { background-position: 0px -350px; } #left-nav-planchange .ln-icon { background-position: -25px -300px; } #left-nav-kb .ln-icon { background-position: -25px -175px; } #left-nav-ff .ln-icon { background-position: -50px -250px; } #left-nav-clients .ln-icon{ background-position: -50px -250px; } #left-nav-statements .ln-icon{ background-position: -50px -375px; } #left-nav-details .ln-icon{ background-position: -50px -350px; } #left-nav-dashboard .ln-icon{ background-position: 0px 0px; } #left-nav-calllog .ln-icon{ background-position: -50px -375px; } #left-nav-payments .ln-icon{ background-position: -25px -375px; } #left-nav-porting .ln-icon { background-position: -50px -175px; } #left-nav-dids .ln-icon { background-position: 0px -25px; } #left-nav-extns .ln-icon { background-position: 0px -50px;} #left-nav-vm .ln-icon { background-position: 0px -75px; } #left-nav-services .ln-icon { background-position: 0px -100px; } #left-nav-hostedpbx .ln-icon { background-position: 0px -125px; } #left-nav-myaccount .ln-icon{ background-position: 0px -150px; } #left-nav-sip .ln-icon { background-position: 0px -275px; } #left-nav-signout .ln-icon { background-position: 0px -200px; } #left-nav-authorisation .ln-icon { background-position: -50px -350px; } #left-nav-feedback .ln-icon { background-position: 0px -350px; } #left-nav-desktop .ln-icon { background-position: -50px -200px; } #left-nav .notification-count { position: absolute; left: 25px; top: 9px; width: 18px; height: 18px; line-height: 18px; text-indent: 0px; font-size: 0.7em; background: #11b265; color: #fff; border-radius: 100px; display: none; text-align: center; } #left-nav-payments .notification-count { background: #ff5555; } #left-nav .ul-icons .notification-count { left: auto; right: 10px; top: 16px; z-index: 2; border-radius: 3px; width: auto; padding: 0px 2px; min-width: 12px; } nav ul ul li a .ln-icon { margin-left: 50px; width: 20px; height: 20px; margin-top: -10px; } #icon-pbxexternal .ln-icon { background-position: -40px -220px; } #icon-pbxqueues .ln-icon { background-position: -20px -200px; } #icon-pbxringgroups .ln-icon { background-position: -40px -200px; } #icon-pbxpagegroups .ln-icon { background-position: 0px -280px; } #icon-pbxspeeddials .ln-icon { background-position: -40px -140px; } #icon-pbxivr .ln-icon { background-position: -40px -60px; } #icon-pbxsounds .ln-icon { background-position: -20px 0px; } #icon-pbxholdmusic .ln-icon { background-position: 0px -320px; } #icon-pbxparking .ln-icon { background-position: -40px -100px; } #icon-pbxtimeswitch .ln-icon { background-position: -40px -20px; } #icon-pbxstatistics .ln-icon { background-position: -20px -320px; } #icon-pbxoptions .ln-icon { background-position: -40px -280px; } #icon-addressbook .ln-icon { background-position: -40px -300px; } #icon-kb .ln-icon { background-position: -20px -140px; } #icon-feedback .ln-icon { background-position: 0px -280px; } #icon-siptrunks .ln-icon { background-position: 0px -220px; } #icon-featureforum .ln-icon { background-position: -40px -300px; } #icon-diversion .ln-icon { background-position: -40px -220px; } #icon-fax .ln-icon { background-position: -40px -120px; } #icon-conference .ln-icon { background-position: -20px -220px; } #icon-porting .ln-icon { background-position: -40px -140px; } #icon-sms .ln-icon { background-position: 0px -280px; } #icon-recordcalls .ln-icon { background-position: -20px 0px; } #icon-callback .ln-icon { background-position: -40px -160px; } .div-active, .div-inactive { font-size: 0.9em; } .div-active { color: #11b265; font-weight: bold; } .div-inactive { opacity: 0.2; } .minimum-width { display: inline-block !important; width: auto !important; padding-left: 10px; padding-right: 10px; } .direction-in, .direction-out, .new-message, .hangup-btn { font-size: 0px; height: 25px; width: 25px; } .new-message { background-position: -25px -50px; float: left; display: inline-block; } .height-25 { float: left; height: 25px; line-height: 25px; font-weight: bold; text-indent: 5px; } .direction-in { background-position: 0px -225px; } .direction-out { background-position: -25px -225px; } .hangup-btn { background-position: -50px -225px; display: inline-block; vertical-align: top; } .recplay,.recdownload,.delete-recording,.processing-sound,.recording-sound,.sound-icon { display: inline-block; width: 25px; height: 25px; background-position: -25px 0px; float: right; } .recplay { cursor: pointer; } .recdownload { background-position: -25px -100px; } .sound-icon { float: none; vertical-align: top; } .delete-recording { margin-top: 2px; height: 20px; width: 20px; background-position: -20px -20px; } .recdel { margin-right: 7px; position: absolute; right: 22px; } .calllog-block { color: #ef5252; cursor: pointer; } .processing-sound { background: url("../img/maxoacc/processing.gif") no-repeat; background-size: 100%;} .recording-sound { background: url("../img/maxoacc/recording.gif") no-repeat; background-size: 100%;} #left-nav, #left-col { min-width: 220px; width: 220px; } #left-nav { padding-bottom: 100px; } #left-nav-wrap { } #logo { width: 220px; height: 90px; padding: 20px 20px; background-size: 130px; display: inline-block; border-top: 1px solid #bbb; position: absolute; bottom: 0px; left: 0px; box-sizing: border-box; text-align: center; } #logo img { max-height: 100%; max-width: 100%; display: inline-block; } /* MAIN CONTENT */ .maxo-wrap { width: 100%; float: left; } #dids-display-rect,.display-rectangle { display: table; width: calc(100% + 20px); table-layout: fixed; border-spacing: 10px 0px; border-collapse: separate; margin: 0 -10px; } #dids-display-rect .display-rect-box,.display-rectangle .display-content{ display: table-cell; vertical-align: middle; position: relative; } #dids-display-rect .display-rect-box:before ,.display-rectangle .display-content:before{ display: table-cell; width: 30px; background: #000; } .dr-one-column { width: 50% !important; margin: 0px; } #dids-display-rect .display-rect-box:last-child,.display-rectangle .display-rect-box:last-child { margin: 0px; } #dids-display-rect.four-columns .display-rect-box > div:first-child { padding: 0px !important; } .display-rect-box,.display-content { background: #fff; border-radius: 3px; box-shadow: 0px 0px 3px #ccc; } .display-rect-box > div { box-sizing: border-box; display: table-cell; vertical-align: middle; text-align: left; } .display-rect-box > div:last-child { box-sizing: border-box; padding: 20px; } .display-rect-box > div:first-child { width: 100px !important; padding: 0px 20px; text-align: center; } .drb-btn,.standard-btn { display: block; height: 35px; line-height: 35px; width: 100%; background: #006bb2; text-align: center; color: #fff; text-decoration: none; border-radius: 3px; transition: 0.1s ease all; } .drb-btn { margin-top: 5px; } .drb-btn:hover { background: #007ed2; transition: 0.1s ease all; } .drb-last { border-left: 1px solid #eee; height: 160px !important; } .balance-positive-box .drb-title { color: #11b265; } .balance-positive-box .drb-btn { background: #11b265; transition: 0.1s ease all; } .balance-positive-box .drb-btn:hover { background: #34bb7a; transition: 0.1s ease all; } .balance-negative-box .drb-title { color: #ff5555; } .balance-negative-box .drb-btn { background: #ff5555; transition: 0.1s ease all; } .balance-negative-box .drb-btn:hover { background: #ff7777; transition: 0.1s ease all; } .first-box .drb-title { color: #11b265; } .first-box .drb-btn { background: #11b265; transition: 0.1s ease all; } .first-box .drb-btn:hover { background: #34bb7a; transition: 0.1s ease all; } .second-box .drb-title { color: #ff7418; } .second-box .drb-btn { background: #ff7418; transition: 0.1s ease all; } .second-box .drb-btn:hover { background: #ff8737; transition: 0.1s ease all; } .third-box .drb-title { color: #fd181e; } .third-box .drb-btn { background: #fd181e; transition: 0.1s ease all; } .third-box .drb-btn:hover { background: #ff3136; transition: 0.1s ease all; } .fourth-box .drb-title { color: #006bb2; } .fourth-box .drb-btn { background: #006bb2; transition: 0.1s ease all; } .fourth-box .drb-btn:hover { background: #007ed2; transition: 0.1s ease all; } .fifth-box i,.fifth-box .drb-title { color: #d20072; } .fifth-box .drb-btn,.drb-btn-important { background: #d20072; transition: 0.1s ease all; } .fifth-box .drb-btn:hover,.drb-btn-important:hover { background: #e3248c; transition: 0.1s ease all; } .fifth-box i { font-size: 3.0em; } #dids-display-rect .drb-last,.display-rectangle .drb-last { width: 100% !important; } .display-rect-small-font { font-size: 0.9em; } .display-closer { margin-top: -3px; } .display-rect-box > div:first-child > i,.display-rect-box > div:first-child > div { min-width: 77px; min-height: 50px; display: inline-block; margin-top: 3px; padding: 0px; } .display-content > div:not(.rect-percent) { padding: 10px; box-sizing: border-box; } .rect-title,.rect-title-blue { font-size: 1.2em; text-transform: uppercase; font-weight: 300; border-bottom: 1px solid #eee; position: relative; } .rect-title-blue { background: #006bb2; color: #fff; border-top-right-radius: 3px; border-top-left-radius: 3px; } .rect-number { font-size: 3.0em; font-weight: bold; } .rect-desc { font-size: 0.9em; font-weight: 300; text-transform: uppercase; } .rect-stats-wrapper { display: table; width: 100%; table-layout: fixed; } .rect-stats { display: table-cell; vertical-align: middle; text-align: center; } .rect-stats-wrapper > div { border-right: 1px solid #eee; } .rect-stats-wrapper > div:last-of-type { border-right: 0px !important; } .success-color .rect-number { color: #11b265; } .error-color .rect-number { color: #ff5555; } .display-rectangle .display-content:nth-child(2) .rect-stats:nth-child(1) .rect-number { color: #006bb2; } .display-rectangle .display-content:nth-child(2) .rect-stats:nth-child(2) .rect-number { color: #ff7418; } .display-rectangle .display-content:nth-child(3) .rect-number { color: #D41472; } .display-rectangle .display-content:nth-child(4) .rect-stats:nth-child(1) .rect-number { color: #00acd7; } .display-rectangle .display-content:nth-child(4) .rect-stats:nth-child(2) .rect-number { color: #ffae00; } .rect-percent { position: absolute; bottom: 0px; height: 5px; background: #D41472; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #dashboard-wrapper:not(.dashboard-loaded) > div, #dashboard-wrapper:not(.dashboard-loaded) > table { visibility: hidden; } /*#dashboard-wrapper > div, #dashboard-wrapper > table { visibility: hidden; }*/ .animated { visibility: visible !important; } .send-fax-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -300px; background-size: 200%; } .plan-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -50px; background-size: 200%; } .balance-negative-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px 0px; background-size: 200%; } .balance-positive-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: -77px 0px; background-size: 200%; } .did-tollfree-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -100px; background-size: 200%; } .did-intl-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -150px; background-size: 200%; } .did-standard-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -201px; background-size: 201%; } .record-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -350px; background-size: 200%; } .music-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -400px; background-size: 200%; } .upload-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: -77px -350px; background-size: 200%; } .cc-configure-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -250px; background-size: 200%; } .access-numbers-icon { background: url("../img/maxoacc/large-icons.png?2"); background-position: -77px -300px; background-size: 200%; } .icon-question { background: url("../img/maxoacc/large-icons.png?2"); background-position: -77px -500px; background-size: 200%; } .icon-talk { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -500px; background-size: 200%; } .icon-add { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -550px; background-size: 200%; } .icon-music { background: url("../img/maxoacc/christmastree.png"); background-position: 0px -600px; background-size: contain; background-repeat: no-repeat; background-position: center; } .icon-add-magenta { background: url("../img/maxoacc/large-icons.png?2"); background-position: -77px -550px; background-size: 200%; } .icon-disabled { background: url("../img/maxoacc/large-icons.png?2"); background-position: -77px -400px; background-size: 200%; } .icon-disabled-blue { background: url("../img/maxoacc/large-icons.png?2"); background-position: -77px -450px; background-size: 200%; } .icon-enabled { background: url("../img/maxoacc/large-icons.png?2"); background-position: 0px -450px; background-size: 200%; } .balance-positive, .balance-negative, .plan-name-text, .drb-title { font-size: 1.8em; word-wrap: break-word !important; } .plan-name-text { color: #006bb2; } .balance-positive { color: #11b265; } .balance-negative { color: #ff5555; } .middle-box { width: 47% !important; height: 160px; margin-right: 1.5%; margin-left: 1.5%; float: left; } #display-subext { width: 25%; float: left; } #display-extensions { margin-bottom: 20px; } #display-subscriptions {} #display-subscriptions, #display-extensions { width: 100%; max-height: 160px; float: left; border-radius: 3px; box-shadow: 0px 0px 3px #ccc; overflow-y: auto; } #maxo-acc-content { display: inline-block; width: 100%; padding: 20px; box-sizing: border-box; margin-top: -5px; } .maxo-acc-title-btn { background: #006bb2; border-radius: 3px; color: #fff; padding: 0px 10px 3px 10px; text-decoration: none; text-transform: capitalize; font-size: 0.9em; } .maxo-acc-title-btn:hover { background: #007ed2; } .maxo-acc-title,.maxo-acc-title-medium { text-transform: uppercase; color: #004b7d; display: inline-block; width: 100%; } .maxo-acc-title { font-size: 1.9em; } .maxo-acc-title-medium { font-size: 1.2em; } .maxo-acc-title-small { font-size: 0.6em; text-transform: none; color: #004b7d; } .maxo-acc-box { width: 100%; background: #fff; border-radius: 3px; box-shadow: 0px 0px 3px #ccc; font-size: 1.1em; border-top: 3px solid #ccc; /*border-left: 4px solid #006bb2;*/ } .maxo-acc-box-left-bar-important { border: 0px; border-left: 4px solid #ea3864; color: #ea3864; } .important { color: #ea3864 !important; font-weight: bold !important; } .maxo-acc-box-left-bar { border: 0px; border-left: 4px solid #006bb2; } .maxo-acc-box-left-bar-red { border: 0px; border-left: 4px solid #ea3864; } .maxo-acc-box-left-bar-red .maxo-acc-title-medium { color: #ea3864; } .maxo-acc-box-left-bar-orange { border: 0px; border-left: 4px solid #ff8800; } .maxo-acc-box-left-bar-orange .maxo-acc-title-medium { color: #ff8800; } .maxo-acc-box-no-bar { border: 0px; } .maxo-acc-box-content { padding: 10px; } .maxo-acc-box-title,.maxo-acc-box-title-blue { height: 35px; line-height: 35px; text-indent: 10px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #004b7d; text-transform: uppercase; } .maxo-acc-box-title { background: linear-gradient(to bottom, #f8f8f8 0%,#eaeaea 100%); transition: 0.2s ease all; } .maxo-acc-box-title-blue, .mabt-blue { background: #006bb2; color: #fff; } .mabt-disabled { background: #888 !important; color: #fff; transition: 0.2s ease all; } .mabt-enabled { background: #11b265 !important; color: #fff; transition: 0.2s ease all; } .maxo-acc-box-padding { padding: 15px; box-sizing: border-box; transition: 0.2s ease all; } #maxo-quick-links > div > div:last-child { margin-right: 0px; } #maxo-quick-links > div > div { width: 15%; height: 80px; line-height: 80px; text-align: center; background: #fff; float: left; box-shadow: 0px 0px 3px #aaa; border-radius: 3px; margin-right: 2%; transition: 0.1s ease all; } #maxo-quick-links > div > div:hover { background: #daf0ff; cursor: pointer; transition: 0.1s ease all; } #maxo-quick-links > div { margin-bottom: 20px; width: 100%; float: left; } #maxo-quick-links > div:last-child { margin-bottom: 0px; } .default-font { font-family: monospace; } /* CIRCLES */ .circle-icon { width: 45px; height: 45px; line-height: 45px; } .circle-active-calls-img { background: url("../img/maxoacc/circle-icons.png"); } .circle-dids-img { background: url("../img/maxoacc/circle-icons.png"); background-position: -45px 0px; } .circle-extns-img { background: url("../img/maxoacc/circle-icons.png"); background-position: -90px 0px; } .circle-vm-img { background: url("../img/maxoacc/circle-icons.png"); background-position: -135px 0px; } .circle-registered-extns-img { background: url("../img/maxoacc/circle-icons.png"); background-position: -180px 0px; } .circle-unregistered-extns-img { background: url("../img/maxoacc/circle-icons.png"); background-position: -225px 0px; } .circle-current { font-size: 1.7em; font-weight: bold; } .circle-type { margin-top: -2px; } .circle-max { font-size: 0.8em; } .pcirc-label { color: #004b7d; } #stat-circles { display: inline-block; } #stat-circles > div { float: left; margin-right: 40px; } /* SWITCH-OPTIONS */ .switch-option { display: block; height: 250px; width: 350px; background: #fff; position: relative; box-sizing: border-box; box-shadow: 0px 0px 3px #aaa; border-radius: 3px; text-decoration: none; } .switch-option span { height: 50%; width: 100%; position: absolute; left: 0px; text-align: center; display: flex; justify-content: center; align-items: center; } .switch-option span:first-child { top: 0px; font-size: 1.2em; } .switch-option span:last-child { bottom: 0px; color: #333; } .so-enabled { color: #11b265; } .so-disabled { color: red; } .so-enabled span:last-child { background: #eee; } /* REGISTRATION */ a.registration-1,a.registration-0 { float: left; height: 15px; line-height: 15px; text-decoration: none; text-indent: 5px; } .registration-icon { width: 13px; height: 13px; float: left; border: 1px solid #000; border-radius: 15px; display: inline-block; } .registration-1 { color: #009d52; } .registration-0 { color: #777; } .registration-1 .registration-icon { background: #11b265; } .registration-0 .registration-icon { background: #999; } /* EXTRA CLASSES */ .small-text { font-size: 0.8em; } .small-bold { font-size: 0.8em; font-weight: bold; } .medium-bold { font-size: 1.2em; font-weight: bold; } .ui-loader { display: none !important; } .edit-col { width: 120px !important; text-align: right !important; padding-right: 10px !important; } .edit-col-small { width: 40px !important; text-align: right !important; padding-right: 10px !important; } .edit-right-col { width: 100px !important; text-align: right !important; } .maxo-form-table-heading { font-size: 1.2em; text-indent: 10px; color: #006bb2 !important; text-transform: uppercase; } .maxo-form-table { font-size: 1.0em; width: 100%; border-collapse: collapse; } .maxo-form-table input[type="text"],.maxo-form-table input[type="password"],.maxo-form-table input[type="file"],.maxo-form-table textarea{ font-size: 1.1em; } .maxo-form-table input[type="text"],.maxo-form-table input[type="password"],.maxo-form-table input[type="file"],.maxo-form-table select,.maxo-form-table textarea{ width: 100% !important; padding: 5px; } .maxo-form-table textarea { min-height: 150px; } .maxo-form-table select { border: 1px solid #ccc; border-radius: 3px; } .maxo-form-table > tr > td,.maxo-form-table > tbody > tr > td { border-bottom: 1px dashed #ddd; padding: 5px 10px; } .maxo-form-table > tr > td:first-child,.maxo-form-table > tbody > tr > td:first-child { text-align: right; width: 10%; font-weight: bold; color: #333; padding-left: 10px; white-space: nowrap; } .maxo-form-table > tr > td:last-child,.maxo-form-table > tbody > tr > td:last-child { text-align: left; width: auto; color: #333; } .maxo-form-table.fixed-layout { table-layout: fixed; } .maxo-form-table.fixed-layout > tr > td,.maxo-form-table.fixed-layout > tbody > tr > td { width: auto !important; text-align: left; } #pbox .maxo-form-table > tr > td:first-child, #pbox .maxo-form-table > tbody > tr > td:first-child, .e-window-content .maxo-form-table > tr > td:first-child, .e-window-content .maxo-form-table > tbody > tr > td:first-child { width: auto; } #pbox .maxo-form-table > tr > td:last-child, #pbox .maxo-form-table > tbody > tr > td:last-child, .e-window-content .maxo-form-table > tr > td:last-child, .e-window-content .maxo-form-table > tbody > tr > td:last-child { width: auto; } /*.maxo-form-table tr:first-child td { border-top: 1px dashed #ddd; }*/ .maxo-form-table > tr:last-child > td { border: 0px; } .maxo-form-table .footer-row td { border-top: 1px solid #000; background: #eee; font-weight: bold; } .maxo-form-table tr.unselected td { opacity: 0.3; } .maxo-form-table tr.unselected td:first-child { opacity: 1.0; } .maxo-form-table tr.unselected td:last-child * { display: none !important; } .maxo-form-table tr.unselected td:last-child:after { display: block; content: "Click to edit..."; } .text-center { text-align: center; } .table-center { display: inline-block; text-align: left; } .flotTip { font-size: 1.0em !important; box-shadow: 0px 0px 3px #777; border-radius: 3px !important; border: 0px !important; } .ch-chart { width: 100%; height: 230px; background: #fff; color: #fff; } #dids-display-rect.maxo-acc-small-padding { padding-top: 10px; } .standard-font { font-size: 1.1em; } .medium-font { font-size: 1.2em; } .side-padding { padding: 0px 20px !important; } .all-table, .maxo-acc-small-padding { margin: 10px 0px 0px 0px; } .sub-table { border-left: 3px solid #006bb2; border-collapse: collapse; width: 100%; } .sub-table tr td { border-bottom: 1px solid rgba(0,0,0,0.1); } .sub-table tr:last-child td { border: 0px; } .padding-top-10 { padding-top: 10px; } .table-smaller { font-size: 0.95em !important; } .maxo-acc-padding { margin: 30px 0px 0px 0px; } .left { float: left; } .hidden { display: none; } .small-margin-top { margin-top: 10px; } .delete-btn,.faded-btn { cursor: pointer; width: 100%; display: block; height: 35px; line-height: 31px; border: 2px solid #bbb; color: #bbb; font-weight: bold; text-align: center; box-sizing: border-box; text-transform: uppercase; border-radius: 3px; } .faded-btn-important,.delete-btn:hover,.faded-btn:hover { background: #d20072; color: #fff; border: 2px solid #d20072; } .hi-imp:not(.confirm-btn) { display: none !important; } .confirm-btn.hi-imp { position: fixed; left: 99999px; top: 99999px; width: 0px !important; height: 0px !important; padding: 0px !important; font-size: 0px !important; background: transparent !important; visibility: hidden; } .sh-imp { display: block !important; } .loading-img { background: url("../img/maxoacc/spinning.gif") no-repeat center #009e66 !important; } .loader { display: none; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); background: url("../img/maxoacc/loader.gif") #fff; border: 10px solid #fff; border-radius: 10px; width: 128px; height: 128px; margin-left: -74px; margin-top: -74px; position: fixed; top: 50%; left: 50%; z-index: 9999; } .loader span { position: absolute; top: 148px; font-size: 1.1em; white-space: nowrap; left: 50%; transform: translate3d(-50%,0,0); padding: 10px 20px; box-sizing: border-box; background: #0099ff; color: #fff; font-weight: bold; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); border-radius: 10px; } .loader-bg { display: none; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 10; } #content-loading { height: 3px; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; background: red; display: none; } #loader-horizontal { display: none; height: 3px; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; background: url("../img/maxoacc/loader-horizontal.gif") repeat-x; } .extn-password { padding-right: 5px; } .add-btn { padding: 2px 10px; text-transform: uppercase; font-size: 0.9em; border-radius: 5px; height: 20px; line-height: 20px; display: inline-block; background: #fff; color: #000; text-decoration: none; } .help-icon { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; background-position: -20px -140px; vertical-align: top; display: inline-block; height: 20px; width: 20px; } .help-icon:hover { background-position: -20px -160px; cursor: help; } .help-icon.show-info-window { cursor: pointer; } .oval-btn { vertical-align: top; text-decoration: none; } .oval-btn:not(.conf-oval):not(.del-oval):not(.download-oval):not(.view-oval):not(.upload-oval):not(.old-oval):not(.new-oval) { border-radius: 3px; display: inline-block; text-decoration: none; height: 20px; line-height: 20px; width: 20px; transition: 0.1s ease background-color !important; } .oval-btn.del-oval,.download-oval,.view-oval,.upload-oval,.old-oval,.new-oval,.protected-oval { display: inline-block; text-decoration: none; height: 25px; line-height: 25px; width: 25px; } .protected-oval { height: 25px !important; line-height: 25px !important; width: 25px !important; } .view-oval { width: 20px; height: 20px; line-height: 20px; } .old-oval { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; background-position: -25px -325px; vertical-align: top; } .new-oval { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; background-position: 0px -325px; vertical-align: top; } .download-oval { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; background-position: -25px -100px; vertical-align: top; } .view-oval { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; background-position: -20px -120px; vertical-align: top; } .upload-oval { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; background-position: -25px -125px; vertical-align: top; } .protected-oval { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; background-position: 0px -375px; vertical-align: top; } .conf-oval,.protected-oval { display: inline-block; } .edit-col .open-btn { cursor: pointer; } .open-btn,.conf-oval:after { content: "EDIT"; color: #333; width: auto; padding: 0px 15px; height: 30px; line-height: 30px; border: 1px solid #ff9a18; box-sizing: border-box; border-radius: 5px; display: inline-block; vertical-align: top; margin: 2px 0px; font-weight: 300; text-transform: uppercase; text-decoration: none; } .open-btn:hover,.open-btn:active,.conf-oval:hover:after,.conf-oval:active:after{ background: #ff9a18 !important; color: #fff; } .box-container-actions > .conf-oval:after { margin: 0px; } .box-container-actions > .conf-oval + .del-oval { margin: 2px 0px; } .del-oval { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; background-position: -25px -25px; vertical-align: top; } .conf-oval + .del-oval,select + .del-oval,input + .del-oval,.filter-box + .del-oval { margin: 4px 0px; } .open-btn:not(.keep) + a { margin: 4px 0px; } .del-oval:hover { background-position: -25px -75px; } .fav-oval { transition: 0.1s ease all; color: #000; background: url("../img/maxoacc/nav-icons.png") #ff7418; background-size: 300%; background-position: -40px -160px; } .fav-oval:hover { background-color: #ff9000; transition: 0.1s ease all; color: #fff; } .open-oval { transition: 0.1s ease all; color: #000; background: url("../img/maxoacc/nav-icons.png") #006bb2; background-size: 300%; background-position: -40px -180px; } .open-oval:hover { background-color: #0089e4; transition: 0.1s ease all; color: #fff; } .add-oval { transition: 0.1s ease all; color: #000; background: url("../img/maxoacc/nav-icons.png") #d20072; background-size: 300%; background-position: -40px -140px; } .add-oval:hover { background-color: #e3248c; transition: 0.1s ease all; color: #fff; } .num-oval { transition: 0.1s ease all; color: #fff; background: #ff7418; font-size: 0.8em; font-weight: bold; text-align: center; } .num-oval:hover { background-color: #19c774; transition: 0.1s ease all; color: #fff; } .max-oval { transition: 0.1s ease all; color: #000; background: url("../img/maxoacc/nav-icons.png") #777; background-size: 300%; background-position: -40px -220px; } .max-oval:hover { background-color: #888; transition: 0.1s ease all; color: #fff; } .min-oval { transition: 0.1s ease all; color: #000; background: url("../img/maxoacc/nav-icons.png") #777; background-size: 300%; background-position: -40px -240px; } .min-oval:hover { background-color: #888; transition: 0.1s ease background-color; color: #fff; } .center { text-align: center !important; } .italics { font-style: italic; } .bold { font-weight: bold; } .black-tooltip { background: #000 !important; color: #fff !important; font-size: 1.0em !important; font-family: "Calibri","Lato","Roboto","Verdana" !important; border: 0px !important; box-shadow: 0px 0px 3px #000 !important; } .ui-tooltip-content::after { content: ''; position: absolute; border-style: solid; display: block; width: 0; } .black-tooltip .ui-tooltip-content::after { bottom: -7px; left: 50%; margin-left: -10px; border-color: #000 transparent; border-width: 7px 10px 0; } .button { display: inline-block; font-weight: bold; padding: 5px 10px; color: #fff; border-radius: 3px; box-shadow: 0px 0px 3px #ccc; background: #006bb2; text-decoration: none; transition: 0.1s ease all; box-sizing: border-box; text-align: center; text-transform: uppercase; } .button:hover { background: #006bb2cc; } .button.clickable { cursor: pointer; } .blue-btn { background: #006bb2; } .blue-btn:hover { background: #007ed2; } .edit-btn { background: #11b265 !important; } .fav-btn { background: #d20072 !important; } .edit-btn:hover { background: #099653 !important; } .fav-btn:hover { background: #ae005e !important; } .table-key { border-collapse: collapse; float: right; font-size: 0.9em; } .table-key td,.table-key th { padding: 8px 5px; height: 20px; line-height: 20px; text-align: right; border-bottom: 1px solid #ddd; } .table-key tr:last-child td { border: 0px; } .table-key th { color: #333; } .table-key .oval-btn { display: block !important; } /* .table-key { border-collapse: collapse; text-transform: uppercase; box-shadow: 0px 0px 3px #ccc; } .table-key td,.table-key th { padding: 2px 5px; height: 28px; line-height: 28px; } .table-key th { text-align: left; background: #ddd; color: #333; } .table-key tr:nth-child(2n) { background: #fff; } .table-key tr:nth-child(2n+1) { background: #eee; } */ #lightboxes { position: relative; z-index: 100; } #popBox-outer { z-index: 5; } #window-wrap { z-index: 10; } .outer-fixed-table { display: flex; position: fixed; top: 0px; width: 100%; height: 100%; } .outer-fixed-table > div { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .dropdown { background: #ddd; width: 16px; height: 25px; display: block; margin: 0px; padding: 0px; float: right; margin-left: 5px; } .downtri { width: 0; height: 0; border-style: solid; border-width: 7px 5px 0 5px; border-color: #666 transparent transparent transparent; margin-left: 3px; margin-top: 9px; } .opt-box { border: 1px solid #999; display: inline-block; position: relative; font-size: 1.1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; transition: 0.2s ease all; } .opt-box span { height: 25px; line-height: 25px; display: inline-block; padding: 0 0 0 5px; min-width: 300px; transition: 0.2s ease all; } .opt-box:hover,.opt-active { background: #eee; cursor: default; border: 1px solid #006bb2; transition: 0.2s ease all; } .opt-box:hover .downtri,.opt-active .downtri { border-color: #000 transparent transparent transparent; transition: 0.2s ease all;} .opt-box > ul { display: none; list-style-type: none; padding: 0px; margin: 0px; position: absolute; width: auto; z-index: 1; max-height: 260px; left: -1px; overflow-y: auto; border: 1px solid #000; } .opt-box ul li { margin: 0px; width: 100%; background: #fafafa; height: 20px; line-height: 20px; display: inline-block; padding: 0px 5px; } .opt-box > ul > li { box-sizing: border-box; } .opt-box > ul > li > ul { } .opt-box > ul > li > ul > li { text-indent: 10px; margin-left: -5px; padding-right: 5px; } .opt-box ul { margin: 0px; padding: 0px; } .opt-box ul li:hover { background: #006bb2; color: #fff; } .opt-box .opt-cat:hover { background: #fafafa; color: #000; } .opt-input { display: none; } .larger-font { font-size: 1.2em; } .ui-widget { position: relative; box-sizing: border-box; } .ui-autocomplete-category { font-weight: bold; font-style: italic; } .ui-combobox { position: relative; display: inline-block; width: 100%; } .ui-combobox input { border-radius: 3px; width: 100%; height: 40px; } .ui-combobox a { position: absolute; right: -3px; } .ui-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; /* adjust styles for IE 6/7 */ *height: 1.7em; *top: 0.1em; } .ui-combobox-input { margin: 0; padding: 0.3em; } .ui-autocomplete { max-height: 250px; overflow-y: scroll; /* prevent horizontal scrollbar */ overflow-x: hidden; position: fixed !important; font-size: 0.9em; } .ui-autocomplete img,.ui-response img,#dest-cats img { height: 12px; margin: 0px 5px; } .ui-menu-item { text-indent: 15px; } .ui-autocomplete-category { text-indent: 0px; height: 25px; line-height: 25px; } .ui-response, .cust-btn { position: relative; height: 40px; line-height: 40px; width: 100%; background: #fff; border-radius: 3px; border-left: 3px solid #006bb2; box-shadow: 0px 0px 1px #aaa; font-size: 1.0em; box-sizing: border-box; transition: 0.2s ease all; cursor: pointer;} .ui-response:hover, .cust-btn:hover { background: #f1f1f1; transition: 0.2s ease all; border-left: 3px solid #006bb2; } .cust-btn { width: 100%; display: inline-block; border-left: 3px solid #00b978; background: #fff; } .cust-btn:hover { border-left: 3px solid #00b978; } .bold-blue { font-weight: bold; text-decoration: underline; } .ui-menu-item:hover .bold-blue,.ui-state-focus .bold-blue { color: #fff !important; } .ui-menu-item { } .ui-autocomplete-category.ui-menu-item { display: block; } .small-padding { padding: 5px 0px; } .downtri.uidown{position: absolute; right: 0px; top: 0px;margin-top: 17px; margin-right: 10px; border-color: #006bb2 transparent transparent transparent;} #dest-cats { list-style-type: none; padding: 0px; margin: 0px; } #dest-cats li { height: 25px; line-height: 25px; } #dest-cats li:hover { background: #006bb2; color: #fff; cursor: pointer; } .ui-state-focus { border: 0px !important; } .opt-selected { background: #fff; } /*.opt-selected .filter-cat { background: #daecff; }*/ .filter-box { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: relative; } .filter-box .filter-item span, .filter-cat span { text-indent: 18px; display: inline-block; } .filter-box .filter-item i + span { text-indent: 8px; } .filter-box .filter-item i { width: 25px; } .filter-box i.fa-exclamation-triangle { font-size: 0.8em; color: rgba(162, 34, 76, 0.8); } .filter-box i.fa-check-circle { color: #11b265; } .filter-box .filter-focus i.fa-check-circle { color: #fff; } .filter-box i.fa-check-circle.not-selected { color: rgba(0,0,0,0.1); } .filter-box .filter-item .opt-icon + span,.filter-cat .opt-icon + span { text-indent: 0px; } .filter-list { display: none; text-align: left; } .filter-box .filter-list { width: auto; float: left; display: none; background: #f1f1f1; border: 1px solid #bbb; box-sizing: border-box; position: fixed; max-height: 250px; overflow-y: auto; overflow-x: visible; z-index: 9999; box-shadow: 2px 2px 3px #ccc; border-radius: 3px; } .filter-box .opt-cat { cursor: default; } .filter-box .filter-cat { font-weight: bold; font-style: italic; } .filter-box .filter-cat img { height: 12px; padding: 0px 3px; } .filter-box ul { list-style-type: none; margin: 0px; padding: 0px; } .filter-item, .filter-cat { height: 30px; line-height: 30px; font-size: 1.0em; border-bottom: 1px dotted #ddd; position: relative; } .filter-box ul > li > ul > li { text-indent: 10px; } .filter-focus { background: linear-gradient(#2185ed, #0073ea) #2185ed; color: #fff; cursor: pointer; } .filter-box .opt-cat li { display: none; } .filter-box .filter-cat { position: relative; } .filter-box .filter-cat .downtri,.filter-box .filter-cat .righttri{ position: absolute; right: 5px; top: 0px; } .filter-box .filter-cat .downtri { right: 4px; } .filter-box .filter-cat .downtri { margin-top: 12px; border-color: #0073ea transparent transparent transparent; } .filter-box .filter-cat .righttri { margin-top: 10px; width: 0; height: 0; border-style: solid; border-width: 5px 0px 5px 7px !important; border-color: transparent transparent transparent #aaa !important; margin-left: 3px; } .custom-select .select, .filter-box .filter-input-box { display: inline-block; cursor: default !important; height: 38px; box-sizing: border-box; } select, .custom-select .select, .filter-box .filter-input-box { font-size: 1.1em; background: url("../img/maxoacc/triangle.png") no-repeat; background-position: 99% 50%; background-position: right 5px top 50%; background-size: 10px; background-color: #f2f2f2; border-radius: 3px; box-shadow: 0px 0px 0px !important; } .custom-select select { display: none; } .custom-select .select { width: 100%; } .filter-input-box { width: 100%; text-indent: 5px; transition: 0.3s ease background; } .finput { border-radius: 3px; } .filter-box .filter-show-list { width: 38px; height: 38px; line-height: 38px; text-align: center; background: linear-gradient(to bottom, #fff 0%,#eee 100%); border: 1px solid #bbb; border-left: 0px; box-sizing: border-box; display: inline-block; float: left; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .filter-box .filter-show-list:hover ,.filter-show-list-focus, .filter-box input:focus + .filter-show-list{ background: linear-gradient(#2185ed, #0073ea) #2185ed !important; border-color: #006bb2 !important; cursor: pointer; } .filter-box .filter-show-list:hover .triangle,.filter-show-list-focus .triangle,.filter-box input:focus + .filter-show-list .triangle { border-color: #fff transparent transparent transparent !important; } .filter-hover { border-color: #006bb2; } .no-show { display: none; } .configure-dates { width: 25px; height: 25px; position: absolute; top: 50%; margin-top: -12.5px; right: 10px; display: inline-block; background: url("../img/maxoacc/icons.png?2"); background-size: 300%; } .configure-dates { background-position: -50px -350px; filter: grayscale(100%); opacity: 0.8; } .configure-dates:hover { filter: grayscale(0%); opacity: 1.0; cursor: pointer; } .date-options { position: absolute; top: 100%; display: block; right: 10px; background: #fff; box-shadow: 0px 0px 5px #aaa; z-index: 1; border-radius: 3px; padding: 5px; } .date-options ul { margin: 0px; padding: 0px; list-style-type: none; text-align: center; } .date-options ul:last-child { margin-top: 5px; padding-top: 10px; border-top: 1px solid #eee; margin-bottom: 5px; } .date-options ul li { display: block; width: 100%; cursor: pointer; padding: 0px 10px; height: 40px; line-height: 40px; box-sizing: border-box; text-transform: none; text-align: left; } .date-options ul li input { height: 100%; width: 180px; } .date-options ul li:not(.custom-date) { } .date-options ul li:not(.custom-date):hover { background: #eee; border-radius: 3px; } .filter-box > .data-fa-icon { position: absolute; top: 50%; transform: translate3d(0,-50%,0); left: 7px; display: inline-block; } .opt-icon { width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 5px; display: inline-block; background: url("../img/maxoacc/icons.png?2"); background-size: 300%; } .opt-icon + span { text-indent: 30px !important; } .filter-focus .opt-icon { background-image: url("../img/maxoacc/icons-white.png"); } .opt-icon.oi-sip { background-position: 0px -220px; } .opt-icon.oi-extensions { background-position: 0px -40px; } .opt-icon.oi-externalno { background-position: -40px -220px; } .opt-icon.oi-vm { background-position: -40px -80px; } .opt-icon.oi-conf { background-position: -20px -220px; } .opt-icon.oi-fax { background-position: -40px -120px; } .opt-icon.oi-internal { background-position: 0px -40px; } .opt-icon.oi-external { background-position: -40px 0px; } .opt-icon.oi-rg { background-position: -40px -200px; } .opt-icon.oi-pg { background-position: 0px -280px; } .opt-icon.oi-queue { background-position: -20px -200px; } .opt-icon.oi-ts { background-position: -40px -20px; } .opt-icon.oi-sound { background-position: -20px 0px; } .opt-icon.oi-ivr { background-position: -40px -60px; } .opt-icon.oi-hangup { background-position: -40px -40px; } .opt-icon.oi-disabled { background-position: 0px -200px; } .opt-icon.oi-loopback { background-position: 0px -20px; } .opt-icon.oi-shop { background-position: -40px -260px; } .opt-icon.oi-transferer { background-position: -40px -160px; } .opt-icon.oi-did { background-position: -40px -140px; } #calltype-filters { display: none; } .filter-table { border-collapse: collapse; } #ajaxresponse { opacity: 0.95; position: fixed; max-width: 79%; bottom: 20px; right: 20px; background: #fff; padding: 20px; padding-left: 15px; border-radius: 3px; box-shadow: 0px 0px 2px #000; font-size: 1.1em; text-align: left; z-index: 999999; display: none; } #ajaxresponse:hover { opacity: 1.0; } .ajr-pad { padding-left: 30px; } .ajax-response-loading-bar { width: 0px; height: 5px; position: absolute; right: 0px; bottom: 0px; /*border-bottom-left-radius: 3px;*/ border-bottom-right-radius: 3px; } .ajr-error-icon,.ajr-success-icon,.ajr-warning-icon { background: url("../img/maxoacc/nav-icons.png"); width: 20px; height: 20px; float: left; margin-top: 10px; background-size: 300%; } .ajr-error-icon { background-position: -20px -160px; } .ajr-success-icon { background-position: -20px -140px; } .ajr-warning-icon { background-position: -20px -160px; } .arlb-warning,.arlb-success,.arlb-error { background: rgba(0,0,0,0.2); } .success { color: #009f53; font-weight: bold; } .error, .error a { color: #fd181e; font-weight: bold; } .respwarning { background: #e78412 !important; color: #fff !important; } .resperror { background: #E92D5C !important; color: #fff !important; } .respsuccess { background: #21AD7C !important; color: #fff !important; } .boldFont { font-weight: bold; } .all-table, .full-width { width: 100%; } .half-width { width: 50%; } input[type="text"].input-half-width { width: 50% !important; } .bbox { box-sizing: border-box; } .loadmore,.loadmoreprocess,.resp-btn { border-radius: 3px; display: inline-block; width: 100%; background: #00B978 !important; color: #fff !important; text-align: center; text-transform: uppercase; cursor: pointer; } .loadmore:hover,.loadmoreprocess:hover,.resp-btn:hover { background-color: #009e66 !important; } .table-loadmore .loadmore { border-radius: 5px !important; text-align: center; } .table-loadmore:hover { background: inherit !important; } .loading-img { background: url("../img/maxoacc/spinning.gif") no-repeat center #009e66 !important; } .basic-table { border-collapse: collapse; padding: 0px; margin: 0px; width: 100%; } .basic-table td { padding: 5px !important; height: 25px; line-height: 25px; } .basic-table tr:nth-of-type(2n) { background: #fff; } .basic-table tr:nth-of-type(2n+1) { background: #f7f7f7; } .basic-table input[type="text"] { font-size: 1.1em; } .responsive-table td { position: relative; } .dashboard-link { width: 18px; height: 15px; background: url("../img/maxoacc/dash-menu.png"); display: block; float: left; margin-top: 13px; margin-left: 10px; margin-right: -8px; transition: 0.2s ease all; } .dashboard-link:hover { background: url("../img/maxoacc/dash-menu.png") 18px 0px; transition: 0.3s ease all; } .rgba { display: none; position: fixed; top: 0px !important; left: 0px !important; width: 100%; height: 100%; z-index: 100 !important; background: rgba(0,0,0,0.5); } #new-dest-box { z-index: 9999; } .topBox-content { background: #fff; min-width: 100px; min-height: 100px; } #confbox-outer { display: none; z-index: 20; } #confirmbox { z-index: 9999 !important; position: relative; vertical-align: middle; text-align: center; font-size: 1.1em; } #confirmbox-content { display: inline-block; text-align: center; border-radius: 3px; box-shadow: 0px 0px 5px #000; font-size: 1.1em; margin:15px; } #confirm-yes { margin-right: 10px; } .remove-btn { background: #f31735; text-decoration:none;} .remove-btn:hover { background: #008a5a; } #confirm-yes,.confirm-btn { background: #00b978; text-decoration:none;} #confirm-yes:hover,.confirm-btn:hover { background: #008a5a; } #confirm-cancel,.cancel-btn,.alternate-btn { background: #808080; text-decoration:none; } #confirm-cancel:hover,.cancel-btn:hover,.alternate-btn:hover { background: #555; } #confirm-yes, #confirm-cancel,.cancel-btn,.confirm-btn,.remove-btn,.alternate-btn { min-width: 100px; color: #fff; display: inline-block; height: 35px; line-height: 35px; margin-top: 10px; margin-bottom: 5px; border-radius: 3px; transition: 0.3s ease background-color; padding: 0px 15px; box-sizing: border-box; } .cancel-btn,.confirm-btn,.remove-btn, .alternate-btn{ margin-bottom: 0px; text-align: center; color: #fff !important; cursor: pointer; } .confirm-btn { width: 59%; } .cancel-btn,.alternate-btn,.remove-btn { width: 39%; } .cancel-btn,.alternate-btn,.remove-btn { float: right; } .confirm-btn { float: left; } .error-btn { background: #e52d56; } .error-btn:hover { background: #c62347; } .one-third { width: calc((100% / 3) - 4px) !important; float: left; margin-right: 5px; } .button-footer { display: inline-block; width: 100%; margin-bottom: -5px; overflow: auto; } .button-footer .one-third:last-child { margin-right: 0px; } #confirm-yes:hover, #confirm-cancel:hover,#confirm-yes:focus, #confirm-cancel:focus,.alternate-btn:hover,.cancel-btn:hover,.confirm-btn:hover,.cancel-btn:focus,.confirm-btn:focus,.remove-btn:hover,.remove-btn:focus { box-shadow: 0px 0px 3px #777; transition: 0.3s ease background-color; } #confirmbox-pad { padding: 10px 20px; background: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .pboxText { max-width: 500px; } .pboxPadding { padding-bottom: 15px; } .pbox-heading { max-width: 350px; } #window-wrap { display: none; } #e-windows { display: table-cell; vertical-align: middle; text-align: center; } .e-window { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; z-index: 999999; } .e-window-wrap { display: inline-block; background: #fff; border-radius: 3px; box-shadow: 0px 0px 30px #000; /*position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999999;*/ } .e-window-title { position: relative; padding: 0px 50px 0px 10px; height: 45px; line-height: 45px; box-sizing: border-box; background: linear-gradient(to bottom, #f1f1f1, #eee); box-shadow: 0px 0px 2px #999; color: #000; text-align: left; font-size: 1.1em; text-transform: uppercase; border-top-right-radius: 3px; border-top-left-radius: 3px;} .e-window-close { position: absolute; cursor: pointer; top: 0px; right: 0px; height: 45px; line-height: 45px; width: 40px; text-align: center; border-top-right-radius: 3px; } .e-window-close:hover { background: #ddd; } .e-window-content { padding: 20px; } #popBox .div-title, #all-top-boxes .div-title { /*padding-right: 35px; box-sizing: border-box;*/ font-size: 1.1em; } .div-title { width: 100%; background: #006bb2; padding-right: 50px; color: #fff; text-align: left !important; padding-left: 10px; box-sizing: border-box; height: 40px; line-height: 40px; font-weight: bold; text-transform: uppercase; border-top-right-radius: 3px; border-top-left-radius: 3px; } .confirmbox-important #confirm-yes, .confirmbox-important .div-title { background: #dd2857 !important; } .confirmbox-important #confirm-yes:hover { background: #a21136 !important; } .confirm-label { display: none; } #confirm-yes.disabled { background: #bbb !important; } #confirm-yes.disabled:hover { background: #bbb !important; } .center { text-align: center; } .topBox { vertical-align: middle; display: none; position: relative; text-align: center; } #popBox,.topBox-wrap,.e-window { font-size: 1.1em; text-align: left; } #popBox,.topBox-wrap { display: inline-block; position: relative; left: 0px; top: 0px; box-shadow: 0px 0px 5px #000; border-radius: 3px; margin-right: 15px; margin-left: 15px; max-width: calc(100% - 30px); } .popBox-wrap { position: relative; left: 0px; top: 0px; text-align: center; vertical-align: middle; } #pbox,.e-window-content { display: block; background: #fff; padding: 20px; padding-bottom: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; box-sizing: border-box; max-height: 80vh !important; min-width: 300px; } #pbox:after,.e-window-content:after { content: ' '; display: block; height: 20px; } .table-reset { border-collapse: collapse; padding: 0px; margin: 0px; } .table-reset td { padding: 0px; } .dbox { display: none; } .close-box { position: absolute; cursor: pointer; right: 0px; text-align: center !important; height: 40px; line-height: 40px; width: 40px; background: #005389; text-shadow: 0px 0px 1px #000; color: #fff; top: 0px; border-top-right-radius: 3px; transition: 0.3s ease all; } .close-box:hover { background: #00426e; transition: 0.3s ease all; } #pbox table { padding: 0px; margin: 0px; border-collapse: collapse; } #pbox table tr td:first-child { padding-left: 0px; margin-left: 0px; } .full-width { width: 100%; } .full-width-imp { width: 100% !important; } .resp-div,.resp-content { display: inline-block; width: 100%; font-size: 1.2em; margin-top: 10px; padding: 5px; box-sizing: border-box; border-radius: 3px; } .resp-content { margin: 0px; } .resp-title { background: #fff; color: #333; font-size: 1.3em; height: 25px; line-height: 25px; display: inline-block; margin: 2px 0px; box-sizing: border-box; } .resp-title.full-width { width: 100%; } .table-add-btn { background: #fff; padding: 2px 10px; border-radius: 2px; text-decoration: none; color: #006bb2; } .all-table, .responsive-table { border-collapse: collapse; font-size: 1.05em; } .all-table tbody tr:nth-of-type(2n) td, .responsive-table tbody tr:nth-of-type(2n) td { background: #fff; } .all-table tbody tr:nth-of-type(2n+1) td, .responsive-table tbody tr:nth-of-type(2n+1) td, .resp-content, .resp-div { background: #f3f3f3; } .all-table tbody tr:last-child, .responsive-table tbody tr:last-child { } .all-table tr th, .responsive-table tr th,.basic-table tr th { background: #006bb2; font-weight: normal; font-size: 1.1em; color: #fff; text-align: left; height: 35px !important; line-height: 35px !important; box-sizing: border-box !important; } .all-table tr th:first-child, .all-table td:first-child, .responsive-table tr th:first-child, .responsive-table td:first-child { padding-left: 8px !important; } .all-table tr th:first-child, .responsive-table-corners tr th:first-child,.table-key tr th:first-child,.simple-table tr th:first-child { border-top-left-radius: 3px; } .all-table tr th:last-child, .responsive-table-corners tr th:last-child,.table-key tr th:last-child,.simple-table tr th:last-child { border-top-right-radius: 3px; } .all-table tr:last-child td:first-child, .responsive-table-bottom-corners tr:last-child td:first-child,.table-table tr:last-child td:first-child,.simple-table tr:last-child td:first-child { border-bottom-left-radius: 3px; } .all-table tr:last-child td:last-child, .responsive-table-bottom-corners tr:last-child td:last-child,.table-key tr:last-child td:last-child,.simple-table tr:last-child td:last-child { border-bottom-right-radius: 3px; } .all-table th, .responsive-table th { border-bottom: 1px solid #0081d6 !important; border-bottom-style: double !important; } .all-table td,.all-table th, .responsive-table td,.responsive-table th,.basic-table th { padding: 3px; height: 30px !important; word-break: break-all; } .all-table, .responsive-table,.basic-table,.resp-div { } .all-table, .responsive-table-shadow { box-shadow: 0px 0px 3px #ccc; } /*.all-table th { white-space:nowrap; padding-right: 40px; box-sizing: border-box; } .all-table td { white-space:nowrap; padding-right: 40px; box-sizing: border-box; } .all-table tr td:last-child { width: 99% !important; }*/ .max-right { float: right; margin-left: 10px; } .max-left { float: left; } .clear { clear: both; } .loadmore,.loadmoreprocess { font-weight: bold; font-size: 1.1em; background: #000; width: 100%; display: block; background: #11b265; color: #fff; text-align: center; text-decoration: none; border-radius: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .loadmore,.loadmoreprocess,.resp-btn { height: 35px !important; line-height: 35px !important; } .full-hide { display: none; } .all-table .selected-row td,.all-table .tview:hover, .all-table:not(.no-highlight-background) tr:hover > td,.table-highlight .tview:hover,.table-highlight tr:hover > td { background: #c0e6ff !important; cursor: pointer; /*background: linear-gradient(#d3eeff, #c0e6ff) #c0e6ff;*/ } .all-table .tview:hover td,.table-highlight .tview:hover td { } .tedit tr td { background: #c0e6ff; } .limit-width { width: 270px; max-width: 270px; } .view-tbody { display: none; } .chosen-row td { background: #c0e6ff !important; } .view-tbody tr th { background: #555 !important; border-bottom: 0px solid #555 !important;} .view-tbody tr:nth-child(2n) td { background: #dbf1ff !important; } .view-tbody tr:nth-child(2n+1) td { background: #d1edff !important; } .view-tbody tr:hover td { cursor: default !important; } .small-table tr:first-child th:first-child {} .small-table tr:first-child th:last-child { } .small-table th,.small-table th a { text-align: left; color: #000 !important; } .small-table th { border-bottom: 1px solid #006bb2; } .small-table th { height: 25px; line-height: 25px; } .small-table th,.small-table td { padding: 5px !important; box-sizing: border-box; } .small-table .table-row-new td { font-weight: bold; } .small-table .table-row-old td { } .table-row-new td:first-child { } .no-highlight tr:hover td{ cursor: default !important; } .dbval-0,.dbval-1,.dbval-yes,.dbval-no { display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url("../img/maxoacc/nav-icons.png") no-repeat; background-size: 300%; } .dbval-0,.dbval-no { background-position: 0px -260px; } .dbval-1,.dbval-yes { background-position: -20px -240px; } .search-table { padding: 5px !important; border-radius: 3px !important; font-size: 0.8em; box-shadow: 0px 0px 5px #555; background: #eee; margin-right: 3px; box-sizing: border-box; width: 98%; } .search-table:hover,.search-table:active { } .bc-detailed-list .box-container { width: 100% !important; } .bc-list .box-container table:not(.keep),.bc-grid .box-container table:not(.keep) { display: none; } .bc-list .box-container { width: 100% !important; } .box-container { float: left; width: calc((100% / 3) - 10px); box-shadow: 0px 0px 3px #ccc; margin-bottom: 15px; background: #fff; border-radius: 3px; } .box-container table tr td:first-child { } .box-container table { border-collapse: collapse; width: 100%; } .box-container table tr td { border-bottom: 1px dotted #ddd; padding: 4px 2px; } .box-container table tr:last-child td { border-bottom: 0px; } .box-container-actions { float: right; padding-top: 4px; } .box-container-content { padding: 10px; font-size: 1.05em; position: relative; } .box-container-title { width: 100%; border-top-right-radius: 3px; border-top-left-radius: 3px; background: linear-gradient(to bottom, #fafafa, #f1f1f1); border-bottom: 1px solid #ddd; padding: 0px 10px; box-sizing: border-box; font-weight: bold; height: 40px; line-height: 40px; font-size: 1.1em; } .remove-agent { position: absolute; top: 5px; right: 5px; } .queue-agent,.add-queue-agent { display: inline-block;margin-right: 5px; margin-top: 5px; box-sizing: border-box; border-radius: 3px; } .add-queue-agent { padding: 5px; } .queue-agent { position: relative; } .queue-agent .location-icon { /*padding-right: 20px;*/ } .qa-temp .location-icon { background: #feeb69 !important; } .location-timeswitch + .location-fav,.location-fav + .location-icon, .location-timeswitch + .location-icon { visibility: hidden; } .location-timeswitch:hover + .location-fav, .location-timeswitch:hover + .location-icon { visibility: visible; } .location-fav:hover,.location-fav + .location-icon:hover,.location-timeswitch + .location-icon:hover { visibility: visible; } .location-fav:hover,.location-timeswitch:hover { background: linear-gradient(to bottom, #f7f7f7, #eee) !important; } .location-fav:hover + .location-icon { visibility: visible; } .add-queue-agent { background: #11b265; color: #fff; text-decoration: none; border: 1px solid #11b265; } .add-queue-agent:hover { background: #19c774; border-color: #19c774; } .queue-agent a:link, .queue-agent a:visited { color: #006bb2; } /* .two-lines tr td:first-child { display: none; } .two-lines tr td:last-child:before { content: attr(data-name) "\A"; white-space:pre; font-weight: bold; } */ .box-container-content table { word-break: break-all; margin-bottom: 10px; } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40% !important; } .width-50 { width: 50% !important; } .width-60 { width: 60% !important; } .width-70 { width: 70% !important; } .width-80 { width: 80% !important; } .width-90 { width: 90% !important; } .width-100 { width: 100% !important; } .agents-table { width: 60% !important; float: left; } .agents-wrapper { float: left; width: 40%; padding: 0px 10px; box-sizing: border-box; height: 410px; overflow-y: auto; } .agents-wrapper.vm-wrapper { height: 310px; } .agents-wrapper .small-table td,.agents-wrapper .small-table td { } .agents-wrapper.rg-agents { height: 160px; } .agents-wrapper.ab-members { height: 300px; } .agents-wrapper .queue-agent { } .box-container.two-column { width: calc(50% - 8px); } .vm-table { width: 40% !important; float: left; } .vm-table + .agents-wrapper { width: 60%; } .qaw span { padding-right: 15px; } .data-view { float: right; font-size: 0.8em; } .data-view a { display: inline-block; height: 30px; line-height: 30px; font-size: 0.7em; color: #000; text-decoration: none; border-radius: 3px; padding: 0px 10px; background: #fff; box-shadow: 0px 0px 2px #ccc; } .data-view a:hover { background: #ddd; } .data-view > a > div { float: left; margin-top: 5px; } .data-view > a > div:last-child { height: 20px; line-height: 20px; } .data-view > a > .icon { background: url("../img/maxoacc/nav-icons.png") no-repeat; background-size: 300%; width: 15px; margin-top: 8px; height: 15px; margin-right: 5px; } .dv-list .icon { background-position: 100% -45px !important; } .dv-grid .icon { background-position: 100% 0px !important; } .thick-line td, .thick-line { border-bottom: 1px solid #ccc !important; } .filter-box.show-config-btn input { } .filter-box input { padding-right: 25px; } .dest-conf-btn { } .dest-conf-btn:hover { } .show-config-btn .dest-conf-icon { } .show-config-btn .dest-conf-btn { } .show-config-btn .dest-conf-btn:hover { } .show-config-btn .filter-input-box { } .no-transition { transition: 0s linear all !important; } .location-icon[data-config="1"]:hover { cursor: pointer; background: #fff !important; box-shadow: 0px 0px 3px #777; } .location-icon,.span-option { display: inline-block; padding: 2px 10px; box-shadow: 0px 0px 1px #aaa; margin-bottom: 3px; border-radius: 5px; font-weight: bold; background: linear-gradient(to bottom,#fff,#f7f7f7); box-sizing: border-box; } .location-icon:not(.location-text),.location-icon.location-text .location-name { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .location-icon.location-text .hover-value { cursor: text; } .location-icon > div { background: url("../img/maxoacc/icons.png?2"); background-size: 300%; height: 20px; width: 20px; float: left; margin-top: 2px; margin-right: 5px; } .location-icon .li-nr { background-position: 260px -480px; } .location-icon .li-sd { background-position: 260px -480px; } .location-icon .li-transferer { background-position: -40px -160px; } .location-icon .li-sip { background-position: 0px -220px; } .location-icon .li-extensions { background-position: 0px -220px; } .location-icon .li-externalno { background-position: -40px -220px; } /*done*/ .location-icon .li-vm { background-position: -40px -80px; } /*done*/ .location-icon .li-conf { background-position: -20px -220px; } .location-icon .li-fax { background-position: -40px -120px; } .location-icon .li-vr { } .location-icon .li-misc { } .location-icon .li-internal { background-position: 0px -40px; } /*done*/ .location-icon .li-people { background-position: 0px -120px; } /*done*/ .location-icon .li-rg { background-position: -40px -200px; } /*done*/ .location-icon .li-pg { background-position: 0px -280px; } /*done*/ .location-icon .li-queue { background-position: -20px -200px; } .location-icon .li-tc { } .location-icon .li-ts { background-position: -40px -20px; } /*done*/ .location-icon .li-sound { background-position: -20px 0px; } .location-icon .li-sms { background-position: 0px -280px; } .location-icon .li-ivr { background-position: -40px -60px; } .location-icon .li-disabled { background-position: 0px -200px; } .location-icon .li-hangup { background-position: -40px -40px; } .location-icon .li-removed { background-image: none; margin-top: 3px; } .location-icon .li-removed:after { content: "\f071"; font-family: "Font Awesome 5 Pro"; font-weight: bold; color: #dd2454 !important; } .li-removed + span { font-weight: bold !important; color: #dd2454 !important; } .location-icon > span { height: 25px; line-height: 25px; font-weight: 400; font-size: 1.0em; } .location-icon.fax-status-success,.location-icon.fax-status-error,.location-icon.fax-status-pending {color: #fff; } .location-icon.fax-status-success { background:#00b978; } .location-icon.fax-status-error { background: #e24747; } .location-icon.fax-status-pending { background: #e29447; } .hover-value { display: none; } .li-hangup + span,.li-disabled + span { font-weight: 400; } .right { text-align: right; } .underline { text-decoration: underline; } #loading-bar { display: none; z-index: 99999; height: 3px; box-shadow: 0px 0px 2px #000; position: fixed; top: 0px; left: 0px; width: 100%; background: #e52d56; background: linear-gradient(to right, #11b265, #2ce38b); transform: translate3d(-100%,0,0); text-align: right; border-radius: 10px; } .lb-drop-shadow { position: absolute; right: 0px; top: 0px; width: 30px; height: 3px; border-radius: 10px; box-shadow: 10px 2px 10px #000; animation-timing-function: linear; animation-duration: 1s; animation-name: infinite-box-shadow; animation-iteration-count: infinite; animation-direction: alternate; } @keyframes infinite-box-shadow { from { box-shadow: 10px 2px 10px #000; } to { box-shadow: 3px 0px 2px #000; } } /* #progress-bar-wrapper { width: 200px; display: block; position: fixed; z-index: 999999; height: 30px; top: 50%; left: 50%; margin-top: -5px; margin-left: -100px; background: #fff; box-shadow: 0px 0px 3px #ccc; border-radius: 5px; } #progress-bar { width: 50%; display: block; background: #000; height: 100%; transition: 0.1s ease all; border-radius: 5px; } */ #progress-circle-wrapper { display: none; width: 100px; height: 100px; position: fixed; z-index: 999999; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; } #progress-circle { box-shadow: 0px 0px 20px #aaa; border-radius: 200px; } .table-section { padding: 20px; border-radius: 5px; margin: 20px 0px; box-shadow: 0px 0px 10px #ccc; } .table-section table { } #report .table-section:nth-child(2n) { background: #fff; } #report .table-section:nth-child(2n+1) { background: #f7f7f7; } .stat-percent { background: #006bb2; display: inline-block; } .stat-percent,.max-percent { height: 10px; border-radius: 3px; } .max-percent { background: #ccc; width: 100%; display: block; } .max-percent > .stat-percent { display: block; } .bold td { font-weight: bold; } .percentbg { display: block; width: 150px; height: 25px; background: #ddd; text-align: right; box-sizing: border-box; position: relative; } .percentfill { display: block; height: 100%; background: #0099ff; position: absolute; left: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .percenttext { display: block; width: 100%; height: 25px; line-height: 25px; position: absolute; right: 2px; top: 0px; text-align: right; font-weight: bold;} .status-timed,.status-manual,.status-auto { padding-left: 7px; border-left: 4px solid; border-radius: 0px; } .status-timed { border-color: #e29447; } .status-manual { border-color: #e24747; } .status-auto { border-color: #00b978; } .ts-active,.ts-inactive,.ts-active-override,.ts-inactive-override { padding: 5px; width: 20px; text-align: center; display: inline-block; border-radius: 3px; } .ts-active { background: #006bb2; color: #fff; font-weight: bold; } .ts-active-override { background: #ff0000; color: #fff; font-weight: bold; } .ts-inactive,.ts-inactive-override { background: #ddd; color: #aaa; } .mft-row-0 { display: block; width: 100% !important; background: #f7f7f7; box-shadow: 0px 0px 2px #aaa; } .mft-row-1 { display: block; width: 100% !important; } .mft-row-0 tr,.mft-row-1 tr { width: 100%; } .mft-row-0 tr td:first-child,.mft-row-1 tr td:first-child { width: 30% !important; } .mft-row-0 tr td:last-child,.mft-row-1 tr td:last-child { width: 100% !important; } .smaller-table { font-size: 0.90em; } .important-row th { background: #f31735 !important; border-bottom: 1px solid #f31735 !important; } .heading-filled,.heading-filled-normal,.heading-filled-override { background: #006bb2; width: 100%; padding: 10px; border-radius: 3px; box-sizing: border-box; text-transform: uppercase; color: #fff; display: block; } .heading-filled-override { background: #e52d56; } .simple-table .edit-col { width: 70px !important; } .simple-table { width: 100%; font-size: 0.9em; border-radius: 5px;} .simple-table tr:first-child td:first-child { border-top-left-radius: 5px; } .simple-table td,.simple-table th { padding: 2px 5px !important; } .simple-table tr:nth-child(2n) td { background: #eee; } .simple-table tr:nth-child(2n+1) td { background: #fafafa; } .margin-below { margin-bottom: 10px; } .simple-table th { background: #ddd; } .mobile-only { display: none; } .mobile-block { display: none; } .callrecords td { position: relative; } .select-all-box { width: 40px; } .no-wrap { white-space: nowrap; } .table-box table { margin: 10px 0px !important; } table tr.rselected td,table tr.rselected:hover td { background: #fffbdc !important; } .rselected { outline: 1px solid #ddd; } .table-options span { font-size: 1.2em; font-weight: bold; display: inline-block; height: 30px; line-height: 30px; } /* .table-box table:nth-of-type(2n) td { background: #fafafa; } .table-box table:nth-of-type(2n+1) td { background: #f1f1f1; } */ .table-box table td { background: #f5f5f5; } .table-box table.maxo-form-table tr:first-child td:last-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .table-box table.maxo-form-table tr:last-child td:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .half-width { width: 50% !important; box-sizing: border-box; } #charsremaining { font-size: 0.8em; font-weight: bold; width: 100%; text-align: right; } .agent-wrapper { display: inline-block;} .agent-wrapper > div { display: table; } .show-first > div { display: none; } .show-first > div:nth-child(1) { display: table; } .desktop-hidden { display: none; } .validator { position: relative; display: table; width: 100%; } .validator-message { font-size: 0.8em; font-weight: bold; } input[type="checkbox"] + .validator-label { display: inline-block; } .validator-error + .validator-label label { color: #f31735; } .validator-warning + .validator-label label { color: #b2a600; } .validator-error,.validator-error:focus { background: url("../img/maxoacc/error.png") no-repeat 95% 50% #fff6f6 !important; background-position: right 10px top 50% !important; background-size: 10px !important; border: 1px solid #b18d92 !important; } .validator-warning,.validator-warning:focus { background: url("../img/maxoacc/warning.png") no-repeat 95% 50% #fffde2 !important; background-position: right 10px top 50% !important; background-size: 15px !important; border: 1px solid #aba882 !important;} .validator-success,.validator-success:focus { background: url("../img/maxoacc/success.png") no-repeat 95% 50% #f3fff9 !important; background-position: right 10px top 50% !important; background-size: 10px !important; border: 1px solid #90b8a5 !important; } select.validator-error, select.validator-success, select.validator-warning,select.validator-error:focus, select.validator-success:focus, select.validator-warning:focus{ background-position: 88% 50% !important; background-position: right 27px top 50% !important; } textarea.validator-error, textarea.validator-success, textarea.validator-warning,textarea.validator-error:focus, textarea.validator-success:focus, textarea.validator-warning:focus{ background-position: 88% 10px !important; background-position: right 10px top 10px !important; } .resp-show td:first-child,.btn-row td:first-child { padding: 0px !important; } .add-row-btn { height: 40px; line-height: 40px; background: #00B978; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; cursor: pointer; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .add-row-btn:hover { background: #009e66; } .add-row-btn.custom { border-radius: 3px; width: auto !important; display: inline-block; padding: 0px 20px; } .no-margin { margin: 0px !important; } #breadcrumbs { position: fixed; top: 15px; left: 20px; z-index: 9999; } #breadcrumbs ul { list-style-type: none; margin: 0px; padding: 0px; } #breadcrumbs ul li { position: relative; display: inline-block; font-weight: bold; font-size: 0.9em; color: #555; margin-right: 13px; background: #fff; height: 36px; line-height: 36px; padding: 0px 10px; box-sizing: border-box; } #breadcrumbs ul li:after { position: absolute; top:0px; right: 100%; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 8px 18px 0; border-color: transparent #fff transparent transparent; } #breadcrumbs ul li:before { position: absolute; bottom:0px; right: 100%; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 18px 8px; border-color: transparent transparent #fff transparent; } #breadcrumbs ul li div { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 18px 0 18px 8px; top: 0px; left: 100%; border-color: transparent transparent transparent #fff; } /* #breadcrumbs ul li:nth-child(2n+1) { background: #ecf7ff; } #breadcrumbs ul li:nth-child(2n+1):after { border-color: transparent #ecf7ff transparent transparent; } #breadcrumbs ul li:nth-child(2n+1):before {border-color: transparent transparent #ecf7ff transparent; } #breadcrumbs ul li:nth-child(2n+1) div { border-color: transparent transparent transparent #ecf7ff; } */ #breadcrumbs ul li:last-child { background: #00b978; color: #fff; } #breadcrumbs ul li:last-child:after { border-color: transparent #00b978 transparent transparent; } #breadcrumbs ul li:last-child:before {border-color: transparent transparent #00b978 transparent; } #breadcrumbs ul li:last-child div { border-color: transparent transparent transparent #00b978; } #breadcrumbs ul li:nth-child(2) { background: #fff; color: #555; } #breadcrumbs ul li:nth-child(2):after { border-color: transparent #fff transparent transparent; } #breadcrumbs ul li:nth-child(2):before {border-color: transparent transparent #fff transparent; } #breadcrumbs ul li:nth-child(2) div { border-color: transparent transparent transparent #fff; } #breadcrumbs ul li:first-child, #breadcrumbs .crumb-label { background: #006bb2; padding: 0px 10px; color: #fff; } #breadcrumbs ul li:first-child:after, #breadcrumbs .crumb-label:after { border-color: transparent #006bb2 transparent transparent; } #breadcrumbs ul li:first-child:before, #breadcrumbs .crumb-label:before {border-color: transparent transparent #006bb2 transparent; } #breadcrumbs ul li:first-child div, #breadcrumbs .crumb-label div { border-color: transparent transparent transparent #006bb2; } select[id^="templateagent"],select[id^="linked-account"] { width: calc(100% - 40px) !important; } .maxo-form-table input[type="text"][id^="templateagent"] { width: calc(100% - 200px) !important; } .maxo-form-table input[type="text"][id^="templateagent"] + span { display: inline-block; width: 105px; } .title-font-size { font-size: 1.4em !important; } .wrap-content { white-space: normal !important; } /*#breadcrumbs ul li:before, #breadcrumbs ul li:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 18px 0 18px 8px; } #breadcrumbs ul li:before { right: 100%; background: #fff; border-color: transparent transparent transparent rgba(0,0,0,1); } #breadcrumbs ul li:after { left: 100%; border-color: transparent transparent transparent #fff;}*/ .bottom-right { position: fixed; bottom: 0px; right: 20px; } .bottom-left { position: fixed; bottom: 0px; left: 0px; animation: 1s fadeIn; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } #site-content { height: 100%; width: 100%; display: block; } #login-wrapper { display: flex; align-items: center; width: 100%; height: 100%; flex-direction: column; background: #fafafa; } #login-wrap { width: 100%; height: 100%; z-index: 100; } #login-wrap a:link, #login-wrap a:visited { color: #006bb2; text-decoration: none; transition: 0.2s ease all; } #login-wrap a:hover, #login-wrap a:focus { color: #00548c; text-decoration: underline; transition: 0.2s ease all; } #login-wrap { display: table; width: 100%; height: 100%; } #login-wrap > div { text-align: center; display: table-cell; vertical-align: middle; height: 100%; } .login-pad { margin:20px; box-sizing: border-box; } .organisation-login-wrapper .username-wrapper { display: flex; } .organisation-login-wrapper .username-wrapper > div { width: 50%; } .organisation-login-wrapper .username-wrapper > div input { width: 150px !important; } .organisation-login-wrapper .username-wrapper > div input:first-child { margin-right: 5px; } #login-content-wrapper { margin: auto; } .login-center { display: flex; justify-content: center; align-items: center; } #login-form input[type="text"], #login-form input[type="password"] { width: 100%; font-size: 1.2em; border-radius: 5px; border: 2px solid #aaa; padding: 7px; box-sizing: border-box; transition: 0.2s ease border;} #login-form input[type="text"]:hover, #login-form input[type="text"]:focus, #login-form input[type="password"]:hover, #login-form input[type="password"]:focus { border-color: #006bb2; transition: 0.2s ease border; border-width: 2px !important; } #login-form input[type="submit"]:not(.button) { width: 100%; background: #006bb2; color: #fff; border: 0px !important; cursor: pointer; transition: 0.2s ease all; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #login-form input[type="submit"]:not(.button):hover { background: #00548c; transition: 0.2s ease all; } .column-form input[type="text"], .column-form input[type="password"] { width: 100%; font-size: 1.2em; border-radius: 5px; border: 2px solid #aaa; padding: 7px; box-sizing: border-box; transition: 0.2s ease all;} .column-form input[type="text"]:hover, .column-form input[type="text"]:focus, .column-form input[type="password"]:hover, .column-form input[type="password"]:focus { border-color: #006bb2; transition: 0.2s ease all; border-width: 2px !important; } .column-form input[type="submit"]:not(.button) { width: 100%; background: #006bb2; color: #fff; border: 0px !important; cursor: pointer; transition: 0.2s ease all; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .column-form input[type="submit"]:not(.button):hover { background: #00548c; transition: 0.2s ease all; } #login-box { min-width: 300px; background: #fff; box-shadow: 0px 0px 5px #ccc; border-radius: 3px; display: inline-block; } #login-header { border-top-left-radius: 3px; border-top-right-radius: 3px; height: 60px; line-height: 60px; color: #fff; width: 100%; background: #006bb2; text-align: left; text-indent: 20px; font-size: 1.2em;} #login-left { background: #f1f1f1; width: 50%; height: 100%; } #login-right { background: #fff; width: 50%; height: 100%; } #login-right img { width: 300px; } #login-left img { width: 70%; display: none; margin-top:15px; } .login-flex { display: flex; flex-direction: column; } .login-border { padding: 20px; border-top: 1px solid rgba(0,0,0,0.2); margin: 0px; } .authenticate-wrapper { margin: 0px; } .authenticate-wrapper input { background: #11b265 !important; font-size: 1.1em; padding: 10px; border-top-right-radius: 0px; border-top-left-radius: 0px; } #login-wrap { overflow: hidden; } #login-box,.login-box-other { -webkit-animation: bounceInUp 1s; } .login-box-other a { position: relative; } .login-back i { position: absolute; left: -15px; top: 3px; } #login-right img { -webkit-animation: bounceInDown 1s; } .icon-wrap { position: relative; } .username-icon,.password-icon { width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 10px; display: inline-block; background: url("../img/maxoacc/icons.png?2"); background-size: 300%; filter: grayscale(100%); transition: 0.1s ease all; opacity: 0.7; } .username-icon { background-position: -40px -240px; } .password-icon { background-position: 0px -160px; } .icon-wrap input { text-indent: 27px; color: #444; } .icon-wrap input:focus + div,.icon-wrap input:hover + div { filter: grayscale(0%); transition: 0.1s ease all; opacity: 1.0; } .portal-partner #login-form input[type="submit"] { background: #13AB60; } .portal-partner #login-form input[type="submit"]:hover{ background: #13874e !important; } .portal-partner #login-form input:hover,.portal-partner #login-form input:focus,.portal-partner #login-form input:active { border-color: #13AB60 !important; } .portal-partner #login-header { background: #13AB60; } .portal-partner .username-icon, .portal-partner .password-icon { background-image: url("../img/maxoacc/icons-darkgreen.png?2"); } .no-resize select,.no-resize input[type="text"] { width: auto !important; } #svg-logo { width: 100%; height: 100%; z-index: 99999999; display: none; position: fixed; background: rgba(0,0,0,0.8); text-align: center; } #svg-logo svg { left: 50%; top: 50%; width: 50%; height: 50%; position: absolute; -webkit-animation: rotating 6s linear infinite; } .display-rectangle { margin: 0px -10px; } .table-title { text-transform: uppercase; padding: 10px 0px; box-sizing: border-box; color: #006bb2; } .table-title a { margin-left: 5px !important; } .table-title span { font-weight: bold; font-size: 1.2em; } .table-title.red { color: #e52d56; } .table-title.red a { background: #e52d56 !important; } .m-table { width: 100%; border-collapse: collapse; } .m-table th { text-align: left; font-weight: 400; } .m-table tr:not(.secondary) th { border-bottom: 2px solid #006bb2; } .m-table th,.m-table td { padding: 10px 5px; box-sizing: border-box; } .m-table td { border-bottom: 1px dotted #ccc; } .align-right { text-align: right !important; } .m-table tr.secondary th{ border-bottom: 2px solid #e52d56; } .add-button { display: inline-block; background: #006bb2; color: #fff; width: 25px; height: 25px; line-height: 25px; text-align: center; text-decoration: none; border-radius: 3px; } .secondary .add-button { background: #e52d56; } .optional-tc { display: none; } .dp { background: url("../img/maxoacc/calendar.png") no-repeat; background-size: 15px; background-position: right 5px top 50%; font-weight: 300; } .datepicker-wrap { } .datepicker-wrap > div { display: table; width: 100%; } .datepicker-wrap input { float: left; height: 32px; box-sizing: border-box; text-indent: 2px; width: 110px; } .datepicker-wrap input:first-of-type { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .datepicker-wrap input:last-of-type { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .range-box { height: 32px; line-height: 30px; text-align: center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #ddd; background: linear-gradient(to bottom, #f4f4f4, #eee); width: 25px; float: left; box-sizing: border-box; font-weight: 300; } .bar-success { border-left: 3px solid #00b978; margin-right: 5px; } .bar-error { border-left: 3px solid #e24747; margin-right: 5px;} .bar-pending { border-left: 3px solid #e29447; margin-right: 5px;} #search-box-wrap { position: fixed; display: table; width: 100%; height: 100%; z-index: 999999; text-align: center; } #search-box { display: table-cell; vertical-align: middle; } #search-field { display: inline-block; padding: 20px; box-sizing: border-box; font-size: 2.5em; width: calc(100% - 200px); font-weight: 300; box-shadow: 0px 0px 50px #444; background: #f4f4f4; color: #333; border: 1px solid #fff; } @-webkit-keyframes rotating { from{ -webkit-transform: translate(-50%,-50%) /*rotate(0deg)*/; } to{ -webkit-transform: translate(-50%,-50%) /*rotate(360deg)*/; } } .advanced-options { display: none; } .no-padding { padding: 0px !important; text-indent: 0px !important; } .mfth-btn:before { content: ""; border-top: 1px solid #006bb2; width: 6px; height: 0px; transform: rotate(45deg); position: absolute; left: 190px; top: 18px; display: block !important; } .mfth-btn:after { content: ""; border-top: 1px solid #006bb2; width: 6px; height: 0px; transform: rotate(135deg); position: absolute; left: 190px; top: 22px; display: block !important; } .mfth-btn { cursor: pointer; position: relative; display: inline-block; width: 100%; padding: 8px 10px; box-sizing: border-box; border-radius: 3px; text-decoration: none; } .mfth-btn:hover { text-decoration: underline; } .mfth-btn:hover:after,.mfth-btn:hover:before { } .mfth-btn.n-selected:before { transform: rotate(135deg); top: 20px; left: 192px; } .mfth-btn.n-selected:after { transform: rotate(225deg); top: 20px; left: 188px; } .support-box { display: inline-block; padding: 20px; box-sizing: border-box; text-align: left; width: 100%; color: #686e76; font-size: 1.1em; font-weight: 300; } .support-box-heading { text-transform: uppercase; margin-bottom: 10px; } .support-open { display: inline-block; width: 10px; height: 10px; border-radius: 100px; background: green; } #forgot-password-wrap { display: table; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; } #applyOverrideRow { display: none; } #search-container{ display: none; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 70; box-sizing: border-box; } .close-search { position: absolute; cursor: pointer; padding: 10px; right: 10px; top: 50%; margin-top: -20px; display: block; height: 20px; width: 20px; z-index: 10; } .close-search:after,.close-search:before { content: ""; position: absolute; top: 50%; margin-top: -2px; left: 50%; margin-left: -10px; width: 20px; height: 4px; background: #999; transform: rotate(45deg); } .close-search:after { transform: rotate(-45deg); } .close-search:hover:after,.close-search:hover:before { background: #000; } #search-container input,#search-container select { cursor: text; width: 100%; box-shadow: 0px 0px 3px #aaa !important; background: #fff; color: #555; border: none; height: 65px; border-radius: 0px; padding: 10px 15px; box-sizing: border-box; font-size: 1.4em; font-weight: bold; } #search-container input { padding-right: 60px !important; } #search-container input:focus, #search-container input:hover,#search-container select:focus, #search-container select:hover { border: 0px !important; box-shadow: 0px 0px 0px; } #search-container .filter-input-box { padding: 10px 10px; } #search-container .filter-list { border-radius: 0px; border: 0px; box-shadow: 0px 3px 3px #aaa; border-top: 1px solid #ddd; } #search-container .filter-item, #search-container .filter-no-match .filter-cat { height: 40px; line-height: 40px; background: #fff; border: 0px; text-transform: none; font-size: 1.2em; } #search-container .filter-focus { background: #0099ff; color: #fff; font-weight: bold; } #search-container .filter-no-match .filter-cat { font-style: normal; padding: 0px 10px; } .keep-size select { width: auto !important; } #ccviewDiv { line-height: 35px; } .useragent-phone { height: 25px; line-height: 25px; } .useragent-phone i { font-size: 1.2em; text-indent: 2px; width: 25px; color: #e98507; } .useragent-phone span { display: inline-block; vertical-align: top; height: 25px; line-height: 25px; text-indent: 5px; } .useragent-phone img { height: 25px; } .rego-small-2 { color: #e98507 !important; } .rego-small-1 { color: #009d52 !important; } .rego-small-0 { color: #777 !important; } .phone-0,.phone-1 { position: relative; } .phone-0 img { opacity: 0.15; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .phone-description { position: absolute; background: #fff; box-shadow: 0px 0px 5px #aaa; box-sizing: border-box; display: table; white-space: nowrap !important; border-radius: 5px; } .phone-description:after { content: ""; position: absolute; width: 20px; height: 20px; bottom: -10px; left: 20px; background: #fff; transform: rotate(45deg); } /*.phone-description img { -webkit-filter: grayscale(0%) !important; filter: grayscale(0%) !important; opacity: 1.0; }*/ .phone-description.phone-reg-0 { border-top: 5px solid #999999; border-radius: 5px; } .phone-description.phone-reg-1 { border-top: 5px solid #11b265; border-radius: 5px;} .phone-description.phone-reg-2 { border-top: 5px solid #e98507; border-radius: 5px;} .phone-description .phone-message { display: block; width: 100%; max-width: 400px; font-style: italic; word-break: normal !important; } .phone-description .phone-type { font-size: 1.2em; font-weight: bold; } .phone-description > .current-rego > div { display: table-cell; vertical-align: middle; padding: 10px 20px; } .phone-description > .current-rego > div:first-child { border-right: 1px solid #ddd; } .phone-description table { border-collapse: collapse; padding: 0px; margin: 0px; } .phone-description table tr td,.phone-description table tr td:hover,.phone-description table tr td:first-child { height: 20px !important; padding: 0px 0px !important; background: #fff !important; text-indent: 0px !important; } .phone-description table tr td:last-child { padding-left: 10px !important; } .phone-description table tr td:first-child { } .extra-registrations-wrapper { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; } table.extra-registrations { } .extra-registrations-wrapper img { width: 20px; display: block; } .phone-description table.extra-registrations tr td { padding: 2px 10px !important; box-sizing: border-box; vertical-align: middle !important; } .phone-description table.extra-registrations tr td:first-child { padding-left: 10px; padding-right: 0px !important; } .extra-phone-desc { max-width: 200px; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; vertical-align: top; } .phone-list-image { display: inline-block; vertical-align: top; } .phone-list-image img { max-width: 15px; margin-top: 3px; } .last-seen { color: rgba(0,0,0,0.7); font-weight: bold; } #infowindow { display: none; background: #fff; position: fixed; min-height: 150px; min-width: 150px; max-height: 60vh; max-width: 60vw; left: 0px; top: 0px; z-index: 999; box-shadow: 1px 2px 5px rgba(0,0,0,0.3); border-radius: 5px; } #infowindow-header { cursor: grab; width: 100%; height: 40px; background: #eee; min-width: 100px; border-top-right-radius: 5px; border-top-left-radius: 5px; } #infowindow-title { line-height: 40px; padding-left: 10px; font-size: 1.2em; text-transform: capitalize; } #infowindow-close,#infowindow-minimize { height: 30px; width: 30px; line-height: 30px; margin-top: 5px; margin-right: 5px; font-weight: bold; text-align: center; background: #ddd; color: #000; float: right; cursor: pointer; } #infowindow-close:hover,#infowindow-minimize:hover { background: #ccc; } #infowindow-minimize { font-size: 1.5em; } #infowindow-content { display: block; max-height: calc(100% - 60px); overflow-y: auto; min-height: 100px; } #infowindow-footer { display: block; position: absolute; bottom: 0px; left: 0px; height: 20px; line-height: 20px; width: 100%; background: #eee; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #infowindow.minimized #infowindow-content,#infowindow.minimized #infowindow-footer { display: none; } #infowindow.minimized { display: block; min-width: 0px; max-height: 0px; min-height: 0px; height: 40px; width: 200px !important; top: auto !important; left: auto !important; bottom: 40px !important; right: 30px !important; } #infowindow.minimized #infowindow-header { cursor: pointer; background: #006bb2; color: #fff; } #infowindow.minimized #infowindow-minimize, #infowindow.minimized #infowindow-close { background: #006bb2; color: #fff; opacity: 0.7; margin-right: 0px; width: 20px; } #infowindow.minimized #infowindow-minimize:hover, #infowindow.minimized #infowindow-close:hover { opacity: 1; } #infowindow.minimized #infowindow-minimize { display: none; } #infowindow.minimized #infowindow-close { margin-right: 5px; } #infowindow-close:after { content: "X"; } #infowindow-minimize:after { content: "-"; } .flex-container { display: flex; flex-direction: row; justify-content: space-between; } .flex-container > div { width: calc(50% - 5px); display: block !important; margin: 0px; } .flex-container > div > div { display: block !important; margin: auto; width: 100%; } .flex-middle { display: flex; align-items: center; word-break: break-word; } .flex-middle .attention-icon { padding: 0px 10px 0px 0px; } .float-right { float: right; } .float-left { float: left; } .float-wrapper { overflow: auto; } .two-column { width: 49%; } .link-list { padding: 0px; margin: 0px; list-style-type: none; font-size: 1.1em; width: 100%; } .link-list-heading, .link-list li a { display: block; padding: 10px 40px 10px 0px; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.1); width: 100%; position: relative; } .link-list-heading { font-weight: bold; } .link-list li a { background: rgba(255,255,255,0.5); } .link-list li a:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; position: absolute; right: 15px; top: 50%; transform: translate3d(0,-50%,0); color: rgba(0,0,0,0.2); font-size: 1.2em; transition: 0.3s ease all; } .link-list li:hover a:after { right: 20px; color: rgba(0,0,0,0.5); } .link-list-heading { font-size: 1.2em; color: rgba(0,0,0,0.7); } .link-list li a:link, .link-list li a:visited { color: #006bb2; text-decoration: none; } .link-list li a:hover, .link-list li a:active { color: #006bb2; text-decoration: underline !important; } .link-list li.fa-list-row { position: relative; } .link-list li.fa-list-row i { position: absolute; top: 50%; left: 15px; transform: translate3d(0,-50%,0); color: rgba(0,0,0,0.7); } .link-list li.fa-list-row i + a { padding-left: 40px; } .search-box { padding: 15px; font-size: 1.3em; width: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1); border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); } .ui-autocomplete.support-search-list li.support-search-result div,.ui-autocomplete.support-search-list { border-radius: 10px; } .ui-autocomplete.support-search-list li.support-search-result div { padding: 10px; } .ui-autocomplete.larger-list { font-size: 1.2em; } .ui-autocomplete.support-search-list li.support-search-result { } .important-message { display:block; width:100%; color: #e52d56; font-weight: bold; } .important-message:before { content: "\f071"; margin-right: 5px; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .rego-issue-wrapper { display: block; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 20px 0px 15px 0px; } .rego-issue img { display: inline-flex; width: 20px; margin-right: 5px; } .rego-issue { display: block; padding: 10px 5px; border-top: 1px solid rgba(0,0,0,0.1); flex-wrap: wrap; width: 100%; max-width: 800px; } .rego-issue > * { vertical-align: top; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .rego-issue-extn { display: inline-block; padding-right: 7px; box-sizing: border-box; border-right: 1px solid rgba(0,0,0,0.2); color: rgba(0,0,0,0.5); } .rego-issue-ua { display: inline-block; padding-left: 7px; box-sizing: border-box; max-width: 170px; } .resolution-message { display: block; font-size: 0.8em; font-weight: bold; width: 100%; margin-top: 2px; font-style: italic; } .darker { color: rgba(0,0,0,0.8); } .show_rego_issues { text-decoration: none; border: 1px solid #efbdc8; display: inline-block; padding: 8px 15px; background: #fff; border-radius: 3px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); font-size: 1.1em; box-sizing: border-box; } .act-show-box img { width: 20px; position: absolute; left: 15px; top: 50%; transform: translate3d(0,-50%,0); } .checkbox-selector { display: inline-block; font-size: 1.0em; } .checkbox-selector input { display: none; } .checkbox-selector label { float: left; padding: 8px 15px; cursor: pointer; border: 2px solid #ccc !important; margin-left: -2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: bold; background: #fff; } .checkbox-selector label:hover { background: #f7f7f7; } .checkbox-selector input:first-of-type + label { } .checkbox-selector input:checked + label { border-color: #006bb2; background: #006bb2; color: #fff; } .checkbox-selector input:checked + label + input + label { border-left-color: #006bb2; } .checkbox-selector input:disabled + label { opacity: 0.3; } .checkbox-selector.secondary input:checked + label { border-color: #006bb2; background: #eff9ff; } .checkbox-selector.secondary input:checked + label + input + label { border-left-color: #006bb2; } .radio-selector { display: block; } .custom-radio { display: none; } .custom-radio + label { float: left; border: 1px solid #000; } .custom-radio + label:before { } #service-address { display: none; } /* AUTO PROVISIONING */ #phone { position: relative; } #phone-wrapper { display: block; overflow-x: auto; white-space: nowrap; } #copy-profile { height: 20px; width: 60px; border: 1px solid black; } #phone-selector { width: 400px; display: flex; flex-flow: row wrap; } .phone-box { height: 75px; width: 70px; border: 2px solid #ccc; border-radius: 5px; margin-right: 5px; margin-bottom: 5px; } .phone-box.selected,.phone-box:hover { cursor: pointer; border-color: #006bb2; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4) } .phone-text { display: flex; justify-content: center; color: #555; font-weight: bold; font-size: 0.8em; } .phone-pic { height: 55px; width: 70px; background-repeat: no-repeat; margin-top: 3px; } #phone-t58 .phone-pic { background-image: url("../img/autoprovisioning/t58-pic.png"); background-size: 115%; background-position-x: -8px; background-position-y: -2px; } #phone-t57 .phone-pic { background-image: url("../img/autoprovisioning/t57-pic.jpg"); background-size: 115%; background-position-x: -8px; background-position-y: -2px; } #phone-t54 .phone-pic { background-image: url("../img/autoprovisioning/t54-pic.png"); background-size: 90%; background-position-x: 5px; background-position-y: 10px; } #phone-t48 .phone-pic { background-image: url("../img/autoprovisioning/t48-pic.jpg"); background-size: 90%; background-position-x: 5px; background-position-y: -3px; } #phone-t46 .phone-pic { background-image: url("../img/autoprovisioning/t46-pic.jpg"); background-size: 100%; background-position-x: 0px; background-position-y: -10px; } #phone-t53 .phone-pic { background-image: url("../img/autoprovisioning/t53-pic.png"); background-size: 90%; background-position-x: 5px; background-position-y: 10px; } #phone-t52 .phone-pic { background-image: url("../img/autoprovisioning/t52-pic.jpg"); background-size: 104%; background-position-x: 0px; background-position-y: 6px; } #phone-w52 .phone-pic { background-image: url("../img/autoprovisioning/w52-pic.png"); background-size: 90%; background-position-x: 5px; background-position-y: -5px; } #phone-w53 .phone-pic { background-image: url("../img/autoprovisioning/w53-pic.jpg"); background-size: 80%; background-position-x: 6px; background-position-y: 0px; } #phone-w60 .phone-pic { background-image: url("../img/autoprovisioning/w60-pic.jpg"); background-size: 120%; background-position-x: -6px; background-position-y: -5px; } #phone-t42 .phone-pic, #phone-t41 .phone-pic { background-image: url("../img/autoprovisioning/t42-pic.png"); background-size: 85%; background-position-x: 10px; background-position-y: -3px; } #phone-grp2612 .phone-pic { background-image: url("../img/autoprovisioning/grp2612-pic.png"); background-size: 90%; background-position-x: 5px; background-position-y: 0px; } #phone-grp2613 .phone-pic { background-image: url("../img/autoprovisioning/grp2613-pic.png"); background-size: 90%; background-position-x: 5px; background-position-y: 2px; } #phone-grp2614 .phone-pic { background-image: url("../img/autoprovisioning/grp2616-pic.png"); background-size: 90%; background-position-x: 3px; background-position-y: 1px; } #phone-grp2615 .phone-pic { background-image: url("../img/autoprovisioning/grp2615-pic.png"); background-size: 90%; background-position-x: 5px; background-position-y: 0px; } #phone-grp2616 .phone-pic { background-image: url("../img/autoprovisioning/grp2614-pic.png"); background-size: 90%; background-position-x: 5px; background-position-y: 0px; } #phone-other .phone-pic { display: flex; justify-content: center; align-items: center; font-size: 2.0em; } #phone-other .phone-pic:after { display: flex; content: "\f059"; font-family: "Font Awesome 5 Pro"; } #phone-wrapper #phone { display: inline-flex; vertical-align: top; position: relative; justify-content: center; align-items: center; background: black; border-radius: 10px; margin: 2px; margin-bottom: 40px; } #phone-wrapper .expansion { display: inline-flex; vertical-align: top; position: relative; justify-content: center; align-items: center; background: black; border-radius: 10px; margin: 2px; } #phone-wrapper .top-logo { display: flex; position: absolute; align-self: flex-start; justify-content: center; align-items: center; color: silver; font-family: tahoma; font-size: 1.7em; font-weight: bold; width: 100%; } #phone-wrapper .s-button { width: 50px; height: 15px; display: flex; position: absolute; background: grey; border-radius: 6px; align-items: center; } #phone-wrapper .s-button.blf .button-led,#phone-wrapper .s-button.callpark .button-led { background: lightgreen; } #phone-wrapper .button-led { width: 12px; height: 4px; background: darkgray; } .blf-page-numbers { display: none; justify-content: center; align-items: center; } .blf-page-numbers:hover { cursor: pointer; } #bottom-buttons { display: flex; justify-content: space-around; align-items: center; position: absolute; align-self: flex-end; } #phone-wrapper .b-button { width: 50px; height: 17px; display: flex; background: grey; border-radius: 6px; } #model-text:after { display: flex; position: absolute; color: silver; } #phone-wrapper .grey-select { display: flex; justify-content: center; } #phone-wrapper .page-buttons { display: none; align-items: center; position: absolute; align-self: flex-end; } #phone-wrapper .page-button { display: flex; justify-content: center; align-items: center; color: white; width: 40px; height: 25px; background: grey; border-radius: 4px; } #phone-wrapper .page-button:hover { cursor: pointer; } #phone-wrapper .bottom-icons { display: none; } #phone-wrapper #bottom-background { display: none; } #phone-wrapper .fas.fa-th { transform: rotate(90deg); } #phone-wrapper .park-icon { font-size: 1em !important; } #phone-wrapper #add-ext,#phone-wrapper .del-ext { display: flex; position: absolute; align-items: center; align-self: center; color: white; justify-self: end; right: 18px; top: 7px; font-size: 0.95em; } #phone-wrapper #add-ext-text,#phone-wrapper .del-ext-text { display: flex; flex-direction: column; margin-left: 5px; } #phone-wrapper #add-ext-plus,#phone-wrapper .del-ext-minus { font-size: 2em; } #phone-wrapper #add-ext-plus { color: lightgreen; } #phone-wrapper .del-ext-minus { color: red; } #phone-wrapper #add-ext:hover,#phone-wrapper .del-ext:hover { cursor: pointer; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } #phone-wrapper .key-label,#phone-wrapper .key-icon { padding-left: 1px; padding-right: 1px; } #phone-wrapper .key-label span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #phone-wrapper .key-label { text-overflow: ellipsis; overflow: hidden; width: 100%; user-select: none; } #phone-wrapper .screen { display: flex; flex-direction: column; justify-content: space-between; } #phone-wrapper #page-selector { display: flex; justify-content: center; position: absolute; align-items: center; width: 100px; align-self: center; z-index: 2; padding: 0px !important; } #phone-wrapper #page-selector span { display: flex; justify-content: center; align-items: center; } #page-selector-display { margin: 0px 10px; } #phone-wrapper #time-date-display { display: flex; position: absolute; justify-content: center; align-content: center; cursor: default; } #phone-wrapper #time-display { display: flex; justify-content: center; } #phone-wrapper #ampm { display: flex; } #phone-wrapper #date-display { display: flex; justify-content: center; } #phone-wrapper #top-row { width: 100%; display: flex; } #phone-wrapper #key-wrapper { width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; flex-direction: column; } .exp-key-wrapper { width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; flex-direction: column; } .dsskey { width: 23%; box-sizing: border-box; display: flex; align-self: flex-end; align-items: center; } .dsskey:hover, .key-exp:hover { cursor: pointer; } .dsskey:after { content: ""; border-top: 2px solid rgba(230,230,230,0.7); position: absolute; display: block; } .dsskey:before { content: ""; border-top: 2px solid rgba(230,230,230,0.7); position: absolute; display: block; } .key-exp { width: 23%; box-sizing: border-box; display: flex; align-self: flex-end; align-items: center; } .key-exp:after {content: ""; border-top: 2px solid rgba(230,230,230,0.7); position: absolute; display: block; } .key-exp:before { content: ""; border-top: 2px solid rgba(230,230,230,0.7); position: absolute; display: block; } .key-exp.selected { box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.6); } #phone-wrapper #bottom-row { width: 100%; display: flex; cursor: default; } #phone-wrapper .bottom-block { width: 25%; height: 100%; display: flex; justify-content: center; align-items: center; } .key-over, .key-select, .exp-key-select { display: none; align-items: center; } .key-select, .exp-key-select { z-index: 3; width: 100%; height: 100%; } #phone-wrapper .android-button { display: none; } #bottom-row section:nth-child(5), #bottom-row section:nth-child(6) { display: none; } .line-icon .fa-phone { transform: rotate(225deg); } .park-icon { font-size: 0.8em !important; } #grand-ext-pages { display: none; user-select: none; justify-content: center; align-items: center; position: absolute; color: white; font-size: 0.9em; height: 20px; background: #17191c; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.1); } #grand-left-icon { position: absolute; left: 5px; font-size: 0.75em; } #grand-right-icon { position: absolute; right: 5px; font-size: 0.75em; } #grand-ext-num { font-size: 0.75em; } .grand-page-numbers { display: none; } .fa-caret-left, .fa-caret-right { cursor: pointer; } /* #key-wrapper.page1 ~ #bottom-row .grand-page-numbers { display: block; } #key-wrapper.page1 ~ #bottom-row .grand-no-pages { display: none; } #key-wrapper.page2 ~ #bottom-row .grand-page-numbers { display: block; } #key-wrapper.page2 ~ #bottom-row .grand-no-pages { display: none; } #key-wrapper.page3 ~ #bottom-row .grand-page-numbers { display: block; } #key-wrapper.page3 ~ #bottom-row .grand-no-pages { display: none; } #key-wrapper.page4 ~ #bottom-row .grand-page-numbers { display: block; } #key-wrapper.page4 ~ #bottom-row .grand-no-pages { display: none; } */ #phone .park-icon:after { position: absolute; content: "P"; font-weight: 800; font-size: 0.8em; margin-left: -4px; margin-top: -2px; } .expansion .park-icon:after { position: absolute; content: "P"; font-weight: 800; font-size: 0.8em; margin-left: -4px; margin-top: -2px; } /* #phone .speed-icon:after { position: absolute; content: "\f0e7"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-left: -4px; font-size: 0.65em; margin-top: -2px; } */ #phone.grp2616 { width: 580px; height: 370px; } #phone.grp2616 .top-logo { font-size: 1.4em; margin-top: 26px; font-family: 'Orbitron', sans-serif; } #phone.grp2616 .screen { width: 370px; height: 205px; background: linear-gradient(45deg, rgba(0,15,27,1) 20%, rgba(20,47,69,1) 50%, rgba(0,15,27,1) 80%); color: white; margin-bottom: 13px; border: 1px solid rgba(255,255,255,0.1); } #phone.grp2616 #add-ext { display: none; } #phone.grp2616 #page-selector { width: 85px; height: 13px; line-height: 13px; font-size: 0.8em; } #phone.grp2616 .fa-caret-left:hover, #phone.grp2616 .fa-caret-right:hover { color: lightgreen; } #phone.grp2616 #top-row { height: 13px; background: rgba(255,255,255,0.1); } #phone.grp2616 #key-wrapper { height: 171px; width: 50%; } #phone.grp2616 .dsskey { height: 27.6px; width: 95%; background: rgba(255,255,255,0.1); left: 1px; align-self: flex-start; } #phone.grp2616 .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone.grp2616 #key-wrapper section:nth-child(n+7):nth-child(-n+40) { display: none; } #phone.grp2616 #key-wrapper.page2 section:nth-child(-n+6) { display: none; } #phone.grp2616 #key-wrapper.page2 section:nth-child(n+7):nth-child(-n+12) { display: flex; } #phone.grp2616 #key-wrapper.page3 section:nth-child(-n+12) { display: none; } #phone.grp2616 #key-wrapper.page3 section:nth-child(n+13):nth-child(-n+18) { display: flex; } #phone.grp2616 #key-wrapper.page4 section:nth-child(-n+18) { display: none; } #phone.grp2616 #key-wrapper.page4 section:nth-child(n+19):nth-child(-n+24) { display: flex; } #phone.grp2616 #key-wrapper section:nth-child(6n+1) .s-button { top: 76px; } #phone.grp2616 #key-wrapper section:nth-child(6n+2) .s-button { top: 112px; } #phone.grp2616 #key-wrapper section:nth-child(6n+3) .s-button { top: 148px; } #phone.grp2616 #key-wrapper section:nth-child(6n+4) .s-button { top: 187px; } #phone.grp2616 #key-wrapper section:nth-child(6n+5) .s-button { top: 224px; } #phone.grp2616 #key-wrapper section:nth-child(6n) .s-button { top: 259px; } #phone.grp2616 #key-wrapper .s-button { left: 29px; justify-content: flex-end; } #phone.grp2616 #key-wrapper section:nth-child(6n+1)::before { top: 103px; width: 13px; left: 87px; transform: rotate(-130deg); transform-origin: left; } #phone.grp2616 #key-wrapper section:nth-child(6n+1)::after { top: 103px; width: 12px; left: 87px; } #phone.grp2616 #key-wrapper section:nth-child(6n+2)::before { top: 130px; width: 9px; left: 87px; transform: rotate(-145deg); transform-origin: left; } #phone.grp2616 #key-wrapper section:nth-child(6n+2)::after { top: 130px; width: 12px; left: 87px; } #phone.grp2616 #key-wrapper section:nth-child(6n+3)::before { top: 159px; width: 7px; left: 87px; transform: rotate(-160deg); transform-origin: left; } #phone.grp2616 #key-wrapper section:nth-child(6n+3)::after { top: 159px; width: 12px; left: 87px; } #phone.grp2616 #key-wrapper section:nth-child(6n+4)::before { top: 188px; width: 7px; left: 87px; transform: rotate(160deg); transform-origin: left; } #phone.grp2616 #key-wrapper section:nth-child(6n+4)::after { top: 188px; width: 12px; left: 87px; } #phone.grp2616 #key-wrapper section:nth-child(6n+5)::before { top: 217px; width: 9px; left: 87px; transform: rotate(145deg); transform-origin: left; } #phone.grp2616 #key-wrapper section:nth-child(6n+5)::after { top: 217px; width: 12px; left: 87px; } #phone.grp2616 #key-wrapper section:nth-child(6n)::before { top: 244px; width: 13px; left: 87px; transform: rotate(130deg); transform-origin: left; } #phone.grp2616 #key-wrapper section:nth-child(6n)::after { top: 244px; width: 12px; left: 87px; } #phone.grp2616 #bottom-buttons { margin-bottom: 30px; width: 350px; justify-content: space-between; } #phone.grp2616 .b-button, #phone.grp2616 .s-button { width: 45px; height: 14px; } #phone.grp2616 .button-led { border-radius: 2px; margin: 2px; } #phone.grp2616 #time-date-display { height: 14px; font-size: 0.7em; align-self: flex-end; margin-right: 3px; } #phone.grp2616 #ampm { margin-left: 2px; } #phone.grp2616 #date-display { display: none; } #phone.grp2616 .grey-select { color: grey; font-size: 0.9em; width: 100%; } #phone.grp2616 .key-icon { margin: 2px 4px; font-size: 0.9em !important; color: lightgreen; width: 12px; justify-content: center; } #phone.grp2616 #bottom-row { font-size: 0.65em; background: rgba(255,255,255,0.1); height: 19px; } #phone.grp2616 .key-label { font-size: 0.75em; } #phone.grp2616 .fa-caret-left, #phone.grp2616 .fa-caret-right { margin: 3px; } #phone.grp2616 .page-highlight { background: white; color: #2e3238; margin: 2px; font-size: 1.1em; display: inline-block; width: 9px; text-align: center; } #phone.grp2616 .speed-icon, #phone.grp2616 .park-icon { color: #66d8ea; } #phone.grp2616 #bottom-row section:nth-child(5) { display: flex; } #phone.grp2616 #bottom-buttons section:nth-child(5) { display: flex; } #phone.grp2616 #bottom-row section:after { font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; background: gray; width: 47px; height: 25px; color: white; border-radius: 3px; text-align: center; font-size: 1.5em; right: 28px; line-height: 24px; } #phone.grp2616 #bottom-row section:nth-child(1):after { content: "\f0e0"; top: 100px; } #phone.grp2616 #bottom-row section:nth-child(2):after { content: "\f518"; top: 157px; font-weight: 500; } #phone.grp2616 #bottom-row section:nth-child(3):after { content: "\f04c"; top: 215px; } #phone.grp2615 { width: 580px; height: 370px; } #phone.grp2615 .top-logo { font-size: 1.4em; margin-top: 26px; font-family: 'Orbitron', sans-serif; } #phone.grp2615 .screen { width: 370px; height: 205px; background: linear-gradient(45deg, rgba(0,15,27,1) 20%, rgba(20,47,69,1) 50%, rgba(0,15,27,1) 80%); color: white; margin-bottom: 13px; border: 1px solid rgba(255,255,255,0.1); } #phone.grp2615 #top-row { height: 13px; background: rgba(255,255,255,0.1); } #phone.grp2615 #page-selector { width: 85px; height: 13px; line-height: 13px; font-size: 1em; } #phone.grp2615 .fa-caret-left:hover, #phone.grp2615 .fa-caret-right:hover { color: lightgreen; } #phone.grp2615 #key-wrapper { height: 168px; } #phone.grp2615 .dsskey { height: 32px; width: 43%; background: rgba(255,255,255,0.1); } #phone.grp2615 .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone.grp2615 #key-wrapper section:nth-child(n+11):nth-child(-n+40) { display: none; } #phone.grp2615 #key-wrapper.page2 section:nth-child(-n+10) { display: none; } #phone.grp2615 #key-wrapper.page2 section:nth-child(n+11):nth-child(-n+20) { display: flex; } #phone.grp2615 #key-wrapper.page3 section:nth-child(-n+20) { display: none; } #phone.grp2615 #key-wrapper.page3 section:nth-child(n+21):nth-child(-n+30) { display: flex; } #phone.grp2615 #key-wrapper.page4 section:nth-child(-n+30) { display: none; } #phone.grp2615 #key-wrapper.page4 section:nth-child(n+31):nth-child(-n+40) { display: flex; } #phone.grp2615 #key-wrapper section:nth-child(n+1):nth-child(-n+5), #phone.grp2615 #key-wrapper section:nth-child(n+11):nth-child(-n+15), #phone.grp2615 #key-wrapper section:nth-child(n+21):nth-child(-n+25), #phone.grp2615 #key-wrapper section:nth-child(n+31):nth-child(-n+35) { left: 1px; align-self: flex-start; } #phone.grp2615 #key-wrapper section:nth-child(n+6):nth-child(-n+10), #phone.grp2615 #key-wrapper section:nth-child(n+16):nth-child(-n+20), #phone.grp2615 #key-wrapper section:nth-child(n+26):nth-child(-n+30), #phone.grp2615 #key-wrapper section:nth-child(n+36):nth-child(-n+40) { right: 1px; justify-content: flex-end; } #phone.grp2615 #key-wrapper section:nth-child(n+6):nth-child(-n+10) .key-label, #phone.grp2615 #key-wrapper section:nth-child(n+16):nth-child(-n+20) .key-label, #phone.grp2615 #key-wrapper section:nth-child(n+26):nth-child(-n+30) .key-label, #phone.grp2615 #key-wrapper section:nth-child(n+36):nth-child(-n+40) .key-label { display: flex; flex-direction: row-reverse; align-items: baseline; } #phone.grp2615 #key-wrapper section:nth-child(5n+1) .s-button { top: 89px; } #phone.grp2615 #key-wrapper section:nth-child(5n+2) .s-button { top: 129px; } #phone.grp2615 #key-wrapper section:nth-child(5n+3) .s-button { top: 169px; } #phone.grp2615 #key-wrapper section:nth-child(5n+4) .s-button { top: 205px; } #phone.grp2615 #key-wrapper section:nth-child(5n) .s-button { top: 245px; } #phone.grp2615 #key-wrapper section:nth-child(n+1):nth-child(-n+5) .s-button, #phone.grp2615 #key-wrapper section:nth-child(n+11):nth-child(-n+15) .s-button, #phone.grp2615 #key-wrapper section:nth-child(n+21):nth-child(-n+25) .s-button, #phone.grp2615 #key-wrapper section:nth-child(n+31):nth-child(-n+35) .s-button { left: 15px; justify-content: flex-end; } #phone.grp2615 #key-wrapper section:nth-child(n+6):nth-child(-n+10) .s-button, #phone.grp2615 #key-wrapper section:nth-child(n+16):nth-child(-n+20) .s-button, #phone.grp2615 #key-wrapper section:nth-child(n+26):nth-child(-n+30) .s-button, #phone.grp2615 #key-wrapper section:nth-child(n+36):nth-child(-n+40) .s-button { right: 15px; } #phone.grp2615 #key-wrapper section:nth-child(10n+1)::before { top: 104px; width: 7px; left: 74px; transform: rotate(-145deg); transform-origin: left; } #phone.grp2615 #key-wrapper section:nth-child(10n+1)::after { top: 104px; width: 18px; left: 74px; } #phone.grp2615 #key-wrapper section:nth-child(10n+2)::before { top: 138px; width: 7px; left: 74px; transform: rotate(-145deg); transform-origin: left; } #phone.grp2615 #key-wrapper section:nth-child(10n+2)::after { top: 138px; width: 18px; left: 74px; } #phone.grp2615 #key-wrapper section:nth-child(10n+3)::after { width: 22px; left: 70px; } #phone.grp2615 #key-wrapper section:nth-child(10n+4)::before { top: 208px; width: 7px; left: 74px; transform: rotate(145deg); transform-origin: left; } #phone.grp2615 #key-wrapper section:nth-child(10n+4)::after { top: 208px; width: 18px; left: 74px; } #phone.grp2615 #key-wrapper section:nth-child(10n+5)::before { top: 242px; width: 7px; left: 74px; transform: rotate(145deg); transform-origin: left; } #phone.grp2615 #key-wrapper section:nth-child(10n+5)::after { top: 242px; width: 18px; left: 74px; } #phone.grp2615 #key-wrapper section:nth-child(10n+6)::after { top: 104px; width: 18px; right: 74px; } #phone.grp2615 #key-wrapper section:nth-child(10n+6)::before { top: 104px; width: 7px; right: 74px; transform: rotate(145deg); transform-origin: right; } #phone.grp2615 #key-wrapper section:nth-child(10n+7)::after { top: 138px; width: 18px; right: 74px; } #phone.grp2615 #key-wrapper section:nth-child(10n+7)::before { top: 138px; width: 7px; right: 74px; transform: rotate(145deg); transform-origin: right; } #phone.grp2615 #key-wrapper section:nth-child(10n+8)::after { width: 22px; right: 70px; } #phone.grp2615 #key-wrapper section:nth-child(10n+9)::after { top: 208px; width: 18px; right: 74px; } #phone.grp2615 #key-wrapper section:nth-child(10n+9)::before { top: 208px; width: 7px; right: 74px; transform: rotate(-145deg); transform-origin: right; } #phone.grp2615 #key-wrapper section:nth-child(10n)::after { top: 242px; width: 18px; right: 74px; } #phone.grp2615 #key-wrapper section:nth-child(10n)::before { top: 242px; width: 7px; right: 74px; transform: rotate(-145deg); transform-origin: right; } #phone.grp2615 #bottom-buttons { margin-bottom: 30px; width: 350px; justify-content: space-between; } #phone.grp2615 .b-button, #phone.grp2615 .s-button { width: 45px; height: 14px; } #phone.grp2615 .button-led { border-radius: 2px; margin: 2px; } #phone.grp2615 #time-date-display { height: 14px; font-size: 0.7em; align-self: flex-end; margin-right: 3px; } #phone.grp2615 #ampm { margin-left: 2px; } #phone.grp2615 #date-display { display: none; } #phone.grp2615 .grey-select { color: grey; font-size: 0.9em; width: 100%; } #phone.grp2615 .key-icon { margin: 2px 4px; font-size: 0.9em !important; color: lightgreen; width: 12px; justify-content: center; } #phone.grp2615 #bottom-row { font-size: 0.65em; background: rgba(255,255,255,0.1); height: 19px; } #phone.grp2615 .key-label { font-size: 0.75em; } #phone.grp2615 .fa-caret-left, #phone.grp2615 .fa-caret-right { margin: 3px; } #phone.grp2615 .page-highlight { background: white; color: #2e3238; margin: 2px; font-size: 1.1em; display: inline-block; width: 9px; text-align: center; } #phone.grp2615 .speed-icon, #phone.grp2615 .park-icon { color: #66d8ea; } #phone.grp2615 #bottom-row section:nth-child(5) { display: flex; } #phone.grp2615 #bottom-buttons section:nth-child(5) { display: flex; } #phone.grp2614 { width: 500px; height: 300px; } #phone.grp2614 .top-logo { font-size: 1.2em; margin-top: 22px; font-family: 'Orbitron', sans-serif; } #phone.grp2614 .screen { width: 213px; height: 160px; background: linear-gradient(45deg, rgba(0,15,27,1) 20%, rgba(20,47,69,1) 50%, rgba(0,15,27,1) 80%); color: white; border: 1px solid rgba(255,255,255,0.1); } #phone.grp2614 #add-ext { display: none; } #phone.grp2614 #top-row { height: 13px; background: rgba(255,255,255,0.1); } #phone.grp2614 #page-selector { width: 85px; height: 13px; line-height: 13px; font-size: 0.8em; } #phone.grp2614 .fa-caret-left:hover, #phone.grp2614 .fa-caret-right:hover { color: lightgreen; } #phone.grp2614 #key-wrapper { height: 122px; width: 50%; } #phone.grp2614 .dsskey { height: 29px; width: 95%; background: rgba(255,255,255,0.1); left: 1px; align-self: flex-start; } #phone.grp2614 .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone.grp2614 #key-wrapper section:nth-child(n+5):nth-child(-n+40) { display: none; } #phone.grp2614 #key-wrapper.page2 section:nth-child(-n+4) { display: none; } #phone.grp2614 #key-wrapper.page2 section:nth-child(n+5):nth-child(-n+8) { display: flex; } #phone.grp2614 #key-wrapper.page3 section:nth-child(-n+8) { display: none; } #phone.grp2614 #key-wrapper.page3 section:nth-child(n+9):nth-child(-n+12) { display: flex; } #phone.grp2614 #key-wrapper.page4 section:nth-child(-n+12) { display: none; } #phone.grp2614 #key-wrapper.page4 section:nth-child(n+13):nth-child(-n+16) { display: flex; } #phone.grp2614 #key-wrapper section:nth-child(4n+1) .s-button { top: 80px; } #phone.grp2614 #key-wrapper section:nth-child(4n+2) .s-button { top: 118px; } #phone.grp2614 #key-wrapper section:nth-child(4n+3) .s-button { top: 158px; } #phone.grp2614 #key-wrapper section:nth-child(4n) .s-button { top: 198px; } #phone.grp2614 .dsskey .s-button { left: 50px; justify-content: flex-end; } #phone.grp2614 #key-wrapper section:nth-child(4n+1)::before { top: 97px; width: 10px; left: 110px; transform: rotate(-145deg); transform-origin: left; } #phone.grp2614 #key-wrapper section:nth-child(4n+1)::after { top: 97px; width: 29px; left: 110px; } #phone.grp2614 #key-wrapper section:nth-child(4n+2)::before { width: 7px; left: 110px; transform: rotate(-165deg); transform-origin: left; } #phone.grp2614 #key-wrapper section:nth-child(4n+2)::after { width: 29px; left: 110px; } #phone.grp2614 #key-wrapper section:nth-child(4n+3)::before { top: 162px; width: 7px; left: 110px; transform: rotate(165deg); transform-origin: left; } #phone.grp2614 #key-wrapper section:nth-child(4n+3)::after { top: 162px; width: 29px; left: 110px; } #phone.grp2614 #key-wrapper section:nth-child(4n)::after { top: 192px; width: 29px; left: 110px; } #phone.grp2614 #key-wrapper section:nth-child(4n)::before { top: 192px; width: 10px; left: 110px; transform: rotate(145deg); transform-origin: left; } #phone.grp2614 #bottom-buttons { margin-bottom: 25px; width: 210px; justify-content: space-between; } #phone.grp2614 .b-button, #phone.grp2614 .s-button { width: 45px; height: 14px; } #phone.grp2614 .button-led { border-radius: 2px; margin: 2px; } #phone.grp2614 #time-date-display { height: 14px; font-size: 0.7em; align-self: flex-end; margin-right: 3px; } #phone.grp2614 #ampm { margin-left: 2px; } #phone.grp2614 #date-display { display: none; } #phone.grp2614 .grey-select { color: grey; font-size: 0.9em; width: 100%; } #phone.grp2614 .key-icon { margin: 2px 4px; font-size: 0.9em !important; color: lightgreen; width: 12px; justify-content: center; } #phone.grp2614 #bottom-row { font-size: 0.65em; background: rgba(255,255,255,0.1); height: 19px; } #phone.grp2614 .key-label { font-size: 0.75em; } #phone.grp2614 .fa-caret-left, #phone.grp2614 .fa-caret-right { margin: 3px; } #phone.grp2614 .page-highlight { background: white; color: #2e3238; margin: 2px; font-size: 1.1em; display: inline-block; width: 9px; text-align: center; } #phone.grp2614 .speed-icon, #phone.grp2614 .park-icon { color: #66d8ea; } #phone.grp2614 #bottom-row section:after { font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; background: gray; width: 47px; height: 25px; color: white; border-radius: 3px; text-align: center; font-size: 1.5em; right: 43px; line-height: 24px; } #phone.grp2614 #bottom-row section:nth-child(1):after { content: "\f0e0"; top: 80px; } #phone.grp2614 #bottom-row section:nth-child(2):after { content: "\f518"; top: 135px; font-weight: 500; } #phone.grp2614 #bottom-row section:nth-child(3):after { content: "\f04c"; top: 195px; } #phone.grp2613 { width: 423px; height: 280px; } #phone.grp2613 .top-logo { font-size: 1em; margin-top: 18px; font-family: 'Orbitron', sans-serif; } #phone.grp2613 .screen { width: 220px; height: 150px; background: linear-gradient(45deg, rgba(0,15,27,1) 20%, rgba(20,47,69,1) 50%, rgba(0,15,27,1) 80%); color: white; margin-bottom: 13px; border: 1px solid rgba(255,255,255,0.1); } #phone.grp2613 #add-ext { display: none; } #phone.grp2613 #top-row { height: 13px; background: rgba(255,255,255,0.1); } #phone.grp2613 #page-selector { width: 85px; height: 13px; line-height: 13px; font-size: 0.8em; } #phone.grp2613 .fa-caret-left:hover, #phone.grp2613 .fa-caret-right:hover { color: lightgreen; } #phone.grp2613 #key-wrapper { height: 94px; } #phone.grp2613 .dsskey { height: 28px; width: 47%; background: rgba(255,255,255,0.1); } #phone.grp2613 .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone.grp2613 #key-wrapper section:nth-child(n+7):nth-child(-n+40) { display: none; } #phone.grp2613 #key-wrapper.page2 section:nth-child(-n+6) { display: none; } #phone.grp2613 #key-wrapper.page2 section:nth-child(n+7):nth-child(-n+12) { display: flex; } #phone.grp2613 #key-wrapper.page3 section:nth-child(-n+12) { display: none; } #phone.grp2613 #key-wrapper.page3 section:nth-child(n+13):nth-child(-n+18) { display: flex; } #phone.grp2613 #key-wrapper.page4 section:nth-child(-n+18) { display: none; } #phone.grp2613 #key-wrapper.page4 section:nth-child(n+19):nth-child(-n+24) { display: flex; } #phone.grp2613 #key-wrapper section:nth-child(6n+1), #phone.grp2613 #key-wrapper section:nth-child(6n+2), #phone.grp2613 #key-wrapper section:nth-child(6n+3) { left: 1px; align-self: flex-start; } #phone.grp2613 #key-wrapper section:nth-child(6n+4), #phone.grp2613 #key-wrapper section:nth-child(6n+5), #phone.grp2613 #key-wrapper section:nth-child(6n) { right: 1px; justify-content: flex-end; } #phone.grp2613 #key-wrapper section:nth-child(6n+4) .key-label, #phone.grp2613 #key-wrapper section:nth-child(6n+5) .key-label, #phone.grp2613 #key-wrapper section:nth-child(6n) .key-label { display: flex; flex-direction: row-reverse; align-items: baseline; } #phone.grp2613 #key-wrapper section:nth-child(3n+1) .s-button { top: 84px; } #phone.grp2613 #key-wrapper section:nth-child(3n+2) .s-button { top: 124px; } #phone.grp2613 #key-wrapper section:nth-child(3n) .s-button { top: 163px; } #phone.grp2613 #key-wrapper section:nth-child(6n+1) .s-button, #phone.grp2613 #key-wrapper section:nth-child(6n+2) .s-button, #phone.grp2613 #key-wrapper section:nth-child(6n+3) .s-button { left: 15px; justify-content: flex-end; } #phone.grp2613 #key-wrapper section:nth-child(6n+4) .s-button, #phone.grp2613 #key-wrapper section:nth-child(6n+5) .s-button, #phone.grp2613 #key-wrapper section:nth-child(6n) .s-button { right: 15px; } #phone.grp2613 #key-wrapper section:nth-child(6n+1)::before { top: 97px; width: 7px; left: 74px; transform: rotate(-145deg); transform-origin: left; } #phone.grp2613 #key-wrapper section:nth-child(6n+1)::after { top: 97px; width: 18px; left: 74px; } #phone.grp2613 #key-wrapper section:nth-child(6n+2)::after { width: 22px; left: 70px; } #phone.grp2613 #key-wrapper section:nth-child(6n+3)::before { top: 163px; width: 7px; left: 74px; transform: rotate(145deg); transform-origin: left; } #phone.grp2613 #key-wrapper section:nth-child(6n+3)::after { top: 163px; width: 18px; left: 74px; } #phone.grp2613 #key-wrapper section:nth-child(6n+4)::after { top: 97px; width: 18px; right: 74px; } #phone.grp2613 #key-wrapper section:nth-child(6n+4)::before { top: 97px; width: 7px; right: 74px; transform: rotate(145deg); transform-origin: right; } #phone.grp2613 #key-wrapper section:nth-child(6n+5)::after { width: 22px; right: 70px; } #phone.grp2613 #key-wrapper section:nth-child(6n)::after { top: 163px; width: 18px; right: 74px; } #phone.grp2613 #key-wrapper section:nth-child(6n)::before { top: 163px; width: 7px; right: 74px; transform: rotate(-145deg); transform-origin: right; } #phone.grp2613 #bottom-buttons { margin-bottom: 25px; width: 220px; justify-content: space-between; } #phone.grp2613 .b-button, #phone.grp2613 .s-button { width: 45px; height: 14px; } #phone.grp2613 .button-led { border-radius: 2px; margin: 2px; } #phone.grp2613 #time-date-display { height: 14px; font-size: 0.7em; align-self: flex-end; margin-right: 3px; } #phone.grp2613 #ampm { margin-left: 2px; } #phone.grp2613 #date-display { display: none; } #phone.grp2613 .grey-select { color: grey; font-size: 0.9em; width: 100%; } #phone.grp2613 .key-icon { margin: 2px 4px; font-size: 0.9em !important; color: lightgreen; width: 12px; justify-content: center; } #phone.grp2613 #bottom-row { font-size: 0.65em; background: rgba(255,255,255,0.1); height: 19px; } #phone.grp2613 .key-label { font-size: 0.75em; } #phone.grp2613 .fa-caret-left, #phone.grp2613 .fa-caret-right { margin: 3px; } #phone.grp2613 .page-highlight { background: white; color: #2e3238; margin: 2px; font-size: 1.1em; display: inline-block; width: 9px; text-align: center; } #phone.grp2613 .speed-icon, #phone.grp2613 .park-icon { color: #66d8ea; } #phone.grp2612 { width: 423px; height: 280px; } #phone.grp2612 .top-logo { font-size: 1em; margin-top: 22px; font-family: 'Orbitron', sans-serif; } #phone.grp2612 .screen { width: 185px; height: 140px; background: linear-gradient(45deg, rgba(0,15,27,1) 20%, rgba(20,47,69,1) 50%, rgba(0,15,27,1) 80%); color: white; margin-bottom: 13px; border: 1px solid rgba(255,255,255,0.1); } #phone.grp2612 #add-ext { display: none; } #phone.grp2612 #top-row { height: 13px; background: rgba(255,255,255,0.1); } #phone.grp2612 #page-selector { width: 85px; height: 13px; line-height: 13px; font-size: 0.8em; } #phone.grp2612 .fa-caret-left:hover, #phone.grp2612 .fa-caret-right:hover { color: lightgreen; } #phone.grp2612 #key-wrapper { height: 82px; } #phone.grp2612 .dsskey { height: 32px; width: 47%; background: rgba(255,255,255,0.1); } #phone.grp2612 .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone.grp2612 #key-wrapper section:nth-child(n+5):nth-child(-n+40) { display: none; } #phone.grp2612 #key-wrapper.page2 section:nth-child(-n+4) { display: none; } #phone.grp2612 #key-wrapper.page2 section:nth-child(n+5):nth-child(-n+8) { display: flex; } #phone.grp2612 #key-wrapper.page3 section:nth-child(-n+8) { display: none; } #phone.grp2612 #key-wrapper.page3 section:nth-child(n+9):nth-child(-n+12) { display: flex; } #phone.grp2612 #key-wrapper.page4 section:nth-child(-n+12) { display: none; } #phone.grp2612 #key-wrapper.page4 section:nth-child(n+13):nth-child(-n+16) { display: flex; } #phone.grp2612 #key-wrapper section:nth-child(4n+1), #phone.grp2612 #key-wrapper section:nth-child(4n+2) { left: 1px; align-self: flex-start; } #phone.grp2612 #key-wrapper section:nth-child(4n+3), #phone.grp2612 #key-wrapper section:nth-child(4n) { right: 1px; justify-content: flex-end; } #phone.grp2612 #key-wrapper section:nth-child(4n+3) .key-label, #phone.grp2612 #key-wrapper section:nth-child(4n) .key-label { display: flex; flex-direction: row-reverse; align-items: baseline; } #phone.grp2612 #key-wrapper section:nth-child(2n+1) .s-button { top: 102px; } #phone.grp2612 #key-wrapper section:nth-child(2n) .s-button { top: 146px; } #phone.grp2612 #key-wrapper section:nth-child(4n+1) .s-button, #phone.grp2612 #key-wrapper section:nth-child(4n+2) .s-button { left: 36px; justify-content: flex-end; } #phone.grp2612 #key-wrapper section:nth-child(4n+3) .s-button, #phone.grp2612 #key-wrapper section:nth-child(4n) .s-button { right: 36px; } #phone.grp2612 #bottom-buttons { margin-bottom: 30px; width: 220px; justify-content: space-between; } #phone.grp2612 .b-button, #phone.grp2612 .s-button { width: 45px; height: 14px; } #phone.grp2612 .button-led { border-radius: 2px; margin: 2px; } #phone.grp2612 #time-date-display { height: 14px; font-size: 0.7em; align-self: flex-end; margin-right: 3px; } #phone.grp2612 #ampm { margin-left: 2px; } #phone.grp2612 #date-display { display: none; } #phone.grp2612 .grey-select { color: grey; font-size: 0.9em; width: 100%; } #phone.grp2612 .key-icon { margin: 2px 4px; font-size: 0.9em !important; color: lightgreen; width: 12px; justify-content: center; } #phone.grp2612 #bottom-row { font-size: 0.65em; background: rgba(255,255,255,0.1); height: 19px; } #phone.grp2612 .key-label { font-size: 0.75em; } #phone.grp2612 .fa-caret-left, #phone.grp2612 .fa-caret-right { margin: 3px; } #phone.grp2612 .page-highlight { background: white; color: #2e3238; margin: 2px; font-size: 1.1em; display: inline-block; width: 9px; text-align: center; } #phone.grp2612 .speed-icon, #phone.grp2612 .park-icon { color: #66d8ea; } #phone-wrapper .expansion.gbx20 { width: 420px; height: 415px; } #phone-wrapper .expansion.gbx20 .top-logo { display: none !important; } #phone-wrapper .expansion.gbx20 #bottom-buttons, #phone.gbx20 #bottom-row, #phone.gbx20 #page-selector, #phone.gbx20 #time-date-display { display: none; } #phone-wrapper .expansion.gbx20 .screen { width: 200px; height: 290px; background: linear-gradient(45deg, rgba(0,15,27,1) 20%, rgba(20,47,69,1) 50%, rgba(0,15,27,1) 80%); color: white; font-size: 0.8em; margin-bottom: 10px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.1); } #phone-wrapper .expansion.gbx20 .key-exp:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone-wrapper .expansion.gbx20 .exp-key-wrapper { flex-direction: row; } #phone-wrapper .expansion.gbx20 .exp-key-wrapper section:nth-child(2n+1) .s-button { left: 20px; justify-content: flex-end; } #phone-wrapper .expansion.gbx20 .exp-key-wrapper section:nth-child(2n+1):after { left: 80px; width: 25px; } #phone-wrapper .expansion.gbx20 .exp-key-wrapper section:nth-child(2n) .s-button { right: 20px; } #phone-wrapper .expansion.gbx20 .exp-key-wrapper section:nth-child(2n):after { right: 80px; width: 25px; } #phone-wrapper .expansion.gbx20 .exp-key-wrapper section:nth-child(2n+1) { border-right: 1px solid rgba(255,255,255,0.1); } #phone-wrapper .expansion.gbx20 .exp-key-wrapper section:nth-child(2n) { justify-content: flex-end; } #phone-wrapper .expansion.gbx20 .exp-key-wrapper section:nth-child(2n) .key-label { display: flex; flex-direction: row-reverse; align-items: baseline; } #phone-wrapper .expansion.gbx20 .exp-key-wrapper section:nth-child(n+21):nth-child(-n+60) { display: none; } #phone-wrapper .expansion.gbx20 .page-buttons.page-1 section:nth-child(1) { background: lightgreen; } #phone-wrapper .expansion.gbx20 .page-buttons.page-1 section:nth-child(n+2):nth-child(-n+3):hover { box-shadow: 0px 0px 5px white; } #phone-wrapper .expansion.gbx20 .page-buttons.page-2 section:nth-child(2) { background: lightgreen; } #phone-wrapper .expansion.gbx20 .exp-key-wrapper.page-2 section:nth-child(-n+20) { display: none; } #phone-wrapper .expansion.gbx20 .exp-key-wrapper.page-2 section:nth-child(n+21):nth-child(-n+40) { display: flex; } #phone-wrapper .expansion.gbx20 .page-buttons.page-2 section:nth-child(1):hover, #phone-wrapper .expansion.gbx20 .page-buttons.page-2 section:nth-child(3):hover { box-shadow: 0px 0px 5px white; } #phone-wrapper .expansion.gbx20 .key-exp { height: 27px; width: 50%; border-bottom: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.1); } #phone-wrapper .expansion.gbx20 .grey-select { color: lightgrey; font-size: 0.9em; width: 100%; } #phone-wrapper .expansion.gbx20 .key-icon { margin: 2px 4px; font-size: 0.9em !important; color: lightgreen; width: 12px; justify-content: center; } #phone-wrapper .expansion.gbx20 .s-button { height: 14px; width: 45px; } #phone-wrapper .expansion.gbx20 .button-led { border-radius: 2px; margin: 2px; } #phone-wrapper .expansion.gbx20 .page-buttons { display: flex; justify-content: space-between; width: 200px; height: 70px; } #phone-wrapper .expansion.gbx20 .page-buttons section:nth-child(3) { display: none; } #phone-wrapper .expansion.gbx20 .page-buttons { display: flex; justify-content: space-around; width: 140px; height: 50px; align-items: flex-start; } #phone-wrapper .expansion.gbx20 .page-button i { margin: 10px; } #phone-wrapper .expansion.gbx20 .grand-screen-arrow { font-size: 0.7em; margin: 2px; } #phone-wrapper .expansion.gbx20 #grand-ext-pages { display: flex; width: 200px; top: -37px; } #phone-wrapper .expansion.gbx20 #grand-ext-num span { height: 11px; width: 10px; display: inline-block; line-height: 10px; text-align: center; } #phone-wrapper .expansion.gbx20 .page-1 #grand-ext-num span:nth-child(1) { background: white; color: black; } #phone-wrapper .expansion.gbx20 .page-2 #grand-ext-num span:nth-child(2) { background: white; color: black; } #phone-wrapper .expansion.gbx20 #grand-ext-num span:nth-child(3) { display: none; } #phone-wrapper .expansion.gbx20 .speed-icon, #phone-wrapper .expansion.gbx20 .park-icon { color: #66d8ea; } #phone-wrapper .expansion.gbx20 .park-icon:after { font-size: 0.8em; margin-left: -5px; margin-top: -3px; } #phone-wrapper .expansion.grand-screen { width: 300px; height: 300px; } #phone-wrapper .expansion.grand-screen .top-logo { display: none; } #phone-wrapper .expansion.grand-screen .s-button { width: 45px; height: 14px; } #phone-wrapper .expansion.grand-screen .button-led { border-radius: 2px; margin: 2px; } #phone-wrapper .expansion.grand-screen #bottom-buttons { display: none; } #phone-wrapper .expansion.grand-screen .del-ext { display: none; } #phone-wrapper .expansion.grand-screen .screen { width: 140px; height: 162px; color: white; background: linear-gradient(45deg, rgba(0,15,27,1) 20%, rgba(20,47,69,1) 50%, rgba(0,15,27,1) 80%); font-size: 0.8em; box-sizing: border-box; margin-bottom: 60px; border: 1px solid rgba(255,255,255,0.1); } #phone-wrapper .expansion.grand-screen .key-exp:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone-wrapper .expansion.grand-screen .exp-key-wrapper { height: 100%; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper section:nth-child(2n) .s-button { left: 15px; justify-content: flex-end; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper section:nth-child(2n):after { left: 63px; width: 14px; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper section:nth-child(2n+1) .s-button { right: 15px; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper section:nth-child(2n+1):after { right: 63px; width: 14px; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper section:nth-child(n+9):nth-child(-n+60) { display: none; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper section:nth-child(2n+1) { justify-content: flex-end; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper section:nth-child(2n+1) .key-label { display: flex; flex-direction: row-reverse; align-items: baseline; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper.page-2 section:nth-child(-n+8) { display: none; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper.page-2 section:nth-child(n+9):nth-child(-n+16) { display: flex; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper.page-3 section:nth-child(-n+16) { display: none; } #phone-wrapper .expansion.grand-screen .exp-key-wrapper.page-3 section:nth-child(n+17):nth-child(-n+24) { display: flex; } #phone-wrapper .expansion.grand-screen .key-exp { width: 100%; height: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); } #phone-wrapper .expansion.grand-screen #bottom-row, #phone.grand-screen #page-selector, #phone.grand-screen #time-date-display { display: none; } #phone-wrapper .expansion.grand-screen #model-text:after { content: ""; } #phone-wrapper .expansion.grand-screen .grey-select { color: grey; font-size: 0.9em; } #phone-wrapper .expansion.grand-screen .key-icon { margin: 2px 4px; font-size: 0.85em !important; color: lightgreen; width: 12px; justify-content: center; } #phone-wrapper .expansion.grand-screen .page-buttons { display: flex; justify-content: space-around; width: 140px; height: 50px; align-items: flex-start; } #phone-wrapper .expansion.grand-screen .page-buttons section:nth-child(1) { border-top-left-radius: 3px; border-bottom-left-radius: 3px; justify-content: flex-start; } #phone-wrapper .expansion.grand-screen .page-buttons section:nth-child(2) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; justify-content: flex-end; } #phone-wrapper .expansion.grand-screen .page-buttons section:nth-child(3) { display: none; } #phone-wrapper .expansion.grand-screen .page-button { width: 50%; height: 20px; border-radius: 0; position: relative; } #phone-wrapper .expansion.grand-screen .page-button i { margin: 10px; } #phone-wrapper .expansion.grand-screen .page-button:hover i { color: lightgreen; } #phone-wrapper .expansion.grand-screen .grand-screen-arrow { font-size: 0.7em; margin: 2px; } #phone-wrapper .expansion.grand-screen #grand-ext-pages { display: flex; width: 140px; top: -52px; } #phone-wrapper .expansion.grand-screen #grand-ext-num span { height: 11px; width: 10px; display: inline-block; line-height: 10px; text-align: center; } #phone-wrapper .expansion.grand-screen .page-1 #grand-ext-num span:nth-child(1) { background: white; color: black; } #phone-wrapper .expansion.grand-screen .page-2 #grand-ext-num span:nth-child(2) { background: white; color: black; } #phone-wrapper .expansion.grand-screen .page-3 #grand-ext-num span:nth-child(3) { background: white; color: black; } #phone-wrapper .expansion.grand-screen .speed-icon, #phone-wrapper .expansion.grand-screen .park-icon { color: #66d8ea; } #phone-wrapper .expansion.grand-screen .park-icon:after { font-size: 0.8em; margin-left: -5px; margin-top: -1px; } #phone.t58 { width: 630px; height: 445px; } #phone.t58 .top-logo { height: 68px; } #phone.t58 .s-button, #phone.t58 #dss-key-compress, #phone.t58 #page-selector { display: none; } #phone.t58 .screen { width: 586px; height: 330px; background-image: linear-gradient(#00e6e6,#0099ff); color: white; margin-top: 20px; } #phone.t58 #top-row { display: none; } #phone.t58 #key-wrapper { height: 280px; width: 20%; text-shadow: 1px 0px 1px rgba(0,0,0,0.4); justify-content: center; align-self: flex-end; margin-top: 25px; box-shadow: 0px 0px 4px rgba(0,0,50,0.2); } #phone.t58 .dsskey { width: 100%; height: 40px; background-color: rgba(0,0,50,0.1); border-top: 1px solid rgba(255,255,255,0.4); border-left: 1px solid rgba(255,255,255,0.4); } #phone.t58 .dsskey:hover,.dsskey.selected { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.6); } #phone.t58 #key-wrapper section:nth-child(n+7):nth-child(-n+36) { display: none; } #phone.t58 #key-wrapper section:nth-child(1) { border-top-left-radius: 3px; } #phone.t58 #key-wrapper section:nth-child(30) { display: flex !important; border-bottom:1px solid rgba(255,255,255,0.4); border-bottom-left-radius: 3px; } #phone.t58 #key-wrapper.page2 { width: 80%; } #phone.t58 #key-wrapper.page2 .dsskey { width: 25%; } #phone.t58 #key-wrapper.page2 section:nth-child(-n+27) { display: flex; } #phone.t58 #key-wrapper.page2 section:nth-child(7n) { border-bottom:1px solid rgba(255,255,255,0.4); } #phone.t58 #key-wrapper.page2 section:nth-child(7) { border-bottom-left-radius: 3px; } #phone.t58 #key-wrapper.page2 section:nth-child(30) { border-radius: 0px; } #phone.t58 #key-wrapper.page2 section:nth-child(n+28):nth-child(-n+36) { display: none; } #phone.t58 #bottom-row { width: 50px; height: 278px; position: absolute; margin-top: 25px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; flex-direction: column; align-items: center; background-color: rgba(0,0,50,0.1); box-shadow: 0px 0px 4px rgba(0,0,50,0.2); border-top: 1px solid rgba(255,255,255,0.4); border-bottom: 1px solid rgba(255,255,255,0.4); border-right: 1px solid rgba(255,255,255,0.4); } #phone.t58 #bottom-row section:nth-child(n+2):nth-child(-n+4) { display: none; } #phone.t58 #bottom-row section:nth-child(n+5):nth-child(-n+6) { display: flex; } #phone.t58 .bottom-text { display: none; } #phone.t58 .bottom-icons { display: flex; font-size: 1.4em; color: white; } #phone.t58 #bottom-row .fas.fa-user { margin-right: 5px; } #phone.t58 .grey-select { color: #e6e6e6; font-size: 0.9em; width: 100%; } #phone.t58 #bottom-buttons { display: flex; color: white; height: 68px; align-items: flex-start; } #phone.t58 .android-button { display: flex; } #phone.t58 .fa-triangle { transform: rotate(-90deg); font-size: 0.85em; } #phone.t58 #bottom-buttons section:nth-child(4) { display: none; } #phone.t58 .b-button { background: none; justify-content: center; width: 90px; } #phone.t58 .dss-key-buttons { width: 50%; justify-content: center; display: flex; } #phone.t58 #dss-key-button1 { border-left: 1px solid rgba(255,255,255,0.4); } #phone.t58 .dss-key-arrow-text { display: none; } #phone.t58 .fas.fa-th { color: white; } #phone.t58 .key-icon { color: lightgreen; margin: 2px 2px 2px 3px; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); } #phone.t58 .fa-expand-arrows-alt { width: 16px; } #phone.t58 .speed-icon { margin: 2px; color: #fff; } #phone.t58 .line-icon { font-size: 0.9em; } #phone.t58 .fa-phone-volume, #phone.t58 .fa-phone-rotary, #phone.t58 .fa-th, #phone.t58 .fa-user { width: 16px; height: 16px; } #phone.t58 #time-date-display { align-self: flex-end; height: 25px; align-items: center; } #phone.t58 #time-display { margin-right: 7px; } #phone.t58 #date-display { display: none; } #phone.t58 .park-icon:after { font-size: 0.8em; margin-left: -6px; margin-top: -6px; } #phone.t57 { width: 680px; height: 445px; } #phone.t57 .top-logo { height: 68px; } #phone.t57 #bottom-buttons, #phone.t57 .s-button, #phone.t57 #dss-key-compress, #phone.t57 #page-selector, #phone.t57 #ampm { display: none; } #phone.t57 .screen { width: 586px; height: 330px; background-image: linear-gradient(#00e6e6,#0099ff); color: white; margin-top: 20px; } #phone.t57 #top-row { height: 25px; background-image: linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0)); border-bottom: 2px solid rgba(255,255,255,0.15); background-origin: border-box; } #phone.t57 #key-wrapper { height: 234px; text-shadow: 1px 0px 1px rgba(0,0,0,0.4); } #phone.t57 .dsskey { width: 19%; height: 36px; margin-top: 2px; background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0)); border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; background-origin: border-box; } #phone.t57 .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.6); } #phone.t57 #key-wrapper section:nth-child(-n+6) { margin-left: 3px; align-self: flex-start; } #phone.t57 #key-wrapper section:nth-child(n+7):nth-child(-n+11) { margin-right: 3px; } #phone.t57 #key-wrapper section:nth-child(n+12):nth-child(-n+36) { display: none; } #phone.t57 #key-wrapper section:nth-child(30) { order: 12; display: flex !important; margin-right: 3px; } #phone.t57 #key-wrapper.page2 section:nth-child(12) { order: 7; } #phone.t57 #key-wrapper.page2 section:nth-child(13) { order: 8; } #phone.t57 #key-wrapper.page2 section:nth-child(14) { order: 9; } #phone.t57 #key-wrapper.page2 section:nth-child(15) { order: 10; } #phone.t57 #key-wrapper.page2 section:nth-child(16) { order: 11; } #phone.t57 #key-wrapper.page2 section:nth-child(17) { order: 12; } #phone.t57 #key-wrapper.page2 section:nth-child(18) { order: 13; } #phone.t57 #key-wrapper.page2 section:nth-child(19) { order: 14; } #phone.t57 #key-wrapper.page2 section:nth-child(20) { order: 15; } #phone.t57 #key-wrapper.page2 section:nth-child(21) { order: 16; } #phone.t57 #key-wrapper.page2 section:nth-child(22) { order: 17; } #phone.t57 #key-wrapper.page2 section:nth-child(23) { order: 18; } #phone.t57 #key-wrapper.page2 section:nth-child(24) { order: 19; } #phone.t57 #key-wrapper.page2 section:nth-child(25) { order: 20; } #phone.t57 #key-wrapper.page2 section:nth-child(26) { order: 21; } #phone.t57 #key-wrapper.page2 section:nth-child(27) { order: 22; } #phone.t57 #key-wrapper.page2 section:nth-child(28) { order: 23; } #phone.t57 #key-wrapper.page2 section:nth-child(29) { order: 24; } #phone.t57 #key-wrapper.page2 section:nth-child(7) { order: 25; } #phone.t57 #key-wrapper.page2 section:nth-child(8) { order: 26; } #phone.t57 #key-wrapper.page2 section:nth-child(9) { order: 27; } #phone.t57 #key-wrapper.page2 section:nth-child(10) { order: 28; } #phone.t57 #key-wrapper.page2 section:nth-child(11) { order: 29; } #phone.t57 #key-wrapper.page2 section:nth-child(30) { order: 30; } #phone.t57 #key-wrapper.page2 section:nth-child(-n+30) { display: flex; margin-left: 0px; margin-right: 0px; } #phone.t57 #key-wrapper.page2 section:nth-child(n+31):nth-child(-n+36) { display: none; } #phone.t57 #key-wrapper.page2 .dsskey { align-self: auto; } #phone.t57 #bottom-row { display: flex; justify-content: center; color: black; } #phone.t57 #bottom-row section:nth-child(-n+3) { margin-right: 45px; } #phone.t57 #bottom-row section:nth-child(1) { background: #5cd65c; } #phone.t57 #bottom-row section:nth-child(2) { background: #e67300; } #phone.t57 #bottom-row section:nth-child(3) { background: red; } #phone.t57 #bottom-row section:nth-child(4) { background: #33ccff; } #phone.t57 #bottom-row section:nth-child(5), #phone.t57 #bottom-row section:nth-child(6) { display: none; } #phone.t57 .bottom-block { height: 40px; width: 40px; border-radius: 5px; background: red; display: flex; flex-direction: column; margin-bottom: 17px; font-size: 0.9em; z-index: 2; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); } #phone.t57 .bottom-icons { display: flex; font-size: 1.6em; color: white; margin-top: 25px; margin-bottom: 8px; } #phone.t57 .bottom-text { font-size: 0.9em; } #phone.t57 #time-date-display { align-self: flex-end; height: 25px; align-items: center; } #phone.t57 #time-display { margin-right: 7px; } #phone.t57 #date-display { margin-right: 3px; } #phone.t57 .grey-select { color: #e6e6e6; font-size: 0.9em; width: 100%; } #phone.t57 .key-icon { color: lightgreen; margin: 2px 2px 2px 3px; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); } #phone.t57 .dss-key-arrows { margin-left: 3px; margin-top: 3px; margin-bottom: 3px; } #phone.t57 #dss-key-button2 { display: none; } #phone.t57 .fa-expand-arrows-alt { width: 16px; } #phone.t57 .speed-icon { margin: 2px 1px 2px 2px; } #phone.t57 .line-icon { font-size: 0.9em; } #phone.t57 .fa-phone-volume, #phone.t57 .fa-phone-rotary, #phone.t57 .fa-th, #phone.t57 .fa-user { width: 16px; height: 16px; } #phone.t57 .fas.fa-th { color: white; } #phone.t57 #bottom-background { display: flex; position: absolute; height: 32px; width: 310px; z-index: 1; border-bottom: 25px solid white; border-left: 25px solid transparent; border-right: 25px solid transparent; } #phone.t57 .park-icon:after { font-size: 0.8em; margin-left: -6px; margin-top: -6px; } #phone.t48 { width: 680px; height: 445px; } #phone.t48 .top-logo { height: 68px; } #phone.t48 #bottom-buttons, #phone.t48 .s-button, #phone.t48 #dss-key-compress, #phone.t48 #page-selector, #phone.t48 #ampm { display: none; } #phone.t48 .screen { width: 586px; height: 330px; background-image: linear-gradient(#00e6e6,#0099ff); color: white; margin-top: 20px; } #phone.t48 #top-row { height: 25px; background-image: linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0)); border-bottom: 2px solid rgba(255,255,255,0.15); background-origin: border-box; } #phone.t48 #key-wrapper { height: 234px; text-shadow: 1px 0px 1px rgba(0,0,0,0.4); } #phone.t48 .dsskey { width: 19%; height: 36px; margin-top: 2px; background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0)); border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; background-origin: border-box; } #phone.t48 .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.6); } #phone.t48 #key-wrapper section:nth-child(-n+6) { margin-left: 3px; align-self: flex-start; } #phone.t48 #key-wrapper section:nth-child(n+7):nth-child(-n+11) { margin-right: 3px; } #phone.t48 #key-wrapper section:nth-child(n+12):nth-child(-n+36) { display: none; } #phone.t48 #key-wrapper section:nth-child(30) { order: 12; display: flex !important; margin-right: 3px; } #phone.t48 #key-wrapper.page2 section:nth-child(12) { order: 7; } #phone.t48 #key-wrapper.page2 section:nth-child(13) { order: 8; } #phone.t48 #key-wrapper.page2 section:nth-child(14) { order: 9; } #phone.t48 #key-wrapper.page2 section:nth-child(15) { order: 10; } #phone.t48 #key-wrapper.page2 section:nth-child(16) { order: 11; } #phone.t48 #key-wrapper.page2 section:nth-child(17) { order: 12; } #phone.t48 #key-wrapper.page2 section:nth-child(18) { order: 13; } #phone.t48 #key-wrapper.page2 section:nth-child(19) { order: 14; } #phone.t48 #key-wrapper.page2 section:nth-child(20) { order: 15; } #phone.t48 #key-wrapper.page2 section:nth-child(21) { order: 16; } #phone.t48 #key-wrapper.page2 section:nth-child(22) { order: 17; } #phone.t48 #key-wrapper.page2 section:nth-child(23) { order: 18; } #phone.t48 #key-wrapper.page2 section:nth-child(24) { order: 19; } #phone.t48 #key-wrapper.page2 section:nth-child(25) { order: 20; } #phone.t48 #key-wrapper.page2 section:nth-child(26) { order: 21; } #phone.t48 #key-wrapper.page2 section:nth-child(27) { order: 22; } #phone.t48 #key-wrapper.page2 section:nth-child(28) { order: 23; } #phone.t48 #key-wrapper.page2 section:nth-child(29) { order: 24; } #phone.t48 #key-wrapper.page2 section:nth-child(7) { order: 25; } #phone.t48 #key-wrapper.page2 section:nth-child(8) { order: 26; } #phone.t48 #key-wrapper.page2 section:nth-child(9) { order: 27; } #phone.t48 #key-wrapper.page2 section:nth-child(10) { order: 28; } #phone.t48 #key-wrapper.page2 section:nth-child(11) { order: 29; } #phone.t48 #key-wrapper.page2 section:nth-child(30) { order: 30; } #phone.t48 #key-wrapper.page2 section:nth-child(-n+30) { display: flex; margin-left: 0px; margin-right: 0px; } #phone.t48 #key-wrapper.page2 section:nth-child(n+31):nth-child(-n+36) { display: none; } #phone.t48 #key-wrapper.page2 .dsskey { align-self: auto; } #phone.t48 #bottom-row { display: flex; justify-content: center; color: black; } #phone.t48 #bottom-row section:nth-child(-n+3) { margin-right: 45px; } #phone.t48 #bottom-row section:nth-child(1) { background: #5cd65c; } #phone.t48 #bottom-row section:nth-child(2) { background: #e67300; } #phone.t48 #bottom-row section:nth-child(3) { background: red; } #phone.t48 #bottom-row section:nth-child(4) { background: #33ccff; } #phone.t48 #bottom-row section:nth-child(5), #phone.t48 #bottom-row section:nth-child(6) { display: none; } #phone.t48 .bottom-block { height: 40px; width: 40px; border-radius: 5px; background: red; display: flex; flex-direction: column; margin-bottom: 17px; font-size: 0.9em; z-index: 2; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); } #phone.t48 .bottom-icons { display: flex; font-size: 1.6em; color: white; margin-top: 25px; margin-bottom: 8px; } #phone.t48 .bottom-text { font-size: 0.9em; } #phone.t48 #model-text:after { content: "T48"; right: 55px; bottom: 14px; } #phone.t48 #time-date-display { align-self: flex-end; height: 25px; align-items: center; } #phone.t48 #time-display { margin-right: 7px; } #phone.t48 #date-display { margin-right: 3px; } #phone.t48 .grey-select { color: #e6e6e6; font-size: 0.9em; width: 100%; } #phone.t48 .key-icon { color: lightgreen; margin: 2px 2px 2px 3px; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); } #phone.t48 .dss-key-arrows { margin-left: 3px; margin-top: 3px; margin-bottom: 3px; } #phone.t48 #dss-key-button2 { display: none; } #phone.t48 .fa-expand-arrows-alt { width: 16px; } #phone.t48 .speed-icon { margin: 2px 1px 2px 2px; } #phone.t48 .line-icon { font-size: 0.9em; } #phone.t48 .fa-phone-volume, #phone.t48 .fa-phone-rotary, #phone.t48 .fa-th, #phone.t48 .fa-user { width: 16px; height: 16px; } #phone.t48 .fas.fa-th { color: white; } #phone.t48 #bottom-background { display: flex; position: absolute; height: 32px; width: 310px; z-index: 1; border-bottom: 25px solid white; border-left: 25px solid transparent; border-right: 25px solid transparent; } #phone.t48 .park-icon:after { font-size: 0.8em; margin-left: -6px; margin-top: -6px; } #phone.t54 { width: 580px; height: 370px; } #phone.t54 .top-logo { height: 68px; } #phone.t54 #bottom-buttons { width: 360px; height: 95px; left: 110px; } #phone.t54 .screen { width: 360px; height: 205px; background-image: linear-gradient(#00e6e6,#0099ff); background-size: 360px 205px; color: white; margin-bottom: 30px; font-size: 0.9em; } #phone.t54 #top-row { height: 22px; background-color: rgba(0,0,50,0.2); border-bottom: 1px solid rgba(255,255,255,0.3); } #phone.t54 #key-wrapper { height: 140px; } #phone.t54 .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone.t54 #key-wrapper.page1 section:nth-child(10):hover { box-shadow: none; cursor: default; } #phone.t54 #key-wrapper.page2 section:nth-child(19):hover { box-shadow: none; cursor: default; } #phone.t54 #key-wrapper.page3 section:nth-child(28):hover { box-shadow: none; cursor: default; } #phone.t54 #key-wrapper section:nth-child(-n+5), #phone.t54 #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+14), #phone.t54 #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+23) { border-right: 1px solid rgba(255,255,255,0.3); left: -1px; align-self: flex-start; } #phone.t54 #key-wrapper section:nth-child(n+6):nth-child(-n+10), #phone.t54 #key-wrapper section:nth-child(n+15):nth-child(-n+19), #phone.t54 #key-wrapper section:nth-child(n+24):nth-child(-n+28) { border-left: 1px solid rgba(255,255,255,0.3); right: -1px; } #phone.t54 #key-wrapper section:nth-child(1), #phone.t54 #key-wrapper section:nth-child(6), #phone.t54 #key-wrapper.page2 section:nth-child(10), #phone.t54 #key-wrapper section:nth-child(15), #phone.t54 #key-wrapper.page3 section:nth-child(19), #phone.t54 #key-wrapper section:nth-child(24) { border-top: 1px solid rgba(255,255,255,0.3); } #phone.t54 #key-wrapper section:nth-child(1) .s-button, #phone.t54 #key-wrapper section:nth-child(6) .s-button, #phone.t54 #key-wrapper.page2 section:nth-child(10) .s-button, #phone.t54 #key-wrapper section:nth-child(15) .s-button, #phone.t54 #key-wrapper.page3 section:nth-child(19) .s-button, #phone.t54 #key-wrapper section:nth-child(24) .s-button { top: 90px; } #phone.t54 #key-wrapper section:nth-child(2) .s-button, #phone.t54 #key-wrapper section:nth-child(7) .s-button, #phone.t54 #key-wrapper section:nth-child(11) .s-button, #phone.t54 #key-wrapper section:nth-child(16) .s-button, #phone.t54 #key-wrapper section:nth-child(20) .s-button, #phone.t54 #key-wrapper section:nth-child(25) .s-button { top: 126px; } #phone.t54 #key-wrapper section:nth-child(3) .s-button, #phone.t54 #key-wrapper section:nth-child(8) .s-button, #phone.t54 #key-wrapper section:nth-child(12) .s-button, #phone.t54 #key-wrapper section:nth-child(17) .s-button, #phone.t54 #key-wrapper section:nth-child(21) .s-button, #phone.t54 #key-wrapper section:nth-child(26) .s-button { top: 162px; } #phone.t54 #key-wrapper section:nth-child(4) .s-button, #phone.t54 #key-wrapper section:nth-child(9) .s-button, #phone.t54 #key-wrapper section:nth-child(13) .s-button, #phone.t54 #key-wrapper section:nth-child(18) .s-button, #phone.t54 #key-wrapper section:nth-child(22) .s-button, #phone.t54 #key-wrapper section:nth-child(27) .s-button { top: 198px; } #phone.t54 #key-wrapper section:nth-child(5) .s-button, #phone.t54 #key-wrapper section:nth-child(10) .s-button, #phone.t54 #key-wrapper section:nth-child(14) .s-button, #phone.t54 #key-wrapper section:nth-child(19) .s-button, #phone.t54 #key-wrapper section:nth-child(23) .s-button, #phone.t54 #key-wrapper section:nth-child(28) .s-button { top: 234px; } #phone.t54 #key-wrapper section:nth-child(-n+5) .s-button, #phone.t54 #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+14) .s-button, #phone.t54 #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+23) .s-button { left: 26px; justify-content: flex-end; } #phone.t54 #key-wrapper section:nth-child(n+6):nth-child(-n+10) .s-button, #phone.t54 #key-wrapper section:nth-child(n+15):nth-child(-n+19) .s-button, #phone.t54 #key-wrapper section:nth-child(n+24):nth-child(-n+28) .s-button { right: 26px; } #phone.t54 #key-wrapper section:nth-child(-n+5) .button-led, #phone.t54 #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+14) .button-led, #phone.t54 #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+23) .button-led { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } #phone.t54 #key-wrapper section:nth-child(n+6):nth-child(-n+10) .button-led, #phone.t54 #key-wrapper section:nth-child(n+15):nth-child(-n+19) .button-led, #phone.t54 #key-wrapper section:nth-child(n+24):nth-child(-n+28) .button-led { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } #phone.t54 #key-wrapper section:nth-child(10n+1):after { top: 110px; width: 19px; left: 87px; } #phone.t54 #key-wrapper section:nth-child(10n+1):before { top: 110px; width: 8px; left: 87px; transform: rotate(-130deg); transform-origin: left; } #phone.t54 #key-wrapper section:nth-child(10n+2):after { top: 138px; width: 18px; left: 88px; } #phone.t54 #key-wrapper section:nth-child(10n+2):before { top: 138px; width: 7px; left: 88px; transform: rotate(-145deg); transform-origin: left; } #phone.t54 #key-wrapper section:nth-child(10n+3):after { top: 168px; width: 22px; left: 84px; } #phone.t54 #key-wrapper section:nth-child(10n+4):after { top: 196px; width: 18px; left: 88px; } #phone.t54 #key-wrapper section:nth-child(10n+4):before { top: 196px; width: 7px; left: 88px; transform: rotate(145deg); transform-origin: left; } #phone.t54 #key-wrapper section:nth-child(10n+5):after { top: 225px; width: 19px; left: 87px; } #phone.t54 #key-wrapper section:nth-child(10n+5):before { top: 225px; width: 8px; left: 87px; transform: rotate(130deg); transform-origin: left; } #phone.t54 #key-wrapper section:nth-child(10n+6):after { top: 110px; width: 19px; right: 87px; } #phone.t54 #key-wrapper section:nth-child(10n+6):before { top: 110px; width: 8px; right: 87px; transform: rotate(130deg); transform-origin: right; } #phone.t54 #key-wrapper section:nth-child(10n+7):after { top: 138px; width: 18px; right: 88px; } #phone.t54 #key-wrapper section:nth-child(10n+7):before { top: 138px; width: 7px; right: 88px; transform: rotate(145deg); transform-origin: right; } #phone.t54 #key-wrapper section:nth-child(10n+8):after { top: 168px; width: 22px; right: 84px; } #phone.t54 #key-wrapper section:nth-child(10n+9):after { top: 196px; width: 18px; right: 88px; } #phone.t54 #key-wrapper section:nth-child(10n+9):before { top: 196px; width: 7px; right: 88px; transform: rotate(-145deg); transform-origin: right; } #phone.t54 #key-wrapper section:nth-child(10n):after { top: 225px; width: 19px; right: 87px; } #phone.t54 #key-wrapper section:nth-child(10n):before { top: 225px; width: 8px; right: 87px; transform: rotate(-130deg); transform-origin: right; } #phone.t54 #key-wrapper section:nth-child(n+11):nth-child(-n+36) { display: none; } #phone.t54 #key-wrapper.page1 section:nth-child(10) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t54 #key-wrapper.page1 section:nth-child(10) span:nth-of-type(1) { background: white; color: rgba(80,80,80); border: 1px solid rgba(140,140,140,0.7); } #phone.t54 #key-wrapper.page1 section:nth-child(10) .key-label { display: none !important; } #phone.t54 #key-wrapper.page1 section:nth-child(10) .blf-page-numbers { display: flex !important; } #phone.t54 #key-wrapper.page1 #blf-page-2:hover, #phone.t54 #key-wrapper.page1 #blf-page-3:hover { box-shadow: 0px 0px 5px white; } #phone.t54 #key-wrapper.page2 section:nth-child(-n+9) { display: none; } #phone.t54 #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+19) { display: flex; } #phone.t54 #key-wrapper.page2 section:nth-child(n+20):nth-child(-n+36) { display: none; } #phone.t54 #key-wrapper.page2 section:nth-child(19) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t54 #key-wrapper.page2 section:nth-child(19) span:nth-of-type(2) { background: white; color: rgba(80,80,80); border: 1px solid rgba(140,140,140,0.7); } #phone.t54 #key-wrapper.page2 section:nth-child(19) .key-label { display: none !important; } #phone.t54 #key-wrapper.page2 section:nth-child(19) .blf-page-numbers { display: flex !important; } #phone.t54 #key-wrapper.page2 #blf-page-1:hover, #phone.t54 #key-wrapper.page2 #blf-page-3:hover { box-shadow: 0px 0px 5px white; } #phone.t54 #key-wrapper.page3 section:nth-child(-n+18) { display: none; } #phone.t54 #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+28) { display: flex; } #phone.t54 #key-wrapper.page3 section:nth-child(n+29):nth-child(-n+36) { display: none; } #phone.t54 #key-wrapper.page3 section:nth-child(28) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t54 #key-wrapper.page3 section:nth-child(28) span:nth-of-type(3) { background: white; color: rgba(80,80,80); border: 1px solid rgba(140,140,140,0.7); } #phone.t54 #key-wrapper.page3 section:nth-child(28) .key-label { display: none !important; } #phone.t54 #key-wrapper.page3 section:nth-child(28) .blf-page-numbers { display: flex !important; } #phone.t54 #key-wrapper.page3 #blf-page-1:hover, #phone.t54 #key-wrapper.page3 #blf-page-2:hover { box-shadow: 0px 0px 5px white; } #phone.t54 .dsskey { height: 28px; width: 24%; border-radius: 2px; border-bottom: 1px solid rgba(255,255,255,0.3); background-color: rgba(0,0,50,0.2); } #phone.t54 .blf-page-numbers { height:15px; width: 15px; margin-right: 9px; border: 1px solid rgba(255,255,255,0.3); border-radius: 2px; font-size: 0.8em; background-color: rgba(0,0,50,0.2); } #phone.t54 #bottom-row { height: 30px; border-top: 1px solid rgba(255,255,255,0.3); background-color: rgba(0,0,50,0.2); } #phone.t54 .bottom-block:nth-of-type(-n+3) { border-right: 1px solid rgba(255,255,255,0.3); } #phone.t54 #time-date-display { flex-direction: column; align-self: center; height: 150px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } #phone.t54 #time-display { font-size: 2em; letter-spacing: 2px; align-items: baseline; } #phone.t54 #ampm { font-size: 0.6em; } #phone.t54 #date-display { font-size: 0.9em; } #phone.t54 .grey-select { color: lightgrey; font-size: 0.9em; width: 100%; } #phone.t54 .key-icon { color: lightgreen; margin: 2px 2px 2px 3px; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); font-size: 0.9em; } #phone.t54 .fa-phone-volume, #phone.t54 .fa-phone-rotary, #phone.t54 .fa-th, #phone.t54 .fa-user { width: 13px; height: 13px; } #phone.t54 .fas.fa-th { color: white; } #phone.t54 .park-icon:after { font-size: 0.7em; margin-left: -6px; margin-top: -4px; } #phone.t52 { width: 500px; height: 340px; } #phone.t52 .top-logo { height: 68px; } #phone.t52 #bottom-buttons { width: 290px; height: 110px; left: 105px; } #phone.t52 .b-button { width: 45px; } #phone.t52 .screen { width: 260px; height: 160px; background-image: linear-gradient(#00e6e6,#0099ff); background-size: 260px 160px; color: white; margin-bottom: 30px; font-size: 0.9em; } #phone.t52 #top-row { height: 20px; background-color: rgba(0,0,50,0.2); border-bottom: 1px solid rgba(255,255,255,0.3); } #phone.t52 #key-wrapper { height: 108px; } #phone.t52 .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone.t52 #key-wrapper.page1 section:nth-child(8):hover { box-shadow: none; cursor: default; } #phone.t52 #key-wrapper.page2 section:nth-child(15):hover { box-shadow: none; cursor: default; } #phone.t52 #key-wrapper.page3 section:nth-child(22):hover { box-shadow: none; cursor: default; } #phone.t52 #key-wrapper section:nth-child(-n+4), #phone.t52 #key-wrapper.page2 section:nth-child(n+8):nth-child(-n+11), #phone.t52 #key-wrapper.page3 section:nth-child(n+15):nth-child(-n+18) { left: 1px; align-self: flex-start; } #phone.t52 #key-wrapper section:nth-child(n+5):nth-child(-n+8), #phone.t52 #key-wrapper section:nth-child(n+12):nth-child(-n+15), #phone.t52 #key-wrapper section:nth-child(n+19):nth-child(-n+22) { right: 1px; } #phone.t52 #key-wrapper section:nth-child(-n+4) .s-button, #phone.t52 #key-wrapper.page2 section:nth-child(n+8):nth-child(-n+11) .s-button, #phone.t52 #key-wrapper.page3 section:nth-child(n+15):nth-child(-n+18) .s-button { left: 30px; justify-content: flex-end; } #phone.t52 #key-wrapper section:nth-child(n+5):nth-child(-n+8) .s-button, #phone.t52 #key-wrapper section:nth-child(n+12):nth-child(-n+15) .s-button, #phone.t52 #key-wrapper section:nth-child(n+19):nth-child(-n+22) .s-button { right: 30px; } #phone.t52 #key-wrapper section:nth-child(1) .s-button, #phone.t52 #key-wrapper section:nth-child(5) .s-button, #phone.t52 #key-wrapper.page2 section:nth-child(8) .s-button, #phone.t52 #key-wrapper section:nth-child(12) .s-button, #phone.t52 #key-wrapper.page3 section:nth-child(15) .s-button, #phone.t52 #key-wrapper section:nth-child(19) .s-button { top: 97px; } #phone.t52 #key-wrapper section:nth-child(2) .s-button, #phone.t52 #key-wrapper section:nth-child(6) .s-button, #phone.t52 #key-wrapper section:nth-child(9) .s-button, #phone.t52 #key-wrapper section:nth-child(13) .s-button, #phone.t52 #key-wrapper section:nth-child(16) .s-button, #phone.t52 #key-wrapper section:nth-child(20) .s-button { top: 130px; } #phone.t52 #key-wrapper section:nth-child(3) .s-button, #phone.t52 #key-wrapper section:nth-child(7) .s-button, #phone.t52 #key-wrapper section:nth-child(10) .s-button, #phone.t52 #key-wrapper section:nth-child(14) .s-button, #phone.t52 #key-wrapper section:nth-child(17) .s-button, #phone.t52 #key-wrapper section:nth-child(21) .s-button { top: 165px; } #phone.t52 #key-wrapper section:nth-child(4) .s-button, #phone.t52 #key-wrapper section:nth-child(8) .s-button, #phone.t52 #key-wrapper section:nth-child(11) .s-button, #phone.t52 #key-wrapper section:nth-child(15) .s-button, #phone.t52 #key-wrapper section:nth-child(18) .s-button, #phone.t52 #key-wrapper section:nth-child(22) .s-button { top: 200px; } #phone.t52 #key-wrapper section:nth-child(-n+4) .button-led, #phone.t52 #key-wrapper.page2 section:nth-child(n+8):nth-child(-n+11) .button-led, #phone.t52 #key-wrapper.page3 section:nth-child(n+15):nth-child(-n+18) .button-led { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } #phone.t52 #key-wrapper section:nth-child(n+5):nth-child(-n+8) .button-led, #phone.t52 #key-wrapper section:nth-child(n+12):nth-child(-n+15) .button-led, #phone.t52 #key-wrapper section:nth-child(n+19):nth-child(-n+22) .button-led { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } #phone.t52 #key-wrapper section:nth-child(8n+1):after { top: 112px; width: 19px; left: 93px; } #phone.t52 #key-wrapper section:nth-child(8n+1):before { top: 112px; width: 8px; left: 93px; transform: rotate(-130deg); transform-origin: left; } #phone.t52 #key-wrapper section:nth-child(8n+2):after { top: 139px; width: 18px; left: 94px; } #phone.t52 #key-wrapper section:nth-child(8n+2):before { top: 139px; width: 7px; left: 94px; transform: rotate(-145deg); transform-origin: left; } #phone.t52 #key-wrapper section:nth-child(8n+3):after { top: 167px; width: 18px; left: 94px; } #phone.t52 #key-wrapper section:nth-child(8n+3):before { top: 167px; width: 7px; left: 94px; transform: rotate(145deg); transform-origin: left; } #phone.t52 #key-wrapper section:nth-child(8n+4):after { top: 193px; width: 19px; left: 93px; } #phone.t52 #key-wrapper section:nth-child(8n+4):before { top: 193px; width: 8px; left: 93px; transform: rotate(130deg); transform-origin: left; } #phone.t52 #key-wrapper section:nth-child(8n+5):after { top: 112px; width: 19px; right: 93px; } #phone.t52 #key-wrapper section:nth-child(8n+5):before { top: 112px; width: 8px; right: 93px; transform: rotate(130deg); transform-origin: right; } #phone.t52 #key-wrapper section:nth-child(8n+6):after { top: 139px; width: 18px; right: 94px; } #phone.t52 #key-wrapper section:nth-child(8n+6):before { top: 139px; width: 7px; right: 94px; transform: rotate(145deg); transform-origin: right; } #phone.t52 #key-wrapper section:nth-child(8n+7):after { top: 167px; width: 18px; right: 94px; } #phone.t52 #key-wrapper section:nth-child(8n+7):before { top: 167px; width: 7px; right: 94px; transform: rotate(-145deg); transform-origin: right; } #phone.t52 #key-wrapper section:nth-child(8n):after { top: 193px; width: 19px; right: 93px; } #phone.t52 #key-wrapper section:nth-child(8n):before { top: 193px; width: 8px; right: 93px; transform: rotate(-130deg); transform-origin: right; } #phone.t52 #key-wrapper section:nth-child(n+9):nth-child(-n+36) { display: none; } #phone.t52 #key-wrapper.page1 section:nth-child(8) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t52 #key-wrapper.page1 section:nth-child(8) span:nth-of-type(1) { background: white; color: rgba(80,80,80); border: 1px solid rgba(140,140,140,0.7); } #phone.t52 #key-wrapper.page1 section:nth-child(8) .key-label { display: none !important; } #phone.t52 #key-wrapper.page1 section:nth-child(8) .blf-page-numbers { display: flex !important; } #phone.t52 #key-wrapper.page1 #blf-page-2:hover, #phone.t52 #key-wrapper.page1 #blf-page-3:hover { box-shadow: 0px 0px 5px white; } #phone.t52 #key-wrapper.page2 section:nth-child(-n+7) { display: none; } #phone.t52 #key-wrapper.page2 section:nth-child(n+8):nth-child(-n+15) { display: flex; } #phone.t52 #key-wrapper.page2 section:nth-child(n+16):nth-child(-n+36) { display: none; } #phone.t52 #key-wrapper.page2 section:nth-child(15) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t52 #key-wrapper.page2 section:nth-child(15) span:nth-of-type(2) { background: white; color: rgba(80,80,80); border: 1px solid rgba(140,140,140,0.7); } #phone.t52 #key-wrapper.page2 section:nth-child(15) .key-label { display: none !important; } #phone.t52 #key-wrapper.page2 section:nth-child(15) .blf-page-numbers { display: flex !important; } #phone.t52 #key-wrapper.page2 #blf-page-1:hover, #phone.t52 #key-wrapper.page2 #blf-page-3:hover { box-shadow: 0px 0px 5px white; } #phone.t52 #key-wrapper.page3 section:nth-child(-n+16) { display: none; } #phone.t52 #key-wrapper.page3 section:nth-child(n+15):nth-child(-n+22) { display: flex; } #phone.t52 #key-wrapper.page3 section:nth-child(n+23):nth-child(-n+36) { display: none; } #phone.t52 #key-wrapper.page3 section:nth-child(22) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t52 #key-wrapper.page3 section:nth-child(22) span:nth-of-type(3) { background: white; color: rgba(80,80,80); border: 1px solid rgba(140,140,140,0.7); } #phone.t52 #key-wrapper.page3 section:nth-child(22) .key-label { display: none !important; } #phone.t52 #key-wrapper.page3 section:nth-child(22) .blf-page-numbers { display: flex !important; } #phone.t52 #key-wrapper.page3 #blf-page-1:hover, #phone.t52 #key-wrapper.page3 #blf-page-2:hover { box-shadow: 0px 0px 5px white; } #phone.t52 .dsskey { height: 27px; width: 47%; border-radius: 2px; border-bottom: 1px solid rgba(255,255,255,0.3); background-color: rgba(0,0,50,0.2); } #phone.t52 .blf-page-numbers { height:15px; width: 15px; margin-right: 18px; border: 1px solid rgba(255,255,255,0.3); border-radius: 2px; font-size: 0.8em; background-color: rgba(0,0,50,0.2); } #phone.t52 #bottom-row { height: 21px; border-top: 1px solid rgba(255,255,255,0.3); background-color: rgba(0,0,50,0.2); font-size: 0.9em; } #phone.t52 .bottom-block:nth-of-type(-n+3) { border-right: 1px solid rgba(255,255,255,0.3); } #phone.t52 #time-date-display { align-self: flex-end; width: 45px; height: 21px; align-items: center; justify-content: center; } #phone.t52 #time-display { align-items: baseline; margin-left: 2px; } #phone.t52 #date-display, #phone.t52 #ampm { display: none; } #phone.t52 .grey-select { color: lightgrey; font-size: 0.9em; width: 100%; } #phone.t52 .key-icon { color: lightgreen; margin: 2px 2px 2px 3px; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); font-size: 0.9em; } #phone.t52 .fa-phone-volume, #phone.t52 .fa-phone-rotary, #phone.t52 .fa-th, #phone.t52 .fa-user { width: 13px; height: 13px; } #phone.t52 .fas.fa-th { color: white; } #phone.t52 #add-ext { display: none; } #phone.t52 .park-icon:after { font-size: 0.7em; margin-left: -6px; margin-top: -4px; } #phone.t46 { width: 580px; height: 370px; } #phone.t46 .top-logo { height: 68px; } #phone.t46 #bottom-buttons { width: 360px; height: 95px; left: 110px; } #phone.t46 .screen { width: 360px; height: 205px; background-color: #4d8ccb; color: white; margin-bottom: 30px; font-size: 0.8em; } #phone.t46 #top-row { height: 22px; background-image: linear-gradient(#0066cc 50%,#004d99 50%); border: 1px solid rgba(0,0,0,0.5); border-radius: 2px; box-sizing: border-box; } #phone.t46 #key-wrapper { height: 140px; } #phone.t46 .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone.t46 #key-wrapper.page1 section:nth-child(10):hover { box-shadow: none; cursor: default; } #phone.t46 #key-wrapper.page2 section:nth-child(19):hover { box-shadow: none; cursor: default; } #phone.t46 #key-wrapper.page3 section:nth-child(28):hover { box-shadow: none; cursor: default; } #phone.t46 #key-wrapper section:nth-child(-n+5), #phone.t46 #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+14), #phone.t46 #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+23) { margin-left: 2px; align-self: flex-start; } #phone.t46 #key-wrapper section:nth-child(n+6):nth-child(-n+10), #phone.t46 #key-wrapper section:nth-child(n+15):nth-child(-n+19), #phone.t46 #key-wrapper section:nth-child(n+24):nth-child(-n+28) { margin-right: 2px; } #phone.t46 #key-wrapper section:nth-child(1) .s-button, #phone.t46 #key-wrapper section:nth-child(6) .s-button, #phone.t46 #key-wrapper.page2 section:nth-child(10) .s-button, #phone.t46 #key-wrapper section:nth-child(15) .s-button, #phone.t46 #key-wrapper.page3 section:nth-child(19) .s-button, #phone.t46 #key-wrapper section:nth-child(24) .s-button { top: 90px; } #phone.t46 #key-wrapper section:nth-child(2) .s-button, #phone.t46 #key-wrapper section:nth-child(7) .s-button, #phone.t46 #key-wrapper section:nth-child(11) .s-button, #phone.t46 #key-wrapper section:nth-child(16) .s-button, #phone.t46 #key-wrapper section:nth-child(20) .s-button, #phone.t46 #key-wrapper section:nth-child(25) .s-button { top: 126px; } #phone.t46 #key-wrapper section:nth-child(3) .s-button, #phone.t46 #key-wrapper section:nth-child(8) .s-button, #phone.t46 #key-wrapper section:nth-child(12) .s-button, #phone.t46 #key-wrapper section:nth-child(17) .s-button, #phone.t46 #key-wrapper section:nth-child(21) .s-button, #phone.t46 #key-wrapper section:nth-child(26) .s-button { top: 162px; } #phone.t46 #key-wrapper section:nth-child(4) .s-button, #phone.t46 #key-wrapper section:nth-child(9) .s-button, #phone.t46 #key-wrapper section:nth-child(13) .s-button, #phone.t46 #key-wrapper section:nth-child(18) .s-button, #phone.t46 #key-wrapper section:nth-child(22) .s-button, #phone.t46 #key-wrapper section:nth-child(27) .s-button { top: 198px; } #phone.t46 #key-wrapper section:nth-child(5) .s-button, #phone.t46 #key-wrapper section:nth-child(10) .s-button, #phone.t46 #key-wrapper section:nth-child(14) .s-button, #phone.t46 #key-wrapper section:nth-child(19) .s-button, #phone.t46 #key-wrapper section:nth-child(23) .s-button, #phone.t46 #key-wrapper section:nth-child(28) .s-button { top: 234px; } #phone.t46 #key-wrapper section:nth-child(-n+5) .s-button, #phone.t46 #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+14) .s-button, #phone.t46 #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+23) .s-button { left: 26px; justify-content: flex-end; } #phone.t46 #key-wrapper section:nth-child(n+6):nth-child(-n+10) .s-button, #phone.t46 #key-wrapper section:nth-child(n+15):nth-child(-n+19) .s-button, #phone.t46 #key-wrapper section:nth-child(n+24):nth-child(-n+28) .s-button { right: 26px; } #phone.t46 #key-wrapper section:nth-child(-n+5) .button-led, #phone.t46 #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+14) .button-led, #phone.t46 #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+23) .button-led { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } #phone.t46 #key-wrapper section:nth-child(n+6):nth-child(-n+10) .button-led, #phone.t46 #key-wrapper section:nth-child(n+15):nth-child(-n+19) .button-led, #phone.t46 #key-wrapper section:nth-child(n+24):nth-child(-n+28) .button-led { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } #phone.t46 #key-wrapper section:nth-child(10n+1):after { top: 110px; width: 19px; left: 87px; } #phone.t46 #key-wrapper section:nth-child(10n+1):before { top: 110px; width: 8px; left: 87px; transform: rotate(-130deg); transform-origin: left; } #phone.t46 #key-wrapper section:nth-child(10n+2):after { top: 138px; width: 18px; left: 88px; } #phone.t46 #key-wrapper section:nth-child(10n+2):before { top: 138px; width: 7px; left: 88px; transform: rotate(-145deg); transform-origin: left; } #phone.t46 #key-wrapper section:nth-child(10n+3):after { top: 168px; width: 22px; left: 84px; } #phone.t46 #key-wrapper section:nth-child(10n+4):after { top: 196px; width: 18px; left: 88px; } #phone.t46 #key-wrapper section:nth-child(10n+4):before { top: 196px; width: 7px; left: 88px; transform: rotate(145deg); transform-origin: left; } #phone.t46 #key-wrapper section:nth-child(10n+5):after { top: 225px; width: 19px; left: 87px; } #phone.t46 #key-wrapper section:nth-child(10n+5):before { top: 225px; width: 8px; left: 87px; transform: rotate(130deg); transform-origin: left; } #phone.t46 #key-wrapper section:nth-child(10n+6):after { top: 110px; width: 19px; right: 87px; } #phone.t46 #key-wrapper section:nth-child(10n+6):before { top: 110px; width: 8px; right: 87px; transform: rotate(130deg); transform-origin: right; } #phone.t46 #key-wrapper section:nth-child(10n+7):after { top: 138px; width: 18px; right: 88px; } #phone.t46 #key-wrapper section:nth-child(10n+7):before { top: 138px; width: 7px; right: 88px; transform: rotate(145deg); transform-origin: right; } #phone.t46 #key-wrapper section:nth-child(10n+8):after { top: 168px; width: 22px; right: 84px; } #phone.t46 #key-wrapper section:nth-child(10n+9):after { top: 196px; width: 18px; right: 88px; } #phone.t46 #key-wrapper section:nth-child(10n+9):before { top: 196px; width: 7px; right: 88px; transform: rotate(-145deg); transform-origin: right; } #phone.t46 #key-wrapper section:nth-child(10n):after { top: 225px; width: 19px; right: 87px; } #phone.t46 #key-wrapper section:nth-child(10n):before { top: 225px; width: 8px; right: 87px; transform: rotate(-130deg); transform-origin: right; } #phone.t46 #key-wrapper section:nth-child(n+11):nth-child(-n+36) { display: none; } #phone.t46 #key-wrapper.page1 section:nth-child(10) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t46 #key-wrapper.page1 section:nth-child(10) span:nth-of-type(1) { background: #00e600; color: white; height: 15px; width: 15px; font-size: 0.8em; } #phone.t46 #key-wrapper.page1 section:nth-child(10) .key-label { display: none !important; } #phone.t46 #key-wrapper.page1 section:nth-child(10) .blf-page-numbers { display: flex !important; } #phone.t46 #key-wrapper.page1 #blf-page-2:hover, #phone.t46 #key-wrapper.page1 #blf-page-3:hover { box-shadow: 0px 0px 5px white; } #phone.t46 #key-wrapper.page2 section:nth-child(-n+9) { display: none; } #phone.t46 #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+19) { display: flex; } #phone.t46 #key-wrapper.page2 section:nth-child(n+20):nth-child(-n+36) { display: none; } #phone.t46 #key-wrapper.page2 section:nth-child(19) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t46 #key-wrapper.page2 section:nth-child(19) span:nth-of-type(2) { background: #00e600; color: white; height: 15px; width: 15px; font-size: 0.8em; } #phone.t46 #key-wrapper.page2 section:nth-child(19) .key-label { display: none !important; } #phone.t46 #key-wrapper.page2 section:nth-child(19) .blf-page-numbers { display: flex !important; } #phone.t46 #key-wrapper.page2 #blf-page-1:hover, #phone.t46 #key-wrapper.page2 #blf-page-3:hover { box-shadow: 0px 0px 5px white; } #phone.t46 #key-wrapper.page3 section:nth-child(-n+18) { display: none; } #phone.t46 #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+28) { display: flex; } #phone.t46 #key-wrapper.page3 section:nth-child(n+29):nth-child(-n+36) { display: none; } #phone.t46 #key-wrapper.page3 section:nth-child(28) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t46 #key-wrapper.page3 section:nth-child(28) span:nth-of-type(3) { background: #00e600; color: white; height: 15px; width: 15px; font-size: 0.8em; } #phone.t46 #key-wrapper.page3 section:nth-child(28) .key-label { display: none !important; } #phone.t46 #key-wrapper.page3 section:nth-child(28) .blf-page-numbers { display: flex !important; } #phone.t46 #key-wrapper.page3 #blf-page-1:hover, #phone.t46 #key-wrapper.page3 #blf-page-2:hover{ box-shadow: 0px 0px 5px white; } #phone.t46 .dsskey { height: 26px; width: 24%; margin-top: 2px; border: 1px solid rgba(0,0,0,0.5); border-radius: 2px; background-image: linear-gradient(#0066cc 50%,#004d99 50%); } #phone.t46 .blf-page-numbers { height:13px; width: 13px; margin-right: 8px; border: 1px solid rgba(0,0,0,0.5); border-radius: 4px; font-size: 0.7em; background: white; color: #004d99; } #phone.t46 #bottom-row { height: 30px; padding-bottom: 4px; } #phone.t46 .bottom-block { margin: 1px; border: 1px solid rgba(0,0,0,0.5); border-radius: 3px; background-image: linear-gradient(#0066cc 50%,#004d99 50%); } #phone.t46 #model-text:after { content: "T46"; right: 41px; bottom: 39px; } #phone.t46 #time-date-display { align-self: flex-end; height: 22px; align-items: center; } #phone.t46 #time-display { margin-right: 7px; } #phone.t46 #ampm { display: none; } #phone.t46 #date-display { margin-right: 3px; } #phone.t46 .grey-select { color: lightgrey; font-size: 0.9em; width: 100%; } #phone.t46 .key-icon { color: lightgreen; margin: 1px 0px 1px 2px; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); font-size: 0.9em; } #phone.t46 .speed-icon { margin: 1px 2px 1px 0px; } #phone.t46 .fa-phone-volume, #phone.t46 .fa-phone-rotary, #phone.t46 .fa-th, #phone.t46 .fa-user { width: 13px; height: 13px; } #phone.t46 .fas.fa-th { color: white; } #phone.t46 .park-icon:after { font-size: 0.7em; margin-left: -6px; margin-top: -4px; } #phone.other { width: 580px; height: 370px; } #phone.other .top-logo { height: 68px; } #phone.other #bottom-buttons { width: 360px; height: 95px; left: 110px; } #phone.other .screen { width: 360px; height: 205px; background-color: #4d8ccb; color: white; margin-bottom: 30px; font-size: 0.8em; } #phone.other #top-row { height: 22px; background-image: linear-gradient(#0066cc 50%,#004d99 50%); border: 1px solid rgba(0,0,0,0.5); border-radius: 2px; box-sizing: border-box; } #phone.other #key-wrapper { height: 140px; } #phone.other .dsskey:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone.other #key-wrapper.page1 section:nth-child(10):hover { box-shadow: none; cursor: default; } #phone.other #key-wrapper.page2 section:nth-child(19):hover { box-shadow: none; cursor: default; } #phone.other #key-wrapper.page3 section:nth-child(28):hover { box-shadow: none; cursor: default; } #phone.other #key-wrapper section:nth-child(-n+5), #phone.other #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+14), #phone.other #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+23) { margin-left: 2px; align-self: flex-start; } #phone.other #key-wrapper section:nth-child(n+6):nth-child(-n+10), #phone.other #key-wrapper section:nth-child(n+15):nth-child(-n+19), #phone.other #key-wrapper section:nth-child(n+24):nth-child(-n+28) { margin-right: 2px; } #phone.other #key-wrapper section:nth-child(1) .s-button, #phone.other #key-wrapper section:nth-child(6) .s-button, #phone.other #key-wrapper.page2 section:nth-child(10) .s-button, #phone.other #key-wrapper section:nth-child(15) .s-button, #phone.other #key-wrapper.page3 section:nth-child(19) .s-button, #phone.other #key-wrapper section:nth-child(24) .s-button { top: 90px; } #phone.other #key-wrapper section:nth-child(2) .s-button, #phone.other #key-wrapper section:nth-child(7) .s-button, #phone.other #key-wrapper section:nth-child(11) .s-button, #phone.other #key-wrapper section:nth-child(16) .s-button, #phone.other #key-wrapper section:nth-child(20) .s-button, #phone.other #key-wrapper section:nth-child(25) .s-button { top: 126px; } #phone.other #key-wrapper section:nth-child(3) .s-button, #phone.other #key-wrapper section:nth-child(8) .s-button, #phone.other #key-wrapper section:nth-child(12) .s-button, #phone.other #key-wrapper section:nth-child(17) .s-button, #phone.other #key-wrapper section:nth-child(21) .s-button, #phone.other #key-wrapper section:nth-child(26) .s-button { top: 162px; } #phone.other #key-wrapper section:nth-child(4) .s-button, #phone.other #key-wrapper section:nth-child(9) .s-button, #phone.other #key-wrapper section:nth-child(13) .s-button, #phone.other #key-wrapper section:nth-child(18) .s-button, #phone.other #key-wrapper section:nth-child(22) .s-button, #phone.other #key-wrapper section:nth-child(27) .s-button { top: 198px; } #phone.other #key-wrapper section:nth-child(5) .s-button, #phone.other #key-wrapper section:nth-child(10) .s-button, #phone.other #key-wrapper section:nth-child(14) .s-button, #phone.other #key-wrapper section:nth-child(19) .s-button, #phone.other #key-wrapper section:nth-child(23) .s-button, #phone.other #key-wrapper section:nth-child(28) .s-button { top: 234px; } #phone.other #key-wrapper section:nth-child(-n+5) .s-button, #phone.other #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+14) .s-button, #phone.other #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+23) .s-button { left: 26px; justify-content: flex-end; } #phone.other #key-wrapper section:nth-child(n+6):nth-child(-n+10) .s-button, #phone.other #key-wrapper section:nth-child(n+15):nth-child(-n+19) .s-button, #phone.other #key-wrapper section:nth-child(n+24):nth-child(-n+28) .s-button { right: 26px; } #phone.other #key-wrapper section:nth-child(-n+5) .button-led, #phone.other #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+14) .button-led, #phone.other #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+23) .button-led { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } #phone.other #key-wrapper section:nth-child(n+6):nth-child(-n+10) .button-led, #phone.other #key-wrapper section:nth-child(n+15):nth-child(-n+19) .button-led, #phone.other #key-wrapper section:nth-child(n+24):nth-child(-n+28) .button-led { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } #phone.other #key-wrapper section:nth-child(10n+1):after { top: 110px; width: 19px; left: 87px; } #phone.other #key-wrapper section:nth-child(10n+1):before { top: 110px; width: 8px; left: 87px; transform: rotate(-130deg); transform-origin: left; } #phone.other #key-wrapper section:nth-child(10n+2):after { top: 138px; width: 18px; left: 88px; } #phone.other #key-wrapper section:nth-child(10n+2):before { top: 138px; width: 7px; left: 88px; transform: rotate(-145deg); transform-origin: left; } #phone.other #key-wrapper section:nth-child(10n+3):after { top: 168px; width: 22px; left: 84px; } #phone.other #key-wrapper section:nth-child(10n+4):after { top: 196px; width: 18px; left: 88px; } #phone.other #key-wrapper section:nth-child(10n+4):before { top: 196px; width: 7px; left: 88px; transform: rotate(145deg); transform-origin: left; } #phone.other #key-wrapper section:nth-child(10n+5):after { top: 225px; width: 19px; left: 87px; } #phone.other #key-wrapper section:nth-child(10n+5):before { top: 225px; width: 8px; left: 87px; transform: rotate(130deg); transform-origin: left; } #phone.other #key-wrapper section:nth-child(10n+6):after { top: 110px; width: 19px; right: 87px; } #phone.other #key-wrapper section:nth-child(10n+6):before { top: 110px; width: 8px; right: 87px; transform: rotate(130deg); transform-origin: right; } #phone.other #key-wrapper section:nth-child(10n+7):after { top: 138px; width: 18px; right: 88px; } #phone.other #key-wrapper section:nth-child(10n+7):before { top: 138px; width: 7px; right: 88px; transform: rotate(145deg); transform-origin: right; } #phone.other #key-wrapper section:nth-child(10n+8):after { top: 168px; width: 22px; right: 84px; } #phone.other #key-wrapper section:nth-child(10n+9):after { top: 196px; width: 18px; right: 88px; } #phone.other #key-wrapper section:nth-child(10n+9):before { top: 196px; width: 7px; right: 88px; transform: rotate(-145deg); transform-origin: right; } #phone.other #key-wrapper section:nth-child(10n):after { top: 225px; width: 19px; right: 87px; } #phone.other #key-wrapper section:nth-child(10n):before { top: 225px; width: 8px; right: 87px; transform: rotate(-130deg); transform-origin: right; } #phone.other #key-wrapper section:nth-child(n+11):nth-child(-n+36) { display: none; } #phone.other #key-wrapper.page1 section:nth-child(10) { justify-content: flex-end; background: none !important; border: none !important; } #phone.other #key-wrapper.page1 section:nth-child(10) span:nth-of-type(1) { background: #00e600; color: white; height: 15px; width: 15px; font-size: 0.8em; } #phone.other #key-wrapper.page1 section:nth-child(10) .key-label { display: none !important; } #phone.other #key-wrapper.page1 section:nth-child(10) .blf-page-numbers { display: flex !important; } #phone.other #key-wrapper.page1 #blf-page-2:hover, #phone.other #key-wrapper.page1 #blf-page-3:hover { box-shadow: 0px 0px 5px white; } #phone.other #key-wrapper.page2 section:nth-child(-n+9) { display: none; } #phone.other #key-wrapper.page2 section:nth-child(n+10):nth-child(-n+19) { display: flex; } #phone.other #key-wrapper.page2 section:nth-child(n+20):nth-child(-n+36) { display: none; } #phone.other #key-wrapper.page2 section:nth-child(19) { justify-content: flex-end; background: none !important; border: none !important; } #phone.other #key-wrapper.page2 section:nth-child(19) span:nth-of-type(2) { background: #00e600; color: white; height: 15px; width: 15px; font-size: 0.8em; } #phone.other #key-wrapper.page2 section:nth-child(19) .key-label { display: none !important; } #phone.other #key-wrapper.page2 section:nth-child(19) .blf-page-numbers { display: flex !important; } #phone.other #key-wrapper.page2 #blf-page-1:hover, #phone.other #key-wrapper.page2 #blf-page-3:hover { box-shadow: 0px 0px 5px white; } #phone.other #key-wrapper.page3 section:nth-child(-n+18) { display: none; } #phone.other #key-wrapper.page3 section:nth-child(n+19):nth-child(-n+28) { display: flex; } #phone.other #key-wrapper.page3 section:nth-child(n+29):nth-child(-n+36) { display: none; } #phone.other #key-wrapper.page3 section:nth-child(28) { justify-content: flex-end; background: none !important; border: none !important; } #phone.other #key-wrapper.page3 section:nth-child(28) span:nth-of-type(3) { background: #00e600; color: white; height: 15px; width: 15px; font-size: 0.8em; } #phone.other #key-wrapper.page3 section:nth-child(28) .key-label { display: none !important; } #phone.other #key-wrapper.page3 section:nth-child(28) .blf-page-numbers { display: flex !important; } #phone.other #key-wrapper.page3 #blf-page-1:hover, #phone.other #key-wrapper.page3 #blf-page-2:hover{ box-shadow: 0px 0px 5px white; } #phone.other .dsskey { height: 26px; width: 21%; margin-top: 2px; border: 1px solid rgba(0,0,0,0.5); border-radius: 2px; background-image: linear-gradient(#0066cc 50%,#004d99 50%); } #phone.other .blf-page-numbers { height:13px; width: 13px; margin-right: 8px; border: 1px solid rgba(0,0,0,0.5); border-radius: 4px; font-size: 0.7em; background: white; color: #004d99; } #phone.other #bottom-row { height: 30px; padding-bottom: 4px; } #phone.other .bottom-block { margin: 1px; border: 1px solid rgba(0,0,0,0.5); border-radius: 3px; background-image: linear-gradient(#0066cc 50%,#004d99 50%); } #phone.other #model-text:after { content: ""; right: 41px; bottom: 39px; } #phone.other #time-date-display { align-self: flex-end; height: 22px; align-items: center; } #phone.other #time-display { margin-right: 7px; } #phone.other #ampm { display: none; } #phone.other #date-display { margin-right: 3px; } #phone.other .grey-select { color: lightgrey; font-size: 0.9em; width: 100%; } #phone.other .key-icon { color: lightgreen; margin: 1px 0px 1px 2px; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); font-size: 0.9em; } #phone.other .speed-icon { margin: 1px 2px 1px 0px; } #phone.other .fa-phone-volume, #phone.other .fa-phone-rotary, #phone.other .fa-th, #phone.other .fa-user { width: 13px; height: 13px; } #phone.other .fas.fa-th { color: white; } #phone.other .park-icon:after { font-size: 0.7em; margin-left: -6px; margin-top: -4px; } #phone.t53 { width: 530px; height: 350px; } #phone.t53 .top-logo { height: 68px; } #phone.t53 #bottom-buttons { width: 326px; height: 115px; left: 102px; } #phone.t53 .screen { width: 326px; height: 160px; color: black; background: lightgrey; margin-bottom: 30px; padding-top: 1px; } #phone.t53 #top-row { display: none; } #phone.t53 #key-wrapper { height: 124px; } #phone.t53 .dsskey:hover { box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.3); } #phone.t53 #key-wrapper.page1 section:nth-child(8):hover { box-shadow: none; cursor: default; } #phone.t53 #key-wrapper.page2 section:nth-child(15):hover { box-shadow: none; cursor: default; } #phone.t53 #key-wrapper.page3 section:nth-child(22):hover { box-shadow: none; cursor: default; } #phone.t53 #key-wrapper section:nth-child(-n+4), #phone.t53 #key-wrapper.page2 section:nth-child(n+8):nth-child(-n+11), #phone.t53 #key-wrapper.page3 section:nth-child(n+15):nth-child(-n+18) { left: 1px; align-self: flex-start; } #phone.t53 #key-wrapper section:nth-child(n+5):nth-child(-n+8), #phone.t53 #key-wrapper section:nth-child(n+12):nth-child(-n+15), #phone.t53 #key-wrapper section:nth-child(n+19):nth-child(-n+22) { right: 1px; } #phone.t53 #key-wrapper section:nth-child(-n+4) .s-button, #phone.t53 #key-wrapper.page2 section:nth-child(n+8):nth-child(-n+11) .s-button, #phone.t53 #key-wrapper.page3 section:nth-child(n+15):nth-child(-n+18) .s-button { left: 18px; justify-content: flex-end; } #phone.t53 #key-wrapper section:nth-child(n+5):nth-child(-n+8) .s-button, #phone.t53 #key-wrapper section:nth-child(n+12):nth-child(-n+15) .s-button, #phone.t53 #key-wrapper section:nth-child(n+19):nth-child(-n+22) .s-button { right: 18px; } #phone.t53 #key-wrapper section:nth-child(1) .s-button, #phone.t53 #key-wrapper section:nth-child(5) .s-button, #phone.t53 #key-wrapper.page2 section:nth-child(8) .s-button, #phone.t53 #key-wrapper section:nth-child(12) .s-button, #phone.t53 #key-wrapper.page3 section:nth-child(15) .s-button, #phone.t53 #key-wrapper section:nth-child(19) .s-button { top: 82px; } #phone.t53 #key-wrapper section:nth-child(2) .s-button, #phone.t53 #key-wrapper section:nth-child(6) .s-button, #phone.t53 #key-wrapper section:nth-child(9) .s-button, #phone.t53 #key-wrapper section:nth-child(13) .s-button, #phone.t53 #key-wrapper section:nth-child(16) .s-button, #phone.t53 #key-wrapper section:nth-child(20) .s-button { top: 120px; } #phone.t53 #key-wrapper section:nth-child(3) .s-button, #phone.t53 #key-wrapper section:nth-child(7) .s-button, #phone.t53 #key-wrapper section:nth-child(10) .s-button, #phone.t53 #key-wrapper section:nth-child(14) .s-button, #phone.t53 #key-wrapper section:nth-child(17) .s-button, #phone.t53 #key-wrapper section:nth-child(21) .s-button { top: 160px; } #phone.t53 #key-wrapper section:nth-child(4) .s-button, #phone.t53 #key-wrapper section:nth-child(8) .s-button, #phone.t53 #key-wrapper section:nth-child(11) .s-button, #phone.t53 #key-wrapper section:nth-child(15) .s-button, #phone.t53 #key-wrapper section:nth-child(18) .s-button, #phone.t53 #key-wrapper section:nth-child(22) .s-button { top: 200px; } #phone.t53 #key-wrapper section:nth-child(-n+4) .button-led, #phone.t53 #key-wrapper.page2 section:nth-child(n+8):nth-child(-n+11) .button-led, #phone.t53 #key-wrapper.page3 section:nth-child(n+15):nth-child(-n+18) .button-led { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } #phone.t53 #key-wrapper section:nth-child(n+5):nth-child(-n+8) .button-led, #phone.t53 #key-wrapper section:nth-child(n+12):nth-child(-n+15) .button-led, #phone.t53 #key-wrapper section:nth-child(n+19):nth-child(-n+22) .button-led { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } #phone.t53 #key-wrapper section:nth-child(8n+1):after { top: 100px; width: 19px; left: 79px; } #phone.t53 #key-wrapper section:nth-child(8n+1):before { top: 100px; width: 8px; left: 79px; transform: rotate(-130deg); transform-origin: left; } #phone.t53 #key-wrapper section:nth-child(8n+2):after { top: 130px; width: 18px; left: 80px; } #phone.t53 #key-wrapper section:nth-child(8n+2):before { top: 130px; width: 7px; left: 80px; transform: rotate(-145deg); transform-origin: left; } #phone.t53 #key-wrapper section:nth-child(8n+3):after { top: 160px; width: 18px; left: 80px; } #phone.t53 #key-wrapper section:nth-child(8n+3):before { top: 160px; width: 7px; left: 80px; transform: rotate(145deg); transform-origin: left; } #phone.t53 #key-wrapper section:nth-child(8n+4):after { top: 193px; width: 19px; left: 79px; } #phone.t53 #key-wrapper section:nth-child(8n+4):before { top: 193px; width: 8px; left: 79px; transform: rotate(130deg); transform-origin: left; } #phone.t53 #key-wrapper section:nth-child(8n+5):after { top: 100px; width: 19px; right: 79px; } #phone.t53 #key-wrapper section:nth-child(8n+5):before { top: 100px; width: 8px; right: 79px; transform: rotate(130deg); transform-origin: right; } #phone.t53 #key-wrapper section:nth-child(8n+6):after { top: 130px; width: 18px; right: 80px; } #phone.t53 #key-wrapper section:nth-child(8n+6):before { top: 130px; width: 7px; right: 80px; transform: rotate(145deg); transform-origin: right; } #phone.t53 #key-wrapper section:nth-child(8n+7):after { top: 160px; width: 18px; right: 80px; } #phone.t53 #key-wrapper section:nth-child(8n+7):before { top: 160px; width: 7px; right: 80px; transform: rotate(-145deg); transform-origin: right; } #phone.t53 #key-wrapper section:nth-child(8n):after { top: 193px; width: 19px; right: 79px; } #phone.t53 #key-wrapper section:nth-child(8n):before { top: 193px; width: 8px; right: 79px; transform: rotate(-130deg); transform-origin: right; } #phone.t53 #key-wrapper section:nth-child(n+9):nth-child(-n+36) { display: none; } #phone.t53 #key-wrapper.page1 section:nth-child(8) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t53 #key-wrapper.page1 section:nth-child(8) span:nth-of-type(1) { background: black; color: white; } #phone.t53 #key-wrapper.page1 section:nth-child(8) .key-label { display: none !important; } #phone.t53 #key-wrapper.page1 section:nth-child(8) .blf-page-numbers { display: flex !important; } #phone.t53 #key-wrapper.page1 #blf-page-2:hover, #phone.t53 #key-wrapper.page1 #blf-page-3:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } #phone.t53 #key-wrapper.page2 section:nth-child(-n+7) { display: none; } #phone.t53 #key-wrapper.page2 section:nth-child(n+8):nth-child(-n+15) { display: flex; } #phone.t53 #key-wrapper.page2 section:nth-child(n+16):nth-child(-n+36) { display: none; } #phone.t53 #key-wrapper.page2 section:nth-child(15) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t53 #key-wrapper.page2 section:nth-child(15) span:nth-of-type(2) { background: black; color: white; } #phone.t53 #key-wrapper.page2 section:nth-child(15) .key-label { display: none !important; } #phone.t53 #key-wrapper.page2 section:nth-child(15) .blf-page-numbers { display: flex !important; } #phone.t53 #key-wrapper.page2 #blf-page-1:hover, #phone.t53 #key-wrapper.page2 #blf-page-3:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } #phone.t53 #key-wrapper.page3 section:nth-child(-n+16) { display: none; } #phone.t53 #key-wrapper.page3 section:nth-child(n+15):nth-child(-n+22) { display: flex; } #phone.t53 #key-wrapper.page3 section:nth-child(n+25):nth-child(-n+36) { display: none; } #phone.t53 #key-wrapper.page3 section:nth-child(22) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t53 #key-wrapper.page3 section:nth-child(22) span:nth-of-type(3) { background: black; color: white; } #phone.t53 #key-wrapper.page3 section:nth-child(22) .key-label { display: none !important; } #phone.t53 #key-wrapper.page3 section:nth-child(22) .blf-page-numbers { display: flex !important; } #phone.t53 #key-wrapper.page3 #blf-page-1:hover, #phone.t53 #key-wrapper.page3 #blf-page-2:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } #phone.t53 .dsskey { height: 29px; margin: 1px; border: 2px solid rgba(0,0,0,0.9); border-radius: 4px; font-size: 0.9em; } #phone.t53 .blf-page-numbers { height:15px; width: 15px; margin-right: 5px; border: 2px solid rgba(0,0,0,0.9); border-radius: 4px; } #phone.t53 #bottom-row { height: 35px; font-size: 0.9em; padding-bottom: 4px; color: white; } #phone.t53 .bottom-block { margin: 1px; border: 1px solid rgba(0,0,0,0.5); border-radius: 4px; background: black; } #phone.t53 #time-date-display { flex-direction: column; align-self: center; height: 120px; } #phone.t53 #time-display { font-size: 1.8em; letter-spacing: 2px; align-items: baseline; } #phone.t53 #ampm { font-size: 0.5em; } #phone.t53 #date-display { font-size: 0.9em; } #phone.t53 .grey-select { color: grey; font-size: 0.9em; width: 100%; } #phone.t53 .key-icon { margin: 1px 1px 1px 2px; font-size: 0.9em; } #phone.t53 .speed-icon { margin: 2px 0px 1px 2px; } #phone.t53 .fa-phone-volume, #phone.t53 .fa-phone-rotary, #phone.t53 .fa-th, #phone.t53 .fa-user { width: 13px; height: 13px; } #phone.t53 .park-icon:after { font-size: 0.7em; margin-left: -6px; margin-top: -4px; } #phone.t42, #phone.t41 { width: 450px; height: 290px; } #phone.t42 .top-logo, #phone.t41 .top-logo { height: 68px; } #phone.t42 #bottom-buttons, #phone.t41 #bottom-buttons { width: 230px; height: 115px; left: 110px; } #phone.t42 .screen, #phone.t41 .screen { width: 230px; height: 115px; color: black; background: #e6e6e6; margin-bottom: 30px; font-size: 0.7em; } #phone.t42 #top-row, #phone.t41 #top-row { height: 12px; margin-bottom: 4px; } #phone.t42 #key-wrapper, #phone.t41 #key-wrapper { height: 66px; } #phone.t42 .dsskey:hover, #phone.t41 .dsskey:hover { box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4); } #phone.t42 #key-wrapper.page1 section:nth-child(6):hover, #phone.t41 #key-wrapper.page1 section:nth-child(6):hover { box-shadow: none; cursor: default; } #phone.t42 #key-wrapper.page2 section:nth-child(11):hover, #phone.t41 #key-wrapper.page2 section:nth-child(11):hover { box-shadow: none; cursor: default; } #phone.t42 #key-wrapper.page3 section:nth-child(16):hover, #phone.t41 #key-wrapper.page3 section:nth-child(16):hover { box-shadow: none; cursor: default; } #phone.t42 #key-wrapper section:nth-child(-n+3), #phone.t42 #key-wrapper.page2 section:nth-child(n+6):nth-child(-n+8), #phone.t42 #key-wrapper.page3 section:nth-child(n+11):nth-child(-n+13) { align-self: flex-start; left: 1px; } #phone.t42 #key-wrapper section:nth-child(n+4):nth-child(-n+6), #phone.t42 #key-wrapper section:nth-child(n+9):nth-child(-n+11), #phone.t42 #key-wrapper section:nth-child(n+14):nth-child(-n+16) { right: 1px; } #phone.t41 #key-wrapper section:nth-child(-n+3), #phone.t41 #key-wrapper.page2 section:nth-child(n+6):nth-child(-n+8), #phone.t41 #key-wrapper.page3 section:nth-child(n+11):nth-child(-n+13) { align-self: flex-start; left: 1px; } #phone.t41 #key-wrapper section:nth-child(n+4):nth-child(-n+6), #phone.t41 #key-wrapper section:nth-child(n+9):nth-child(-n+11), #phone.t41 #key-wrapper section:nth-child(n+14):nth-child(-n+16) { right: 1px; } #phone.t42 #key-wrapper section:nth-child(-n+3) .s-button, #phone.t42 #key-wrapper.page2 section:nth-child(n+6):nth-child(-n+8) .s-button, #phone.t42 #key-wrapper.page3 section:nth-child(n+11):nth-child(-n+13) .s-button { left: 25px; justify-content: flex-end; } #phone.t42 #key-wrapper section:nth-child(n+4):nth-child(-n+6) .s-button, #phone.t42 #key-wrapper section:nth-child(n+9):nth-child(-n+11) .s-button, #phone.t42 #key-wrapper section:nth-child(n+14):nth-child(-n+16) .s-button { right: 25px; } #phone.t41 #key-wrapper section:nth-child(-n+3) .s-button, #phone.t41 #key-wrapper.page2 section:nth-child(n+6):nth-child(-n+8) .s-button, #phone.t41 #key-wrapper.page3 section:nth-child(n+11):nth-child(-n+13) .s-button { left: 25px; justify-content: flex-end; } #phone.t41 #key-wrapper section:nth-child(n+4):nth-child(-n+6) .s-button, #phone.t41 #key-wrapper section:nth-child(n+9):nth-child(-n+11) .s-button, #phone.t41 #key-wrapper section:nth-child(n+14):nth-child(-n+16) .s-button { right: 25px; } #phone.t42 #key-wrapper section:nth-child(1) .s-button, #phone.t42 #key-wrapper section:nth-child(4) .s-button, #phone.t42 #key-wrapper.page2 section:nth-child(6) .s-button, #phone.t42 #key-wrapper section:nth-child(9) .s-button, #phone.t42 #key-wrapper.page3 section:nth-child(11) .s-button, #phone.t42 #key-wrapper section:nth-child(14) .s-button { top: 84px; } #phone.t42 #key-wrapper section:nth-child(2) .s-button, #phone.t42 #key-wrapper section:nth-child(5) .s-button, #phone.t42 #key-wrapper section:nth-child(7) .s-button, #phone.t42 #key-wrapper section:nth-child(10) .s-button, #phone.t42 #key-wrapper section:nth-child(12) .s-button, #phone.t42 #key-wrapper section:nth-child(15) .s-button { top: 117px; } #phone.t42 #key-wrapper section:nth-child(3) .s-button, #phone.t42 #key-wrapper section:nth-child(6) .s-button, #phone.t42 #key-wrapper section:nth-child(8) .s-button, #phone.t42 #key-wrapper section:nth-child(11) .s-button, #phone.t42 #key-wrapper section:nth-child(13) .s-button, #phone.t42 #key-wrapper section:nth-child(16) .s-button { top: 150px; } #phone.t41 #key-wrapper section:nth-child(1) .s-button, #phone.t41 #key-wrapper section:nth-child(4) .s-button, #phone.t41 #key-wrapper.page2 section:nth-child(6) .s-button, #phone.t41 #key-wrapper section:nth-child(9) .s-button, #phone.t41 #key-wrapper.page3 section:nth-child(11) .s-button, #phone.t41 #key-wrapper section:nth-child(14) .s-button { top: 84px; } #phone.t41 #key-wrapper section:nth-child(2) .s-button, #phone.t41 #key-wrapper section:nth-child(5) .s-button, #phone.t41 #key-wrapper section:nth-child(7) .s-button, #phone.t41 #key-wrapper section:nth-child(10) .s-button, #phone.t41 #key-wrapper section:nth-child(12) .s-button, #phone.t41 #key-wrapper section:nth-child(15) .s-button { top: 117px; } #phone.t41 #key-wrapper section:nth-child(3) .s-button, #phone.t41 #key-wrapper section:nth-child(6) .s-button, #phone.t41 #key-wrapper section:nth-child(8) .s-button, #phone.t41 #key-wrapper section:nth-child(11) .s-button, #phone.t41 #key-wrapper section:nth-child(13) .s-button, #phone.t41 #key-wrapper section:nth-child(16) .s-button { top: 150px; } #phone.t42 #key-wrapper section:nth-child(-n+3) .button-led, #phone.t42 #key-wrapper.page2 section:nth-child(n+6):nth-child(-n+8) .button-led, #phone.t42 #key-wrapper.page3 section:nth-child(n+11):nth-child(-n+13) .button-led { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } #phone.t42 #key-wrapper section:nth-child(n+4):nth-child(-n+6) .button-led, #phone.t42 #key-wrapper section:nth-child(n+9):nth-child(-n+11) .button-led, #phone.t42 #key-wrapper section:nth-child(n+14):nth-child(-n+16) .button-led { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } #phone.t41 #key-wrapper section:nth-child(-n+3) .button-led, #phone.t41 #key-wrapper.page2 section:nth-child(n+6):nth-child(-n+8) .button-led, #phone.t41 #key-wrapper.page3 section:nth-child(n+11):nth-child(-n+13) .button-led { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } #phone.t41 #key-wrapper section:nth-child(n+4):nth-child(-n+6) .button-led, #phone.t41 #key-wrapper section:nth-child(n+9):nth-child(-n+11) .button-led, #phone.t41 #key-wrapper section:nth-child(n+14):nth-child(-n+16) .button-led { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } #phone.t42 #key-wrapper section:nth-child(6n+1):after, #phone.t41 #key-wrapper section:nth-child(6n+1):after { top: 102px; width: 19px; left: 86px; } #phone.t42 #key-wrapper section:nth-child(6n+1):before, #phone.t41 #key-wrapper section:nth-child(6n+1):before { top: 102px; width: 7px; left: 86px; transform: rotate(-140deg); transform-origin: left; } #phone.t42 #key-wrapper section:nth-child(6n+2):after, #phone.t41 #key-wrapper section:nth-child(6n+2):after { top: 125px; width: 23px; left: 82px; } #phone.t42 #key-wrapper section:nth-child(6n+3):after, #phone.t41 #key-wrapper section:nth-child(6n+3):after { top: 146px; width: 19px; left: 86px; } #phone.t42 #key-wrapper section:nth-child(6n+3):before, #phone.t41 #key-wrapper section:nth-child(6n+3):before { top: 146px; width: 7px; left: 86px; transform: rotate(140deg); transform-origin: left; } #phone.t42 #key-wrapper section:nth-child(6n+4):after, #phone.t41 #key-wrapper section:nth-child(6n+4):after { top: 102px; width: 19px; right: 86px; } #phone.t42 #key-wrapper section:nth-child(6n+4):before, #phone.t41 #key-wrapper section:nth-child(6n+4):before { top: 102px; width: 7px; right: 86px; transform: rotate(140deg); transform-origin: right; } #phone.t42 #key-wrapper section:nth-child(6n+5):after, #phone.t41 #key-wrapper section:nth-child(6n+5):after { top: 125px; width: 23px; right: 82px; } #phone.t42 #key-wrapper section:nth-child(6n):after, #phone.t41 #key-wrapper section:nth-child(6n):after { top: 146px; width: 19px; right: 86px; } #phone.t42 #key-wrapper section:nth-child(6n):before, #phone.t41 #key-wrapper section:nth-child(6n):before { top: 146px; width: 7px; right: 86px; transform: rotate(-140deg); transform-origin: right; } #phone.t42 #key-wrapper section:nth-child(n+7):nth-child(-n+36), #phone.t41 #key-wrapper section:nth-child(n+7):nth-child(-n+36) { display: none; } #phone.t42 #key-wrapper.page1 section:nth-child(6), #phone.t41 #key-wrapper.page1 section:nth-child(6) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t42 #key-wrapper.page1 section:nth-child(6) span:nth-of-type(1), #phone.t41 #key-wrapper.page1 section:nth-child(6) span:nth-of-type(1) { background: black; color: white; } #phone.t42 #key-wrapper.page1 section:nth-child(6) .key-label, #phone.t41 #key-wrapper.page1 section:nth-child(6) .key-label { display: none !important; } #phone.t42 #key-wrapper.page1 section:nth-child(6) .blf-page-numbers, #phone.t41 #key-wrapper.page1 section:nth-child(6) .blf-page-numbers { display: flex !important; } #phone.t42 #key-wrapper.page1 #blf-page-2:hover, #phone.t42 #key-wrapper.page1 #blf-page-3:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } #phone.t41 #key-wrapper.page1 #blf-page-2:hover, #phone.t41 #key-wrapper.page1 #blf-page-3:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } #phone.t42 #key-wrapper.page2 section:nth-child(-n+5), #phone.t41 #key-wrapper.page2 section:nth-child(-n+5) { display: none; } #phone.t42 #key-wrapper.page2 section:nth-child(n+6):nth-child(-n+11), #phone.t41 #key-wrapper.page2 section:nth-child(n+6):nth-child(-n+11) { display: flex; } #phone.t42 #key-wrapper.page2 section:nth-child(n+12):nth-child(-n+36), #phone.t41 #key-wrapper.page2 section:nth-child(n+12):nth-child(-n+36) { display: none; } #phone.t42 #key-wrapper.page2 section:nth-child(11), #phone.t41 #key-wrapper.page2 section:nth-child(11) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t42 #key-wrapper.page2 section:nth-child(11) span:nth-of-type(2), #phone.t41 #key-wrapper.page2 section:nth-child(11) span:nth-of-type(2) { background: black; color: white; } #phone.t42 #key-wrapper.page2 section:nth-child(11) .key-label, #phone.t41 #key-wrapper.page2 section:nth-child(11) .key-label { display: none !important; } #phone.t42 #key-wrapper.page2 section:nth-child(11) .blf-page-numbers, #phone.t41 #key-wrapper.page2 section:nth-child(11) .blf-page-numbers { display: flex !important; } #phone.t42 #key-wrapper.page2 #blf-page-1:hover, #phone.t42 #key-wrapper.page2 #blf-page-3:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } #phone.t41 #key-wrapper.page2 #blf-page-1:hover, #phone.t41 #key-wrapper.page2 #blf-page-3:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } #phone.t42 #key-wrapper.page3 section:nth-child(-n+10), #phone.t41 #key-wrapper.page3 section:nth-child(-n+10) { display: none; } #phone.t42 #key-wrapper.page3 section:nth-child(n+11):nth-child(-n+16), #phone.t41 #key-wrapper.page3 section:nth-child(n+11):nth-child(-n+16) { display: flex; } #phone.t42 #key-wrapper.page3 section:nth-child(n+17):nth-child(-n+36), #phone.t41 #key-wrapper.page3 section:nth-child(n+17):nth-child(-n+36) { display: none; } #phone.t42 #key-wrapper.page3 section:nth-child(16), #phone.t41 #key-wrapper.page3 section:nth-child(16) { justify-content: flex-end; background: none !important; border: none !important; } #phone.t42 #key-wrapper.page3 section:nth-child(16) span:nth-of-type(3), #phone.t41 #key-wrapper.page3 section:nth-child(16) span:nth-of-type(3) { background: black; color: white; } #phone.t42 #key-wrapper.page3 section:nth-child(16) .key-label, #phone.t41 #key-wrapper.page3 section:nth-child(16) .key-label { display: none !important; } #phone.t42 #key-wrapper.page3 section:nth-child(16) .blf-page-numbers, #phone.t41 #key-wrapper.page3 section:nth-child(16) .blf-page-numbers { display: flex !important; } #phone.t42 #key-wrapper.page3 #blf-page-1:hover, #phone.t42 #key-wrapper.page3 #blf-page-2:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } #phone.t41 #key-wrapper.page3 #blf-page-1:hover, #phone.t41 #key-wrapper.page3 #blf-page-2:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } #phone.t42 .dsskey, #phone.t41 .dsskey { height: 18px; margin: 2px; border: 2px solid rgba(0,0,0,0.9); border-radius: 4px; } #phone.t42 .blf-page-numbers, #phone.t41 .blf-page-numbers { height:12px; width: 12px; margin-right: 2px; border: 2px solid rgba(0,0,0,0.9); border-radius: 4px; font-size: 0.8em; } #phone.t42 #bottom-row, #phone.t41 #bottom-row { height: 27px; color: white; } #phone.t42 .bottom-block, #phone.t41 .bottom-block { margin: 2px; border: 1px solid rgba(0,0,0,0.5); height: 17px; border-radius: 4px; background: black; } #phone.t42 #model-text:after { content: "T42"; right: 38px; bottom: 49px; } #phone.t41 #model-text:after { content: "T41"; right: 38px; bottom: 49px; } #phone.t41 #time-date-display, #phone.t42 #time-date-display { flex-direction: column; align-self: center; height: 100px; } #phone.t41 #time-display, #phone.t42 #time-display { font-size: 2em; letter-spacing: 2px; align-items: baseline; } #phone.t41 #ampm, #phone.t42 #ampm { font-size: 0.5em; } #phone.t41 #date-display, #phone.t42 #date-display { font-size: 0.9em; } #phone.t41 .grey-select, #phone.t42 .grey-select { color: grey; font-size: 0.9em; width: 100%; } #phone.t41 .key-icon, #phone.t42 .key-icon { margin: 1px -1px 1px 1px; font-size: 0.8em; } #phone.t41 #add-ext, #phone.t42 #add-ext { display: none; } #phone.t41 .speed-icon, #phone.t42 .speed-icon { margin: 2px 0px 1px 0px; } #phone.t41 .fa-phone-volume, #phone.t41 .fa-phone-rotary, #phone.t41 .fa-th, #phone.t41 .fa-user { width: 11px; height: 12px; } #phone.t42 .fa-phone-volume, #phone.t42 .fa-phone-rotary, #phone.t42 .fa-th, #phone.t42 .fa-user { width: 11px; height: 12px; } #phone.t41 .park-icon:after { font-size: 0.7em; margin-left: -5px; margin-top: -2px; } #phone.t42 .park-icon:after { font-size: 0.7em; margin-left: -5px; margin-top: -2px; } #phone-wrapper .expansion.exp40 { width: 380px; height: 460px; } #phone-wrapper .expansion.exp40 .top-logo { height: 40px; } #phone-wrapper .expansion.exp40 .s-button { width: 45px; } #phone-wrapper .expansion.exp40 #bottom-buttons { display: none; } #phone-wrapper .expansion.exp40 .screen { width: 180px; height: 360px; color: black; background: #e6e6e6; font-size: 0.8em; padding: 3px; box-sizing: border-box; margin-bottom: 10px; } #phone-wrapper .expansion.exp40 .key-exp:hover { box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4); } #phone-wrapper .expansion.exp40 .exp-key-wrapper { height: 100%; } #phone-wrapper .expansion.exp40 .exp-key-wrapper section:nth-child(2n) .s-button { right: 20px; } #phone-wrapper .expansion.exp40 .exp-key-wrapper section:nth-child(2n):after { right: 75px; width: 20px; } #phone-wrapper .expansion.exp40 .exp-key-wrapper section:nth-child(2n+1) .s-button { left: 20px; justify-content: flex-end; } #phone-wrapper .expansion.exp40 .exp-key-wrapper section:nth-child(2n+1):after { left: 75px; width: 20px; } #phone-wrapper .expansion.exp40 .exp-key-wrapper section:nth-child(2n) .button-led { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } #phone-wrapper .expansion.exp40 .exp-key-wrapper section:nth-child(2n+1) .button-led { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } #phone-wrapper .expansion.exp40 .exp-key-wrapper section:nth-child(n+21):nth-child(-n+60) { display: none; } #phone-wrapper .expansion.exp40 .exp-key-wrapper section:nth-child(2n) { justify-content: flex-end; } #phone-wrapper .expansion.exp40 .exp-key-wrapper section:nth-child(2n) .key-label { display: flex; flex-direction: row-reverse; align-items: baseline; } #phone-wrapper .expansion.exp40 .page-buttons.page-1 section:nth-child(1) { background: lightgreen; } #phone-wrapper .expansion.exp40 .page-buttons.page-1 section:nth-child(2):hover { box-shadow: 0px 0px 5px white; } #phone-wrapper .expansion.exp40 .page-buttons.page-2 section:nth-child(2) { background: lightgreen; } #phone-wrapper .expansion.exp40 .page-buttons.page-2 section:nth-child(1):hover { box-shadow: 0px 0px 5px white; } #phone-wrapper .expansion.exp40 .exp-key-wrapper.page-2 section:nth-child(-n+20) { display: none; } #phone-wrapper .expansion.exp40 .exp-key-wrapper.page-2 section:nth-child(n+21):nth-child(-n+40) { display: flex; } #phone-wrapper .expansion.exp40 .exp-key-wrapper.page-2 section:nth-child(n+41):nth-child(-n+60) { display: none; } #phone-wrapper .expansion.exp40 .key-exp { width: 100%; height: 17px; border-bottom: 1px solid black; } #phone-wrapper .expansion.exp40 #bottom-row, #phone.exp40 #page-selector, #phone.exp40 #time-date-display { display: none; } #phone-wrapper .expansion.exp40 #model-text:after { content: "EXP40"; right: 20px; bottom: 20px; } #phone-wrapper .expansion.exp40 .grey-select { color: grey; font-size: 0.9em; } #phone-wrapper .expansion.exp40 .key-icon { margin: 2px; font-size: 0.9em; } #phone-wrapper .expansion.exp40 .page-buttons { display: flex; justify-content: space-around; width: 180px; height: 60px; } #phone-wrapper .expansion.exp40 .page-buttons section:nth-child(3) { display: none; } #phone-wrapper .expansion.exp40 .exp40-arrow { font-size: 0.7em; margin: 2px; } #phone-wrapper .expansion.exp40 .park-icon:after { font-size: 0.8em; margin-left: -5px; margin-top: -1px; } .expansion.exp-total-2 #del-ext1 { display: none; } .expansion.exp-total-3 #del-ext1, .expansion.exp-total-3 #del-ext2 { display: none; } .expansion.exp-total-4 #del-ext1, .expansion.exp-total-4 #del-ext2, .expansion.exp-total-4 #del-ext3 { display: none; } .expansion.exp-total-5 #del-ext1, .expansion.exp-total-5 #del-ext2, .expansion.exp-total-5 #del-ext3, .expansion.exp-total-5 #del-ext4 { display: none; } .expansion.exp-total-6 #del-ext1, .expansion.exp-total-6 #del-ext2, .expansion.exp-total-6 #del-ext3, .expansion.exp-total-6 #del-ext4, .expansion.exp-total-6 #del-ext5 { display: none; } #phone-wrapper .expansion.exp50 { width: 420px; height: 415px; } #phone-wrapper .expansion.exp50 .top-logo { height: 60px; } #phone-wrapper .expansion.exp50 #bottom-buttons, #phone-wrapper #phone.exp50 #bottom-row, #phone-wrapper #phone.exp50 #page-selector, #phone-wrapper #phone.exp50 #time-date-display { display: none; } #phone-wrapper .expansion.exp50 .screen { width: 200px; height: 290px; background-image: linear-gradient(#00e6e6,#0099ff); color: white; font-size: 0.9em; margin-bottom: 10px; } #phone-wrapper .expansion.exp50 .key-exp:hover { box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.4); } #phone-wrapper .expansion.exp50 .exp-key-wrapper { margin-top: 5px; margin-bottom: 5px; flex-direction: row; } /*changed to row */ #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(2n+1) .s-button { left: 20px; justify-content: flex-end; } #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(2n+1):after { left: 80px; width: 25px; } #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(2n) .s-button { right: 20px; } #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(2n):after { right: 80px; width: 25px; } #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(2n+1) .button-led { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(2n) .button-led { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(2n+1) { border-right: 1px solid rgba(255,255,255,0.3); left: -1px; align-self: flex-start; } /* changed to 2n+1 */ #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(2n) { border-left: 1px solid rgba(255,255,255,0.3); right: -1px; } #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(19), .expansion.exp50 .exp-key-wrapper section:nth-child(20) { border-bottom: 1px solid rgba(255,255,255,0.3); } #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(39), .expansion.exp50 .exp-key-wrapper section:nth-child(40) { border-bottom: 1px solid rgba(255,255,255,0.3); } #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(59), .expansion.exp50 .exp-key-wrapper section:nth-child(60) { border-bottom: 1px solid rgba(255,255,255,0.3); } #phone-wrapper .expansion.exp50 .exp-key-wrapper section:nth-child(n+21):nth-child(-n+60) { display: none; } #phone-wrapper .expansion.exp50 .page-buttons.page-1 section:nth-child(1) { background: lightgreen; } #phone-wrapper .expansion.exp50 .page-buttons.page-1 section:nth-child(n+2):nth-child(-n+3):hover { box-shadow: 0px 0px 5px white; } #phone-wrapper .expansion.exp50 .page-buttons.page-2 section:nth-child(2) { background: lightgreen; } #phone-wrapper .expansion.exp50 .exp-key-wrapper.page-2 section:nth-child(-n+20) { display: none; } #phone-wrapper .expansion.exp50 .exp-key-wrapper.page-2 section:nth-child(n+21):nth-child(-n+40) { display: flex; } #phone-wrapper .expansion.exp50 .exp-key-wrapper.page-2 section:nth-child(n+41):nth-child(-n+60) { display: none; } #phone-wrapper .expansion.exp50 .page-buttons.page-2 section:nth-child(1):hover, .expansion.exp50 .page-buttons.page-2 section:nth-child(3):hover { box-shadow: 0px 0px 5px white; } #phone-wrapper .expansion.exp50 .page-buttons.page-3 section:nth-child(3) { background: lightgreen; } #phone-wrapper .expansion.exp50 .exp-key-wrapper.page-3 section:nth-child(-n+40) { display: none; } #phone-wrapper .expansion.exp50 .exp-key-wrapper.page-3 section:nth-child(n+41):nth-child(-n+60) { display: flex; } #phone-wrapper .expansion.exp50 .page-buttons.page-3 section:nth-child(-n+2):hover { box-shadow: 0px 0px 5px white; } #phone-wrapper .expansion.exp50 .key-exp { height: 28px; width: 97px; border-radius: 2px; border-top: 1px solid rgba(255,255,255,0.3); background-color: rgba(0,0,50,0.2); } #phone-wrapper .expansion.exp50 .grey-select { color: lightgrey; font-size: 0.9em; width: 100%; } #phone-wrapper .expansion.exp50 .key-icon { color: lightgreen; margin: 3px; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); font-size: 0.9em; } #phone-wrapper .expansion.exp50 .key-icon.speed-icon { color: #fff; } #phone-wrapper .expansion.exp50 .page-buttons { display: flex; justify-content: space-between; width: 200px; height: 70px; } #phone-wrapper .expansion.exp50 .exp40-arrow { display: none; } #phone-wrapper .expansion.exp50 .park-icon:after { font-size: 0.8em; margin-left: -7px; margin-top: -3px; } .phone-rego-div + .phone-rego-div { margin-top: 5px; } .tagit-autocomplete .ui-state-focus { font-weight: normal !important; } #sms-group-name-wrapper { display: none; position: absolute; top: 100%; flex-direction: row; background: #eee; padding: 5px; white-space: nowrap; justify-content: center; align-items: center; background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); } #sms-group-name-wrapper input { border: 1px solid rgba(0,0,0,0.2) !important; padding: 5px; text-indent: 0px; } section.selected-key { border: 1px solid #000; background: #fff; display: inline-block; width: auto !important; padding: 3px; border-radius: 3px; font-size: 0.9em; } #cc-wrapper:hover,#cc-wrapper:focus { border: 1px solid #006bb2; } #cc-wrapper { display: flex; flex-direction: row; justify-content: space-between; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; } #cc-wrapper input { border: 0px; display: inline-block; width: auto !important; box-shadow: none !important; box-sizing: border-box; margin: 0px !important; } #cc-wrapper input:focus,#cc-wrapper input:hover { box-sizing: border-box; border: 0px !important; } #cc-wrapper input { width: 50px !important; padding: 5px 5px !important; } #cc-wrapper > input:first-child { width: calc(100% - 200px) !important; } #cc-wrapper > div { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 150px; padding-right: 10px; } #cc-wrapper > div input:first-child { text-align: right; } #cc-wrapper > div span { } #cc-wrapper > div input:last-child { width: 80px; } /* MAIN MOBILE FROM myacc.css */ #site-content { min-width: auto; } @media screen and (max-width: 1600px) { .box-container { width: calc(50% - 8px); } } @media screen and (max-width: 1200px) { .box-container { width: 100%; } .box-container.two-column { width: 100%; } .width-10 { width: 100% !important; } .width-20 { width: 100% !important; } .width-30 { width: 100% !important; } .width-40 { width: 100% !important; } .width-50 { width: 100% !important; } .width-60 { width: 100% !important; } .width-70 { width: 100% !important; } .width-80 { width: 100% !important; } .width-90 { width: 100% !important; } .width-100 { width: 100% !important; } .number-selection-list > div.page,#number-ranges-wrapper,.number-selection-pages,#number-ranges-wrapper > .page > div { width: 100%; min-width: 0px; } .number-selection-list > div.page > div,.number-range { width: 100%; } .number-selection-list > div.page > div { padding: 5px; } .number-selection-list > div.page > div.disabled { display: none !important; } .number-selection-list,.number-selection-list > .page { max-height: none !important; } .number-selection-pages > div { height: 30px; width: 30px; } .bottom-right,.bottom-left { position: relative; bottom: auto; right: auto; left: auto; } #number-ranges-text { display: inline-block; } #number-selection-charges-table td { display: block; text-align: left; } #number-selection-charges-table td:before { content: attr(data-name) " "; white-space: pre; font-weight: bold; } #number-selection-charges-table tr:first-child { display: none; } .did-remove-number { display: inline-block; } #number-selection-chargers-wrapper { height: auto; } .attention-box { flex-direction: column; } .attention-button { width: 100%; padding-top: 5px; } .attention-button a { width: 100%; } #ch-chart .flot-x-axis > div { display: none; max-width: unset !important; } #ch-chart .flot-x-axis > div:nth-child(4n+1) { display: none; } #ch-chart .flot-x-axis > div:nth-child(8n+1) { display: unset; } #ch-chart1 .flot-x-axis > div { display: none; max-width: unset !important; } #ch-chart1 .flot-x-axis > div:nth-child(30n+1) { display: none; } #ch-chart1 .flot-x-axis > div:nth-child(60n+1) { display: unset; } } @media screen and (max-width: 1200px) { .agents-table,.vm-table { width: 100% !important; float: none; } .agents-wrapper { width: 100% !important; float: none; height: auto !important; padding: 0px 0px; } .agents-wrapper .queue-agent { display: inline-block; } } @media screen and (max-width: 1200px) { .mobile-table-rows { width: 100%; border-collapse: collapse; display: table; } .mobile-table-rows td { display: table; width: 100% !important; height: 60px !important; color: #333; border: 10px solid #fff !important; box-sizing: border-box; } .mobile-table-rows td input,.mobile-table-rows td select,.mobile-table-rows td textarea { width: 100%; } .mobile-table-rows td[data-title]:before { content: attr(data-title) " \A"; white-space: pre; font-weight: bold; } tr.mobile-table-padding:before, tbody.mobile-table-padding tr:before { content: "\a\a"; white-space: pre; } .mobile-hidden { display: none !important; } .mobile-table-rows tr { display: table; width: 100%; box-shadow: 0px 0px 3px #ccc; margin: 10px 0px; } .mobile-table-rows .hide { display: none; } .mobile-table-rows .range-box { width: 100%; border: 1px solid #ccc; } .mobile-table-rows .switch-time select { width: auto !important; } .mobile-table-rows .align-right { text-align: center !important; } .mobile-table-rows .empty-tc{ line-height: 40px !important; height: 40px !important; } .mobile-table-rows .del-oval { width: 100%; } .mobile-table-rows .del-oval:after { width: 100%; background-color: #dc2454; content: "Remove"; color: #fff; display: inline-block; height: 35px; line-height: 35px; border-radius: 5px; } .desktop-hidden { display: table; } .add-conditions-row { box-shadow: none !important; text-align: center; text-transform: uppercase; font-weight: 300; font-size: 1.2em; height: 40px; line-height: 40px; } .add-conditions-row .add-button { height: 30px; width: 30px; line-height: 30px; } } @media screen and (min-width: 1200px) { .mobile-show { display: none; } } @media screen and (max-width: 800px) { audio { width: 100%; min-width: auto; } #login-left { background: #f1f1f1; width: 100%; height: 100%; padding: 20px; } #login-right { width: 0%; height: 100%; } #login-right img { display: none; } #login-box { width: 100%; max-width: 350px; min-width: auto; display: inline-block; } #login-left img { display: inline-block; margin-top: 25px; } } @media screen and (max-width: 1200px) { table.mobile-rows { box-shadow: none; } .mobile-rows tr { margin-bottom: 10px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); } .mobile-rows tr td:first-child,.mobile-rows tr td { padding: 15px !important; border-bottom: 1px dashed rgba(0,0,0,0.2); } .mobile-rows tr td.edit-col,.mobile-rows tr,.mobile-rows tr td { display: block; width: 100% !important; height: auto !important; box-sizing: border-box; } .mobile-rows tr td.edit-col { text-align: center !important; } .mobile-rows tr td:last-child { border: none; } .mobile-rows input,.mobile-rows select { width: 100%; } .mobile-rows tr td:before { content: attr(data-title) ""; display: block; font-weight: bold; } #applyOverrideRow.now-active { display: block; } #override-type-btn { display: inline-block; width: 100%; color: #fff; text-align: center; padding: 10px 0px; border-radius: 3px; text-transform: uppercase; font-weight: 300; text-decoration: none; } .override-type-automatic { background: #00b978; } .override-type-manual { background: #e24747; } .override-type-timed { background: #e29447; } #breadcrumbs { display: none; } .abc {display: none;} .new-override { background: #e52d56; } .button:not(.button-small) { width: 100%; box-sizing: border-box; margin-bottom: 5px; } .e-window-wrap { width: calc(100% - 30px); } .search-table { display: none; } .data-view { width: 100%; text-align: center; margin-top: 20px; } .loader { display: none; box-shadow: 0px 0px 3px #999; background-size: 100% !important; background: url("../img/maxoacc/loader.gif") #fff; border: 10px solid #fff; border-radius: 10px; width: 64px; height: 64px; margin-left: -37px; margin-top: -37px; position: fixed; top: 50%; left: 50%; z-index: 9999; } .no-wrap { white-space: normal; } .mobile-only { display: inline-block; } .mobile-block { display: block; } .desktop-only { display: none; } #ajaxresponse { top: 20px; bottom: auto; } /*#popBox { width: calc(100% - 30px) !important; }*/ .responsive-table tr th { display: none; } /*.responsive-table tr th:first-child { display: block; height: 40px; line-height: 40px; content: "aaa"; color: #fff !important; font-size: 0 !important; }*/ .responsive-table tr th:after { } .responsive-table tbody tr:nth-of-type(2n) { background: #fff !important; } .responsive-table tbody tr:nth-of-type(2n):hover , .responsive-table tbody tr:nth-of-type(2n+1):hover { background: #c4e7ff; } .responsive-table tbody tr:nth-of-type(2n+1) ,.resp-content, .resp-div { background: #f3f3f3 !important; } .responsive-table tr td:first-child { background: #006bb2; font-weight: bold; font-size: 1.3em; color: #006bb2; } .responsive-table tbody td { display: block; text-align: center; font-size: 1.1em;} .responsive-table tbody td, .resp-div, .resp-content { min-height: 30px; line-height: 30px; padding: 0px; margin: 0px; } .responsive-table tbody td:before { content: attr(data-th) " "; text-align: center; } .responsive-table-content td { background: #eee !important; color: #000 !important; } .resp-content { font-size: 1.3em; text-align: center;} .text-center td,.text-center { text-align: center !important; } .text-left td,.text-left { text-align: left !important; } .one-row-heading > thead > tr:first-child:before,.one-row-heading > tr:first-child:before,.one-row-heading > tr:first-child:before { content: attr(data-th) " "; text-transform: uppercase; font-size: 15px; background: #006bb2; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block !important; height: 40px !important; font-size: 15px !important; color: #fff; line-height: 40px; padding: 0px !important; text-align: center; width: 100% !important; font-weight: bold;} .one-row td{ font-size: 0 !important; box-sizing: border-box; display: none !important; height: 40px !important; line-height: 40px !important; text-align: center !important; } .one-row .loadmore,.one-row .loadmoreprocess { height: 40px !important; line-height: 40px !important; border-radius: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .one-row td:after { font-size: 15px !important; content: attr(data-th) " "; font-weight: normal !important; overflow: hidden; } .one-row td:first-child { display: block !important; background: none !important; color: #000 !important; overflow: hidden; } .all-table .loardmore,.one-row .loadmore,.one-row .loadmoreprocess { font-size: 15px !important; } .one-row .registration-0,.one-row .registration-1,.one-row div,.one-row span{ display: none !important; } /*.all-table tr:last-child td:first-child,.one-row tr:last-child td:first-child { border-bottom-right-radius: 13px !important; }*/ .rego-small-1:after { color: #009d52 !important; } .rego-small-0:after { color: #777 !important; } .mobile-table td:not(.keep),.mobile-table th:not(.keep) { display: none; } .mobile-table td.keep { } .edit-col { width: 120px !important; } #popBox,.topBox-wrap { width: calc(100% - 30px); } .mfth-btn:before { left: 200px; } .mfth-btn:after { left: 200px; } .mfth-btn.n-selected:before { left: 202px; } .mfth-btn.n-selected:after { left: 198px; } .two-panel { display: block; width: 100%;} .two-panel-left { width: calc(100vw - 65px); min-width: auto; display: block; } .two-panel-left-container,.two-panel-right-container { display: block; width: 100%; min-height: unset !important; max-height: unset !important; overflow-y: auto; } .two-panel-right { display: none; width: 100%; background: #fff; min-height: 60px; } .two-panel-right-heading-content { max-width: calc(100% - 50px); } /* .two-panel-left-text.selected-row{ background: #fff !important; } .two-panel-left-text:hover,.two-panel-left-text.selected-row:hover { background: #eee !important; } */ .classic-table tr td:not(.keep),.classic-table tr th:not(.keep) { display: none; } .classic-table .mobile-only { display: block; } .two-panel-back-button { display: block; height: 100%; float: left; width: 50px; background: #004b7d; position: relative; cursor: pointer; } .two-panel-back-button:hover { background: #00253e; } .two-panel-back-button:after { content: ""; position: absolute; top: calc(50% + 5px); left: 17px; transform: rotate(45deg); border-bottom: 2px solid #fff; width: 15px; height: 0px; display: block; } .two-panel-back-button:before { content: ""; position: absolute; top: calc(50% - 5px); left: 17px; transform: rotate(-45deg); border-bottom: 2px solid #fff; width: 15px; height: 0px; display: block; } .compose-message-wrapper .two-panel-back-button { display: block; } #pbox,.e-window-content { min-width: auto; } .delete-convo-span,.sms-select-messages span { display: none !important; } .sms-select-messages:before { margin: 0px !important; } } /* SMALL STYLES */ @media only screen and (max-width: 1200px) { #stat-circles { display: none !important; } #dids-display-rect,.display-rectangle { display: inline-block !important; width: 100% !important; margin: 0px !important; table-layout: auto !important; } .display-rect-box,.display-content { display: inline-block !important; width: 100% !important; margin-bottom: 15px;} .display-rect-box > div:first-child { min-width: auto !important; width: 150px !important; padding: 0px 0px !important; } .display-rect-box > div:last-child { width: 100% !important; } .drb-last { max-width: 100% !important; width: 100% !important; } #dash-display-rect { float: none !important; width: 100% !important; } #call-history-chart { width: 100% !important; margin: 20px 0px !important; } #display-subext { width: 100% !important; } #display-subext > div { height: auto !important; max-height: 100% !important; overflow: hidden; } .maxo-acc-small-padding,.maxo-acc-padding { margin: 15px 0px 0px 0px !important; } .maxo-acc-box-title { font-size: 1.1em; background: #006bb2; color: #fff !important; } .dr-two-column .display-rect-box { width: 100% !important; } .box-container { width: 100%; } .box-container-wrapper .box-container { margin-right: 0px; } .maxo-form-table { width: 100% !important; } .maxo-form-table > tbody > tr > td:first-child:not(.keep),.maxo-form-table > tr > td:first-child:not(.keep) { display: none; } .maxo-form-table > tbody > tr > td:last-child:before, .maxo-form-table > tr > td:last-child:before { content: attr(data-name) "\A"; white-space:pre; font-weight: bold; } .maxo-form-table > tbody > tr > td:last-child[data-name=""]:before,.maxo-form-table > tbody > tr > td:last-child:not([data-name]):before, .maxo-form-table > tr > td:last-child[data-name=""]:before,.maxo-form-table > tr > td:last-child:not([data-name]):before { content: none; } .maxo-form-table .mft-btn-row td:last-child:before { content: ""; white-space:auto; font-weight: bold; } .maxo-form-table .mft-btn-row td { display: table-cell !important; width: 100% !important; padding: 10px 10px !important; } .maxo-form-table input[type="submit"],.maxo-form-table input[type="reset"] {} .maxo-form-table input[type="submit"] { float: left; width: 59.5%; } .maxo-form-table input[type="reset"] { float: right; width: 39.5%; } /* .maxo-acc-box { text-align: justify !important; } */ } /* EXTRA SMALL STYLES */ @media only screen and (max-width: 800px) { #expand-sms-inbox { display: none; } #logo {display: none; } #left-col { display: table-cell; position: fixed; height: 100%; z-index: 500; display: none; box-shadow: 0px 0px 5px #000; overflow-y: auto; overflow-x: hidden; } #left-nav { padding-bottom: 0px !important; } #popBox input, .topBox-wrap input { } .ui-tooltip { display: none !important; } #confirmbox-content { margin: 5px; } .display-closer { margin-top: 0px !important; } .extra-line { padding-top: 20px; } #popBox,.e-window { min-width: 70% !important; } #ajaxresponse { opacity: 0.95; position: fixed; width: 100% !important; max-width: calc(100% - 40px) !important; right: 0px !important; left: 20px !important; box-sizing: border-box; } #profile-box { padding: 30px 0px; } #top-activity { margin: 0px !important; } #top-activity > div,#top-activity > button { display: none !important; } #top-activity > div:first-child,#top-activity > button:first-child { display: table-cell !important; } /*.all-table tr td:last-child.keep,.all-table tr th:last-child.keep { display: none !important; }*/}/*! jQuery UI - v1.10.4 - 2015-07-07 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Helvetica,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #444444; } .ui-widget-content a { color: #444444; } .ui-widget-header { border: 1px solid #dddddd; background: #dddddd url("images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x; color: #444444; font-weight: bold; } .ui-widget-header a { color: #444444; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dddddd; background: #f6f6f6 url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x; font-weight: bold; color: #0073ea; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0073ea; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #0073ea; background: #0073ea url("images/ui-bg_highlight-soft_25_0073ea_1x100.png") 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #ff0084; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ff0084; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #cccccc; background: #ffffff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x; color: #444444; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #ff0084; background: #ffffff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222222; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222222; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_ff0084_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_0073ea_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_666666_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_0073ea_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_ff0084_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 2px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 2px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 2px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 2px; } /* Overlays */ .ui-widget-overlay { background: #eeeeee url("images/ui-bg_flat_0_eeeeee_40x100.png") 50% 50% repeat-x; opacity: .8; filter: Alpha(Opacity=80); } .ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .6; filter: Alpha(Opacity=60); border-radius: 0px; } /*! * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-alarm-clock:before{content:"\f34e"}.fa-alarm-exclamation:before{content:"\f843"}.fa-alarm-plus:before{content:"\f844"}.fa-alarm-snooze:before{content:"\f845"}.fa-album:before{content:"\f89f"}.fa-album-collection:before{content:"\f8a0"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-align-slash:before{content:"\f846"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-amp-guitar:before{content:"\f8a1"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angel:before{content:"\f779"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badge-sheriff:before{content:"\f8a2"}.fa-badger-honey:before{content:"\f6b4"}.fa-bags-shopping:before{content:"\f847"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ball-pile:before{content:"\f77e"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-banjo:before{content:"\f8a3"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-exclamation:before{content:"\f848"}.fa-bell-plus:before{content:"\f849"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bells:before{content:"\f77f"}.fa-betamax:before{content:"\f8a4"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-biking-mountain:before{content:"\f84b"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-book-user:before{content:"\f7e7"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-books-medical:before{content:"\f7e8"}.fa-boombox:before{content:"\f8a5"}.fa-boot:before{content:"\f782"}.fa-booth-curtain:before{content:"\f734"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-bottom:before{content:"\f84d"}.fa-border-center-h:before{content:"\f89c"}.fa-border-center-v:before{content:"\f89d"}.fa-border-inner:before{content:"\f84e"}.fa-border-left:before{content:"\f84f"}.fa-border-none:before{content:"\f850"}.fa-border-outer:before{content:"\f851"}.fa-border-right:before{content:"\f852"}.fa-border-style:before{content:"\f853"}.fa-border-style-alt:before{content:"\f854"}.fa-border-top:before{content:"\f855"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-brackets:before{content:"\f7e9"}.fa-brackets-curly:before{content:"\f7ea"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-loaf:before{content:"\f7eb"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-bring-forward:before{content:"\f856"}.fa-bring-front:before{content:"\f857"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burger-soda:before{content:"\f858"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-burrito:before{content:"\f7ed"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-cactus:before{content:"\f8a7"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camcorder:before{content:"\f8a8"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-movie:before{content:"\f8a9"}.fa-camera-polaroid:before{content:"\f8aa"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-cane:before{content:"\f786"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-building:before{content:"\f859"}.fa-car-bump:before{content:"\f5e0"}.fa-car-bus:before{content:"\f85a"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cars:before{content:"\f85b"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cassette-tape:before{content:"\f8ab"}.fa-cat:before{content:"\f6be"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-cctv:before{content:"\f8ac"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-network:before{content:"\f78a"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-chart-scatter:before{content:"\f7ee"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-cheese-swiss:before{content:"\f7f0"}.fa-cheeseburger:before{content:"\f7f1"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chimney:before{content:"\f78b"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clarinet:before{content:"\f8ad"}.fa-claw-marks:before{content:"\f6c2"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clipboard-user:before{content:"\f7f3"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-music:before{content:"\f8ae"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coin:before{content:"\f85c"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-medical:before{content:"\f7f4"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-music:before{content:"\f8af"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-music:before{content:"\f8b0"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-compress-wide:before{content:"\f326"}.fa-computer-classic:before{content:"\f8b1"}.fa-computer-speaker:before{content:"\f8b2"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-construction:before{content:"\f85d"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cowbell:before{content:"\f8b3"}.fa-cowbell-more:before{content:"\f8b4"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-croissant:before{content:"\f7f6"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-crutches:before{content:"\f7f8"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-debug:before{content:"\f7f9"}.fa-deer:before{content:"\f78e"}.fa-deer-rudolph:before{content:"\f78f"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digging:before{content:"\f85e"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-disc-drive:before{content:"\f8b5"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dreidel:before{content:"\f792"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-drone:before{content:"\f85f"}.fa-drone-alt:before{content:"\f860"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dryer:before{content:"\f861"}.fa-dryer-alt:before{content:"\f862"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-ear-muffs:before{content:"\f795"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-egg-fried:before{content:"\f7fc"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-farm:before{content:"\f864"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-music:before{content:"\f8b6"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-search:before{content:"\f865"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-files-medical:before{content:"\f7fd"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-film-canister:before{content:"\f8b7"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-fireplace:before{content:"\f79a"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fish-cooked:before{content:"\f7fe"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flashlight:before{content:"\f8b8"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flower:before{content:"\f7ff"}.fa-flower-daffodil:before{content:"\f800"}.fa-flower-tulip:before{content:"\f801"}.fa-flushed:before{content:"\f579"}.fa-flute:before{content:"\f8b9"}.fa-flux-capacitor:before{content:"\f8ba"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folder-tree:before{content:"\f802"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-font-case:before{content:"\f866"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-french-fries:before{content:"\f803"}.fa-frog:before{content:"\f52e"}.fa-frosty-head:before{content:"\f79b"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-game-board:before{content:"\f867"}.fa-game-board-alt:before{content:"\f868"}.fa-game-console-handheld:before{content:"\f8bb"}.fa-gamepad:before{content:"\f11b"}.fa-gamepad-alt:before{content:"\f8bc"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-gifts:before{content:"\f79c"}.fa-gingerbread-man:before{content:"\f79d"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass:before{content:"\f804"}.fa-glass-champagne:before{content:"\f79e"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-citrus:before{content:"\f869"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glass-whiskey-rocks:before{content:"\f7a1"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-globe-snow:before{content:"\f7a3"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gramophone:before{content:"\f8bd"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-guitar-electric:before{content:"\f8be"}.fa-guitars:before{content:"\f8bf"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-h4:before{content:"\f86a"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-chef:before{content:"\f86b"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-santa:before{content:"\f7a7"}.fa-hat-winter:before{content:"\f7a8"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-side-brain:before{content:"\f808"}.fa-head-side-headphones:before{content:"\f8c2"}.fa-head-side-medical:before{content:"\f809"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-home-alt:before{content:"\f80a"}.fa-home-heart:before{content:"\f4c9"}.fa-home-lg:before{content:"\f80b"}.fa-home-lg-alt:before{content:"\f80c"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-horizontal-rule:before{content:"\f86c"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-horse-saddle:before{content:"\f8c3"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hospitals:before{content:"\f80e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-flood:before{content:"\f74f"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-ice-skate:before{content:"\f7ac"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-icons-alt:before{content:"\f86e"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-image-polaroid:before{content:"\f8c4"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-integral:before{content:"\f667"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-island-tropical:before{content:"\f811"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-joystick:before{content:"\f8c5"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-jug:before{content:"\f8c6"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-kazoo:before{content:"\f8c7"}.fa-kerning:before{content:"\f86f"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lasso:before{content:"\f8c8"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-lights-holiday:before{content:"\f7b2"}.fa-line:before{content:"\f3c0"}.fa-line-columns:before{content:"\f870"}.fa-line-height:before{content:"\f871"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-music:before{content:"\f8c9"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailbox:before{content:"\f813"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-meat:before{content:"\f814"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microphone-stand:before{content:"\f8cb"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mistletoe:before{content:"\f7b4"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-money-check-edit:before{content:"\f872"}.fa-money-check-edit-alt:before{content:"\f873"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-alt:before{content:"\f8cd"}.fa-mouse-pointer:before{content:"\f245"}.fa-mp3-player:before{content:"\f8ce"}.fa-mug:before{content:"\f874"}.fa-mug-hot:before{content:"\f7b6"}.fa-mug-marshmallows:before{content:"\f7b7"}.fa-mug-tea:before{content:"\f875"}.fa-music:before{content:"\f001"}.fa-music-alt:before{content:"\f8cf"}.fa-music-alt-slash:before{content:"\f8d0"}.fa-music-slash:before{content:"\f8d1"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-ornament:before{content:"\f7b8"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-overline:before{content:"\f876"}.fa-page-break:before{content:"\f877"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-paragraph-rtl:before{content:"\f878"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-laptop:before{content:"\f87a"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-rotary:before{content:"\f8d3"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-piano:before{content:"\f8d4"}.fa-piano-keyboard:before{content:"\f8d5"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza:before{content:"\f817"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-popcorn:before{content:"\f819"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-search:before{content:"\f81a"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-projector:before{content:"\f8d6"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-radio:before{content:"\f8d7"}.fa-radio-alt:before{content:"\f8d8"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-rings-wedding:before{content:"\f81b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-router:before{content:"\f8da"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rv:before{content:"\f7be"}.fa-sack:before{content:"\f81c"}.fa-sack-dollar:before{content:"\f81d"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salad:before{content:"\f81e"}.fa-salesforce:before{content:"\f83b"}.fa-sandwich:before{content:"\f81f"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-sausage:before{content:"\f820"}.fa-save:before{content:"\f0c7"}.fa-sax-hot:before{content:"\f8db"}.fa-saxophone:before{content:"\f8dc"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-image:before{content:"\f8f3"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-scarf:before{content:"\f7c1"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-send-back:before{content:"\f87e"}.fa-send-backward:before{content:"\f87f"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shish-kebab:before{content:"\f821"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shovel-snow:before{content:"\f7c3"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sickle:before{content:"\f822"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signal-stream:before{content:"\f8dd"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-skeleton:before{content:"\f620"}.fa-sketch:before{content:"\f7c6"}.fa-ski-jump:before{content:"\f7c7"}.fa-ski-lift:before{content:"\f7c8"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-cow:before{content:"\f8de"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sledding:before{content:"\f7cb"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snooze:before{content:"\f880"}.fa-snow-blowing:before{content:"\f761"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowflakes:before{content:"\f7cf"}.fa-snowman:before{content:"\f7d0"}.fa-snowmobile:before{content:"\f7d1"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-alt:before{content:"\f883"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-shapes-down:before{content:"\f888"}.fa-sort-shapes-down-alt:before{content:"\f889"}.fa-sort-shapes-up:before{content:"\f88a"}.fa-sort-shapes-up-alt:before{content:"\f88b"}.fa-sort-size-down:before{content:"\f88c"}.fa-sort-size-down-alt:before{content:"\f88d"}.fa-sort-size-up:before{content:"\f88e"}.fa-sort-size-up-alt:before{content:"\f88f"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-soup:before{content:"\f823"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-spade:before{content:"\f2f4"}.fa-sparkles:before{content:"\f890"}.fa-speakap:before{content:"\f3f3"}.fa-speaker:before{content:"\f8df"}.fa-speaker-deck:before{content:"\f83c"}.fa-speakers:before{content:"\f8e0"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-christmas:before{content:"\f7d4"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-stars:before{content:"\f762"}.fa-staylinked:before{content:"\f3f5"}.fa-steak:before{content:"\f824"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stocking:before{content:"\f7d5"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-stretcher:before{content:"\f825"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunglasses:before{content:"\f892"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-swords:before{content:"\f71d"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-taco:before{content:"\f826"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tanakh:before{content:"\f827"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-tasks-alt:before{content:"\f828"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text:before{content:"\f893"}.fa-text-height:before{content:"\f034"}.fa-text-size:before{content:"\f894"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-trash-undo:before{content:"\f895"}.fa-trash-undo-alt:before{content:"\f896"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-tree-christmas:before{content:"\f7db"}.fa-tree-decorated:before{content:"\f7dc"}.fa-tree-large:before{content:"\f7dd"}.fa-tree-palm:before{content:"\f82b"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-triangle-music:before{content:"\f8e2"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-plow:before{content:"\f7de"}.fa-truck-ramp:before{content:"\f4e0"}.fa-trumpet:before{content:"\f8e3"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turntable:before{content:"\f8e4"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-alt:before{content:"\f8e5"}.fa-tv-music:before{content:"\f8e6"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typewriter:before{content:"\f8e7"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usb-drive:before{content:"\f8e9"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-cowboy:before{content:"\f8ea"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-hard-hat:before{content:"\f82c"}.fa-user-headset:before{content:"\f82d"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-md-chat:before{content:"\f82e"}.fa-user-minus:before{content:"\f503"}.fa-user-music:before{content:"\f8eb"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-users-medical:before{content:"\f830"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vhs:before{content:"\f8ec"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-violin:before{content:"\f8ed"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-wagon-covered:before{content:"\f8ee"}.fa-walker:before{content:"\f831"}.fa-walkie-talkie:before{content:"\f8ef"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-washer:before{content:"\f898"}.fa-watch:before{content:"\f2e1"}.fa-watch-calculator:before{content:"\f8f0"}.fa-watch-fitness:before{content:"\f63e"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-wave-sine:before{content:"\f899"}.fa-wave-square:before{content:"\f83e"}.fa-wave-triangle:before{content:"\f89a"}.fa-waveform:before{content:"\f8f1"}.fa-waveform-path:before{content:"\f8f2"}.fa-waze:before{content:"\f83f"}.fa-webcam:before{content:"\f832"}.fa-webcam-slash:before{content:"\f833"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-turbine:before{content:"\f89b"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wreath:before{content:"\f7e2"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-duotone-900.eot);src:url(../webfonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-duotone-900.woff2) format("woff2"),url(../webfonts/fa-duotone-900.woff) format("woff"),url(../webfonts/fa-duotone-900.ttf) format("truetype"),url(../webfonts/fa-duotone-900.svg#fontawesome) format("svg")}.fad{position:relative;font-family:"Font Awesome 5 Duotone";font-weight:900}.fad:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:1;opacity:var(--fa-primary-opacity,1)}.fad:after{color:var(--fa-secondary-color,inherit)}.fa-swap-opacity .fad:before,.fad.fa-swap-opacity:before,.fad:after{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.fa-swap-opacity .fad:after,.fad.fa-swap-opacity:after{opacity:1;opacity:var(--fa-primary-opacity,1)}.fad.fa-inverse{color:#fff}.fad.fa-stack-1x,.fad.fa-stack-2x{position:absolute}.fad.fa-fw:before,.fad.fa-stack-1x:before,.fad.fa-stack-2x:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fad.fa-abacus:after{content:"\10f640"}.fad.fa-acorn:after{content:"\10f6ae"}.fad.fa-ad:after{content:"\10f641"}.fad.fa-address-book:after{content:"\10f2b9"}.fad.fa-address-card:after{content:"\10f2bb"}.fad.fa-adjust:after{content:"\10f042"}.fad.fa-air-freshener:after{content:"\10f5d0"}.fad.fa-alarm-clock:after{content:"\10f34e"}.fad.fa-alarm-exclamation:after{content:"\10f843"}.fad.fa-alarm-plus:after{content:"\10f844"}.fad.fa-alarm-snooze:after{content:"\10f845"}.fad.fa-album:after{content:"\10f89f"}.fad.fa-album-collection:after{content:"\10f8a0"}.fad.fa-alicorn:after{content:"\10f6b0"}.fad.fa-align-center:after{content:"\10f037"}.fad.fa-align-justify:after{content:"\10f039"}.fad.fa-align-left:after{content:"\10f036"}.fad.fa-align-right:after{content:"\10f038"}.fad.fa-align-slash:after{content:"\10f846"}.fad.fa-allergies:after{content:"\10f461"}.fad.fa-ambulance:after{content:"\10f0f9"}.fad.fa-american-sign-language-interpreting:after{content:"\10f2a3"}.fad.fa-amp-guitar:after{content:"\10f8a1"}.fad.fa-analytics:after{content:"\10f643"}.fad.fa-anchor:after{content:"\10f13d"}.fad.fa-angel:after{content:"\10f779"}.fad.fa-angle-double-down:after{content:"\10f103"}.fad.fa-angle-double-left:after{content:"\10f100"}.fad.fa-angle-double-right:after{content:"\10f101"}.fad.fa-angle-double-up:after{content:"\10f102"}.fad.fa-angle-down:after{content:"\10f107"}.fad.fa-angle-left:after{content:"\10f104"}.fad.fa-angle-right:after{content:"\10f105"}.fad.fa-angle-up:after{content:"\10f106"}.fad.fa-angry:after{content:"\10f556"}.fad.fa-ankh:after{content:"\10f644"}.fad.fa-apple-alt:after{content:"\10f5d1"}.fad.fa-apple-crate:after{content:"\10f6b1"}.fad.fa-archive:after{content:"\10f187"}.fad.fa-archway:after{content:"\10f557"}.fad.fa-arrow-alt-circle-down:after{content:"\10f358"}.fad.fa-arrow-alt-circle-left:after{content:"\10f359"}.fad.fa-arrow-alt-circle-right:after{content:"\10f35a"}.fad.fa-arrow-alt-circle-up:after{content:"\10f35b"}.fad.fa-arrow-alt-down:after{content:"\10f354"}.fad.fa-arrow-alt-from-bottom:after{content:"\10f346"}.fad.fa-arrow-alt-from-left:after{content:"\10f347"}.fad.fa-arrow-alt-from-right:after{content:"\10f348"}.fad.fa-arrow-alt-from-top:after{content:"\10f349"}.fad.fa-arrow-alt-left:after{content:"\10f355"}.fad.fa-arrow-alt-right:after{content:"\10f356"}.fad.fa-arrow-alt-square-down:after{content:"\10f350"}.fad.fa-arrow-alt-square-left:after{content:"\10f351"}.fad.fa-arrow-alt-square-right:after{content:"\10f352"}.fad.fa-arrow-alt-square-up:after{content:"\10f353"}.fad.fa-arrow-alt-to-bottom:after{content:"\10f34a"}.fad.fa-arrow-alt-to-left:after{content:"\10f34b"}.fad.fa-arrow-alt-to-right:after{content:"\10f34c"}.fad.fa-arrow-alt-to-top:after{content:"\10f34d"}.fad.fa-arrow-alt-up:after{content:"\10f357"}.fad.fa-arrow-circle-down:after{content:"\10f0ab"}.fad.fa-arrow-circle-left:after{content:"\10f0a8"}.fad.fa-arrow-circle-right:after{content:"\10f0a9"}.fad.fa-arrow-circle-up:after{content:"\10f0aa"}.fad.fa-arrow-down:after{content:"\10f063"}.fad.fa-arrow-from-bottom:after{content:"\10f342"}.fad.fa-arrow-from-left:after{content:"\10f343"}.fad.fa-arrow-from-right:after{content:"\10f344"}.fad.fa-arrow-from-top:after{content:"\10f345"}.fad.fa-arrow-left:after{content:"\10f060"}.fad.fa-arrow-right:after{content:"\10f061"}.fad.fa-arrow-square-down:after{content:"\10f339"}.fad.fa-arrow-square-left:after{content:"\10f33a"}.fad.fa-arrow-square-right:after{content:"\10f33b"}.fad.fa-arrow-square-up:after{content:"\10f33c"}.fad.fa-arrow-to-bottom:after{content:"\10f33d"}.fad.fa-arrow-to-left:after{content:"\10f33e"}.fad.fa-arrow-to-right:after{content:"\10f340"}.fad.fa-arrow-to-top:after{content:"\10f341"}.fad.fa-arrow-up:after{content:"\10f062"}.fad.fa-arrows:after{content:"\10f047"}.fad.fa-arrows-alt:after{content:"\10f0b2"}.fad.fa-arrows-alt-h:after{content:"\10f337"}.fad.fa-arrows-alt-v:after{content:"\10f338"}.fad.fa-arrows-h:after{content:"\10f07e"}.fad.fa-arrows-v:after{content:"\10f07d"}.fad.fa-assistive-listening-systems:after{content:"\10f2a2"}.fad.fa-asterisk:after{content:"\10f069"}.fad.fa-at:after{content:"\10f1fa"}.fad.fa-atlas:after{content:"\10f558"}.fad.fa-atom:after{content:"\10f5d2"}.fad.fa-atom-alt:after{content:"\10f5d3"}.fad.fa-audio-description:after{content:"\10f29e"}.fad.fa-award:after{content:"\10f559"}.fad.fa-axe:after{content:"\10f6b2"}.fad.fa-axe-battle:after{content:"\10f6b3"}.fad.fa-baby:after{content:"\10f77c"}.fad.fa-baby-carriage:after{content:"\10f77d"}.fad.fa-backpack:after{content:"\10f5d4"}.fad.fa-backspace:after{content:"\10f55a"}.fad.fa-backward:after{content:"\10f04a"}.fad.fa-bacon:after{content:"\10f7e5"}.fad.fa-badge:after{content:"\10f335"}.fad.fa-badge-check:after{content:"\10f336"}.fad.fa-badge-dollar:after{content:"\10f645"}.fad.fa-badge-percent:after{content:"\10f646"}.fad.fa-badge-sheriff:after{content:"\10f8a2"}.fad.fa-badger-honey:after{content:"\10f6b4"}.fad.fa-bags-shopping:after{content:"\10f847"}.fad.fa-balance-scale:after{content:"\10f24e"}.fad.fa-balance-scale-left:after{content:"\10f515"}.fad.fa-balance-scale-right:after{content:"\10f516"}.fad.fa-ball-pile:after{content:"\10f77e"}.fad.fa-ballot:after{content:"\10f732"}.fad.fa-ballot-check:after{content:"\10f733"}.fad.fa-ban:after{content:"\10f05e"}.fad.fa-band-aid:after{content:"\10f462"}.fad.fa-banjo:after{content:"\10f8a3"}.fad.fa-barcode:after{content:"\10f02a"}.fad.fa-barcode-alt:after{content:"\10f463"}.fad.fa-barcode-read:after{content:"\10f464"}.fad.fa-barcode-scan:after{content:"\10f465"}.fad.fa-bars:after{content:"\10f0c9"}.fad.fa-baseball:after{content:"\10f432"}.fad.fa-baseball-ball:after{content:"\10f433"}.fad.fa-basketball-ball:after{content:"\10f434"}.fad.fa-basketball-hoop:after{content:"\10f435"}.fad.fa-bat:after{content:"\10f6b5"}.fad.fa-bath:after{content:"\10f2cd"}.fad.fa-battery-bolt:after{content:"\10f376"}.fad.fa-battery-empty:after{content:"\10f244"}.fad.fa-battery-full:after{content:"\10f240"}.fad.fa-battery-half:after{content:"\10f242"}.fad.fa-battery-quarter:after{content:"\10f243"}.fad.fa-battery-slash:after{content:"\10f377"}.fad.fa-battery-three-quarters:after{content:"\10f241"}.fad.fa-bed:after{content:"\10f236"}.fad.fa-beer:after{content:"\10f0fc"}.fad.fa-bell:after{content:"\10f0f3"}.fad.fa-bell-exclamation:after{content:"\10f848"}.fad.fa-bell-plus:after{content:"\10f849"}.fad.fa-bell-school:after{content:"\10f5d5"}.fad.fa-bell-school-slash:after{content:"\10f5d6"}.fad.fa-bell-slash:after{content:"\10f1f6"}.fad.fa-bells:after{content:"\10f77f"}.fad.fa-betamax:after{content:"\10f8a4"}.fad.fa-bezier-curve:after{content:"\10f55b"}.fad.fa-bible:after{content:"\10f647"}.fad.fa-bicycle:after{content:"\10f206"}.fad.fa-biking:after{content:"\10f84a"}.fad.fa-biking-mountain:after{content:"\10f84b"}.fad.fa-binoculars:after{content:"\10f1e5"}.fad.fa-biohazard:after{content:"\10f780"}.fad.fa-birthday-cake:after{content:"\10f1fd"}.fad.fa-blanket:after{content:"\10f498"}.fad.fa-blender:after{content:"\10f517"}.fad.fa-blender-phone:after{content:"\10f6b6"}.fad.fa-blind:after{content:"\10f29d"}.fad.fa-blog:after{content:"\10f781"}.fad.fa-bold:after{content:"\10f032"}.fad.fa-bolt:after{content:"\10f0e7"}.fad.fa-bomb:after{content:"\10f1e2"}.fad.fa-bone:after{content:"\10f5d7"}.fad.fa-bone-break:after{content:"\10f5d8"}.fad.fa-bong:after{content:"\10f55c"}.fad.fa-book:after{content:"\10f02d"}.fad.fa-book-alt:after{content:"\10f5d9"}.fad.fa-book-dead:after{content:"\10f6b7"}.fad.fa-book-heart:after{content:"\10f499"}.fad.fa-book-medical:after{content:"\10f7e6"}.fad.fa-book-open:after{content:"\10f518"}.fad.fa-book-reader:after{content:"\10f5da"}.fad.fa-book-spells:after{content:"\10f6b8"}.fad.fa-book-user:after{content:"\10f7e7"}.fad.fa-bookmark:after{content:"\10f02e"}.fad.fa-books:after{content:"\10f5db"}.fad.fa-books-medical:after{content:"\10f7e8"}.fad.fa-boombox:after{content:"\10f8a5"}.fad.fa-boot:after{content:"\10f782"}.fad.fa-booth-curtain:after{content:"\10f734"}.fad.fa-border-all:after{content:"\10f84c"}.fad.fa-border-bottom:after{content:"\10f84d"}.fad.fa-border-center-h:after{content:"\10f89c"}.fad.fa-border-center-v:after{content:"\10f89d"}.fad.fa-border-inner:after{content:"\10f84e"}.fad.fa-border-left:after{content:"\10f84f"}.fad.fa-border-none:after{content:"\10f850"}.fad.fa-border-outer:after{content:"\10f851"}.fad.fa-border-right:after{content:"\10f852"}.fad.fa-border-style:after{content:"\10f853"}.fad.fa-border-style-alt:after{content:"\10f854"}.fad.fa-border-top:after{content:"\10f855"}.fad.fa-bow-arrow:after{content:"\10f6b9"}.fad.fa-bowling-ball:after{content:"\10f436"}.fad.fa-bowling-pins:after{content:"\10f437"}.fad.fa-box:after{content:"\10f466"}.fad.fa-box-alt:after{content:"\10f49a"}.fad.fa-box-ballot:after{content:"\10f735"}.fad.fa-box-check:after{content:"\10f467"}.fad.fa-box-fragile:after{content:"\10f49b"}.fad.fa-box-full:after{content:"\10f49c"}.fad.fa-box-heart:after{content:"\10f49d"}.fad.fa-box-open:after{content:"\10f49e"}.fad.fa-box-up:after{content:"\10f49f"}.fad.fa-box-usd:after{content:"\10f4a0"}.fad.fa-boxes:after{content:"\10f468"}.fad.fa-boxes-alt:after{content:"\10f4a1"}.fad.fa-boxing-glove:after{content:"\10f438"}.fad.fa-brackets:after{content:"\10f7e9"}.fad.fa-brackets-curly:after{content:"\10f7ea"}.fad.fa-braille:after{content:"\10f2a1"}.fad.fa-brain:after{content:"\10f5dc"}.fad.fa-bread-loaf:after{content:"\10f7eb"}.fad.fa-bread-slice:after{content:"\10f7ec"}.fad.fa-briefcase:after{content:"\10f0b1"}.fad.fa-briefcase-medical:after{content:"\10f469"}.fad.fa-bring-forward:after{content:"\10f856"}.fad.fa-bring-front:after{content:"\10f857"}.fad.fa-broadcast-tower:after{content:"\10f519"}.fad.fa-broom:after{content:"\10f51a"}.fad.fa-browser:after{content:"\10f37e"}.fad.fa-brush:after{content:"\10f55d"}.fad.fa-bug:after{content:"\10f188"}.fad.fa-building:after{content:"\10f1ad"}.fad.fa-bullhorn:after{content:"\10f0a1"}.fad.fa-bullseye:after{content:"\10f140"}.fad.fa-bullseye-arrow:after{content:"\10f648"}.fad.fa-bullseye-pointer:after{content:"\10f649"}.fad.fa-burger-soda:after{content:"\10f858"}.fad.fa-burn:after{content:"\10f46a"}.fad.fa-burrito:after{content:"\10f7ed"}.fad.fa-bus:after{content:"\10f207"}.fad.fa-bus-alt:after{content:"\10f55e"}.fad.fa-bus-school:after{content:"\10f5dd"}.fad.fa-business-time:after{content:"\10f64a"}.fad.fa-cabinet-filing:after{content:"\10f64b"}.fad.fa-cactus:after{content:"\10f8a7"}.fad.fa-calculator:after{content:"\10f1ec"}.fad.fa-calculator-alt:after{content:"\10f64c"}.fad.fa-calendar:after{content:"\10f133"}.fad.fa-calendar-alt:after{content:"\10f073"}.fad.fa-calendar-check:after{content:"\10f274"}.fad.fa-calendar-day:after{content:"\10f783"}.fad.fa-calendar-edit:after{content:"\10f333"}.fad.fa-calendar-exclamation:after{content:"\10f334"}.fad.fa-calendar-minus:after{content:"\10f272"}.fad.fa-calendar-plus:after{content:"\10f271"}.fad.fa-calendar-star:after{content:"\10f736"}.fad.fa-calendar-times:after{content:"\10f273"}.fad.fa-calendar-week:after{content:"\10f784"}.fad.fa-camcorder:after{content:"\10f8a8"}.fad.fa-camera:after{content:"\10f030"}.fad.fa-camera-alt:after{content:"\10f332"}.fad.fa-camera-movie:after{content:"\10f8a9"}.fad.fa-camera-polaroid:after{content:"\10f8aa"}.fad.fa-camera-retro:after{content:"\10f083"}.fad.fa-campfire:after{content:"\10f6ba"}.fad.fa-campground:after{content:"\10f6bb"}.fad.fa-candle-holder:after{content:"\10f6bc"}.fad.fa-candy-cane:after{content:"\10f786"}.fad.fa-candy-corn:after{content:"\10f6bd"}.fad.fa-cannabis:after{content:"\10f55f"}.fad.fa-capsules:after{content:"\10f46b"}.fad.fa-car:after{content:"\10f1b9"}.fad.fa-car-alt:after{content:"\10f5de"}.fad.fa-car-battery:after{content:"\10f5df"}.fad.fa-car-building:after{content:"\10f859"}.fad.fa-car-bump:after{content:"\10f5e0"}.fad.fa-car-bus:after{content:"\10f85a"}.fad.fa-car-crash:after{content:"\10f5e1"}.fad.fa-car-garage:after{content:"\10f5e2"}.fad.fa-car-mechanic:after{content:"\10f5e3"}.fad.fa-car-side:after{content:"\10f5e4"}.fad.fa-car-tilt:after{content:"\10f5e5"}.fad.fa-car-wash:after{content:"\10f5e6"}.fad.fa-caret-circle-down:after{content:"\10f32d"}.fad.fa-caret-circle-left:after{content:"\10f32e"}.fad.fa-caret-circle-right:after{content:"\10f330"}.fad.fa-caret-circle-up:after{content:"\10f331"}.fad.fa-caret-down:after{content:"\10f0d7"}.fad.fa-caret-left:after{content:"\10f0d9"}.fad.fa-caret-right:after{content:"\10f0da"}.fad.fa-caret-square-down:after{content:"\10f150"}.fad.fa-caret-square-left:after{content:"\10f191"}.fad.fa-caret-square-right:after{content:"\10f152"}.fad.fa-caret-square-up:after{content:"\10f151"}.fad.fa-caret-up:after{content:"\10f0d8"}.fad.fa-carrot:after{content:"\10f787"}.fad.fa-cars:after{content:"\10f85b"}.fad.fa-cart-arrow-down:after{content:"\10f218"}.fad.fa-cart-plus:after{content:"\10f217"}.fad.fa-cash-register:after{content:"\10f788"}.fad.fa-cassette-tape:after{content:"\10f8ab"}.fad.fa-cat:after{content:"\10f6be"}.fad.fa-cauldron:after{content:"\10f6bf"}.fad.fa-cctv:after{content:"\10f8ac"}.fad.fa-certificate:after{content:"\10f0a3"}.fad.fa-chair:after{content:"\10f6c0"}.fad.fa-chair-office:after{content:"\10f6c1"}.fad.fa-chalkboard:after{content:"\10f51b"}.fad.fa-chalkboard-teacher:after{content:"\10f51c"}.fad.fa-charging-station:after{content:"\10f5e7"}.fad.fa-chart-area:after{content:"\10f1fe"}.fad.fa-chart-bar:after{content:"\10f080"}.fad.fa-chart-line:after{content:"\10f201"}.fad.fa-chart-line-down:after{content:"\10f64d"}.fad.fa-chart-network:after{content:"\10f78a"}.fad.fa-chart-pie:after{content:"\10f200"}.fad.fa-chart-pie-alt:after{content:"\10f64e"}.fad.fa-chart-scatter:after{content:"\10f7ee"}.fad.fa-check:after{content:"\10f00c"}.fad.fa-check-circle:after{content:"\10f058"}.fad.fa-check-double:after{content:"\10f560"}.fad.fa-check-square:after{content:"\10f14a"}.fad.fa-cheese:after{content:"\10f7ef"}.fad.fa-cheese-swiss:after{content:"\10f7f0"}.fad.fa-cheeseburger:after{content:"\10f7f1"}.fad.fa-chess:after{content:"\10f439"}.fad.fa-chess-bishop:after{content:"\10f43a"}.fad.fa-chess-bishop-alt:after{content:"\10f43b"}.fad.fa-chess-board:after{content:"\10f43c"}.fad.fa-chess-clock:after{content:"\10f43d"}.fad.fa-chess-clock-alt:after{content:"\10f43e"}.fad.fa-chess-king:after{content:"\10f43f"}.fad.fa-chess-king-alt:after{content:"\10f440"}.fad.fa-chess-knight:after{content:"\10f441"}.fad.fa-chess-knight-alt:after{content:"\10f442"}.fad.fa-chess-pawn:after{content:"\10f443"}.fad.fa-chess-pawn-alt:after{content:"\10f444"}.fad.fa-chess-queen:after{content:"\10f445"}.fad.fa-chess-queen-alt:after{content:"\10f446"}.fad.fa-chess-rook:after{content:"\10f447"}.fad.fa-chess-rook-alt:after{content:"\10f448"}.fad.fa-chevron-circle-down:after{content:"\10f13a"}.fad.fa-chevron-circle-left:after{content:"\10f137"}.fad.fa-chevron-circle-right:after{content:"\10f138"}.fad.fa-chevron-circle-up:after{content:"\10f139"}.fad.fa-chevron-double-down:after{content:"\10f322"}.fad.fa-chevron-double-left:after{content:"\10f323"}.fad.fa-chevron-double-right:after{content:"\10f324"}.fad.fa-chevron-double-up:after{content:"\10f325"}.fad.fa-chevron-down:after{content:"\10f078"}.fad.fa-chevron-left:after{content:"\10f053"}.fad.fa-chevron-right:after{content:"\10f054"}.fad.fa-chevron-square-down:after{content:"\10f329"}.fad.fa-chevron-square-left:after{content:"\10f32a"}.fad.fa-chevron-square-right:after{content:"\10f32b"}.fad.fa-chevron-square-up:after{content:"\10f32c"}.fad.fa-chevron-up:after{content:"\10f077"}.fad.fa-child:after{content:"\10f1ae"}.fad.fa-chimney:after{content:"\10f78b"}.fad.fa-church:after{content:"\10f51d"}.fad.fa-circle:after{content:"\10f111"}.fad.fa-circle-notch:after{content:"\10f1ce"}.fad.fa-city:after{content:"\10f64f"}.fad.fa-clarinet:after{content:"\10f8ad"}.fad.fa-claw-marks:after{content:"\10f6c2"}.fad.fa-clinic-medical:after{content:"\10f7f2"}.fad.fa-clipboard:after{content:"\10f328"}.fad.fa-clipboard-check:after{content:"\10f46c"}.fad.fa-clipboard-list:after{content:"\10f46d"}.fad.fa-clipboard-list-check:after{content:"\10f737"}.fad.fa-clipboard-prescription:after{content:"\10f5e8"}.fad.fa-clipboard-user:after{content:"\10f7f3"}.fad.fa-clock:after{content:"\10f017"}.fad.fa-clone:after{content:"\10f24d"}.fad.fa-closed-captioning:after{content:"\10f20a"}.fad.fa-cloud:after{content:"\10f0c2"}.fad.fa-cloud-download:after{content:"\10f0ed"}.fad.fa-cloud-download-alt:after{content:"\10f381"}.fad.fa-cloud-drizzle:after{content:"\10f738"}.fad.fa-cloud-hail:after{content:"\10f739"}.fad.fa-cloud-hail-mixed:after{content:"\10f73a"}.fad.fa-cloud-meatball:after{content:"\10f73b"}.fad.fa-cloud-moon:after{content:"\10f6c3"}.fad.fa-cloud-moon-rain:after{content:"\10f73c"}.fad.fa-cloud-music:after{content:"\10f8ae"}.fad.fa-cloud-rain:after{content:"\10f73d"}.fad.fa-cloud-rainbow:after{content:"\10f73e"}.fad.fa-cloud-showers:after{content:"\10f73f"}.fad.fa-cloud-showers-heavy:after{content:"\10f740"}.fad.fa-cloud-sleet:after{content:"\10f741"}.fad.fa-cloud-snow:after{content:"\10f742"}.fad.fa-cloud-sun:after{content:"\10f6c4"}.fad.fa-cloud-sun-rain:after{content:"\10f743"}.fad.fa-cloud-upload:after{content:"\10f0ee"}.fad.fa-cloud-upload-alt:after{content:"\10f382"}.fad.fa-clouds:after{content:"\10f744"}.fad.fa-clouds-moon:after{content:"\10f745"}.fad.fa-clouds-sun:after{content:"\10f746"}.fad.fa-club:after{content:"\10f327"}.fad.fa-cocktail:after{content:"\10f561"}.fad.fa-code:after{content:"\10f121"}.fad.fa-code-branch:after{content:"\10f126"}.fad.fa-code-commit:after{content:"\10f386"}.fad.fa-code-merge:after{content:"\10f387"}.fad.fa-coffee:after{content:"\10f0f4"}.fad.fa-coffee-togo:after{content:"\10f6c5"}.fad.fa-coffin:after{content:"\10f6c6"}.fad.fa-cog:after{content:"\10f013"}.fad.fa-cogs:after{content:"\10f085"}.fad.fa-coin:after{content:"\10f85c"}.fad.fa-coins:after{content:"\10f51e"}.fad.fa-columns:after{content:"\10f0db"}.fad.fa-comment:after{content:"\10f075"}.fad.fa-comment-alt:after{content:"\10f27a"}.fad.fa-comment-alt-check:after{content:"\10f4a2"}.fad.fa-comment-alt-dollar:after{content:"\10f650"}.fad.fa-comment-alt-dots:after{content:"\10f4a3"}.fad.fa-comment-alt-edit:after{content:"\10f4a4"}.fad.fa-comment-alt-exclamation:after{content:"\10f4a5"}.fad.fa-comment-alt-lines:after{content:"\10f4a6"}.fad.fa-comment-alt-medical:after{content:"\10f7f4"}.fad.fa-comment-alt-minus:after{content:"\10f4a7"}.fad.fa-comment-alt-music:after{content:"\10f8af"}.fad.fa-comment-alt-plus:after{content:"\10f4a8"}.fad.fa-comment-alt-slash:after{content:"\10f4a9"}.fad.fa-comment-alt-smile:after{content:"\10f4aa"}.fad.fa-comment-alt-times:after{content:"\10f4ab"}.fad.fa-comment-check:after{content:"\10f4ac"}.fad.fa-comment-dollar:after{content:"\10f651"}.fad.fa-comment-dots:after{content:"\10f4ad"}.fad.fa-comment-edit:after{content:"\10f4ae"}.fad.fa-comment-exclamation:after{content:"\10f4af"}.fad.fa-comment-lines:after{content:"\10f4b0"}.fad.fa-comment-medical:after{content:"\10f7f5"}.fad.fa-comment-minus:after{content:"\10f4b1"}.fad.fa-comment-music:after{content:"\10f8b0"}.fad.fa-comment-plus:after{content:"\10f4b2"}.fad.fa-comment-slash:after{content:"\10f4b3"}.fad.fa-comment-smile:after{content:"\10f4b4"}.fad.fa-comment-times:after{content:"\10f4b5"}.fad.fa-comments:after{content:"\10f086"}.fad.fa-comments-alt:after{content:"\10f4b6"}.fad.fa-comments-alt-dollar:after{content:"\10f652"}.fad.fa-comments-dollar:after{content:"\10f653"}.fad.fa-compact-disc:after{content:"\10f51f"}.fad.fa-compass:after{content:"\10f14e"}.fad.fa-compass-slash:after{content:"\10f5e9"}.fad.fa-compress:after{content:"\10f066"}.fad.fa-compress-alt:after{content:"\10f422"}.fad.fa-compress-arrows-alt:after{content:"\10f78c"}.fad.fa-compress-wide:after{content:"\10f326"}.fad.fa-computer-classic:after{content:"\10f8b1"}.fad.fa-computer-speaker:after{content:"\10f8b2"}.fad.fa-concierge-bell:after{content:"\10f562"}.fad.fa-construction:after{content:"\10f85d"}.fad.fa-container-storage:after{content:"\10f4b7"}.fad.fa-conveyor-belt:after{content:"\10f46e"}.fad.fa-conveyor-belt-alt:after{content:"\10f46f"}.fad.fa-cookie:after{content:"\10f563"}.fad.fa-cookie-bite:after{content:"\10f564"}.fad.fa-copy:after{content:"\10f0c5"}.fad.fa-copyright:after{content:"\10f1f9"}.fad.fa-corn:after{content:"\10f6c7"}.fad.fa-couch:after{content:"\10f4b8"}.fad.fa-cow:after{content:"\10f6c8"}.fad.fa-cowbell:after{content:"\10f8b3"}.fad.fa-cowbell-more:after{content:"\10f8b4"}.fad.fa-credit-card:after{content:"\10f09d"}.fad.fa-credit-card-blank:after{content:"\10f389"}.fad.fa-credit-card-front:after{content:"\10f38a"}.fad.fa-cricket:after{content:"\10f449"}.fad.fa-croissant:after{content:"\10f7f6"}.fad.fa-crop:after{content:"\10f125"}.fad.fa-crop-alt:after{content:"\10f565"}.fad.fa-cross:after{content:"\10f654"}.fad.fa-crosshairs:after{content:"\10f05b"}.fad.fa-crow:after{content:"\10f520"}.fad.fa-crown:after{content:"\10f521"}.fad.fa-crutch:after{content:"\10f7f7"}.fad.fa-crutches:after{content:"\10f7f8"}.fad.fa-cube:after{content:"\10f1b2"}.fad.fa-cubes:after{content:"\10f1b3"}.fad.fa-curling:after{content:"\10f44a"}.fad.fa-cut:after{content:"\10f0c4"}.fad.fa-dagger:after{content:"\10f6cb"}.fad.fa-database:after{content:"\10f1c0"}.fad.fa-deaf:after{content:"\10f2a4"}.fad.fa-debug:after{content:"\10f7f9"}.fad.fa-deer:after{content:"\10f78e"}.fad.fa-deer-rudolph:after{content:"\10f78f"}.fad.fa-democrat:after{content:"\10f747"}.fad.fa-desktop:after{content:"\10f108"}.fad.fa-desktop-alt:after{content:"\10f390"}.fad.fa-dewpoint:after{content:"\10f748"}.fad.fa-dharmachakra:after{content:"\10f655"}.fad.fa-diagnoses:after{content:"\10f470"}.fad.fa-diamond:after{content:"\10f219"}.fad.fa-dice:after{content:"\10f522"}.fad.fa-dice-d10:after{content:"\10f6cd"}.fad.fa-dice-d12:after{content:"\10f6ce"}.fad.fa-dice-d20:after{content:"\10f6cf"}.fad.fa-dice-d4:after{content:"\10f6d0"}.fad.fa-dice-d6:after{content:"\10f6d1"}.fad.fa-dice-d8:after{content:"\10f6d2"}.fad.fa-dice-five:after{content:"\10f523"}.fad.fa-dice-four:after{content:"\10f524"}.fad.fa-dice-one:after{content:"\10f525"}.fad.fa-dice-six:after{content:"\10f526"}.fad.fa-dice-three:after{content:"\10f527"}.fad.fa-dice-two:after{content:"\10f528"}.fad.fa-digging:after{content:"\10f85e"}.fad.fa-digital-tachograph:after{content:"\10f566"}.fad.fa-diploma:after{content:"\10f5ea"}.fad.fa-directions:after{content:"\10f5eb"}.fad.fa-disc-drive:after{content:"\10f8b5"}.fad.fa-disease:after{content:"\10f7fa"}.fad.fa-divide:after{content:"\10f529"}.fad.fa-dizzy:after{content:"\10f567"}.fad.fa-dna:after{content:"\10f471"}.fad.fa-do-not-enter:after{content:"\10f5ec"}.fad.fa-dog:after{content:"\10f6d3"}.fad.fa-dog-leashed:after{content:"\10f6d4"}.fad.fa-dollar-sign:after{content:"\10f155"}.fad.fa-dolly:after{content:"\10f472"}.fad.fa-dolly-empty:after{content:"\10f473"}.fad.fa-dolly-flatbed:after{content:"\10f474"}.fad.fa-dolly-flatbed-alt:after{content:"\10f475"}.fad.fa-dolly-flatbed-empty:after{content:"\10f476"}.fad.fa-donate:after{content:"\10f4b9"}.fad.fa-door-closed:after{content:"\10f52a"}.fad.fa-door-open:after{content:"\10f52b"}.fad.fa-dot-circle:after{content:"\10f192"}.fad.fa-dove:after{content:"\10f4ba"}.fad.fa-download:after{content:"\10f019"}.fad.fa-drafting-compass:after{content:"\10f568"}.fad.fa-dragon:after{content:"\10f6d5"}.fad.fa-draw-circle:after{content:"\10f5ed"}.fad.fa-draw-polygon:after{content:"\10f5ee"}.fad.fa-draw-square:after{content:"\10f5ef"}.fad.fa-dreidel:after{content:"\10f792"}.fad.fa-drone:after{content:"\10f85f"}.fad.fa-drone-alt:after{content:"\10f860"}.fad.fa-drum:after{content:"\10f569"}.fad.fa-drum-steelpan:after{content:"\10f56a"}.fad.fa-drumstick:after{content:"\10f6d6"}.fad.fa-drumstick-bite:after{content:"\10f6d7"}.fad.fa-dryer:after{content:"\10f861"}.fad.fa-dryer-alt:after{content:"\10f862"}.fad.fa-duck:after{content:"\10f6d8"}.fad.fa-dumbbell:after{content:"\10f44b"}.fad.fa-dumpster:after{content:"\10f793"}.fad.fa-dumpster-fire:after{content:"\10f794"}.fad.fa-dungeon:after{content:"\10f6d9"}.fad.fa-ear:after{content:"\10f5f0"}.fad.fa-ear-muffs:after{content:"\10f795"}.fad.fa-eclipse:after{content:"\10f749"}.fad.fa-eclipse-alt:after{content:"\10f74a"}.fad.fa-edit:after{content:"\10f044"}.fad.fa-egg:after{content:"\10f7fb"}.fad.fa-egg-fried:after{content:"\10f7fc"}.fad.fa-eject:after{content:"\10f052"}.fad.fa-elephant:after{content:"\10f6da"}.fad.fa-ellipsis-h:after{content:"\10f141"}.fad.fa-ellipsis-h-alt:after{content:"\10f39b"}.fad.fa-ellipsis-v:after{content:"\10f142"}.fad.fa-ellipsis-v-alt:after{content:"\10f39c"}.fad.fa-empty-set:after{content:"\10f656"}.fad.fa-engine-warning:after{content:"\10f5f2"}.fad.fa-envelope:after{content:"\10f0e0"}.fad.fa-envelope-open:after{content:"\10f2b6"}.fad.fa-envelope-open-dollar:after{content:"\10f657"}.fad.fa-envelope-open-text:after{content:"\10f658"}.fad.fa-envelope-square:after{content:"\10f199"}.fad.fa-equals:after{content:"\10f52c"}.fad.fa-eraser:after{content:"\10f12d"}.fad.fa-ethernet:after{content:"\10f796"}.fad.fa-euro-sign:after{content:"\10f153"}.fad.fa-exchange:after{content:"\10f0ec"}.fad.fa-exchange-alt:after{content:"\10f362"}.fad.fa-exclamation:after{content:"\10f12a"}.fad.fa-exclamation-circle:after{content:"\10f06a"}.fad.fa-exclamation-square:after{content:"\10f321"}.fad.fa-exclamation-triangle:after{content:"\10f071"}.fad.fa-expand:after{content:"\10f065"}.fad.fa-expand-alt:after{content:"\10f424"}.fad.fa-expand-arrows:after{content:"\10f31d"}.fad.fa-expand-arrows-alt:after{content:"\10f31e"}.fad.fa-expand-wide:after{content:"\10f320"}.fad.fa-external-link:after{content:"\10f08e"}.fad.fa-external-link-alt:after{content:"\10f35d"}.fad.fa-external-link-square:after{content:"\10f14c"}.fad.fa-external-link-square-alt:after{content:"\10f360"}.fad.fa-eye:after{content:"\10f06e"}.fad.fa-eye-dropper:after{content:"\10f1fb"}.fad.fa-eye-evil:after{content:"\10f6db"}.fad.fa-eye-slash:after{content:"\10f070"}.fad.fa-fan:after{content:"\10f863"}.fad.fa-farm:after{content:"\10f864"}.fad.fa-fast-backward:after{content:"\10f049"}.fad.fa-fast-forward:after{content:"\10f050"}.fad.fa-fax:after{content:"\10f1ac"}.fad.fa-feather:after{content:"\10f52d"}.fad.fa-feather-alt:after{content:"\10f56b"}.fad.fa-female:after{content:"\10f182"}.fad.fa-field-hockey:after{content:"\10f44c"}.fad.fa-fighter-jet:after{content:"\10f0fb"}.fad.fa-file:after{content:"\10f15b"}.fad.fa-file-alt:after{content:"\10f15c"}.fad.fa-file-archive:after{content:"\10f1c6"}.fad.fa-file-audio:after{content:"\10f1c7"}.fad.fa-file-certificate:after{content:"\10f5f3"}.fad.fa-file-chart-line:after{content:"\10f659"}.fad.fa-file-chart-pie:after{content:"\10f65a"}.fad.fa-file-check:after{content:"\10f316"}.fad.fa-file-code:after{content:"\10f1c9"}.fad.fa-file-contract:after{content:"\10f56c"}.fad.fa-file-csv:after{content:"\10f6dd"}.fad.fa-file-download:after{content:"\10f56d"}.fad.fa-file-edit:after{content:"\10f31c"}.fad.fa-file-excel:after{content:"\10f1c3"}.fad.fa-file-exclamation:after{content:"\10f31a"}.fad.fa-file-export:after{content:"\10f56e"}.fad.fa-file-image:after{content:"\10f1c5"}.fad.fa-file-import:after{content:"\10f56f"}.fad.fa-file-invoice:after{content:"\10f570"}.fad.fa-file-invoice-dollar:after{content:"\10f571"}.fad.fa-file-medical:after{content:"\10f477"}.fad.fa-file-medical-alt:after{content:"\10f478"}.fad.fa-file-minus:after{content:"\10f318"}.fad.fa-file-music:after{content:"\10f8b6"}.fad.fa-file-pdf:after{content:"\10f1c1"}.fad.fa-file-plus:after{content:"\10f319"}.fad.fa-file-powerpoint:after{content:"\10f1c4"}.fad.fa-file-prescription:after{content:"\10f572"}.fad.fa-file-search:after{content:"\10f865"}.fad.fa-file-signature:after{content:"\10f573"}.fad.fa-file-spreadsheet:after{content:"\10f65b"}.fad.fa-file-times:after{content:"\10f317"}.fad.fa-file-upload:after{content:"\10f574"}.fad.fa-file-user:after{content:"\10f65c"}.fad.fa-file-video:after{content:"\10f1c8"}.fad.fa-file-word:after{content:"\10f1c2"}.fad.fa-files-medical:after{content:"\10f7fd"}.fad.fa-fill:after{content:"\10f575"}.fad.fa-fill-drip:after{content:"\10f576"}.fad.fa-film:after{content:"\10f008"}.fad.fa-film-alt:after{content:"\10f3a0"}.fad.fa-film-canister:after{content:"\10f8b7"}.fad.fa-filter:after{content:"\10f0b0"}.fad.fa-fingerprint:after{content:"\10f577"}.fad.fa-fire:after{content:"\10f06d"}.fad.fa-fire-alt:after{content:"\10f7e4"}.fad.fa-fire-extinguisher:after{content:"\10f134"}.fad.fa-fire-smoke:after{content:"\10f74b"}.fad.fa-fireplace:after{content:"\10f79a"}.fad.fa-first-aid:after{content:"\10f479"}.fad.fa-fish:after{content:"\10f578"}.fad.fa-fish-cooked:after{content:"\10f7fe"}.fad.fa-fist-raised:after{content:"\10f6de"}.fad.fa-flag:after{content:"\10f024"}.fad.fa-flag-alt:after{content:"\10f74c"}.fad.fa-flag-checkered:after{content:"\10f11e"}.fad.fa-flag-usa:after{content:"\10f74d"}.fad.fa-flame:after{content:"\10f6df"}.fad.fa-flashlight:after{content:"\10f8b8"}.fad.fa-flask:after{content:"\10f0c3"}.fad.fa-flask-poison:after{content:"\10f6e0"}.fad.fa-flask-potion:after{content:"\10f6e1"}.fad.fa-flower:after{content:"\10f7ff"}.fad.fa-flower-daffodil:after{content:"\10f800"}.fad.fa-flower-tulip:after{content:"\10f801"}.fad.fa-flushed:after{content:"\10f579"}.fad.fa-flute:after{content:"\10f8b9"}.fad.fa-flux-capacitor:after{content:"\10f8ba"}.fad.fa-fog:after{content:"\10f74e"}.fad.fa-folder:after{content:"\10f07b"}.fad.fa-folder-minus:after{content:"\10f65d"}.fad.fa-folder-open:after{content:"\10f07c"}.fad.fa-folder-plus:after{content:"\10f65e"}.fad.fa-folder-times:after{content:"\10f65f"}.fad.fa-folder-tree:after{content:"\10f802"}.fad.fa-folders:after{content:"\10f660"}.fad.fa-font:after{content:"\10f031"}.fad.fa-font-awesome-logo-full:after{content:"\10f4e6"}.fad.fa-font-case:after{content:"\10f866"}.fad.fa-football-ball:after{content:"\10f44e"}.fad.fa-football-helmet:after{content:"\10f44f"}.fad.fa-forklift:after{content:"\10f47a"}.fad.fa-forward:after{content:"\10f04e"}.fad.fa-fragile:after{content:"\10f4bb"}.fad.fa-french-fries:after{content:"\10f803"}.fad.fa-frog:after{content:"\10f52e"}.fad.fa-frosty-head:after{content:"\10f79b"}.fad.fa-frown:after{content:"\10f119"}.fad.fa-frown-open:after{content:"\10f57a"}.fad.fa-function:after{content:"\10f661"}.fad.fa-funnel-dollar:after{content:"\10f662"}.fad.fa-futbol:after{content:"\10f1e3"}.fad.fa-game-board:after{content:"\10f867"}.fad.fa-game-board-alt:after{content:"\10f868"}.fad.fa-game-console-handheld:after{content:"\10f8bb"}.fad.fa-gamepad:after{content:"\10f11b"}.fad.fa-gamepad-alt:after{content:"\10f8bc"}.fad.fa-gas-pump:after{content:"\10f52f"}.fad.fa-gas-pump-slash:after{content:"\10f5f4"}.fad.fa-gavel:after{content:"\10f0e3"}.fad.fa-gem:after{content:"\10f3a5"}.fad.fa-genderless:after{content:"\10f22d"}.fad.fa-ghost:after{content:"\10f6e2"}.fad.fa-gift:after{content:"\10f06b"}.fad.fa-gift-card:after{content:"\10f663"}.fad.fa-gifts:after{content:"\10f79c"}.fad.fa-gingerbread-man:after{content:"\10f79d"}.fad.fa-glass:after{content:"\10f804"}.fad.fa-glass-champagne:after{content:"\10f79e"}.fad.fa-glass-cheers:after{content:"\10f79f"}.fad.fa-glass-citrus:after{content:"\10f869"}.fad.fa-glass-martini:after{content:"\10f000"}.fad.fa-glass-martini-alt:after{content:"\10f57b"}.fad.fa-glass-whiskey:after{content:"\10f7a0"}.fad.fa-glass-whiskey-rocks:after{content:"\10f7a1"}.fad.fa-glasses:after{content:"\10f530"}.fad.fa-glasses-alt:after{content:"\10f5f5"}.fad.fa-globe:after{content:"\10f0ac"}.fad.fa-globe-africa:after{content:"\10f57c"}.fad.fa-globe-americas:after{content:"\10f57d"}.fad.fa-globe-asia:after{content:"\10f57e"}.fad.fa-globe-europe:after{content:"\10f7a2"}.fad.fa-globe-snow:after{content:"\10f7a3"}.fad.fa-globe-stand:after{content:"\10f5f6"}.fad.fa-golf-ball:after{content:"\10f450"}.fad.fa-golf-club:after{content:"\10f451"}.fad.fa-gopuram:after{content:"\10f664"}.fad.fa-graduation-cap:after{content:"\10f19d"}.fad.fa-gramophone:after{content:"\10f8bd"}.fad.fa-greater-than:after{content:"\10f531"}.fad.fa-greater-than-equal:after{content:"\10f532"}.fad.fa-grimace:after{content:"\10f57f"}.fad.fa-grin:after{content:"\10f580"}.fad.fa-grin-alt:after{content:"\10f581"}.fad.fa-grin-beam:after{content:"\10f582"}.fad.fa-grin-beam-sweat:after{content:"\10f583"}.fad.fa-grin-hearts:after{content:"\10f584"}.fad.fa-grin-squint:after{content:"\10f585"}.fad.fa-grin-squint-tears:after{content:"\10f586"}.fad.fa-grin-stars:after{content:"\10f587"}.fad.fa-grin-tears:after{content:"\10f588"}.fad.fa-grin-tongue:after{content:"\10f589"}.fad.fa-grin-tongue-squint:after{content:"\10f58a"}.fad.fa-grin-tongue-wink:after{content:"\10f58b"}.fad.fa-grin-wink:after{content:"\10f58c"}.fad.fa-grip-horizontal:after{content:"\10f58d"}.fad.fa-grip-lines:after{content:"\10f7a4"}.fad.fa-grip-lines-vertical:after{content:"\10f7a5"}.fad.fa-grip-vertical:after{content:"\10f58e"}.fad.fa-guitar:after{content:"\10f7a6"}.fad.fa-guitar-electric:after{content:"\10f8be"}.fad.fa-guitars:after{content:"\10f8bf"}.fad.fa-h-square:after{content:"\10f0fd"}.fad.fa-h1:after{content:"\10f313"}.fad.fa-h2:after{content:"\10f314"}.fad.fa-h3:after{content:"\10f315"}.fad.fa-h4:after{content:"\10f86a"}.fad.fa-hamburger:after{content:"\10f805"}.fad.fa-hammer:after{content:"\10f6e3"}.fad.fa-hammer-war:after{content:"\10f6e4"}.fad.fa-hamsa:after{content:"\10f665"}.fad.fa-hand-heart:after{content:"\10f4bc"}.fad.fa-hand-holding:after{content:"\10f4bd"}.fad.fa-hand-holding-box:after{content:"\10f47b"}.fad.fa-hand-holding-heart:after{content:"\10f4be"}.fad.fa-hand-holding-magic:after{content:"\10f6e5"}.fad.fa-hand-holding-seedling:after{content:"\10f4bf"}.fad.fa-hand-holding-usd:after{content:"\10f4c0"}.fad.fa-hand-holding-water:after{content:"\10f4c1"}.fad.fa-hand-lizard:after{content:"\10f258"}.fad.fa-hand-middle-finger:after{content:"\10f806"}.fad.fa-hand-paper:after{content:"\10f256"}.fad.fa-hand-peace:after{content:"\10f25b"}.fad.fa-hand-point-down:after{content:"\10f0a7"}.fad.fa-hand-point-left:after{content:"\10f0a5"}.fad.fa-hand-point-right:after{content:"\10f0a4"}.fad.fa-hand-point-up:after{content:"\10f0a6"}.fad.fa-hand-pointer:after{content:"\10f25a"}.fad.fa-hand-receiving:after{content:"\10f47c"}.fad.fa-hand-rock:after{content:"\10f255"}.fad.fa-hand-scissors:after{content:"\10f257"}.fad.fa-hand-spock:after{content:"\10f259"}.fad.fa-hands:after{content:"\10f4c2"}.fad.fa-hands-heart:after{content:"\10f4c3"}.fad.fa-hands-helping:after{content:"\10f4c4"}.fad.fa-hands-usd:after{content:"\10f4c5"}.fad.fa-handshake:after{content:"\10f2b5"}.fad.fa-handshake-alt:after{content:"\10f4c6"}.fad.fa-hanukiah:after{content:"\10f6e6"}.fad.fa-hard-hat:after{content:"\10f807"}.fad.fa-hashtag:after{content:"\10f292"}.fad.fa-hat-chef:after{content:"\10f86b"}.fad.fa-hat-cowboy:after{content:"\10f8c0"}.fad.fa-hat-cowboy-side:after{content:"\10f8c1"}.fad.fa-hat-santa:after{content:"\10f7a7"}.fad.fa-hat-winter:after{content:"\10f7a8"}.fad.fa-hat-witch:after{content:"\10f6e7"}.fad.fa-hat-wizard:after{content:"\10f6e8"}.fad.fa-haykal:after{content:"\10f666"}.fad.fa-hdd:after{content:"\10f0a0"}.fad.fa-head-side:after{content:"\10f6e9"}.fad.fa-head-side-brain:after{content:"\10f808"}.fad.fa-head-side-headphones:after{content:"\10f8c2"}.fad.fa-head-side-medical:after{content:"\10f809"}.fad.fa-head-vr:after{content:"\10f6ea"}.fad.fa-heading:after{content:"\10f1dc"}.fad.fa-headphones:after{content:"\10f025"}.fad.fa-headphones-alt:after{content:"\10f58f"}.fad.fa-headset:after{content:"\10f590"}.fad.fa-heart:after{content:"\10f004"}.fad.fa-heart-broken:after{content:"\10f7a9"}.fad.fa-heart-circle:after{content:"\10f4c7"}.fad.fa-heart-rate:after{content:"\10f5f8"}.fad.fa-heart-square:after{content:"\10f4c8"}.fad.fa-heartbeat:after{content:"\10f21e"}.fad.fa-helicopter:after{content:"\10f533"}.fad.fa-helmet-battle:after{content:"\10f6eb"}.fad.fa-hexagon:after{content:"\10f312"}.fad.fa-highlighter:after{content:"\10f591"}.fad.fa-hiking:after{content:"\10f6ec"}.fad.fa-hippo:after{content:"\10f6ed"}.fad.fa-history:after{content:"\10f1da"}.fad.fa-hockey-mask:after{content:"\10f6ee"}.fad.fa-hockey-puck:after{content:"\10f453"}.fad.fa-hockey-sticks:after{content:"\10f454"}.fad.fa-holly-berry:after{content:"\10f7aa"}.fad.fa-home:after{content:"\10f015"}.fad.fa-home-alt:after{content:"\10f80a"}.fad.fa-home-heart:after{content:"\10f4c9"}.fad.fa-home-lg:after{content:"\10f80b"}.fad.fa-home-lg-alt:after{content:"\10f80c"}.fad.fa-hood-cloak:after{content:"\10f6ef"}.fad.fa-horizontal-rule:after{content:"\10f86c"}.fad.fa-horse:after{content:"\10f6f0"}.fad.fa-horse-head:after{content:"\10f7ab"}.fad.fa-horse-saddle:after{content:"\10f8c3"}.fad.fa-hospital:after{content:"\10f0f8"}.fad.fa-hospital-alt:after{content:"\10f47d"}.fad.fa-hospital-symbol:after{content:"\10f47e"}.fad.fa-hospital-user:after{content:"\10f80d"}.fad.fa-hospitals:after{content:"\10f80e"}.fad.fa-hot-tub:after{content:"\10f593"}.fad.fa-hotdog:after{content:"\10f80f"}.fad.fa-hotel:after{content:"\10f594"}.fad.fa-hourglass:after{content:"\10f254"}.fad.fa-hourglass-end:after{content:"\10f253"}.fad.fa-hourglass-half:after{content:"\10f252"}.fad.fa-hourglass-start:after{content:"\10f251"}.fad.fa-house-damage:after{content:"\10f6f1"}.fad.fa-house-flood:after{content:"\10f74f"}.fad.fa-hryvnia:after{content:"\10f6f2"}.fad.fa-humidity:after{content:"\10f750"}.fad.fa-hurricane:after{content:"\10f751"}.fad.fa-i-cursor:after{content:"\10f246"}.fad.fa-ice-cream:after{content:"\10f810"}.fad.fa-ice-skate:after{content:"\10f7ac"}.fad.fa-icicles:after{content:"\10f7ad"}.fad.fa-icons:after{content:"\10f86d"}.fad.fa-icons-alt:after{content:"\10f86e"}.fad.fa-id-badge:after{content:"\10f2c1"}.fad.fa-id-card:after{content:"\10f2c2"}.fad.fa-id-card-alt:after{content:"\10f47f"}.fad.fa-igloo:after{content:"\10f7ae"}.fad.fa-image:after{content:"\10f03e"}.fad.fa-image-polaroid:after{content:"\10f8c4"}.fad.fa-images:after{content:"\10f302"}.fad.fa-inbox:after{content:"\10f01c"}.fad.fa-inbox-in:after{content:"\10f310"}.fad.fa-inbox-out:after{content:"\10f311"}.fad.fa-indent:after{content:"\10f03c"}.fad.fa-industry:after{content:"\10f275"}.fad.fa-industry-alt:after{content:"\10f3b3"}.fad.fa-infinity:after{content:"\10f534"}.fad.fa-info:after{content:"\10f129"}.fad.fa-info-circle:after{content:"\10f05a"}.fad.fa-info-square:after{content:"\10f30f"}.fad.fa-inhaler:after{content:"\10f5f9"}.fad.fa-integral:after{content:"\10f667"}.fad.fa-intersection:after{content:"\10f668"}.fad.fa-inventory:after{content:"\10f480"}.fad.fa-island-tropical:after{content:"\10f811"}.fad.fa-italic:after{content:"\10f033"}.fad.fa-jack-o-lantern:after{content:"\10f30e"}.fad.fa-jedi:after{content:"\10f669"}.fad.fa-joint:after{content:"\10f595"}.fad.fa-journal-whills:after{content:"\10f66a"}.fad.fa-joystick:after{content:"\10f8c5"}.fad.fa-jug:after{content:"\10f8c6"}.fad.fa-kaaba:after{content:"\10f66b"}.fad.fa-kazoo:after{content:"\10f8c7"}.fad.fa-kerning:after{content:"\10f86f"}.fad.fa-key:after{content:"\10f084"}.fad.fa-key-skeleton:after{content:"\10f6f3"}.fad.fa-keyboard:after{content:"\10f11c"}.fad.fa-keynote:after{content:"\10f66c"}.fad.fa-khanda:after{content:"\10f66d"}.fad.fa-kidneys:after{content:"\10f5fb"}.fad.fa-kiss:after{content:"\10f596"}.fad.fa-kiss-beam:after{content:"\10f597"}.fad.fa-kiss-wink-heart:after{content:"\10f598"}.fad.fa-kite:after{content:"\10f6f4"}.fad.fa-kiwi-bird:after{content:"\10f535"}.fad.fa-knife-kitchen:after{content:"\10f6f5"}.fad.fa-lambda:after{content:"\10f66e"}.fad.fa-lamp:after{content:"\10f4ca"}.fad.fa-landmark:after{content:"\10f66f"}.fad.fa-landmark-alt:after{content:"\10f752"}.fad.fa-language:after{content:"\10f1ab"}.fad.fa-laptop:after{content:"\10f109"}.fad.fa-laptop-code:after{content:"\10f5fc"}.fad.fa-laptop-medical:after{content:"\10f812"}.fad.fa-lasso:after{content:"\10f8c8"}.fad.fa-laugh:after{content:"\10f599"}.fad.fa-laugh-beam:after{content:"\10f59a"}.fad.fa-laugh-squint:after{content:"\10f59b"}.fad.fa-laugh-wink:after{content:"\10f59c"}.fad.fa-layer-group:after{content:"\10f5fd"}.fad.fa-layer-minus:after{content:"\10f5fe"}.fad.fa-layer-plus:after{content:"\10f5ff"}.fad.fa-leaf:after{content:"\10f06c"}.fad.fa-leaf-heart:after{content:"\10f4cb"}.fad.fa-leaf-maple:after{content:"\10f6f6"}.fad.fa-leaf-oak:after{content:"\10f6f7"}.fad.fa-lemon:after{content:"\10f094"}.fad.fa-less-than:after{content:"\10f536"}.fad.fa-less-than-equal:after{content:"\10f537"}.fad.fa-level-down:after{content:"\10f149"}.fad.fa-level-down-alt:after{content:"\10f3be"}.fad.fa-level-up:after{content:"\10f148"}.fad.fa-level-up-alt:after{content:"\10f3bf"}.fad.fa-life-ring:after{content:"\10f1cd"}.fad.fa-lightbulb:after{content:"\10f0eb"}.fad.fa-lightbulb-dollar:after{content:"\10f670"}.fad.fa-lightbulb-exclamation:after{content:"\10f671"}.fad.fa-lightbulb-on:after{content:"\10f672"}.fad.fa-lightbulb-slash:after{content:"\10f673"}.fad.fa-lights-holiday:after{content:"\10f7b2"}.fad.fa-line-columns:after{content:"\10f870"}.fad.fa-line-height:after{content:"\10f871"}.fad.fa-link:after{content:"\10f0c1"}.fad.fa-lips:after{content:"\10f600"}.fad.fa-lira-sign:after{content:"\10f195"}.fad.fa-list:after{content:"\10f03a"}.fad.fa-list-alt:after{content:"\10f022"}.fad.fa-list-music:after{content:"\10f8c9"}.fad.fa-list-ol:after{content:"\10f0cb"}.fad.fa-list-ul:after{content:"\10f0ca"}.fad.fa-location:after{content:"\10f601"}.fad.fa-location-arrow:after{content:"\10f124"}.fad.fa-location-circle:after{content:"\10f602"}.fad.fa-location-slash:after{content:"\10f603"}.fad.fa-lock:after{content:"\10f023"}.fad.fa-lock-alt:after{content:"\10f30d"}.fad.fa-lock-open:after{content:"\10f3c1"}.fad.fa-lock-open-alt:after{content:"\10f3c2"}.fad.fa-long-arrow-alt-down:after{content:"\10f309"}.fad.fa-long-arrow-alt-left:after{content:"\10f30a"}.fad.fa-long-arrow-alt-right:after{content:"\10f30b"}.fad.fa-long-arrow-alt-up:after{content:"\10f30c"}.fad.fa-long-arrow-down:after{content:"\10f175"}.fad.fa-long-arrow-left:after{content:"\10f177"}.fad.fa-long-arrow-right:after{content:"\10f178"}.fad.fa-long-arrow-up:after{content:"\10f176"}.fad.fa-loveseat:after{content:"\10f4cc"}.fad.fa-low-vision:after{content:"\10f2a8"}.fad.fa-luchador:after{content:"\10f455"}.fad.fa-luggage-cart:after{content:"\10f59d"}.fad.fa-lungs:after{content:"\10f604"}.fad.fa-mace:after{content:"\10f6f8"}.fad.fa-magic:after{content:"\10f0d0"}.fad.fa-magnet:after{content:"\10f076"}.fad.fa-mail-bulk:after{content:"\10f674"}.fad.fa-mailbox:after{content:"\10f813"}.fad.fa-male:after{content:"\10f183"}.fad.fa-mandolin:after{content:"\10f6f9"}.fad.fa-map:after{content:"\10f279"}.fad.fa-map-marked:after{content:"\10f59f"}.fad.fa-map-marked-alt:after{content:"\10f5a0"}.fad.fa-map-marker:after{content:"\10f041"}.fad.fa-map-marker-alt:after{content:"\10f3c5"}.fad.fa-map-marker-alt-slash:after{content:"\10f605"}.fad.fa-map-marker-check:after{content:"\10f606"}.fad.fa-map-marker-edit:after{content:"\10f607"}.fad.fa-map-marker-exclamation:after{content:"\10f608"}.fad.fa-map-marker-minus:after{content:"\10f609"}.fad.fa-map-marker-plus:after{content:"\10f60a"}.fad.fa-map-marker-question:after{content:"\10f60b"}.fad.fa-map-marker-slash:after{content:"\10f60c"}.fad.fa-map-marker-smile:after{content:"\10f60d"}.fad.fa-map-marker-times:after{content:"\10f60e"}.fad.fa-map-pin:after{content:"\10f276"}.fad.fa-map-signs:after{content:"\10f277"}.fad.fa-marker:after{content:"\10f5a1"}.fad.fa-mars:after{content:"\10f222"}.fad.fa-mars-double:after{content:"\10f227"}.fad.fa-mars-stroke:after{content:"\10f229"}.fad.fa-mars-stroke-h:after{content:"\10f22b"}.fad.fa-mars-stroke-v:after{content:"\10f22a"}.fad.fa-mask:after{content:"\10f6fa"}.fad.fa-meat:after{content:"\10f814"}.fad.fa-medal:after{content:"\10f5a2"}.fad.fa-medkit:after{content:"\10f0fa"}.fad.fa-megaphone:after{content:"\10f675"}.fad.fa-meh:after{content:"\10f11a"}.fad.fa-meh-blank:after{content:"\10f5a4"}.fad.fa-meh-rolling-eyes:after{content:"\10f5a5"}.fad.fa-memory:after{content:"\10f538"}.fad.fa-menorah:after{content:"\10f676"}.fad.fa-mercury:after{content:"\10f223"}.fad.fa-meteor:after{content:"\10f753"}.fad.fa-microchip:after{content:"\10f2db"}.fad.fa-microphone:after{content:"\10f130"}.fad.fa-microphone-alt:after{content:"\10f3c9"}.fad.fa-microphone-alt-slash:after{content:"\10f539"}.fad.fa-microphone-slash:after{content:"\10f131"}.fad.fa-microphone-stand:after{content:"\10f8cb"}.fad.fa-microscope:after{content:"\10f610"}.fad.fa-mind-share:after{content:"\10f677"}.fad.fa-minus:after{content:"\10f068"}.fad.fa-minus-circle:after{content:"\10f056"}.fad.fa-minus-hexagon:after{content:"\10f307"}.fad.fa-minus-octagon:after{content:"\10f308"}.fad.fa-minus-square:after{content:"\10f146"}.fad.fa-mistletoe:after{content:"\10f7b4"}.fad.fa-mitten:after{content:"\10f7b5"}.fad.fa-mobile:after{content:"\10f10b"}.fad.fa-mobile-alt:after{content:"\10f3cd"}.fad.fa-mobile-android:after{content:"\10f3ce"}.fad.fa-mobile-android-alt:after{content:"\10f3cf"}.fad.fa-money-bill:after{content:"\10f0d6"}.fad.fa-money-bill-alt:after{content:"\10f3d1"}.fad.fa-money-bill-wave:after{content:"\10f53a"}.fad.fa-money-bill-wave-alt:after{content:"\10f53b"}.fad.fa-money-check:after{content:"\10f53c"}.fad.fa-money-check-alt:after{content:"\10f53d"}.fad.fa-money-check-edit:after{content:"\10f872"}.fad.fa-money-check-edit-alt:after{content:"\10f873"}.fad.fa-monitor-heart-rate:after{content:"\10f611"}.fad.fa-monkey:after{content:"\10f6fb"}.fad.fa-monument:after{content:"\10f5a6"}.fad.fa-moon:after{content:"\10f186"}.fad.fa-moon-cloud:after{content:"\10f754"}.fad.fa-moon-stars:after{content:"\10f755"}.fad.fa-mortar-pestle:after{content:"\10f5a7"}.fad.fa-mosque:after{content:"\10f678"}.fad.fa-motorcycle:after{content:"\10f21c"}.fad.fa-mountain:after{content:"\10f6fc"}.fad.fa-mountains:after{content:"\10f6fd"}.fad.fa-mouse:after{content:"\10f8cc"}.fad.fa-mouse-alt:after{content:"\10f8cd"}.fad.fa-mouse-pointer:after{content:"\10f245"}.fad.fa-mp3-player:after{content:"\10f8ce"}.fad.fa-mug:after{content:"\10f874"}.fad.fa-mug-hot:after{content:"\10f7b6"}.fad.fa-mug-marshmallows:after{content:"\10f7b7"}.fad.fa-mug-tea:after{content:"\10f875"}.fad.fa-music:after{content:"\10f001"}.fad.fa-music-alt:after{content:"\10f8cf"}.fad.fa-music-alt-slash:after{content:"\10f8d0"}.fad.fa-music-slash:after{content:"\10f8d1"}.fad.fa-narwhal:after{content:"\10f6fe"}.fad.fa-network-wired:after{content:"\10f6ff"}.fad.fa-neuter:after{content:"\10f22c"}.fad.fa-newspaper:after{content:"\10f1ea"}.fad.fa-not-equal:after{content:"\10f53e"}.fad.fa-notes-medical:after{content:"\10f481"}.fad.fa-object-group:after{content:"\10f247"}.fad.fa-object-ungroup:after{content:"\10f248"}.fad.fa-octagon:after{content:"\10f306"}.fad.fa-oil-can:after{content:"\10f613"}.fad.fa-oil-temp:after{content:"\10f614"}.fad.fa-om:after{content:"\10f679"}.fad.fa-omega:after{content:"\10f67a"}.fad.fa-ornament:after{content:"\10f7b8"}.fad.fa-otter:after{content:"\10f700"}.fad.fa-outdent:after{content:"\10f03b"}.fad.fa-overline:after{content:"\10f876"}.fad.fa-page-break:after{content:"\10f877"}.fad.fa-pager:after{content:"\10f815"}.fad.fa-paint-brush:after{content:"\10f1fc"}.fad.fa-paint-brush-alt:after{content:"\10f5a9"}.fad.fa-paint-roller:after{content:"\10f5aa"}.fad.fa-palette:after{content:"\10f53f"}.fad.fa-pallet:after{content:"\10f482"}.fad.fa-pallet-alt:after{content:"\10f483"}.fad.fa-paper-plane:after{content:"\10f1d8"}.fad.fa-paperclip:after{content:"\10f0c6"}.fad.fa-parachute-box:after{content:"\10f4cd"}.fad.fa-paragraph:after{content:"\10f1dd"}.fad.fa-paragraph-rtl:after{content:"\10f878"}.fad.fa-parking:after{content:"\10f540"}.fad.fa-parking-circle:after{content:"\10f615"}.fad.fa-parking-circle-slash:after{content:"\10f616"}.fad.fa-parking-slash:after{content:"\10f617"}.fad.fa-passport:after{content:"\10f5ab"}.fad.fa-pastafarianism:after{content:"\10f67b"}.fad.fa-paste:after{content:"\10f0ea"}.fad.fa-pause:after{content:"\10f04c"}.fad.fa-pause-circle:after{content:"\10f28b"}.fad.fa-paw:after{content:"\10f1b0"}.fad.fa-paw-alt:after{content:"\10f701"}.fad.fa-paw-claws:after{content:"\10f702"}.fad.fa-peace:after{content:"\10f67c"}.fad.fa-pegasus:after{content:"\10f703"}.fad.fa-pen:after{content:"\10f304"}.fad.fa-pen-alt:after{content:"\10f305"}.fad.fa-pen-fancy:after{content:"\10f5ac"}.fad.fa-pen-nib:after{content:"\10f5ad"}.fad.fa-pen-square:after{content:"\10f14b"}.fad.fa-pencil:after{content:"\10f040"}.fad.fa-pencil-alt:after{content:"\10f303"}.fad.fa-pencil-paintbrush:after{content:"\10f618"}.fad.fa-pencil-ruler:after{content:"\10f5ae"}.fad.fa-pennant:after{content:"\10f456"}.fad.fa-people-carry:after{content:"\10f4ce"}.fad.fa-pepper-hot:after{content:"\10f816"}.fad.fa-percent:after{content:"\10f295"}.fad.fa-percentage:after{content:"\10f541"}.fad.fa-person-booth:after{content:"\10f756"}.fad.fa-person-carry:after{content:"\10f4cf"}.fad.fa-person-dolly:after{content:"\10f4d0"}.fad.fa-person-dolly-empty:after{content:"\10f4d1"}.fad.fa-person-sign:after{content:"\10f757"}.fad.fa-phone:after{content:"\10f095"}.fad.fa-phone-alt:after{content:"\10f879"}.fad.fa-phone-laptop:after{content:"\10f87a"}.fad.fa-phone-office:after{content:"\10f67d"}.fad.fa-phone-plus:after{content:"\10f4d2"}.fad.fa-phone-rotary:after{content:"\10f8d3"}.fad.fa-phone-slash:after{content:"\10f3dd"}.fad.fa-phone-square:after{content:"\10f098"}.fad.fa-phone-square-alt:after{content:"\10f87b"}.fad.fa-phone-volume:after{content:"\10f2a0"}.fad.fa-photo-video:after{content:"\10f87c"}.fad.fa-pi:after{content:"\10f67e"}.fad.fa-piano:after{content:"\10f8d4"}.fad.fa-piano-keyboard:after{content:"\10f8d5"}.fad.fa-pie:after{content:"\10f705"}.fad.fa-pig:after{content:"\10f706"}.fad.fa-piggy-bank:after{content:"\10f4d3"}.fad.fa-pills:after{content:"\10f484"}.fad.fa-pizza:after{content:"\10f817"}.fad.fa-pizza-slice:after{content:"\10f818"}.fad.fa-place-of-worship:after{content:"\10f67f"}.fad.fa-plane:after{content:"\10f072"}.fad.fa-plane-alt:after{content:"\10f3de"}.fad.fa-plane-arrival:after{content:"\10f5af"}.fad.fa-plane-departure:after{content:"\10f5b0"}.fad.fa-play:after{content:"\10f04b"}.fad.fa-play-circle:after{content:"\10f144"}.fad.fa-plug:after{content:"\10f1e6"}.fad.fa-plus:after{content:"\10f067"}.fad.fa-plus-circle:after{content:"\10f055"}.fad.fa-plus-hexagon:after{content:"\10f300"}.fad.fa-plus-octagon:after{content:"\10f301"}.fad.fa-plus-square:after{content:"\10f0fe"}.fad.fa-podcast:after{content:"\10f2ce"}.fad.fa-podium:after{content:"\10f680"}.fad.fa-podium-star:after{content:"\10f758"}.fad.fa-poll:after{content:"\10f681"}.fad.fa-poll-h:after{content:"\10f682"}.fad.fa-poll-people:after{content:"\10f759"}.fad.fa-poo:after{content:"\10f2fe"}.fad.fa-poo-storm:after{content:"\10f75a"}.fad.fa-poop:after{content:"\10f619"}.fad.fa-popcorn:after{content:"\10f819"}.fad.fa-portrait:after{content:"\10f3e0"}.fad.fa-pound-sign:after{content:"\10f154"}.fad.fa-power-off:after{content:"\10f011"}.fad.fa-pray:after{content:"\10f683"}.fad.fa-praying-hands:after{content:"\10f684"}.fad.fa-prescription:after{content:"\10f5b1"}.fad.fa-prescription-bottle:after{content:"\10f485"}.fad.fa-prescription-bottle-alt:after{content:"\10f486"}.fad.fa-presentation:after{content:"\10f685"}.fad.fa-print:after{content:"\10f02f"}.fad.fa-print-search:after{content:"\10f81a"}.fad.fa-print-slash:after{content:"\10f686"}.fad.fa-procedures:after{content:"\10f487"}.fad.fa-project-diagram:after{content:"\10f542"}.fad.fa-projector:after{content:"\10f8d6"}.fad.fa-pumpkin:after{content:"\10f707"}.fad.fa-puzzle-piece:after{content:"\10f12e"}.fad.fa-qrcode:after{content:"\10f029"}.fad.fa-question:after{content:"\10f128"}.fad.fa-question-circle:after{content:"\10f059"}.fad.fa-question-square:after{content:"\10f2fd"}.fad.fa-quidditch:after{content:"\10f458"}.fad.fa-quote-left:after{content:"\10f10d"}.fad.fa-quote-right:after{content:"\10f10e"}.fad.fa-quran:after{content:"\10f687"}.fad.fa-rabbit:after{content:"\10f708"}.fad.fa-rabbit-fast:after{content:"\10f709"}.fad.fa-racquet:after{content:"\10f45a"}.fad.fa-radiation:after{content:"\10f7b9"}.fad.fa-radiation-alt:after{content:"\10f7ba"}.fad.fa-radio:after{content:"\10f8d7"}.fad.fa-radio-alt:after{content:"\10f8d8"}.fad.fa-rainbow:after{content:"\10f75b"}.fad.fa-raindrops:after{content:"\10f75c"}.fad.fa-ram:after{content:"\10f70a"}.fad.fa-ramp-loading:after{content:"\10f4d4"}.fad.fa-random:after{content:"\10f074"}.fad.fa-receipt:after{content:"\10f543"}.fad.fa-record-vinyl:after{content:"\10f8d9"}.fad.fa-rectangle-landscape:after{content:"\10f2fa"}.fad.fa-rectangle-portrait:after{content:"\10f2fb"}.fad.fa-rectangle-wide:after{content:"\10f2fc"}.fad.fa-recycle:after{content:"\10f1b8"}.fad.fa-redo:after{content:"\10f01e"}.fad.fa-redo-alt:after{content:"\10f2f9"}.fad.fa-registered:after{content:"\10f25d"}.fad.fa-remove-format:after{content:"\10f87d"}.fad.fa-repeat:after{content:"\10f363"}.fad.fa-repeat-1:after{content:"\10f365"}.fad.fa-repeat-1-alt:after{content:"\10f366"}.fad.fa-repeat-alt:after{content:"\10f364"}.fad.fa-reply:after{content:"\10f3e5"}.fad.fa-reply-all:after{content:"\10f122"}.fad.fa-republican:after{content:"\10f75e"}.fad.fa-restroom:after{content:"\10f7bd"}.fad.fa-retweet:after{content:"\10f079"}.fad.fa-retweet-alt:after{content:"\10f361"}.fad.fa-ribbon:after{content:"\10f4d6"}.fad.fa-ring:after{content:"\10f70b"}.fad.fa-rings-wedding:after{content:"\10f81b"}.fad.fa-road:after{content:"\10f018"}.fad.fa-robot:after{content:"\10f544"}.fad.fa-rocket:after{content:"\10f135"}.fad.fa-route:after{content:"\10f4d7"}.fad.fa-route-highway:after{content:"\10f61a"}.fad.fa-route-interstate:after{content:"\10f61b"}.fad.fa-router:after{content:"\10f8da"}.fad.fa-rss:after{content:"\10f09e"}.fad.fa-rss-square:after{content:"\10f143"}.fad.fa-ruble-sign:after{content:"\10f158"}.fad.fa-ruler:after{content:"\10f545"}.fad.fa-ruler-combined:after{content:"\10f546"}.fad.fa-ruler-horizontal:after{content:"\10f547"}.fad.fa-ruler-triangle:after{content:"\10f61c"}.fad.fa-ruler-vertical:after{content:"\10f548"}.fad.fa-running:after{content:"\10f70c"}.fad.fa-rupee-sign:after{content:"\10f156"}.fad.fa-rv:after{content:"\10f7be"}.fad.fa-sack:after{content:"\10f81c"}.fad.fa-sack-dollar:after{content:"\10f81d"}.fad.fa-sad-cry:after{content:"\10f5b3"}.fad.fa-sad-tear:after{content:"\10f5b4"}.fad.fa-salad:after{content:"\10f81e"}.fad.fa-sandwich:after{content:"\10f81f"}.fad.fa-satellite:after{content:"\10f7bf"}.fad.fa-satellite-dish:after{content:"\10f7c0"}.fad.fa-sausage:after{content:"\10f820"}.fad.fa-save:after{content:"\10f0c7"}.fad.fa-sax-hot:after{content:"\10f8db"}.fad.fa-saxophone:after{content:"\10f8dc"}.fad.fa-scalpel:after{content:"\10f61d"}.fad.fa-scalpel-path:after{content:"\10f61e"}.fad.fa-scanner:after{content:"\10f488"}.fad.fa-scanner-image:after{content:"\10f8f3"}.fad.fa-scanner-keyboard:after{content:"\10f489"}.fad.fa-scanner-touchscreen:after{content:"\10f48a"}.fad.fa-scarecrow:after{content:"\10f70d"}.fad.fa-scarf:after{content:"\10f7c1"}.fad.fa-school:after{content:"\10f549"}.fad.fa-screwdriver:after{content:"\10f54a"}.fad.fa-scroll:after{content:"\10f70e"}.fad.fa-scroll-old:after{content:"\10f70f"}.fad.fa-scrubber:after{content:"\10f2f8"}.fad.fa-scythe:after{content:"\10f710"}.fad.fa-sd-card:after{content:"\10f7c2"}.fad.fa-search:after{content:"\10f002"}.fad.fa-search-dollar:after{content:"\10f688"}.fad.fa-search-location:after{content:"\10f689"}.fad.fa-search-minus:after{content:"\10f010"}.fad.fa-search-plus:after{content:"\10f00e"}.fad.fa-seedling:after{content:"\10f4d8"}.fad.fa-send-back:after{content:"\10f87e"}.fad.fa-send-backward:after{content:"\10f87f"}.fad.fa-server:after{content:"\10f233"}.fad.fa-shapes:after{content:"\10f61f"}.fad.fa-share:after{content:"\10f064"}.fad.fa-share-all:after{content:"\10f367"}.fad.fa-share-alt:after{content:"\10f1e0"}.fad.fa-share-alt-square:after{content:"\10f1e1"}.fad.fa-share-square:after{content:"\10f14d"}.fad.fa-sheep:after{content:"\10f711"}.fad.fa-shekel-sign:after{content:"\10f20b"}.fad.fa-shield:after{content:"\10f132"}.fad.fa-shield-alt:after{content:"\10f3ed"}.fad.fa-shield-check:after{content:"\10f2f7"}.fad.fa-shield-cross:after{content:"\10f712"}.fad.fa-ship:after{content:"\10f21a"}.fad.fa-shipping-fast:after{content:"\10f48b"}.fad.fa-shipping-timed:after{content:"\10f48c"}.fad.fa-shish-kebab:after{content:"\10f821"}.fad.fa-shoe-prints:after{content:"\10f54b"}.fad.fa-shopping-bag:after{content:"\10f290"}.fad.fa-shopping-basket:after{content:"\10f291"}.fad.fa-shopping-cart:after{content:"\10f07a"}.fad.fa-shovel:after{content:"\10f713"}.fad.fa-shovel-snow:after{content:"\10f7c3"}.fad.fa-shower:after{content:"\10f2cc"}.fad.fa-shredder:after{content:"\10f68a"}.fad.fa-shuttle-van:after{content:"\10f5b6"}.fad.fa-shuttlecock:after{content:"\10f45b"}.fad.fa-sickle:after{content:"\10f822"}.fad.fa-sigma:after{content:"\10f68b"}.fad.fa-sign:after{content:"\10f4d9"}.fad.fa-sign-in:after{content:"\10f090"}.fad.fa-sign-in-alt:after{content:"\10f2f6"}.fad.fa-sign-language:after{content:"\10f2a7"}.fad.fa-sign-out:after{content:"\10f08b"}.fad.fa-sign-out-alt:after{content:"\10f2f5"}.fad.fa-signal:after{content:"\10f012"}.fad.fa-signal-1:after{content:"\10f68c"}.fad.fa-signal-2:after{content:"\10f68d"}.fad.fa-signal-3:after{content:"\10f68e"}.fad.fa-signal-4:after{content:"\10f68f"}.fad.fa-signal-alt:after{content:"\10f690"}.fad.fa-signal-alt-1:after{content:"\10f691"}.fad.fa-signal-alt-2:after{content:"\10f692"}.fad.fa-signal-alt-3:after{content:"\10f693"}.fad.fa-signal-alt-slash:after{content:"\10f694"}.fad.fa-signal-slash:after{content:"\10f695"}.fad.fa-signal-stream:after{content:"\10f8dd"}.fad.fa-signature:after{content:"\10f5b7"}.fad.fa-sim-card:after{content:"\10f7c4"}.fad.fa-sitemap:after{content:"\10f0e8"}.fad.fa-skating:after{content:"\10f7c5"}.fad.fa-skeleton:after{content:"\10f620"}.fad.fa-ski-jump:after{content:"\10f7c7"}.fad.fa-ski-lift:after{content:"\10f7c8"}.fad.fa-skiing:after{content:"\10f7c9"}.fad.fa-skiing-nordic:after{content:"\10f7ca"}.fad.fa-skull:after{content:"\10f54c"}.fad.fa-skull-cow:after{content:"\10f8de"}.fad.fa-skull-crossbones:after{content:"\10f714"}.fad.fa-slash:after{content:"\10f715"}.fad.fa-sledding:after{content:"\10f7cb"}.fad.fa-sleigh:after{content:"\10f7cc"}.fad.fa-sliders-h:after{content:"\10f1de"}.fad.fa-sliders-h-square:after{content:"\10f3f0"}.fad.fa-sliders-v:after{content:"\10f3f1"}.fad.fa-sliders-v-square:after{content:"\10f3f2"}.fad.fa-smile:after{content:"\10f118"}.fad.fa-smile-beam:after{content:"\10f5b8"}.fad.fa-smile-plus:after{content:"\10f5b9"}.fad.fa-smile-wink:after{content:"\10f4da"}.fad.fa-smog:after{content:"\10f75f"}.fad.fa-smoke:after{content:"\10f760"}.fad.fa-smoking:after{content:"\10f48d"}.fad.fa-smoking-ban:after{content:"\10f54d"}.fad.fa-sms:after{content:"\10f7cd"}.fad.fa-snake:after{content:"\10f716"}.fad.fa-snooze:after{content:"\10f880"}.fad.fa-snow-blowing:after{content:"\10f761"}.fad.fa-snowboarding:after{content:"\10f7ce"}.fad.fa-snowflake:after{content:"\10f2dc"}.fad.fa-snowflakes:after{content:"\10f7cf"}.fad.fa-snowman:after{content:"\10f7d0"}.fad.fa-snowmobile:after{content:"\10f7d1"}.fad.fa-snowplow:after{content:"\10f7d2"}.fad.fa-socks:after{content:"\10f696"}.fad.fa-solar-panel:after{content:"\10f5ba"}.fad.fa-sort:after{content:"\10f0dc"}.fad.fa-sort-alpha-down:after{content:"\10f15d"}.fad.fa-sort-alpha-down-alt:after{content:"\10f881"}.fad.fa-sort-alpha-up:after{content:"\10f15e"}.fad.fa-sort-alpha-up-alt:after{content:"\10f882"}.fad.fa-sort-alt:after{content:"\10f883"}.fad.fa-sort-amount-down:after{content:"\10f160"}.fad.fa-sort-amount-down-alt:after{content:"\10f884"}.fad.fa-sort-amount-up:after{content:"\10f161"}.fad.fa-sort-amount-up-alt:after{content:"\10f885"}.fad.fa-sort-down:after{content:"\10f0dd"}.fad.fa-sort-numeric-down:after{content:"\10f162"}.fad.fa-sort-numeric-down-alt:after{content:"\10f886"}.fad.fa-sort-numeric-up:after{content:"\10f163"}.fad.fa-sort-numeric-up-alt:after{content:"\10f887"}.fad.fa-sort-shapes-down:after{content:"\10f888"}.fad.fa-sort-shapes-down-alt:after{content:"\10f889"}.fad.fa-sort-shapes-up:after{content:"\10f88a"}.fad.fa-sort-shapes-up-alt:after{content:"\10f88b"}.fad.fa-sort-size-down:after{content:"\10f88c"}.fad.fa-sort-size-down-alt:after{content:"\10f88d"}.fad.fa-sort-size-up:after{content:"\10f88e"}.fad.fa-sort-size-up-alt:after{content:"\10f88f"}.fad.fa-sort-up:after{content:"\10f0de"}.fad.fa-soup:after{content:"\10f823"}.fad.fa-spa:after{content:"\10f5bb"}.fad.fa-space-shuttle:after{content:"\10f197"}.fad.fa-spade:after{content:"\10f2f4"}.fad.fa-sparkles:after{content:"\10f890"}.fad.fa-speaker:after{content:"\10f8df"}.fad.fa-speakers:after{content:"\10f8e0"}.fad.fa-spell-check:after{content:"\10f891"}.fad.fa-spider:after{content:"\10f717"}.fad.fa-spider-black-widow:after{content:"\10f718"}.fad.fa-spider-web:after{content:"\10f719"}.fad.fa-spinner:after{content:"\10f110"}.fad.fa-spinner-third:after{content:"\10f3f4"}.fad.fa-splotch:after{content:"\10f5bc"}.fad.fa-spray-can:after{content:"\10f5bd"}.fad.fa-square:after{content:"\10f0c8"}.fad.fa-square-full:after{content:"\10f45c"}.fad.fa-square-root:after{content:"\10f697"}.fad.fa-square-root-alt:after{content:"\10f698"}.fad.fa-squirrel:after{content:"\10f71a"}.fad.fa-staff:after{content:"\10f71b"}.fad.fa-stamp:after{content:"\10f5bf"}.fad.fa-star:after{content:"\10f005"}.fad.fa-star-and-crescent:after{content:"\10f699"}.fad.fa-star-christmas:after{content:"\10f7d4"}.fad.fa-star-exclamation:after{content:"\10f2f3"}.fad.fa-star-half:after{content:"\10f089"}.fad.fa-star-half-alt:after{content:"\10f5c0"}.fad.fa-star-of-david:after{content:"\10f69a"}.fad.fa-star-of-life:after{content:"\10f621"}.fad.fa-stars:after{content:"\10f762"}.fad.fa-steak:after{content:"\10f824"}.fad.fa-steering-wheel:after{content:"\10f622"}.fad.fa-step-backward:after{content:"\10f048"}.fad.fa-step-forward:after{content:"\10f051"}.fad.fa-stethoscope:after{content:"\10f0f1"}.fad.fa-sticky-note:after{content:"\10f249"}.fad.fa-stocking:after{content:"\10f7d5"}.fad.fa-stomach:after{content:"\10f623"}.fad.fa-stop:after{content:"\10f04d"}.fad.fa-stop-circle:after{content:"\10f28d"}.fad.fa-stopwatch:after{content:"\10f2f2"}.fad.fa-store:after{content:"\10f54e"}.fad.fa-store-alt:after{content:"\10f54f"}.fad.fa-stream:after{content:"\10f550"}.fad.fa-street-view:after{content:"\10f21d"}.fad.fa-stretcher:after{content:"\10f825"}.fad.fa-strikethrough:after{content:"\10f0cc"}.fad.fa-stroopwafel:after{content:"\10f551"}.fad.fa-subscript:after{content:"\10f12c"}.fad.fa-subway:after{content:"\10f239"}.fad.fa-suitcase:after{content:"\10f0f2"}.fad.fa-suitcase-rolling:after{content:"\10f5c1"}.fad.fa-sun:after{content:"\10f185"}.fad.fa-sun-cloud:after{content:"\10f763"}.fad.fa-sun-dust:after{content:"\10f764"}.fad.fa-sun-haze:after{content:"\10f765"}.fad.fa-sunglasses:after{content:"\10f892"}.fad.fa-sunrise:after{content:"\10f766"}.fad.fa-sunset:after{content:"\10f767"}.fad.fa-superscript:after{content:"\10f12b"}.fad.fa-surprise:after{content:"\10f5c2"}.fad.fa-swatchbook:after{content:"\10f5c3"}.fad.fa-swimmer:after{content:"\10f5c4"}.fad.fa-swimming-pool:after{content:"\10f5c5"}.fad.fa-sword:after{content:"\10f71c"}.fad.fa-swords:after{content:"\10f71d"}.fad.fa-synagogue:after{content:"\10f69b"}.fad.fa-sync:after{content:"\10f021"}.fad.fa-sync-alt:after{content:"\10f2f1"}.fad.fa-syringe:after{content:"\10f48e"}.fad.fa-table:after{content:"\10f0ce"}.fad.fa-table-tennis:after{content:"\10f45d"}.fad.fa-tablet:after{content:"\10f10a"}.fad.fa-tablet-alt:after{content:"\10f3fa"}.fad.fa-tablet-android:after{content:"\10f3fb"}.fad.fa-tablet-android-alt:after{content:"\10f3fc"}.fad.fa-tablet-rugged:after{content:"\10f48f"}.fad.fa-tablets:after{content:"\10f490"}.fad.fa-tachometer:after{content:"\10f0e4"}.fad.fa-tachometer-alt:after{content:"\10f3fd"}.fad.fa-tachometer-alt-average:after{content:"\10f624"}.fad.fa-tachometer-alt-fast:after{content:"\10f625"}.fad.fa-tachometer-alt-fastest:after{content:"\10f626"}.fad.fa-tachometer-alt-slow:after{content:"\10f627"}.fad.fa-tachometer-alt-slowest:after{content:"\10f628"}.fad.fa-tachometer-average:after{content:"\10f629"}.fad.fa-tachometer-fast:after{content:"\10f62a"}.fad.fa-tachometer-fastest:after{content:"\10f62b"}.fad.fa-tachometer-slow:after{content:"\10f62c"}.fad.fa-tachometer-slowest:after{content:"\10f62d"}.fad.fa-taco:after{content:"\10f826"}.fad.fa-tag:after{content:"\10f02b"}.fad.fa-tags:after{content:"\10f02c"}.fad.fa-tally:after{content:"\10f69c"}.fad.fa-tanakh:after{content:"\10f827"}.fad.fa-tape:after{content:"\10f4db"}.fad.fa-tasks:after{content:"\10f0ae"}.fad.fa-tasks-alt:after{content:"\10f828"}.fad.fa-taxi:after{content:"\10f1ba"}.fad.fa-teeth:after{content:"\10f62e"}.fad.fa-teeth-open:after{content:"\10f62f"}.fad.fa-temperature-frigid:after{content:"\10f768"}.fad.fa-temperature-high:after{content:"\10f769"}.fad.fa-temperature-hot:after{content:"\10f76a"}.fad.fa-temperature-low:after{content:"\10f76b"}.fad.fa-tenge:after{content:"\10f7d7"}.fad.fa-tennis-ball:after{content:"\10f45e"}.fad.fa-terminal:after{content:"\10f120"}.fad.fa-text:after{content:"\10f893"}.fad.fa-text-height:after{content:"\10f034"}.fad.fa-text-size:after{content:"\10f894"}.fad.fa-text-width:after{content:"\10f035"}.fad.fa-th:after{content:"\10f00a"}.fad.fa-th-large:after{content:"\10f009"}.fad.fa-th-list:after{content:"\10f00b"}.fad.fa-theater-masks:after{content:"\10f630"}.fad.fa-thermometer:after{content:"\10f491"}.fad.fa-thermometer-empty:after{content:"\10f2cb"}.fad.fa-thermometer-full:after{content:"\10f2c7"}.fad.fa-thermometer-half:after{content:"\10f2c9"}.fad.fa-thermometer-quarter:after{content:"\10f2ca"}.fad.fa-thermometer-three-quarters:after{content:"\10f2c8"}.fad.fa-theta:after{content:"\10f69e"}.fad.fa-thumbs-down:after{content:"\10f165"}.fad.fa-thumbs-up:after{content:"\10f164"}.fad.fa-thumbtack:after{content:"\10f08d"}.fad.fa-thunderstorm:after{content:"\10f76c"}.fad.fa-thunderstorm-moon:after{content:"\10f76d"}.fad.fa-thunderstorm-sun:after{content:"\10f76e"}.fad.fa-ticket:after{content:"\10f145"}.fad.fa-ticket-alt:after{content:"\10f3ff"}.fad.fa-tilde:after{content:"\10f69f"}.fad.fa-times:after{content:"\10f00d"}.fad.fa-times-circle:after{content:"\10f057"}.fad.fa-times-hexagon:after{content:"\10f2ee"}.fad.fa-times-octagon:after{content:"\10f2f0"}.fad.fa-times-square:after{content:"\10f2d3"}.fad.fa-tint:after{content:"\10f043"}.fad.fa-tint-slash:after{content:"\10f5c7"}.fad.fa-tire:after{content:"\10f631"}.fad.fa-tire-flat:after{content:"\10f632"}.fad.fa-tire-pressure-warning:after{content:"\10f633"}.fad.fa-tire-rugged:after{content:"\10f634"}.fad.fa-tired:after{content:"\10f5c8"}.fad.fa-toggle-off:after{content:"\10f204"}.fad.fa-toggle-on:after{content:"\10f205"}.fad.fa-toilet:after{content:"\10f7d8"}.fad.fa-toilet-paper:after{content:"\10f71e"}.fad.fa-toilet-paper-alt:after{content:"\10f71f"}.fad.fa-tombstone:after{content:"\10f720"}.fad.fa-tombstone-alt:after{content:"\10f721"}.fad.fa-toolbox:after{content:"\10f552"}.fad.fa-tools:after{content:"\10f7d9"}.fad.fa-tooth:after{content:"\10f5c9"}.fad.fa-toothbrush:after{content:"\10f635"}.fad.fa-torah:after{content:"\10f6a0"}.fad.fa-torii-gate:after{content:"\10f6a1"}.fad.fa-tornado:after{content:"\10f76f"}.fad.fa-tractor:after{content:"\10f722"}.fad.fa-trademark:after{content:"\10f25c"}.fad.fa-traffic-cone:after{content:"\10f636"}.fad.fa-traffic-light:after{content:"\10f637"}.fad.fa-traffic-light-go:after{content:"\10f638"}.fad.fa-traffic-light-slow:after{content:"\10f639"}.fad.fa-traffic-light-stop:after{content:"\10f63a"}.fad.fa-train:after{content:"\10f238"}.fad.fa-tram:after{content:"\10f7da"}.fad.fa-transgender:after{content:"\10f224"}.fad.fa-transgender-alt:after{content:"\10f225"}.fad.fa-trash:after{content:"\10f1f8"}.fad.fa-trash-alt:after{content:"\10f2ed"}.fad.fa-trash-restore:after{content:"\10f829"}.fad.fa-trash-restore-alt:after{content:"\10f82a"}.fad.fa-trash-undo:after{content:"\10f895"}.fad.fa-trash-undo-alt:after{content:"\10f896"}.fad.fa-treasure-chest:after{content:"\10f723"}.fad.fa-tree:after{content:"\10f1bb"}.fad.fa-tree-alt:after{content:"\10f400"}.fad.fa-tree-christmas:after{content:"\10f7db"}.fad.fa-tree-decorated:after{content:"\10f7dc"}.fad.fa-tree-large:after{content:"\10f7dd"}.fad.fa-tree-palm:after{content:"\10f82b"}.fad.fa-trees:after{content:"\10f724"}.fad.fa-triangle:after{content:"\10f2ec"}.fad.fa-triangle-music:after{content:"\10f8e2"}.fad.fa-trophy:after{content:"\10f091"}.fad.fa-trophy-alt:after{content:"\10f2eb"}.fad.fa-truck:after{content:"\10f0d1"}.fad.fa-truck-container:after{content:"\10f4dc"}.fad.fa-truck-couch:after{content:"\10f4dd"}.fad.fa-truck-loading:after{content:"\10f4de"}.fad.fa-truck-monster:after{content:"\10f63b"}.fad.fa-truck-moving:after{content:"\10f4df"}.fad.fa-truck-pickup:after{content:"\10f63c"}.fad.fa-truck-plow:after{content:"\10f7de"}.fad.fa-truck-ramp:after{content:"\10f4e0"}.fad.fa-trumpet:after{content:"\10f8e3"}.fad.fa-tshirt:after{content:"\10f553"}.fad.fa-tty:after{content:"\10f1e4"}.fad.fa-turkey:after{content:"\10f725"}.fad.fa-turntable:after{content:"\10f8e4"}.fad.fa-turtle:after{content:"\10f726"}.fad.fa-tv:after{content:"\10f26c"}.fad.fa-tv-alt:after{content:"\10f8e5"}.fad.fa-tv-music:after{content:"\10f8e6"}.fad.fa-tv-retro:after{content:"\10f401"}.fad.fa-typewriter:after{content:"\10f8e7"}.fad.fa-umbrella:after{content:"\10f0e9"}.fad.fa-umbrella-beach:after{content:"\10f5ca"}.fad.fa-underline:after{content:"\10f0cd"}.fad.fa-undo:after{content:"\10f0e2"}.fad.fa-undo-alt:after{content:"\10f2ea"}.fad.fa-unicorn:after{content:"\10f727"}.fad.fa-union:after{content:"\10f6a2"}.fad.fa-universal-access:after{content:"\10f29a"}.fad.fa-university:after{content:"\10f19c"}.fad.fa-unlink:after{content:"\10f127"}.fad.fa-unlock:after{content:"\10f09c"}.fad.fa-unlock-alt:after{content:"\10f13e"}.fad.fa-upload:after{content:"\10f093"}.fad.fa-usb-drive:after{content:"\10f8e9"}.fad.fa-usd-circle:after{content:"\10f2e8"}.fad.fa-usd-square:after{content:"\10f2e9"}.fad.fa-user:after{content:"\10f007"}.fad.fa-user-alt:after{content:"\10f406"}.fad.fa-user-alt-slash:after{content:"\10f4fa"}.fad.fa-user-astronaut:after{content:"\10f4fb"}.fad.fa-user-chart:after{content:"\10f6a3"}.fad.fa-user-check:after{content:"\10f4fc"}.fad.fa-user-circle:after{content:"\10f2bd"}.fad.fa-user-clock:after{content:"\10f4fd"}.fad.fa-user-cog:after{content:"\10f4fe"}.fad.fa-user-cowboy:after{content:"\10f8ea"}.fad.fa-user-crown:after{content:"\10f6a4"}.fad.fa-user-edit:after{content:"\10f4ff"}.fad.fa-user-friends:after{content:"\10f500"}.fad.fa-user-graduate:after{content:"\10f501"}.fad.fa-user-hard-hat:after{content:"\10f82c"}.fad.fa-user-headset:after{content:"\10f82d"}.fad.fa-user-injured:after{content:"\10f728"}.fad.fa-user-lock:after{content:"\10f502"}.fad.fa-user-md:after{content:"\10f0f0"}.fad.fa-user-md-chat:after{content:"\10f82e"}.fad.fa-user-minus:after{content:"\10f503"}.fad.fa-user-music:after{content:"\10f8eb"}.fad.fa-user-ninja:after{content:"\10f504"}.fad.fa-user-nurse:after{content:"\10f82f"}.fad.fa-user-plus:after{content:"\10f234"}.fad.fa-user-secret:after{content:"\10f21b"}.fad.fa-user-shield:after{content:"\10f505"}.fad.fa-user-slash:after{content:"\10f506"}.fad.fa-user-tag:after{content:"\10f507"}.fad.fa-user-tie:after{content:"\10f508"}.fad.fa-user-times:after{content:"\10f235"}.fad.fa-users:after{content:"\10f0c0"}.fad.fa-users-class:after{content:"\10f63d"}.fad.fa-users-cog:after{content:"\10f509"}.fad.fa-users-crown:after{content:"\10f6a5"}.fad.fa-users-medical:after{content:"\10f830"}.fad.fa-utensil-fork:after{content:"\10f2e3"}.fad.fa-utensil-knife:after{content:"\10f2e4"}.fad.fa-utensil-spoon:after{content:"\10f2e5"}.fad.fa-utensils:after{content:"\10f2e7"}.fad.fa-utensils-alt:after{content:"\10f2e6"}.fad.fa-value-absolute:after{content:"\10f6a6"}.fad.fa-vector-square:after{content:"\10f5cb"}.fad.fa-venus:after{content:"\10f221"}.fad.fa-venus-double:after{content:"\10f226"}.fad.fa-venus-mars:after{content:"\10f228"}.fad.fa-vhs:after{content:"\10f8ec"}.fad.fa-vial:after{content:"\10f492"}.fad.fa-vials:after{content:"\10f493"}.fad.fa-video:after{content:"\10f03d"}.fad.fa-video-plus:after{content:"\10f4e1"}.fad.fa-video-slash:after{content:"\10f4e2"}.fad.fa-vihara:after{content:"\10f6a7"}.fad.fa-violin:after{content:"\10f8ed"}.fad.fa-voicemail:after{content:"\10f897"}.fad.fa-volcano:after{content:"\10f770"}.fad.fa-volleyball-ball:after{content:"\10f45f"}.fad.fa-volume:after{content:"\10f6a8"}.fad.fa-volume-down:after{content:"\10f027"}.fad.fa-volume-mute:after{content:"\10f6a9"}.fad.fa-volume-off:after{content:"\10f026"}.fad.fa-volume-slash:after{content:"\10f2e2"}.fad.fa-volume-up:after{content:"\10f028"}.fad.fa-vote-nay:after{content:"\10f771"}.fad.fa-vote-yea:after{content:"\10f772"}.fad.fa-vr-cardboard:after{content:"\10f729"}.fad.fa-wagon-covered:after{content:"\10f8ee"}.fad.fa-walker:after{content:"\10f831"}.fad.fa-walkie-talkie:after{content:"\10f8ef"}.fad.fa-walking:after{content:"\10f554"}.fad.fa-wallet:after{content:"\10f555"}.fad.fa-wand:after{content:"\10f72a"}.fad.fa-wand-magic:after{content:"\10f72b"}.fad.fa-warehouse:after{content:"\10f494"}.fad.fa-warehouse-alt:after{content:"\10f495"}.fad.fa-washer:after{content:"\10f898"}.fad.fa-watch:after{content:"\10f2e1"}.fad.fa-watch-calculator:after{content:"\10f8f0"}.fad.fa-watch-fitness:after{content:"\10f63e"}.fad.fa-water:after{content:"\10f773"}.fad.fa-water-lower:after{content:"\10f774"}.fad.fa-water-rise:after{content:"\10f775"}.fad.fa-wave-sine:after{content:"\10f899"}.fad.fa-wave-square:after{content:"\10f83e"}.fad.fa-wave-triangle:after{content:"\10f89a"}.fad.fa-waveform:after{content:"\10f8f1"}.fad.fa-waveform-path:after{content:"\10f8f2"}.fad.fa-webcam:after{content:"\10f832"}.fad.fa-webcam-slash:after{content:"\10f833"}.fad.fa-weight:after{content:"\10f496"}.fad.fa-weight-hanging:after{content:"\10f5cd"}.fad.fa-whale:after{content:"\10f72c"}.fad.fa-wheat:after{content:"\10f72d"}.fad.fa-wheelchair:after{content:"\10f193"}.fad.fa-whistle:after{content:"\10f460"}.fad.fa-wifi:after{content:"\10f1eb"}.fad.fa-wifi-1:after{content:"\10f6aa"}.fad.fa-wifi-2:after{content:"\10f6ab"}.fad.fa-wifi-slash:after{content:"\10f6ac"}.fad.fa-wind:after{content:"\10f72e"}.fad.fa-wind-turbine:after{content:"\10f89b"}.fad.fa-wind-warning:after{content:"\10f776"}.fad.fa-window:after{content:"\10f40e"}.fad.fa-window-alt:after{content:"\10f40f"}.fad.fa-window-close:after{content:"\10f410"}.fad.fa-window-maximize:after{content:"\10f2d0"}.fad.fa-window-minimize:after{content:"\10f2d1"}.fad.fa-window-restore:after{content:"\10f2d2"}.fad.fa-windsock:after{content:"\10f777"}.fad.fa-wine-bottle:after{content:"\10f72f"}.fad.fa-wine-glass:after{content:"\10f4e3"}.fad.fa-wine-glass-alt:after{content:"\10f5ce"}.fad.fa-won-sign:after{content:"\10f159"}.fad.fa-wreath:after{content:"\10f7e2"}.fad.fa-wrench:after{content:"\10f0ad"}.fad.fa-x-ray:after{content:"\10f497"}.fad.fa-yen-sign:after{content:"\10f157"}.fad.fa-yin-yang:after{content:"\10f6ad"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:auto;src:url(../webfonts/fa-light-300.eot);src:url(../webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.woff) format("woff"),url(../webfonts/fa-light-300.ttf) format("truetype"),url(../webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}@charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.pcirc-display { position: absolute; font-size: 16px; color: #555; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .pcirc-circle { position: absolute; text-align: center; border-radius: 100%; background: #eee; display: inline-block; top: 50%; left: 50%; } .pcirc-border { position: relative; text-align: center; border-radius: 100%; vertical-align: middle; } .pcirc-label { text-align: center; width: 100%; margin-top: 3px; } .pcirc-wrap{ display: block; }ul.tagit { padding: 1px 5px; overflow: auto; margin-left: inherit; /* usually we don't want the regular ul margins. */ margin-right: inherit; } ul.tagit li { display: block; float: left; margin: 2px 5px 2px 0; } ul.tagit li.tagit-choice { position: relative; line-height: inherit; } input.tagit-hidden-field { display: none; } ul.tagit li.tagit-choice-read-only { padding: .2em .5em .2em .5em; } ul.tagit li.tagit-choice-editable { padding: .2em 18px .2em .5em; } ul.tagit li.tagit-new { padding: .25em 4px .25em 0; } ul.tagit li.tagit-choice a.tagit-label { cursor: pointer; text-decoration: none; } ul.tagit li.tagit-choice .tagit-close { cursor: pointer; position: absolute; right: .1em; top: 50%; margin-top: -8px; line-height: 17px; } /* used for some custom themes that don't need image icons */ ul.tagit li.tagit-choice .tagit-close .text-icon { display: none; } ul.tagit li.tagit-choice input { display: block; float: left; margin: 2px 5px 2px 0; } ul.tagit input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0; padding: 0; width: inherit; background-color: inherit; outline: none; }