@charset "UTF-8";
@-webkit-keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes slide-down { 0% { transform: translateY(-100%); }
  100% { opacity: translateY(-100%); } }
@-moz-keyframes slide-down { 0% { transform: translateY(-100%); }
  100% { opacity: translateY(-100%); } }
@keyframes slide-down { 0% { transform: translateY(-100%); }
  100% { opacity: translateY(-100%); } }
@font-face { font-family: 'ProximaNovaRegular'; font-weight: normal; src: url("../fonts/proxima-nova/ProximaNova-Regular.otf"); }
@font-face { font-family: 'ProximaNovaBold'; font-weight: bold; src: url("../fonts/proxima-nova/ProximaNova-Bold.otf"); }
@font-face { font-family: 'ProximaNovaLight'; font-weight: normal; src: url("../fonts/proxima-nova/ProximaNova-Light.otf"); }
@font-face { font-family: 'ProximaNovaSemibold'; font-weight: normal; src: url("../fonts/proxima-nova/ProximaNova-Semibold.otf"); }
@font-face { font-family: 'ProximaNovaCondRegular'; font-weight: normal; src: url("../fonts/proxima-nova/ProximaNovaCond-Regular.otf"); }
/* TOP */
.space-top-xs { margin-top: 5px !important; }

.space-top-sm { margin-top: 10px !important; }

.space-top-md { margin-top: 15px !important; }

.space-top-lg { margin-top: 25px !important; }

.space-top-xl { margin-top: 40px !important; }

.space-top-xx { margin-top: 65px !important; }

.space-bottom-xs { margin-bottom: 5px !important; }

/* BOTTOM */
.space-bottom-sm { margin-bottom: 10px !important; }

.space-bottom-md { margin-bottom: 15px !important; }

.space-bottom-lg { margin-bottom: 25px !important; }

.space-bottom-xl { margin-bottom: 40px !important; }

.space-bottom-xx { margin-bottom: 65px !important; }

/* LEFT */
.space-left-xs { margin-left: 5px !important; }

.space-left-sm { margin-left: 10px !important; }

.space-left-md { margin-left: 15px !important; }

.space-left-lg { margin-left: 25px !important; }

.space-left-xl { margin-left: 40px !important; }

.space-left-xx { margin-left: 65px !important; }

/* RIGHT */
.space-right-xs { margin-right: 5px !important; }

.space-right-sm { margin-right: 10px !important; }

.space-right-md { margin-right: 15px !important; }

.space-right-lg { margin-right: 25px !important; }

.space-right-xl { margin-right: 40px !important; }

.space-right-xx { margin-right: 65px !important; }

.text-page-title { color: #3d454d; font-size: 24px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; }

.text-page-subtitle { color: #93999f; font-size: 14px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; }

.text-label { color: #93999f; font-size: 13px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; text-transform: uppercase; }

.text-value { color: #4b637c; font-size: 14px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; }

.text-body { color: #93999f; font-size: 14px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; }

.text-primary { color: #3d454d; font-size: 15px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; }

.text-section-title { color: #3d454d; font-size: 15px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; text-transform: uppercase; }

.text-error { color: #ed3a03; }

.text-warning { color: #eeb91c; }

.text-success { color: #4aba78; }

.popup-frame, .popup-frame--pointer { -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1); display: inline-block; position: relative; border: 1px solid #e8ebed; border-radius: 4px; background: #fff; }

.popup-frame--pointer { margin-top: 15px; min-width: 115px; }
.popup-frame--pointer:before { content: ''; position: absolute; top: -21px; right: auto; bottom: auto; left: 50%; transform: translateX(-10px); border-style: solid; border-width: 10px; border-color: transparent transparent #e8ebed; }
.popup-frame--pointer:after { content: ''; position: absolute; top: -20px; right: auto; bottom: auto; left: 50%; transform: translateX(-10px); border-style: solid; border-width: 10px; border-color: transparent transparent #fff; }

.popup-frame--top { margin-top: 0; margin-bottom: 15px; }
.popup-frame--top:before { top: auto; bottom: -21px; border-color: #e8ebed transparent transparent transparent; }
.popup-frame--top:after { top: auto; bottom: -20px; border-color: #fff transparent transparent transparent; }

.popup-frame--left:before { right: 15px; left: auto; transform: none; }
.popup-frame--left:after { right: 15px; left: auto; transform: none; }

.popup-frame--right:before { left: 15px; right: auto; transform: none; }
.popup-frame--right:after { left: 15px; right: auto; transform: none; }

.popup-frame--padded { padding: 15px; }

.popover { position: relative; display: inline-block; }

.popover__container { margin-right: -360px; max-width: 360px; z-index: 1001; position: absolute; left: 50%; transform: translateX(-50%); }

.popover--top .popover__container { bottom: 100%; }

.popover--right .popover__container { transform: translateX(-25px); }

.popover--left .popover__container { right: 50%; left: auto; margin-right: 0; margin-left: -360px; transform: translateX(25px); }

.button-menu__button { color: #3d454d; font-size: 15px; display: block; box-sizing: border-box; padding: 10px 25px; text-align: left; border: none; height: auto; line-height: 1em; margin: 0; border-radius: 0; white-space: normal; width: 100%; }
.button-menu__button:hover { color: #2996cc; text-decoration: none; }
.button-menu__button:active { border: none; }
.button-menu__button--nopad { padding-left: 5px; padding-right: 5px; }

.button-menu__button + .button-menu__button { border-top: 1px solid #d5d8db; }

.button-menu__button--selected { color: #2996cc; }

.button-menu__scroller { border-top: 1px solid #d5d8db; position: relative; max-height: 305px; overflow: auto; }

.button-menu__options { text-transform: none; text-align: center; padding: 15px 0 0; border-top: 1px solid #e8ebed; font-size: 14px; }

.nav-menu__link { color: #3d454d; font-size: 14px; display: block; min-width: 115px; padding: 15px 25px; position: relative; text-align: left; }
.nav-menu__link:hover { background: #f4f7f9; }
.nav-menu__link:hover, .nav-menu__link:active { color: #3d454d; text-decoration: none; }

.nav-menu__link--w-icon { padding-left: 40px; }

.nav-menu__link + .nav-menu__link { border-top: 1px solid #e8ebed; }

.nav-menu__icon { font-size: 16px; position: absolute; top: 21px; left: 15px; }

.popover-search { position: relative; margin: 0 0 15px; }
.popover-search label { width: 100%; }
.popover-search input { padding-left: 35px; }

.popover-search-clear { position: absolute; top: 12px; right: 14px; font-size: 12px; }
.popover-search-clear:before { content: 'X'; font-family: "iconfont"; }

.details-tooltip { position: relative; display: inline-block; }
.details-tooltip.show .details-content, .details-tooltip.show.details-content { display: inline-block; }
.details-tooltip.show .selection-filter-label:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.details-tooltip.alert .details-content .details-content-inner:before { color: #eeb91c; }
.details-tooltip.alert .details-content .details-content-inner:after { content: '\21'; position: absolute; top: 15px; left: 0; right: 0; font-family: "iconfont"; font-size: 22px; text-align: center; color: #96702c; }
.details-tooltip.alert .details-content .details-content-inner .details-body { border-top: 50px solid #eeb91c; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.details-tooltip.alert .details-content .details-close, .details-tooltip.alert .details-content .details-title { display: none; }
.details-tooltip.alert .details-content .title { color: #96702c; text-transform: none; text-align: center; font-weight: 400; font-size: 24px; line-height: 1.2em; margin: 0; padding: 0 0 20px; }
.details-tooltip.confirm .details-content .details-content-inner:before { color: #f4f7f9; }
.details-tooltip.confirm .details-content .details-content-inner .details-title { background-color: #f4f7f9; color: #9da2a8; }
.details-tooltip > .details-target { display: inline-block; }
.details-tooltip > .details-content { display: none; position: absolute; z-index: 1001; top: 100%; bottom: auto; left: 50%; right: auto; padding: 0; margin: 0 -360px 0 0; max-width: 360px; word-break: break-word; }
.details-tooltip > .details-content > .details-content-inner { position: relative; box-sizing: border-box; min-height: 80px; background-color: #fff; font-size: 14px; margin: 15px 0 0 -36px; -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.details-tooltip > .details-content > .details-content-inner:before { content: '▲'; position: absolute; top: -15px; bottom: auto; left: 30px; right: auto; font-size: 20px; line-height: 1em; color: #575f67; -ms-transform: scale(1.9, 1); -webkit-transform: scale(1.9, 1); transform: scale(1.9, 1); }
.details-tooltip > .details-content > .details-content-inner > .details-title { min-height: 50px; box-sizing: border-box; padding: 18px 45px 10px; background-color: #575f67; color: #fff; text-align: center; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; font-size: 17px; line-height: 18px; letter-spacing: 0; text-transform: none; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.details-tooltip > .details-content > .details-content-inner > .details-title a { font-size: 16px; text-decoration: uppercase; position: absolute; }
.details-tooltip > .details-content > .details-content-inner .sub-title { font-size: 16px; color: #9da2a8; text-decoration: uppercase; padding: 10px 0; }
.details-tooltip > .details-content > .details-content-inner > .details-body { font-size: 15px; padding: 25px; color: #3d454d; text-align: left; border-style: solid; border-width: 0 1px 1px; border-color: #e8ebed; border-radius: 0 0 4px 4px; }
.details-tooltip > .details-content > .details-content-inner > .details-body .input-file-upload { text-align: center; }
.details-tooltip > .details-content > .details-content-inner > .details-body .input-file-upload label { margin: 0; }
.details-tooltip > .details-content > .details-content-inner > .details-body .input-file-upload label .label-text { margin: 0 0 15px 22px; }
.details-tooltip > .details-content > .details-content-inner > .details-body .input-file-upload button { margin: 0; }
.details-tooltip > .details-content > .details-content-inner > .details-close { position: absolute; top: 18px; right: 15px; color: transparent; z-index: 2; line-height: 1em; cursor: pointer; }
.details-tooltip > .details-content > .details-content-inner > .details-close:after { font-family: 'iconfont'; content: '\78'; text-transform: none; font-size: 18px; color: rgba(255, 255, 255, 0.3); }
.details-tooltip > .details-content > .details-content-inner .loader { position: relative; display: inline-block; margin: 10px 49%; top: auto; left: auto; }
.details-tooltip .details-content-header { font-size: 18px; margin-bottom: 20px; }
.details-tooltip.top > .details-content { top: auto; bottom: 100%; }
.details-tooltip.top > .details-content > .details-content-inner { margin-top: 0; margin-bottom: 15px; }
.details-tooltip.top > .details-content > .details-content-inner:before { content: '▼'; top: auto; bottom: -13px; color: #fff; text-shadow: 0 7px 6px rgba(0, 0, 0, 0.2); }
.details-tooltip.center > .details-content { transform: translateX(-50%); }
.details-tooltip.center > .details-content > .details-content-inner { margin-left: 0; }
.details-tooltip.center > .details-content > .details-content-inner:before { left: 50%; right: auto; margin-left: -3px; }
.details-tooltip.left > .details-content { left: auto; margin: 0 0 0 -360px; right: 50%; }
.details-tooltip.left > .details-content > .details-content-inner { margin-right: -36px; margin-left: 0; }
.details-tooltip.left > .details-content > .details-content-inner:before { right: 30px; left: auto; }
.details-tooltip.text-link .details-target { display: inline-block; }
.details-tooltip.text-link .details-content { margin-bottom: 20px; }
.details-tooltip.input-selection-list-tooltip .details-content .details-content-inner, .details-tooltip.link-dropdown-list .details-content .details-content-inner { border-color: #e8ebed; display: inline-block; }
.details-tooltip.input-selection-list-tooltip .details-content .details-content-inner .details-body, .details-tooltip.link-dropdown-list .details-content .details-content-inner .details-body { padding: 0; }
.details-tooltip.input-selection-list-tooltip .details-content .details-content-inner:before, .details-tooltip.link-dropdown-list .details-content .details-content-inner:before { color: #fff; text-shadow: 0 -1px 0 #e8ebed; }
.details-tooltip.input-selection-list-tooltip .details-content .details-content-inner .input-selection-list, .details-tooltip.link-dropdown-list .details-content .details-content-inner .input-selection-list { border: none; }
.details-tooltip.input-selection-list-tooltip .details-content .details-content-inner { width: 200px; }
.details-tooltip.input-selection-list-tooltip.filter .details-content { left: 35px; }
.details-tooltip.input-selection-list-tooltip.filter .details-content .details-content-inner { width: 220px; }

.details-tooltip .details-content-inner .primary-action { position: absolute; bottom: 20px; right: 20px; margin: 0; }
.details-tooltip .details-content-inner.primary-button { padding-bottom: 70px; }
.details-tooltip .details-content-inner .confirm-buttons { margin: 20px auto; text-align: center; }
.details-tooltip .details-content-inner .details { padding: 10px 10px 0; }
.details-tooltip.alert .details-content-inner p, .details-tooltip.confirm .details-content-inner p { margin-bottom: 0.5em; }
.details-tooltip.alert .details-content-inner div:not(.button-group):not(.title), .details-tooltip.confirm .details-content-inner div:not(.button-group):not(.title) { padding: 20px; margin-top: 0; }
.details-tooltip.alert .details-content-inner div:not(.button-group):not(.title) .input-row, .details-tooltip.confirm .details-content-inner div:not(.button-group):not(.title) .input-row { padding-top: 0; margin-bottom: 0; }
.details-tooltip.alert .details-content-inner div:not(.button-group):not(.title) .alone, .details-tooltip.confirm .details-content-inner div:not(.button-group):not(.title) .alone { margin-right: 0; }
.details-tooltip.confirm .details-content .details-content-inner:before { color: #f4f7f9; }
.details-tooltip.confirm .details-content .details-content-inner .details-title { background-color: #f4f7f9; color: #9da2a8; }
.details-tooltip.confirm .details-content .details-content-inner p { text-align: center; }

@-webkit-keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes slide-down { 0% { transform: translateY(-100%); }
  100% { opacity: translateY(-100%); } }
@-moz-keyframes slide-down { 0% { transform: translateY(-100%); }
  100% { opacity: translateY(-100%); } }
@keyframes slide-down { 0% { transform: translateY(-100%); }
  100% { opacity: translateY(-100%); } }
@font-face { font-family: 'ProximaNovaRegular'; font-weight: normal; src: url("../fonts/proxima-nova/ProximaNova-Regular.otf"); }
@font-face { font-family: 'ProximaNovaBold'; font-weight: bold; src: url("../fonts/proxima-nova/ProximaNova-Bold.otf"); }
@font-face { font-family: 'ProximaNovaLight'; font-weight: normal; src: url("../fonts/proxima-nova/ProximaNova-Light.otf"); }
@font-face { font-family: 'ProximaNovaSemibold'; font-weight: normal; src: url("../fonts/proxima-nova/ProximaNova-Semibold.otf"); }
@font-face { font-family: 'ProximaNovaCondRegular'; font-weight: normal; src: url("../fonts/proxima-nova/ProximaNovaCond-Regular.otf"); }
/* TOP */
.space-top-xs { margin-top: 5px !important; }

.space-top-sm { margin-top: 10px !important; }

.space-top-md { margin-top: 15px !important; }

.space-top-lg { margin-top: 25px !important; }

.space-top-xl { margin-top: 40px !important; }

.space-top-xx { margin-top: 65px !important; }

.space-bottom-xs { margin-bottom: 5px !important; }

/* BOTTOM */
.space-bottom-sm { margin-bottom: 10px !important; }

.space-bottom-md { margin-bottom: 15px !important; }

.space-bottom-lg { margin-bottom: 25px !important; }

.space-bottom-xl { margin-bottom: 40px !important; }

.space-bottom-xx { margin-bottom: 65px !important; }

/* LEFT */
.space-left-xs { margin-left: 5px !important; }

.space-left-sm { margin-left: 10px !important; }

.space-left-md { margin-left: 15px !important; }

.space-left-lg { margin-left: 25px !important; }

.space-left-xl { margin-left: 40px !important; }

.space-left-xx { margin-left: 65px !important; }

/* RIGHT */
.space-right-xs { margin-right: 5px !important; }

.space-right-sm { margin-right: 10px !important; }

.space-right-md { margin-right: 15px !important; }

.space-right-lg { margin-right: 25px !important; }

.space-right-xl { margin-right: 40px !important; }

.space-right-xx { margin-right: 65px !important; }

.text-page-title { color: #3d454d; font-size: 24px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; }

.text-page-subtitle { color: #93999f; font-size: 14px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; }

.text-label { color: #93999f; font-size: 13px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; text-transform: uppercase; }

.text-value { color: #4b637c; font-size: 14px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; }

.text-body { color: #93999f; font-size: 14px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; }

.text-primary { color: #3d454d; font-size: 15px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; }

.text-section-title { color: #3d454d; font-size: 15px; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; text-transform: uppercase; }

.text-error { color: #ed3a03; }

.text-warning { color: #eeb91c; }

.text-success { color: #4aba78; }

.context-menu { display: inline-block; position: relative; }
.context-menu.show .context-menu-content, .context-menu.show.context-menu-content { visibility: visible; opacity: 1; }
.context-menu.alert.bottom .context-menu-content { border-top-color: #eeb91c; }
.context-menu.alert.bottom .context-menu-content:before { width: 0; height: 0; border-top: none; border-right: 10px solid transparent; border-bottom: 10px solid #eeb91c; top: -11px; }
.context-menu.alert.bottom .context-menu-content:after { border: none; }
.context-menu.alert .context-menu-content { padding: 0; }
.context-menu.alert .context-menu-content .context-menu-title { background-color: #eeb91c; color: #4b637c; border-bottom: none; }
.context-menu.alert .context-menu-content .context-menu-title:before { font-family: "iconfont"; content: '\21'; position: absolute; top: 5px; left: 0; right: 0; text-align: center; font-size: 22px; z-index: 1; color: #96702c; }
.context-menu.alert .context-menu-content .title { color: #96702c; text-align: center; font-weight: 400; font-size: 24px; margin: 0; }
.context-menu.alert .context-menu-content p { padding: 0 20px; text-align: center; margin-bottom: 0.5em; }
.context-menu.alert .context-menu-content .buttons, .context-menu.alert .context-menu-content div { padding: 20px; margin-top: 0; }
.context-menu.alert .context-menu-content .buttons .alone, .context-menu.alert .context-menu-content div .alone { margin-right: 0; }
.context-menu .context-menu-target { display: block; }
.context-menu .context-menu-content { position: absolute; display: block; left: 50%; visibility: hidden; opacity: 0; z-index: 100; width: 180px; margin: 0; min-height: 80px; background-color: #fff; border: 1px solid #c2c3c4; font-size: 14px; padding: 20px 20px 30px 20px; -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.context-menu .context-menu-content:before, .context-menu .context-menu-content:after { content: ''; position: absolute; border-style: solid; border-width: 10px; margin: 0 0 0 -5px; }
.context-menu .context-menu-content .context-menu-title { font-size: 18px; line-height: 1.2; padding: 0 17px 5px 0; margin: 0 0 15px 0; text-align: center; border-bottom: 1px solid #4b637c; color: #3d454d; text-transform: none; }
.context-menu .context-menu-content .context-menu-title a { font-size: 16px; text-decoration: uppercase; position: absolute; top: 20px; right: 20px; }
.context-menu .context-menu-content .sub-title { font-size: 16px; color: #9da2a8; text-decoration: uppercase; padding: 10px 0; }
.context-menu .context-menu-content .context-menu { padding: 10px 10px 0 10px; }
.context-menu .context-menu-content .primary-action { position: absolute; bottom: 20px; right: 20px; margin: 0; }
.context-menu .context-menu-content.primary-button { padding-bottom: 70px; }
.context-menu .context-menu-content .loader { position: relative; display: inline-block; margin: 10px 49%; top: auto; left: auto; }
.context-menu .context-menu-content .buttons { margin: 15px 0 0 0; text-align: center; }
.context-menu .context-menu-content .buttons button:last-of-type { margin-right: 0; }
.context-menu .context-menu-content .buttons .nevermind { margin-right: 10px; }
.context-menu .context-menu-content .context-menu-close { position: absolute; top: 15px; right: 15px; color: transparent; z-index: 2; }
.context-menu .context-menu-content .context-menu-close:after { font-family: 'iconfont'; content: '\78'; text-transform: none; font-size: 18px; color: #B5C9D0; }
.context-menu .context-menu-content .input-text input { width: 304px; }
.context-menu.top .context-menu-content { bottom: 11px; margin: 0; }
.context-menu.top .context-menu-content:before { bottom: -21px; border-color: #c2c3c4 transparent transparent transparent; }
.context-menu.top .context-menu-content:after { bottom: -20px; border-color: #fff transparent transparent transparent; }
.context-menu.top .context-menu-content .confirm-buttons { margin: 20px auto; text-align: center; }
.context-menu.bottom .context-menu-content { margin: 10px 0 0 0; top: 100%; bottom: auto; }
.context-menu.bottom .context-menu-content:before { top: -21px; bottom: auto; border-color: transparent transparent #c2c3c4 transparent; }
.context-menu.bottom .context-menu-content:after { top: -20px; bottom: auto; border-color: transparent transparent #fff transparent; }
.context-menu.left { margin: 0; }
.context-menu.left .context-menu-content { right: 0; left: auto; }
.context-menu.left .context-menu-content:before, .context-menu.left .context-menu-content:after { right: 20px; left: auto; }
.context-menu.right .context-menu-content { left: 0; right: auto; }
.context-menu.right .context-menu-content:before, .context-menu.right .context-menu-content:after { left: 20px; right: auto; }

@font-face { font-family: 'ProximaNovaRegular'; font-weight: normal; src: url("ui-library/fonts/proxima-nova/ProximaNova-Regular.otf"); }
@font-face { font-family: 'ProximaNovaBold'; font-weight: bold; src: url("ui-library/fonts/proxima-nova/ProximaNova-Bold.otf"); }
@font-face { font-family: 'ProximaNovaLight'; font-weight: normal; src: url("ui-library/fonts/proxima-nova/ProximaNova-Light.otf"); }
@font-face { font-family: 'ProximaNovaSemibold'; font-weight: normal; src: url("ui-library/fonts/proxima-nova/ProximaNova-Semibold.otf"); }
@font-face { font-family: 'ProximaNovaCondRegular'; font-weight: normal; src: url("ui-library/fonts/proxima-nova/ProximaNovaCond-Regular.otf"); }
body.cdp { font: 100% "ProximaNovaRegular", helvetica, arial, sans-serif; color: #3d454d; min-width: 980px; background-attachment: fixed; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: absolute; min-height: 100%; min-width: 100%; padding: 0; margin: 0; background-color: rgba(61, 69, 77, 0.9) \9 ; background-image: radial-gradient(40% 40%, circle cover, rgba(61, 69, 77, 0.9) 30%, #3d454d 80%); background-image: -o-radial-gradient(40% 40%, circle cover, rgba(61, 69, 77, 0.9) 30%, #3d454d 80%); background-image: -ms-radial-gradient(40% 40%, circle cover, rgba(61, 69, 77, 0.9) 30%, #3d454d 80%); background-image: -moz-radial-gradient(40% 40%, circle cover, rgba(61, 69, 77, 0.9) 30%, #3d454d 80%); background-image: -webkit-radial-gradient(40% 40%, circle cover, rgba(61, 69, 77, 0.9) 30%, #3d454d 80%); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
body.cdp:after { content: ''; position: absolute; right: 0; left: 0; background-image: url("../images/globe.png"); width: 100%; height: 100%; max-width: 1200px; background-repeat: no-repeat; background-size: contain; background-position: 50% 36%; margin: 0 auto; }
body.cdp .cdp-interstitial, body.cdp .ping-container { background-color: #fff; width: 420px; position: absolute; top: 150px; left: 50%; margin-left: -210px; text-align: center; padding: 25px; box-sizing: border-box; font-size: 15px; }
body.cdp .cdp-interstitial .title, body.cdp .ping-container .title { font-size: 24px; padding: 20px 0; font-family: "ProximaNovaLight", helvetica, arial, sans-serif; }
body.cdp .cdp-interstitial .ping-logo, body.cdp .ping-container .ping-logo { background-image: url(../images/icon-logo-ping@2x.png); background-size: 72px 72px; width: 72px; height: 72px; display: inline-block; margin-top: 15px; margin-bottom: 5px; }
body.cdp .cdp-interstitial hr, body.cdp .ping-container hr { margin: 30px -5px 25px -5px; border-style: solid; border-bottom: 0; border-color: #c2c6ca; }
body.cdp .cdp-interstitial a, body.cdp .ping-container a { color: #2996cc; text-decoration: none; font-size: 14px; }
body.cdp .cdp-interstitial a:hover, body.cdp .ping-container a:hover { color: #2996cc; text-decoration: none; }
body.cdp .ping-container p { margin: 0 10px 10px 10px; font-size: 14px; }
body.cdp #footer { bottom: 50px; position: absolute; color: #93999f; text-align: center; font-family: "ProximaNovaRegular", helvetica, arial, sans-serif; font-size: 10px; padding: 15px; width: 100%; box-sizing: border-box; }
body.cdp #footer a { color: #93999f; font-size: 10px; }
body.cdp #footer a:hover { color: #93999f; }
@media (max-width: 600px), (max-device-width: 736px) { body.cdp .cdp-interstitial, body.cdp .ping-container { position: relative; width: auto; margin: 15px; top: 0; left: 0; margin-bottom: 50px; }
  body.cdp:after { display: none; }
  body.cdp #footer { bottom: 0; } }

body#authenticating .company-logo { width: auto; max-height: 52px; }
body.custom-background:after { background-image: none; }

.settings-container { position: absolute; z-index: 20; right: -30px; top: 0; min-width: 110px; text-align: right; }
.settings-container .settings-btn { padding: 0 10px; color: #fff; cursor: pointer; }
.settings-container .ping-loggedin-user, .settings-container .icon-settings { display: inline-block; vertical-align: middle; }
.settings-container .ping-loggedin-user { line-height: 34px; padding: 1px 0 0 0; max-width: 170px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; }
.settings-container .settings-menu { display: none; top: 35px; right: 42px; white-space: nowrap; z-index: 10; list-style: none; background-color: #19495c; }
.settings-container .settings-menu .settings-open { display: block; }
.settings-container .settings-menu li { display: block; font-size: 12px; line-height: 18px; padding: 6px 10px; position: relative; z-index: 950; text-align: right; }
.settings-container .settings-menu li:hover { background-color: #123442; }
.settings-container .settings-menu li .nav-last { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.settings-container .settings-menu li a { color: #fff; text-decoration: none; font-size: 12px; }
.settings-container .settings-menu li a:hover { text-decoration: none; }
.settings-container .settings-menu .nav-pv-install-plugin, .settings-container .settings-menu .nav-manage-password-vault-link, .settings-container .settings-menu .nav-manage-recovery-key-link { display: none; }