/*------------------------------------------------------------------
PS 3.0
[Table of contents]

1. Layouts
2. Typography
3. Buttons
4. Alerts

5. Progress Indicators
6. Modals
7. Form Elements
8. Tables & Datatables
9. Charts
10. Lists
11. Misc
12. Print
14. Native login

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[5. Typography]
*/
@font-face {
  font-family: "Daytona W04 Fat Italic";
  src: url("/fonts/daytona/FatItalic/daytona.eot");
  /* IE9*/
  src: url("/fonts/daytona/FatItalic/daytona.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/fonts/daytona/FatItalic/daytona.woff2") format("woff2"), /* chrome、firefox */ url("/fonts/daytona/FatItalic/daytona.woff") format("woff"), /* chrome、firefox */ url("/fonts/daytona/FatItalic/daytona.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/fonts/daytona/FatItalic/daytona.svg#Daytona W04 Fat Italic") format("svg");
  /* iOS 4.1- */
}
/* Flama */
@font-face {
  font-family: 'Flama';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/flama/Flama-Thin.otf') format("opentype");
}
@font-face {
  font-family: 'Flama';
  font-style: italic;
  font-weight: 100;
  src: url('/fonts/flama/Flama-ThinItalic.otf') format("opentype");
}
@font-face {
  font-family: 'Flama';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/flama/Flama-Light.woff);
}
@font-face {
  font-family: 'Flama';
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/flama/Flama-Medium.woff);
}
@font-face {
  font-family: 'Flama';
  font-style: italic;
  font-weight: 600;
  src: url(/fonts/flama/Flama-MediumItalic.woff);
}
@font-face {
  font-family: 'Flama';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/flama/Flama-Semibold.otf') format("opentype");
}
/* To Load Hinted Fonts for Windows */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2'), url(https://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff'), url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcmaVI6zN22yiurzcBKxPjFE.woff2) format('woff2'), url(https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format('woff'), url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
}
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  color: #626262;
  font-family: "Segoe UI", 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
}
/* Headings
------------------------------------
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: "Segoe UI", 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-weight: 300;
  color: #2c2c2c;
}
h1 {
  font-size: 44px;
  line-height: 55px;
  letter-spacing: -0.08px;
}
h2 {
  font-size: 31px;
  line-height: 40px;
}
h3 {
  font-size: 27px;
  line-height: 35px;
}
h4 {
  font-size: 22px;
  line-height: 31.88px;
}
h5 {
  font-size: 18px;
  line-height: 25.88px;
}
h3 small,
h4 small,
h5 small {
  font-weight: 300;
}
h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
  padding-bottom: 10px;
}
h1.invert,
h2.invert,
h3.invert,
h4.invert,
h5.invert,
h6.invert {
  color: white;
}
/* Lins and Others
------------------------------------
*/
a {
  text-shadow: none !important;
  color: #3a8fc8;
  transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
}
a:focus,
a:hover,
a:active {
  color: #48b0f7;
}
a,
a:focus,
a:hover,
a:active {
  outline: 0 !important;
  text-decoration: none;
}
a[ng-click] {
  cursor: pointer;
}
br {
  line-height: normal;
  clear: both;
}
code {
  color: #c64643;
  background-color: #f0f0f0;
}
code:hover {
  background-color: #fddddd;
}
p {
  display: block;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.01em;
  line-height: 22px;
  margin: 0px 0px 10px 0px;
  font-style: normal;
  white-space: normal;
}
small,
.small {
  line-height: 18px;
}
label.inline {
  display: inline-block;
  position: relative;
  top: 0px;
  font-size: 13px;
}
ul > li,
ol > li {
  padding-left: 3px;
  line-height: 24px;
}
ul.lg-icon > li,
ol.lg-icon > li {
  font-size: 21px;
}
ul.lg-icon > li span,
ol.lg-icon > li span {
  font-size: 14px;
}
ul.no-style,
ol.no-style {
  list-style: none;
  padding-left: 5px;
}
address {
  margin-bottom: 0px;
}
address a {
  color: #626262;
}
blockquote {
  padding: 0 0 0 18px;
  border-left: 0;
}
blockquote:before {
  content: '';
  font-family: FontAwesome;
  content: "\f10d";
  margin-right: 13px;
  float: left;
}
blockquote p {
  font-size: 16px;
}
blockquote small {
  line-height: 29px;
  color: #8b91a0;
  padding-left: 30px;
}
blockquote small:before {
  content: "";
}
blockquote.pull-right {
  border-right: 0;
}
blockquote.pull-right:before {
  float: right;
  content: '';
  font-family: FontAwesome;
  content: "\f10d";
  margin-left: 13px;
  margin-right: 0;
}
blockquote.pull-right small {
  padding-right: 30px;
}
blockquote.pull-right small:after {
  content: "";
}
hr {
  border-color: #e6e6e6;
}
hr.double {
  border-width: 2px;
}
hr.dotted {
  border-style: dotted none none;
}
/* Font Sizes
------------------------------------
*/
.small-text {
  font-size: 12px !important;
}
.normal-text {
  font-size: 13px !important;
}
.large-text {
  font-size: 15px !important;
}
/* Font Weights
------------------------------------
 */
.normal {
  font-weight: normal;
}
.semi-bold {
  font-weight: 400 !important;
}
.bold {
  font-weight: bold !important;
}
.light {
  font-weight: 300 !important;
}
/* Misc
------------------------------------
*/
.all-caps {
  text-transform: uppercase;
}
.muted {
  color: #e2e2e2;
}
.hint-text {
  opacity: .7;
}
.no-decoration {
  text-decoration: none !important;
}
/* Monochrome Colors
------------------------------------
 */
.bg-master {
  background-color: #626262;
}
.bg-master-light {
  background-color: #e6e6e6;
}
.bg-master-lighter {
  background-color: #f0f0f0;
}
.bg-master-lightest {
  background-color: #fafafa;
}
.bg-master-dark {
  background-color: #2c2c2c;
}
.bg-master-darker {
  background-color: #1a1a1a;
}
.bg-master-darkest {
  background-color: #121212;
}
/* Contextual Colors
------------------------------------
*/
/* Primary
------------------------------------
*/
.bg-primary {
  background-color: #6d5cae;
}
.bg-primary-dark {
  background-color: #584b8d;
}
.bg-primary-darker {
  background-color: #413768;
}
.bg-primary-light {
  background-color: #8a7dbe;
}
.bg-primary-lighter {
  background-color: #e2deef;
}
/* Complete
------------------------------------
*/
.bg-complete {
  background-color: #48b0f7;
}
.bg-complete-dark {
  background-color: #3a8fc8;
}
.bg-complete-darker {
  background-color: #2b6a94;
}
.bg-complete-light {
  background-color: #6dc0f9;
}
.bg-complete-lighter {
  background-color: #daeffd;
}
/* Success
------------------------------------
*/
.bg-success {
  background-color: #10cfbd;
}
.bg-success-dark {
  background-color: #0da899;
}
.bg-success-darker {
  background-color: #0a7c71;
}
.bg-success-light {
  background-color: #40d9ca;
}
.bg-success-lighter {
  background-color: #cff5f2;
}
/* Info
------------------------------------
*/
.bg-info {
  background-color: #000;
}
.bg-info-dark {
  background-color: #000000;
}
.bg-info-darker {
  background-color: #000000;
}
.bg-info-light {
  background-color: #333333;
}
.bg-info-lighter {
  background-color: #cccccc;
}
/* Danger
------------------------------------
*/
.bg-danger {
  background-color: #f55753;
}
.bg-danger-dark {
  background-color: #c64643;
}
.bg-danger-darker {
  background-color: #933432;
}
.bg-danger-light {
  background-color: #f77975;
}
.bg-danger-lighter {
  background-color: #fddddd;
}
/* Warning
------------------------------------
 */
.bg-warning {
  background-color: #f8d053;
}
.bg-warning-dark {
  background-color: #c9a843;
}
.bg-warning-darker {
  background-color: #77715C;
}
.bg-warning-light {
  background-color: #f9d975;
}
.bg-warning-lighter {
  background-color: #FFDB6A;
}
/* More Color Options
------------------------------------
*/
/* Menu
------------------------------------
*/
.bg-menu-dark {
  background-color: #21252d;
}
.bg-menu {
  background-color: #2b303b;
}
.bg-menu-light {
  background-color: #788195;
}
/* Gradients
------------------------------------
*/
.gradient-grey {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
}
.gradient-black {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
}
/* Other Colors
------------------------------------
*/
.bg-white {
  background-color: #fff;
}
.bg-transparent {
  background-color: transparent !important;
}
/* Text Colors */
.link {
  opacity: .7;
}
.link:hover {
  opacity: 1;
}
.text-master {
  color: #626262 !important;
}
.text-master-light {
  color: #e6e6e6 !important;
}
.text-black {
  color: #2c2c2c !important;
}
.text-white {
  color: #fff !important;
}
.text-complete {
  color: #48b0f7 !important;
}
.text-success {
  color: #10cfbd !important;
}
.text-info {
  color: #000 !important;
}
.text-warning {
  color: #f8d053 !important;
}
.text-warning-dark {
  color: #c9a843 !important;
}
.text-danger {
  color: #f55753 !important;
}
.text-primary {
  color: #6d5cae !important;
}
/* Text Aligngments
------------------------------------
*/
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
/* Labels
------------------------------------
*/
.label {
  padding: 3px 9px;
  font-size: 11px;
  text-shadow: none;
  background-color: #e6e6e6;
  font-weight: 600;
  color: #626262;
}
.label-success {
  background-color: #10cfbd;
  color: #fff;
}
.label-warning {
  background-color: #f8d053;
  color: #fff;
}
.label-important,
.label-danger {
  background-color: #f55753;
  color: #fff;
}
.label-info {
  background-color: #48b0f7;
  color: #fff;
}
.label-inverse {
  background-color: #3a8fc8;
  color: #fff;
}
.label-white {
  background-color: #fff;
  color: #626262;
}
/* Font Sizes
------------------------------------
*/
.fs-10 {
  font-size: 10px !important;
}
.fs-11 {
  font-size: 11px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px !important;
}
.fs-16 {
  font-size: 16px !important;
}
/* Line-heights
------------------------------------
*/
.lh-normal {
  line-height: normal;
}
.lh-10 {
  line-height: 10px;
}
.lh-11 {
  line-height: 11px;
}
.lh-12 {
  line-height: 12px;
}
.lh-13 {
  line-height: 13px;
}
.lh-14 {
  line-height: 14px;
}
.lh-15 {
  line-height: 15px;
}
.lh-16 {
  line-height: 16px;
}
/* Font Faces
------------------------------------
*/
.font-arial {
  font-family: Arial, sans-serif !important;
}
.font-montserrat {
  font-family: 'Montserrat' !important;
}
.font-georgia {
  font-family: Georgia !important;
}
.font-heading {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Wells
------------------------------------
*/
.well {
  background-color: #e6e6e6;
  border-radius: 3px;
  box-shadow: none !important;
  border: none;
  background-image: none;
}
.well.well-large {
  padding: 24px;
  width: auto;
}
.well.well-small {
  padding: 13px;
  width: auto;
}
.alt-font {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* Flama */
@font-face {
  font-family: 'Circular';
  font-style: normal;
  font-weight: 200;
  src: url(/fonts/circular/lineto-circular-pro-book.woff);
}
@font-face {
  font-family: 'Circular';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/circular/lineto-circular-pro-medium.woff);
}
@font-face {
  font-family: 'Circular';
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/circular/lineto-circular-pro-bookItalic.woff);
}
@font-face {
  font-family: 'Circular';
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/circular/lineto-circular-pro-bold.woff);
}
@font-face {
  font-family: 'Circular';
  font-style: italic;
  font-weight: 600;
  src: url(/fonts/circular/lineto-circular-pro-boldItalic.woff);
}
@font-face {
  font-family: 'Circular';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/circular/lineto-circular-pro-bold.woff);
}
/*------------------------------------------------------------------
[1. Layouts]
*/
#alttext-container {
  border: 0px !important;
  background: red;
}
html {
  height: 100%;
}
html.nativeApp {
  overflow: hidden;
}
html.runMachine {
  overflow: hidden;
}
body {
  margin: 0;
  padding: 0;
  background-color: #fafafa;
  overflow: auto;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  transition: background-color 200ms;
}
body.runMachine {
  -webkit-overflow-scrolling: touch;
}
body.PSTerminal {
  background-color: #0e1219;
}
body.nativeApp {
  background-color: #0e1219;
  font: 16px/1.25 'Flama', Verdana, Geneva, sans-serif;
  font-weight: 400;
  color: #fff;
}
body.nativeApp input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #0e1219 inset !important;
  /* Change the color to your own background color */
  -webkit-text-fill-color: #fff;
}
body.nativeApp input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #0e1219 inset !important;
  -webkit-text-fill-color: #fff;
}
body.appPage {
  background-color: #0c0d10;
  font: 16px/1.25 'Flama', Verdana, Geneva, sans-serif;
  font-weight: 400;
  color: #fff;
}
body.appPage #content {
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0), #0c0d10, #0c0d10, rgba(0, 0, 0, 0));
  background-color: initial !important;
}
body.appPage .fullscreenImage {
  background-color: #0c0d10 !important;
}
body.appPage .fineprint {
  font-size: .8em;
  color: #6c6d72;
  max-width: 200px;
  text-align: center;
}
body.appPage #footer {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), #000000);
}
body.signup {
  color: #FFF;
  background: url(/images/headerC4.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #0e1219;
  font-weight: 300;
  font-size: 16px;
}
body.signup #fixedHeader {
  background-color: #efefef !important;
}
body.teamWizardDARK {
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #0e1219;
}
body.teamWizardDARK #footer {
  background: #090b0f;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(5, 6, 9, 0.7), #010202);
}
img {
  max-width: 100%;
  height: auto;
}
.gravatarImg {
  border-radius: initial;
  width: 32px;
  height: 32px;
}
/*****************************
	Common Elements
*****************************/
.punchline3a {
  font: 34px/1 "Flama", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.punchline3b {
  font: 42px/1 "Flama", sans-serif;
  font-weight: 600;
  font-style: italic;
}
.punchline3c {
  color: #ffffff;
  font-size: 26px;
  line-height: 46px;
  font-weight: 200;
}
.clickDots {
  padding-top: 50px;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -ms-flex-pack: center;
  justify-content: center;
}
.clickDots .dot {
  border: 2px solid #1b1b1b;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 10px;
  opacity: 0.5;
}
.clickDots .dot.active {
  background: black;
  opacity: 1.0;
}
.clickDots .dot:hover {
  opacity: 1.0;
}
.blurbackdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
#topGradient {
  background-image: linear-gradient(180deg, #000000, rgba(0, 0, 0, 0));
  width: 100%;
  height: 300px;
}
.archBG {
  background-position: 50% 0 !important;
  background-image: linear-gradient(180deg, #000000, rgba(0, 0, 0, 0)), url('/images/archbg.png');
}
.smallstudioBG {
  background-image: linear-gradient(180deg, #000000, rgba(0, 0, 0, 0)), url('/images/smallstudio.jpg');
  min-height: 400px;
  background-size: cover;
  background-position: 74% 81%;
}
.educationBG {
  background-position: 50% 0 !important;
  background-image: linear-gradient(180deg, #000000, rgba(0, 0, 0, 0)), url('/images/ps_education.jpg');
}
.hiddden {
  opacity: 0.0;
  display: none;
  visibility: hidden;
  height: 1px;
  transition: all 100ms ease-out;
}
.hiddden.visible {
  height: auto;
  opacity: 1.0;
  visibility: visible;
  display: block;
}
.pricingContainerWHITE {
  text-align: center;
  background: white !important;
  font-family: "Flama", sans-serif;
  font-weight: 300;
  margin: auto;
  max-width: inherit !important;
  transform: scale(0.95);
}
.pricingContainerWHITE .dollarSign {
  position: relative;
  top: -30px;
  color: #1b1b1b;
  opacity: 0.8;
}
.pricingContainerWHITE .title {
  font-size: 1.75em;
  font-weight: 100;
  font-style: italic;
  text-transform: uppercase;
  font-family: "Flama", sans-serif;
}
.pricingContainerWHITE .shownPrice {
  margin-top: 1.8em;
}
.pricingContainerWHITE .pricingBlock {
  font-size: 2em;
  color: black;
}
.pricingContainerWHITE .bigPrice {
  font-size: 2.4em;
  font-weight: 600;
  font-family: "Flama", sans-serif;
}
.pricingContainerWHITE .specs {
  margin-top: 1em;
  color: #1b1b1b;
  font-weight: 500;
  font-size: .7em;
  line-height: 10px;
}
.pricingContainerWHITE .specs ul > li {
  line-height: 1.18em !important;
}
.pricingContainerWHITE .specs .windows {
  font-style: normal !important;
  font-size: .6em;
}
.pricingContainerWHITE button {
  margin: 1em;
  margin: auto;
  margin-top: 2em;
  min-width: 10em;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: initial;
  font-size: .97em;
  letter-spacing: 1.1px;
}
.pricingContainer:nth-child(2) {
  transform: scale(1);
}
.editabletext {
  padding: initial !important;
  font-size: inherit !important;
  background: none !important;
  border: none !important;
  width: initial !important;
  color: inherit !important;
  text-align: left;
}
.mediaBlack {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 1em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blue {
  color: #008aff;
}
.section {
  width: 100%;
  margin: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
.section.odd {
  background-color: #eee;
}
.container {
  clear: both;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 3em;
}
.container.wide {
  padding: 0em 6em 0em 6em;
}
.logo {
  font: 40px/1 "Flama", sans-serif;
  font-weight: 600;
  font-style: italic;
  color: #000;
}
.logo.small {
  font: 24px/1 "Flama", sans-serif;
  font-weight: 600;
  font-style: italic;
  color: #fff;
}
.logo {
  margin: 18px 0px;
}
.logo a {
  color: #fff!important;
}
.logo a:hover {
  color: inherit;
}
.logoHero {
  font: 50px/1 "Flama", sans-serif;
  font-weight: 600;
  font-style: italic;
  color: #000;
  padding-bottom: 1em;
  float: left;
}
.teamLogoContainer {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
.teamLogoContainer .logoHero {
  color: white;
  padding-bottom: 0;
}
.teamLogoContainer .logoHero.forTeams {
  color: white;
  font-size: 2.5em;
  font-weight: 100;
  margin-left: .2em;
  margin-right: .2em;
  margin-top: 10px;
}
.teamLogoContainer .logoHero.forTeams span {
  font-size: .75em;
  opacity: 0.5;
}
.logo a {
  color: inherit;
}
.menu {
  margin: 0;
  padding: 0;
}
.menu ul,
.menu li {
  display: inline;
  list-style: none;
}
.inline {
  display: inline;
}
.fLeft {
  float: left;
}
.fRight {
  float: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.light {
  color: #EEE;
}
.strikeThrough {
  text-decoration: line-through;
}
.thin {
  font-weight: 300;
}
.normal {
  font-weight: 400;
}
.semiBold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.u {
  text-decoration: underline;
}
sup,
.sup {
  vertical-align: super;
  font-size: 50%;
}
.panel {
  padding: 40px 0;
  background-color: #EEE;
  position: relative;
  z-index: 0;
}
.panel.odd {
  background-color: #FFF;
}
.clearfix {
  clear: both;
}
.nowrap {
  white-space: nowrap;
}
.error {
  color: #893503;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #808080;
}
.placeholder {
  color: #808080;
}
.confirmation {
  max-width: 600px;
  margin: 40px auto;
  padding: 40px;
  color: #000;
  background-color: rgba(255, 255, 255, 0.8);
}
.fb-share-button {
  vertical-align: top;
  margin: 4px 0  0 16px;
}
.PSOVERLAY {
  visibility: hidden;
  transition: all 200ms;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: rgba(13, 14, 27, 0.88);
  opacity: 0.0;
}
.PSOVERLAY.open {
  visibility: visible;
  display: block;
  opacity: 1.0;
  top: 0;
}
#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9;
}
/*****************************
	Header
*****************************/
#header #adminLabel {
  display: none;
}
#header .hideFixedHeader a {
  color: black !important;
}
#header.teams {
  background-image: linear-gradient(180deg, black, rgba(0, 0, 0, 0.2)), url(/images/bigBG.jpg);
  background-size: 169%;
}
#header.teams #adminLabel {
  display: inline;
}
#header.teams .logo.small {
  color: white;
}
#header.teams .logo.small.hideFixedHeader a {
  color: #D6D6D6 !important;
}
.flexRightSignup {
  margin-left: auto;
  padding-left: 1em;
}
.flexPsButtonContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
.flexPsButtonContainer a {
  margin: 0 !important;
}
.flexPsButtonContainer .button {
  margin-bottom: 1em;
}
.flexPsButtonContainer.SIGNUP {
  -ms-flex-direction: row;
  flex-direction: row;
}
#header.fullscreen {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.fullscreenNEW {
  max-height: 700px;
  min-height: 700px;
}
#header .fullscreenImage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -9;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-color: #000;
  background-size: cover;
  transform: translate3d(0px, 0px, 0px);
}
#header .mainNav {
  padding-top: 2em;
  padding-bottom: 2em;
}
.mainNav a {
  margin-left: 10px;
  color: #AAA;
  transition: opacity 200ms ease-in;
}
.mainNav li {
  vertical-align: middle;
}
.mainNav li a.active {
  color: #808080;
}
.mainNav li a:hover {
  color: #313948;
}
.mainNav li a.logout:hover {
  /*color: #333;*/
  color: #F00;
  /*background-color: #ff002f;*/
  background-color: #FFD8D8;
}
.mainNav .menu {
  float: left;
}
#fixedHeader {
  background-color: #0e1219;
}
#header-vfx .mainNav li a {
  color: #c9d0e3;
  opacity: 0.6;
}
#header-vfx .mainNav li a.active {
  color: white;
}
#header-vfx .mainNav li a:hover {
  color: #c9d0e3;
  opacity: 0.9;
}
.social-icons {
  list-style: none;
  overflow: hidden;
  display: block;
  float: right;
}
.social-icons li {
  display: inline;
}
.social-icons li a {
  color: #4C4C4C;
}
.branding .container {
  text-align: center;
}
.has-dropdown:after {
  font-family: ElegantIcons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\33";
  color: #777777;
}
/* Fixed Header */
#fixedHeader {
  visibility: hidden;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.0;
  height: 90px;
  top: -30px;
  transition: all 200ms;
}
#fixedHeader.openedUp {
  visibility: visible;
  display: block;
  height: auto;
  opacity: 1.0;
  top: 0;
}
.mobile #fixedHeader {
  display: none !important;
}
.branding {
  display: none;
}
#fixedHeader .branding {
  float: inherit;
  margin: auto;
  display: block;
}
#fixedHeader .branding .container {
  text-align: center;
}
#fixedHeader .mainNav {
  float: inherit;
  margin: auto;
}
#fixedHeader .mainNav .container {
  width: inherit;
}
/*****************************
	Content / Copy
*****************************/
#content {
  position: relative;
  z-index: 0;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background-color: #fafafa;
}
#content.home {
  background-color: white;
}
#content.signup {
  background: none;
}
#content.appPage {
  background-color: #0c0d10;
}
.punchline {
  font-size: 150%;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.5;
  color: #B8B8B8;
}
.punchline2 {
  font-size: 250%;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.5;
  color: #B8B8B8;
  color: rgba(255, 255, 255, 0.72);
  max-width: 900px;
  text-align: center;
  margin: auto;
}
img[align="left"] {
  margin-right: 40px;
  margin-bottom: 40px;
}
img[align="right"] {
  margin-left: 40px;
  margin-bottom: 40px;
}
.invisible {
  display: none;
}
.uppercase {
  text-transform: uppercase;
}
/**
 * Account type
 */
.ps-account-standard {
  background-color: #ffe5a2;
  color: #ff912f;
  border-radius: 2px;
  padding: .2em;
}
.ps-account-admin {
  /*background-color: #540B00;
	color:#ff0039;*/
  background-color: #E6E6E6;
  color: #FF4E52;
  border-radius: 2px;
  padding: .2em;
}
.btn-circle {
  border-radius: 50%;
  padding: 1em;
  margin: 1em;
  width: 75px;
  height: 75px;
}
.kvalue {
  color: #686868;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
}
/*****************************
	Console
*****************************/
.machines {
  text-align: center;
  width: 100%;
  margin: auto;
}
.machineContainer.half {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 50vh;
  top: 0;
  right: 0;
  position: absolute;
  width: 50%;
}
.machineContainer.half .container {
  width: 100%;
}
.machineContainer #primaryMachine {
  margin: auto;
  max-width: 500px;
}
.machineContainer.half #primaryMachine {
  max-width: inherit;
}
.machineBlock {
  text-align: left;
  min-width: 200px;
  width: 25%;
  padding: 1em;
  max-width: 120px;
}
.machineBlock img {
  width: 100%;
}
.machineBlock .info {
  font-size: 1.1em;
  color: #bfbfbf;
  overflow: hidden;
}
/**
 * HOMEPAGE/CONSOLE
 */
.overlayOnOff {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.45);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* For Safari 3.1 to 6.0 */
  transition: .2s;
}
.overlayOnOff:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.overlayOnOff.off {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.75);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* For Safari 3.1 to 6.0 */
  transition: .2s;
}
.overlayOnOff .off:hover {
  background-color: rgba(0, 0, 0, 0.75);
}
.light {
  color: #fff;
}
.kvalue {
  color: #686868;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
}
#fixedHeader .hideFixedHeader {
  display: none;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
																	not supported by any browser */
}
.frameworks {
  background: #efefef;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
}
.frameworks .framework {
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 200px;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
.frameworks .framework.tensorflow {
  background: #1f173d;
}
.frameworks .framework.tensorflow h3 {
  color: white;
}
.frameworks .framework.keras h3 {
  color: #8e8e8e;
}
.frameworks .framework.torch {
  background: #8bb7ed;
}
.frameworks .framework.torch h3 {
  color: white;
}
.frameworks .framework.caffe {
  background: #ff1752;
}
.frameworks .framework.caffe h3 {
  color: white;
}
.megaphone {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 800px;
  color: #1f173d !important;
  max-width: 100%;
  margin: auto;
}
.megaphone .logoHero {
  color: #1f173d !important;
}
.megaphone h1 {
  font-size: 54px;
  line-height: 80px;
  color: #1f173d;
}
.megaphone h1 em {
  font-weight: 800;
}
.megaphone h2 {
  text-align: center;
  font-size: 20px;
  line-height: 33px;
  color: #1f173d !important;
}
.megaphone h2 em {
  font-weight: 400;
}
.consoleMok h1 {
  font-family: 'flama';
}
.consoleMok h4 {
  font-family: 'flama';
  font-size: 18px;
  line-height: 30px;
}
h3.useCase {
  font-weight: 300;
  letter-spacing: 0;
  line-height: 2.5em;
  color: #B8B8B8;
  text-transform: uppercase;
  font-size: 1.25em;
}
.unavailableText {
  font-size: .75em;
}
.machineTypeContainer {
  font: 34px/1 "Open sans", sans-serif;
  font-size: 1em;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
}
.machineTypeContainer .machineType {
  cursor: pointer;
  text-align: center;
  margin-right: .5em;
  margin-left: .5em;
  opacity: 0.5;
  transform: scale(0.94);
  transition: all 100ms ease-out;
}
.machineTypeContainer .machineType:hover {
  opacity: .9;
}
.machineTypeContainer .machineType .name {
  font-size: .8em;
  font-weight: 600;
  color: #707492;
  padding-top: 1em;
  -ms-flex-pack: center;
  justify-content: center;
  background: #efefef;
  margin-bottom: 0;
  height: 30px;
  border-radius: 3px 3px 0px 0px;
}
.machineTypeContainer .machineType.selected {
  opacity: 1.0;
  transform: scale(1);
}
.machineTypeContainer .machineType.selected .machineTypeBox2 {
  background: #ffffff;
  border: none;
  color: #0e1219;
  box-shadow: 0 0 100px rgba(241, 240, 255, 0.12);
}
.machineTypeContainer .machineType.selected .machineTypeBox2:hover {
  background: #ffffff !important;
}
.machineTypeContainer .machineType.selected .name:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00c";
  text-align: center;
  margin: auto;
  color: #1ecd97;
  margin-right: 12px;
}
.machineTypeContainer .machineType.unavailable:hover {
  opacity: 0.5;
  cursor: not-allowed;
}
.machineTypeContainer .machineType.unavailable .name {
  background: #2f313c;
  color: #c4c6cc;
}
.machineTypeContainer .machineType.unavailable .machineTypeBox2 {
  color: #868e9c;
  background: #0e1219;
  border: 1px solid #424250;
}
.machineTypeContainer .machineTypeBox2 {
  border-radius: 0px 0px 3px 3px;
  background: white;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5em;
  text-align: center;
  width: 200px;
  height: 170px;
  margin-bottom: 25px;
}
.machineTypeContainer .machineTypeBox2 .price {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 1.4em;
  font-weight: 400;
}
.machineTypeContainer .machineTypeBox2 .description {
  font-weight: 200;
  font-size: 1.2em;
  -ms-flex-align: center;
  align-items: center;
}
.machineTypeContainer .machineTypeBox2 .specs {
  margin-top: .5em;
  margin-bottom: .5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  letter-spacing: 1px;
  font-size: .7em;
  color: #6d7178;
}
.machineTypeContainer .machineTypeBox2 .specs span {
  padding-top: 5px;
}
h2 span.chosen {
  opacity: 0.5;
}
.signupSectionTitle.selected:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00c";
  text-align: center;
  margin: auto;
  color: #1ecd97;
  margin-right: 12px;
}
.sectionF {
  transition: all 500ms ease-out;
  height: inherit;
  opacity: 1.0;
}
.sectionF.folded {
  transition: all 500ms ease-out;
  height: 0px;
  opacity: 0.0;
  overflow: hidden;
}
.borderRightSplit {
  border: none;
}
.success:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00c";
  text-align: center;
  margin: auto;
  color: #1ecd97;
  margin-right: 12px;
}
.ReactModalPortal {
  z-index: 1000;
  color: #5e616d !important;
}
.ReactModalPortal h2 {
  color: #0e1219 !important;
}
.ReactModalPortal h3,
.ReactModalPortal h4,
.ReactModalPortal h5,
.ReactModalPortal h6 {
  color: #363A49 !important;
}
.ReactModalPortal label {
  color: #33363c !important;
}
.darkModal {
  color: rgba(255, 255, 255, 0.7);
}
.darkModal h2 {
  color: white !important;
}
.darkModal h3,
.darkModal h4,
.darkModal h5,
.darkModal h6 {
  color: #5e616d !important;
}
.darkModal label {
  color: #C5C7D8 !important;
}
.darkModal input:not(.custom-switch) {
  border-color: #2c2d35 !important;
  border-radius: 0;
}
.darkModal #signUpForDemoFormConfirmed h2 {
  color: #0e1219 !important;
}
.lightModal {
  color: #5e616d !important;
}
.lightModal p {
  color: #c8c8c8;
}
.lightModal h2 {
  color: #0e1219 !important;
}
.lightModal h3,
.lightModal h4,
.lightModal h5,
.lightModal h6 {
  color: #363A49 !important;
}
.lightModal label {
  color: #33363c !important;
}
.lightModal .form-control {
  background: none;
  border: 1px solid #d0d0d0;
  color: #aaa;
  transition: all 200ms ease-out !important;
}
.lightModal .form-control input:active,
.lightModal .form-control input:focus,
.lightModal .form-control:focus {
  transition: all 200ms ease-out;
}
.lightModal .form-group-default {
  background-color: #262630;
}
.lightModal .checkbox input[type="checkbox"]:focus + label {
  color: #C5C7D8;
}
.lightModal .checkbox.check-info input[type=checkbox]:checked + label:before {
  border-color: #2d74ff;
}
.lightModal select {
  background-color: #262630;
  border: none;
}
.createMachineForm {
  width: auto;
}
#videoNode {
  max-width: 90%;
  box-shadow: 10px 10px 100px rgba(23, 29, 44, 0.47);
  margin: auto;
  filter: brightness(1.085);
  border-radius: 3px;
  margin-top: 2em;
  padding-top: 3.6%;
  background: url(/images/paperspaceBrowser.png);
  background-size: cover;
}
.filterMenu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
}
#SearchBoxContainer {
  margin-left: auto;
}
.machineCountHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.machineCountHeader .machineCount {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.machineCountHeader .machineCount h2 {
  float: left;
}
.useCaseBlock {
  padding: 2em;
  border-radius: 3px;
  max-width: 300px;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 20px 100px rgba(18, 32, 103, 0.42);
  min-height: 183px;
  background: rgba(255, 255, 255, 0.25);
}
.useCaseBlock .button.flatgray {
  background: #ffffff !important;
}
.useCaseBlock h3 {
  color: white !important;
}
.activeUntil {
  font-size: .8em;
  margin: auto;
  opacity: 0.8;
  margin-top: 1em;
  text-align: center;
}
.activeUntil .activeUntilDate {
  color: #efefef;
  margin-left: 5px;
}
.inactiveVM {
  margin-left: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: red;
  background: aliceblue;
  width: 60px;
  padding: 3px 4px;
  border-radius: 2px;
  margin: auto;
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: .8em;
  text-align: center;
}
.inactiveVM_H {
  color: red !important;
  background: aliceblue !important;
}
.inactiveVMBlock {
  cursor: default !important;
  opacity: .5;
}
a.back {
  color: #C5C7D8;
  opacity: 0.5;
  display: inline-block;
  padding: 2em 3em;
  text-decoration: none;
  letter-spacing: 1px;
  cursor: pointer;
  font-size: .7em;
}
a.back:hover {
  opacity: 1.0;
}
a.back:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f060";
  color: #1ecd97;
  margin-right: 1em;
}
.loadingOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: opacity 250ms ease-out, transform 250ms ease-out;
  transition-delay: 4s;
  z-index: 99999;
  transform-origin: center center;
}
.loadingOverlay.fadeout {
  opacity: 0;
  transform: scale(1.4);
  visibility: hidden;
}
.circleOpt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.circleOpt.checked:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00c";
  margin-left: 2px;
  color: white;
}
/***************************
MACHINE LEARING
*****************************/
.pulseConnector {
  animation: colorPulse 2s infinite ease-in;
  fill: #b6fff5;
}
.productTitleHeader {
  font: 60px/1 "Flama", sans-serif;
}
.flexStackMobileR {
  -ms-flex-direction: row;
  flex-direction: row;
}
.flexStackMobileC {
  -ms-flex-direction: column;
  flex-direction: column;
}
@keyframes colorPulse {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1.0;
    fill: #fffff;
  }
  100% {
    opacity: 0.2;
  }
}
.d1,
.d2 {
  opacity: 0.0;
  transform: translateY(-20px) scale(1.1);
  transition: opacity 250ms ease-out, transform 250ms ease-out;
}
.d2 {
  transition-delay: 100ms;
  transform: scale(1.1);
}
.d3 {
  opacity: 0.0;
  transform: translateZ(-20px) scale(1.05);
  transition: opacity 250ms ease-out, transform 250ms ease-out;
}
.showing .d1,
.showing .d2,
.showing .d3 {
  opacity: 1.0;
  transform: translateY(0px) scale(1) translateZ(0px);
}
.d1r,
.d2r {
  opacity: 0.0;
  transform: translateX(-20px) scale(1.1);
  transition: opacity 250ms ease-out, transform 250ms ease-out;
  transition-delay: 100ms;
}
.d2r {
  transition-delay: 100ms;
  transform: scale(1.1);
}
.showing .d1r,
.showing .d2r {
  opacity: 1.0;
  transform: translateX(0px) scale(1);
}
#cycler img {
  position: absolute;
  z-index: 1;
}
#cycler img.active {
  z-index: 3;
}
.customTooltip {
  background-color: rgba(255, 255, 255, 0.06) !important;
  font-weight: 100 !important;
}
.nopointerevents {
  pointer-events: none;
}
.mouseBlocker,
#mouseBlocker {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  pointer-events: all;
}
.twoFactorInput {
  text-align: center;
  font-size: 1.8em;
}
.promoDark {
  font-size: 0.8em;
  padding-top: 1em;
  color: #ff4646;
  background: #30262c;
  border-radius: 2px;
  font-weight: 600;
  letter-spacing: .5px;
  padding: 3px;
}
.promoDark.credit {
  color: #4698ff;
  background: #28293d;
}
.promoAmount {
  color: white !important;
}
.mountPoint {
  text-transform: uppercase;
  background: #1e202a;
  padding: 3px;
  /* border: 1px solid #0f131a; */
  color: #565968 !important;
  text-shadow: -1px -1px #070707;
  font-size: .9em;
  border-radius: 2px;
}
.psbadge-alert {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 18px;
  height: 18px;
  color: #ffdaec;
  font-size: .9em;
  background: #ff214c;
  box-shadow: 0px 1px 12px rgba(124, 110, 163, 0.8);
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 800;
}
.psbadge {
  opacity: 0.0;
  pointer-events: none;
  transform: scale(0.5);
  transition: transform 300ms ease-out, opacity 300ms ease-out;
  cursor: pointer;
}
.psbadge.visible {
  opacity: 1.0;
  pointer-events: all;
  transform: scale(1);
}
h1.punch {
  font-family: 'Daytona W04 Fat Italic';
  font-size: 5em;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 2px;
  line-height: 1.2em;
}
.ReactModal__Body--open {
  overflow-y: hidden;
}
.wideFlex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.bottomThings {
  text-transform: uppercase;
  font-size: .7em;
  font-weight: 800;
  border-top: 1px solid #363a49;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  height: 2em;
}
.bottomThings .bottomItem {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: center;
  justify-content: center;
}
.bottomThings .bottomItem:first-child {
  white-space: nowrap;
  overflow: hidden;
  border-right: 1px solid #363a49;
}
#NativeSettings {
  background: white;
  position: absolute;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
#NativeSettings h1,
#NativeSettings h2,
#NativeSettings h3,
#NativeSettings h4,
#NativeSettings h5 {
  color: #303055;
}
#NativeSettings h2 {
  font-weight: 600;
  font-size: 20px;
}
#NativeSettings h3 {
  font-size: 2.4em;
}
#NativeSettings p {
  color: #848a9b;
}
#NativeSettings .Select-control:hover {
  box-shadow: 0 5px 20px rgba(53, 60, 77, 0.06);
}
#NativeSettings .Select-control {
  background-color: #fff;
  border-radius: 30px;
  border: 3px solid #e7e9ed;
}
#NativeSettings .PreferenceItem {
  max-width: 275px;
}
#NativeSettings .PortlandSwitch {
  content: '';
  display: inline-block;
  position: relative;
  width: 4em;
  height: 2.5em;
  color: rgba(0, 0, 0, 0.3);
  background-color: #e4e7ef;
  border-radius: 24px;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
#NativeSettings .PortlandSwitch .knob {
  border-radius: 50%;
  background-color: #fff;
  z-index: 1;
  transition: transform 0.3s ease, border-color 0.1s ease;
  position: absolute;
  left: 0;
  top: 50%;
  height: 1.5em;
  width: 1.5em;
  border: 2px solid #fff;
  box-shadow: 0 10px 25px 0 rgba(34, 35, 40, 0.4);
  transform: translate3d(0.3025em, -50%, 0);
}
#NativeSettings .PortlandSwitch.active {
  background-color: #4be1ab;
}
#NativeSettings .PortlandSwitch.active .knob {
  transform: translate3d(2em, -50%, 0);
}
.tutorialSection {
  background: #0e1219;
  position: relative;
  max-height: 1000px;
  overflow: hidden;
}
.mobile .tutorialSection {
  max-height: 1500px;
}
.tutorial {
  border-radius: 3px;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border: 1px solid #363A49;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  padding: 0em 1em;
  transition: all 200ms ease-out;
  margin: 2em 0;
  margin-bottom: 0;
  width: 200px;
}
.tutorial h4 {
  color: white;
}
.tutorial:hover {
  box-shadow: 0 0 100px rgba(241, 240, 255, 0.12);
}
.tutorial.half {
  height: 200px;
}
.tutorial.locked:hover {
  box-shadow: none;
}
.flexRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: row;
  flex-direction: row;
}
#faderightleft {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #0e1219 100%);
  z-index: 99;
}
.pricingWhite {
  border: 1px solid #efefef;
  border-radius: 4px;
  width: 180px;
  float: left;
  height: 350px;
  padding: 2em;
  font-size: 18px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  margin: 2em;
}
.pricingWhite .titleP {
  font-size: 2em;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.pricingWhite .detailP {
  color: gray;
  font-size: 14px;
}
.pricingWhite .priceP {
  margin-top: 1em;
  font-weight: 600;
  font-size: 1.2em;
  color: #499aff;
}
.pricingWhite .priceP span {
  font-weight: 200;
  font-size: .8em;
}
.useCaseBlokk {
  padding: 2em;
  border-radius: 4px;
  margin: 2em auto;
  box-shadow: 0 0 30px #e2e6ed;
  max-width: 300px;
  min-height: 300px;
  text-align: center;
  transition: all 200ms ease-out;
}
.useCaseBlokk .imgDiv {
  background: #f5f8fc;
  width: 70px;
  height: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 70px;
}
a.useCaseBlokk {
  display: block;
  cursor: pointer;
  transition: all 200ms ease-out;
  color: inherit;
}
a.useCaseBlokk:hover {
  transition: all 200ms ease-out;
  box-shadow: 0 0 60px #b5bcc9;
}
.BIGTITLE {
  font-size: 6em;
  line-height: 1.3em;
}
.referralCodeDiv:hover {
  box-shadow: 0 0 100px rgba(241, 240, 255, 0.12);
}
#statusFooterLink {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
#caseStudy1 {
  height: 300px;
}
#ctaSection {
  padding: 5em;
}
.safariDropdown {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  appearance: menulist !important;
}
.mobile .safariDropdown {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.comparisonHeader {
  opacity: 0.8;
  padding: 1.5em 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-weight: 600;
  color: #303052;
  text-align: center;
}
.comparisonHeader span {
  width: 14.28%;
  margin: auto;
  text-align: center;
}
.comparisonTable {
  background: white;
  border-radius: 2px;
  font-size: 1.3em;
  box-shadow: 0 6px 68px rgba(97, 154, 255, 0.48);
}
.comparisonTable .comparisonRow {
  padding: 1.5em 1em;
  border-bottom: 1px solid #eceef2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.comparisonTable .comparisonRow .differentiator {
  font-size: .6em;
  font-weight: 800;
}
.comparisonTable .comparisonRow.paperspace {
  background-color: #eefaff;
  color: #363663;
}
.comparisonTable .comparisonRow.paperspace span {
  font-weight: 800;
}
.comparisonTable .comparisonRow.paperspace span .differentiator {
  color: #34cc6a;
}
.comparisonTable .comparisonRow span {
  width: 14.28%;
  margin: auto;
  text-align: center;
}
input.roundWhite {
  -webkit-appearance: none;
  border: none;
  border-radius: 3px;
  padding: 14px 18px;
  margin: auto;
  transition: box-shadow 300ms ease-out !important;
  box-shadow: 0 3px 38px rgba(58, 68, 101, 0);
  color: #14123b;
}
input.roundWhite:active,
input.roundWhite:focus {
  box-shadow: 0 3px 38px rgba(58, 68, 101, 0.29);
}
input.roundWhite::-webkit-input-placeholder {
  color: rgba(20, 18, 59, 0.62);
}
/*------------------------------------------------------------------
[1a. Layouts - Smallest]
*/
@media screen and (max-width: 640px) {
  .invisibleMobile {
    display: none !important;
    opacity: 0.0;
  }
  #ctaSection {
    padding: 1em;
  }
  #caseStudy1 {
    height: 400px;
  }
  #caseStudy2 {
    height: 500px;
  }
  .fullscreenNEW {
    max-height: 1000px;
  }
  h1.punch {
    font-size: 4em;
  }
  .pricingWhite {
    margin: 2em auto;
    float: none;
  }
  .BIGTITLE {
    font-size: 4em;
    line-height: 1.2em;
  }
  .flexStackMobileR {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flexStackMobileC {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flexMenu {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  .flexMenu ul {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
  .flexMenu #psButton {
    padding-bottom: 1em;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flexMenu #psButton .dropdown {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .pricingContainer {
    max-width: 300px;
  }
  #headerSplash {
    padding: 1em;
  }
  h1 {
    font-size: 250%;
  }
  .centerMobile {
    text-align: center;
    margin: auto;
  }
  h2 {
    font-size: 27px;
    line-height: 35px;
  }
  h3 {
    font-size: 22px;
    line-height: 31.88px;
  }
  h4 {
    font-size: 17px;
    line-height: 20px;
  }
  .quote {
    padding: 3em 0em 3em 0em;
  }
  .logoHero {
    font: 40px/1 "Flama", sans-serif;
    font-weight: 600;
    font-style: italic;
    color: #000;
    padding-bottom: 1em;
  }
  .punchline {
    font-size: 200%;
  }
  .punchline2 {
    font-size: 200%;
  }
  #psConsole {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    display: none;
  }
  .social-icons {
    list-style: none;
    overflow: hidden;
    display: block;
    width: 100%;
    padding-top: 1em;
  }
  .mainNav .menu {
    width: 100%;
  }
  #SearchBoxContainer {
    margin-left: auto;
    margin-right: auto;
  }
  .teamWizard .tMenu {
    -ms-flex-flow: column wrap !important;
    flex-flow: column wrap !important;
  }
  .teamWizard .tblockContainer {
    -ms-flex-flow: column !important;
    flex-flow: column !important;
  }
  .teamWizard .tblockContainer .tBlok {
    width: auto !important;
    margin: 0.5em;
  }
  .teamWizard .tContent {
    padding-top: 1em !important;
  }
  .mListToggle {
    display: none !important;
  }
  .tTop {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .machineCountHeader {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .wideFlex {
    display: block;
  }
  .placeHolder {
    position: relative !important;
    left: auto !important;
    top: 11px !important;
  }
}
/*------------------------------------------------------------------
[1b. Layouts - Narrow]
*/
@media screen and (min-width: 640px) and (max-width: 960px) {
  .flexStackMobileR {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flexStackMobileC {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #fixedHeader {
    display: none !important;
  }
  .flexMenu {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  .flexMenu ul {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
  .flexMenu #psButton {
    padding-bottom: 1em;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flexMenu #psButton .dropdown {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .pricingContainer {
    max-width: 300px;
  }
  #header.teams {
    background-size: cover;
    background-position-y: -8%;
  }
  .centerMobile {
    text-align: center;
    margin: auto;
  }
  .social-icons {
    float: none;
    margin-top: 20px;
  }
  .mainNav a {
    white-space: nowrap;
  }
  .mainNav .menu {
    float: none;
  }
  .factoidSVG {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20em;
    padding-left: 4em;
  }
  .container.wide {
    padding: 0em 6em 0em 6em;
  }
  .mainNav li a {
    margin-left: 20px;
    margin-right: 20px;
  }
  .profile-dropdown li a {
    margin-left: inherit;
    margin-right: inherit;
  }
  .punchline {
    font-size: 175%;
  }
  .punchline2 {
    font-size: 200%;
  }
  /*****************************
  	Footer
  *****************************/
  #footer {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 40px;
  }
  #footerNav .sections {
    width: auto;
    margin: 0 80px 50px 0;
  }
  #footerNav .social {
    float: right;
    clear: none;
  }
  #footerNav .social li {
    margin-left: 10px;
  }
  #footer .copyright {
    float: left;
  }
  #footer .legal {
    float: right;
  }
  .borderRightSplit {
    border-right: 1px solid #262937;
  }
  #videoNode {
    max-width: 60%;
  }
  .createMachineForm {
    width: 400px;
  }
}
/*------------------------------------------------------------------
[1c. Layouts - Normal]
*/
@media screen and (min-width: 960px) {
  .nativeappLaunchImage {
    max-width: 200%;
  }
  .pricingWhite {
    width: 200px;
    margin: 0em 0em 0em 1em;
  }
  #header.teams {
    background-image: linear-gradient(180deg, black, rgba(0, 0, 0, 0.2)), url(/images/bigBG.jpg);
    background-size: cover;
    background-position-y: -62%;
  }
  .flexPsButtonContainer {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .flexPsButtonContainer a {
    margin: 0;
  }
  .flexPsButtonContainer .button {
    margin-bottom: 0em;
    margin-right: 1em;
  }
  #fixedHeader .mainNav {
    float: right;
  }
  #fixedHeader .branding {
    float: left;
  }
  #fixedHeader .branding .container {
    text-align: left;
  }
  #psButtonContainer {
    display: block;
  }
  .centerMobile {
    text-align: left;
    margin: auto;
  }
  .topLI:after {
    margin: 0 !important;
  }
  .container.wide {
    padding: 0em 6em 0em 6em;
  }
  #gridstyle {
    padding: 10em;
  }
  /*where the paperspace logo is*/
  .branding .container {
    text-align: center;
  }
  #headerSplash.container {
    width: 2470px;
  }
  .factoidSVG {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20em;
    padding-left: 5em;
  }
  .logoHero {
    padding-bottom: 0em;
  }
  #header .inner {
    padding: 40px;
  }
  /* Nav*/
  .mainNav li a {
    margin-right: 6px;
  }
  .mainNav .menu {
    float: left;
  }
  .social-icons {
    float: right;
  }
  .social-icons li a {
    margin-right: 0px;
    margin-left: 60px;
  }
  .punchline {
    font-size: 185%;
  }
  .subPunchline {
    font-size: 150%;
  }
  .punchline2 {
    font-size: 250%;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .branding .container {
    text-align: left;
  }
  /*****************************
  	Footer
  *****************************/
  #footer {
    padding: 60px;
  }
  #footerNav .sections,
  #footerNav .clients {
    margin: 0 70px 50px 0;
  }
  .punchline {
    font-size: 275%;
  }
  .branding .container {
    text-align: left;
  }
  .mainNav li a {
    margin-right: 6px;
  }
  #videoNode {
    max-width: 60%;
  }
  .createMachineForm {
    width: 400px;
  }
}
/*------------------------------------------------------------------
[7. Alerts]
*/
.alert {
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  padding: 9px 19px 9px 15px;
  border-radius: 3px;
  font-size: 13px;
  border-width: 0;
  transition: all 0.2s linear 0s;
}
.alert.bordered {
  border-width: 1px;
}
.alert .link {
  color: #ce8f22;
  font-weight: bold;
}
.alert .alert-heading {
  color: #ce8f22 !important;
  margin-bottom: 5px;
  font-weight: 600;
}
.alert .btn-small {
  position: relative;
  top: -3.5px;
}
.alert .button-set .btn {
  position: relative;
  top: 8px;
}
.alert .close {
  background: url("/images/noti-cross.png") no-repeat scroll 0 0 transparent;
  background-position: -9px -10px;
  width: 10px;
  height: 9px;
  position: relative;
  opacity: 0.8;
  top: 4.5px;
  margin-left: 20px;
  font-size: 0;
}
.alert .close:hover {
  opacity: 1;
}
/* Alert : Color Options
------------------------------------
*/
.alert-danger,
.alert-error {
  background-color: #fddddd;
  color: #933432;
  border-color: #933432;
}
.alert-danger .close,
.alert-error .close {
  background-position: -95px -10px !important;
}
.alert-error.no-background {
  color: red;
  background-color: initial;
}
.alert-warning {
  background-color: #FFDB6A;
  color: #77715C;
  border-color: #77715C;
}
.alert-info {
  background-color: #daeffd;
  color: #2b6a94;
  border-color: #2b6a94;
}
.alert-info .close {
  background-position: -67px -10px !important;
}
.alert-success {
  background-color: #cff5f2;
  color: #0a7c71;
  border-color: #0a7c71;
}
.alert-success .close {
  background-position: -38px -10px !important;
}
.alert-default {
  background-color: #fff;
  color: #626262;
  border-color: #e6e6e6;
}
.alert-default .close {
  background-position: -67px -10px !important;
}
.alert-can-activate {
  transition: all 100ms;
  transform: scale(1);
}
.alert-can-activate.active {
  transform: scale(1.03);
}
/**
 * AWS STATE
 */
.state-on {
  background-color: #00D3FF;
  color: #2d74ff;
  border-radius: 2px;
  padding: .4em .8em;
}
.state-off,
.state-pending {
  padding: .4em .8em;
  border-radius: 2px;
}
.state-pending {
  background-color: #FFCC47;
  color: #8A572A;
}
.state-pending {
  background-color: #FFDFC8;
  color: #EC5151;
}
.state-off {
  color: #0e1219;
  background-color: #3B4050;
}
/*------------------------------------------------------------------
[6. Buttons]
*/
/*
[Buttons Base Styles]
*/
.btn {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-weight: 500;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-image: none !important;
  color: #626262;
  background-color: #fff ;
  text-shadow: none;
  box-shadow: none;
  line-height: 21px;
  padding-left: 17px;
  padding-right: 17px;
  padding: 18px 36px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
}
.btn:hover {
  background-color: #fafafa;
  border: 1px solid rgba(98, 98, 98, 0.27);
}
.btn.active {
  border-color: #e6e6e6;
  background: #fff;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none !important;
  outline-style: none;
}
.btn .caret {
  margin-left: 3px;
}
.btn .caret.single {
  margin-left: 0px;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  box-shadow: none;
}
button:focus {
  outline: none !important;
}
/*
Alternate buttons
--------------------------------------------------
*/
.btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #6d5cae;
  border-color: #6d5cae;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary.active:focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open .dropdown-toggle.btn-primary {
  background-color: #584b8d;
  border-color: #584b8d;
  color: #fff;
}
.btn-primary.hover,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
  background-color: #8a7dbe;
  border-color: #8a7dbe;
  color: #fff;
}
.btn-primary.active:hover {
  background: #5e4f96;
  border-color: #5e4f96;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #6d5cae;
  border-color: #6d5cae;
}
.btn-primary .badge {
  color: #6d5cae;
  background-color: #fff;
}
.btn-success,
.btn-success:focus {
  color: #fff;
  background-color: #10cfbd;
  border-color: #10cfbd;
}
.btn-success.active,
.btn-success:active,
.btn-success.active:focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open .dropdown-toggle.btn-success {
  background-color: #0da899;
  border-color: #0da899;
  color: #fff;
}
.btn-success.hover,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
  background-color: #40d9ca;
  border-color: #40d9ca;
  color: #fff;
}
.btn-success.active:hover {
  background: #0eb2a3;
  border-color: #0eb2a3;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #10cfbd;
  border-color: #10cfbd;
}
.btn-success .badge {
  color: #10cfbd;
  background-color: #fff;
}
.btn-complete,
.btn-complete:focus {
  color: #fff;
  background-color: #48b0f7;
  border-color: #48b0f7;
}
.btn-complete.active,
.btn-complete:active,
.btn-complete.active:focus,
.btn-complete:active:focus,
.btn-complete:active:hover,
.open .dropdown-toggle.btn-complete {
  background-color: #3a8fc8;
  border-color: #3a8fc8;
  color: #fff;
}
.btn-complete.hover,
.btn-complete:hover,
.open .dropdown-toggle.btn-complete {
  background-color: #6dc0f9;
  border-color: #6dc0f9;
  color: #fff;
}
.btn-complete.active:hover {
  background: #3e97d4;
  border-color: #3e97d4;
}
.btn-complete.disabled,
.btn-complete[disabled],
fieldset[disabled] .btn-complete,
.btn-complete.disabled:hover,
.btn-complete[disabled]:hover,
fieldset[disabled] .btn-complete:hover,
.btn-complete.disabled:focus,
.btn-complete[disabled]:focus,
fieldset[disabled] .btn-complete:focus,
.btn-complete.disabled:active,
.btn-complete[disabled]:active,
fieldset[disabled] .btn-complete:active,
.btn-complete.disabled.active,
.btn-complete[disabled].active,
fieldset[disabled] .btn-complete.active {
  background-color: #48b0f7;
  border-color: #48b0f7;
}
.btn-complete .badge {
  color: #48b0f7;
  background-color: #fff;
}
.btn-info,
.btn-info:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-info.active,
.btn-info:active,
.btn-info.active:focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open .dropdown-toggle.btn-info {
  background-color: #000000;
  border-color: #000000;
  color: #fff;
}
.btn-info.hover,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
  background-color: #333333;
  border-color: #333333;
  color: #fff;
}
.btn-info.active:hover {
  background: #000000;
  border-color: #000000;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #000;
  border-color: #000;
}
.btn-info .badge {
  color: #000;
  background-color: #fff;
}
.btn-warning,
.btn-warning:focus {
  color: #fff;
  background-color: #f8d053;
  border-color: #f8d053;
}
.btn-warning.active,
.btn-warning:active,
.btn-warning.active:focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open .dropdown-toggle.btn-warning {
  background-color: #c9a843;
  border-color: #c9a843;
  color: #fff;
}
.btn-warning.hover,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
  background-color: #f9d975;
  border-color: #f9d975;
  color: #fff;
}
.btn-warning.active:hover {
  background: #d5b347;
  border-color: #d5b347;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f8d053;
  border-color: #f8d053;
}
.btn-warning .badge {
  color: #f8d053;
  background-color: #fff;
}
.btn-danger,
.btn-danger:focus {
  color: #fff;
  background-color: #f55753;
  border-color: #f55753;
}
.btn-danger.active,
.btn-danger:active,
.btn-danger.active:focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open .dropdown-toggle.btn-danger {
  background-color: #c64643;
  border-color: #c64643;
  color: #fff;
}
.btn-danger.hover,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
  background-color: #f77975;
  border-color: #f77975;
  color: #fff;
}
.btn-danger.active:hover {
  background: #d34b47;
  border-color: #d34b47;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #f55753;
  border-color: #f55753;
}
.btn-danger .badge {
  color: #f55753;
  background-color: #fff;
}
.btn-default,
.btn-default:focus {
  color: #5e5e5e;
  background-color: #fff;
  border-color: #f0f0f0;
}
.btn-default.active,
.btn-default:active,
.btn-default.active:focus,
.btn-default:active:focus,
.btn-default:active:hover {
  background-color: #f0f0f0;
  border-color: #e6e6e6;
  color: #2c2c2c;
}
.btn-default.hover,
.btn-default:hover {
  background-color: #fafafa;
  border-color: rgba(98, 98, 98, 0.27);
  color: #1a1a1a;
}
.btn-default.active:hover {
  background: #f0f0f0;
}
.btn-link {
  color: #5e5e5e;
  background-color: transparent;
  border: none;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.btn-link.disabled,
.btn-link[disabled] {
  background-color: transparent;
  border: none;
  text-decoration: none;
  outline: none;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
/*
Button Sizes
--------------------------------------------------
*/
.btn-lg,
.btn-group-lg > .btn {
  padding-left: 28px;
  padding-right: 28px;
  line-height: 23px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 11.9px;
  line-height: 20px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 2px 9px;
  font-size: 10.5px;
}
.btn-cons {
  margin-right: 5px;
  min-width: 120px;
}
/*
Rounded buttons
--------------------------------------------------
*/
.btn-rounded {
  border-radius: 100px;
}
/*
 Dropdown menus
--------------------------------------------------
*/
.btn-group.open .dropdown-toggle,
.open .dropdown-toggle,
.open.dropdown-default .dropdown-toggle {
  box-shadow: none;
}
/* Pages default dropdown */
.dropdown-default {
  display: inline-block;
}
.dropdown-default.open > .btn.dropdown-toggle {
  border-color: transparent !important;
  background: transparent !important;
  z-index: 791 !important;
}
.dropdown-default.open .dropdown-menu {
  opacity: 1;
  transform: scale(1, 1);
  z-index: 700;
}
.dropdown-default.open .dropdown-menu li {
  visibility: visible;
}
.dropdown-default.open.dropup > .btn-primary + .dropdown-menu:after,
.dropdown-default.open.dropup > .btn-success + .dropdown-menu:after,
.dropdown-default.open.dropup > .btn-complete + .dropdown-menu:after,
.dropdown-default.open.dropup > .btn-warning + .dropdown-menu:after,
.dropdown-default.open.dropup > .btn-danger + .dropdown-menu:after,
.dropdown-default.open.dropup > .btn-info + .dropdown-menu:after {
  top: auto;
  bottom: 0;
}
.dropdown-default.open > .btn-primary + .dropdown-menu:after,
.dropdown-default.open > .btn-success + .dropdown-menu:after,
.dropdown-default.open > .btn-complete + .dropdown-menu:after,
.dropdown-default.open > .btn-warning + .dropdown-menu:after,
.dropdown-default.open > .btn-danger + .dropdown-menu:after,
.dropdown-default.open > .btn-info + .dropdown-menu:after {
  top: 0;
  height: 42px;
}
.dropdown-default.open > .btn-primary + .dropdown-menu:after {
  background-color: #6d5cae;
}
.dropdown-default.open > .btn-success + .dropdown-menu:after {
  background-color: #10cfbd;
}
.dropdown-default.open > .btn-complete + .dropdown-menu:after {
  background-color: #48b0f7;
}
.dropdown-default.open > .btn-warning + .dropdown-menu:after {
  background-color: #f8d053;
}
.dropdown-default.open > .btn-danger + .dropdown-menu:after {
  background-color: #f55753;
}
.dropdown-default.open > .btn-info + .dropdown-menu:after {
  background-color: #000;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-lg + .dropdown-menu {
  margin-bottom: -47px;
  padding-bottom: 49px;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-lg + .dropdown-menu:after {
  bottom: 49px;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-sm + .dropdown-menu {
  margin-bottom: -34px;
  padding-bottom: 36px;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-sm + .dropdown-menu:after {
  bottom: 36px;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-xs + .dropdown-menu {
  margin-bottom: -29px;
  padding-bottom: 31px;
}
.dropdown-default.dropup .btn.dropdown-toggle.btn-xs + .dropdown-menu:after {
  bottom: 31px;
}
.dropdown-default.dropup .dropdown-menu {
  margin-bottom: -40px;
  padding: 0 3px 44px 0 !important;
  transform-origin: center bottom 0;
}
.dropdown-default.dropup .dropdown-menu:after {
  bottom: 43px;
  top: auto !important;
}
.dropdown-default .btn.dropdown-toggle {
  text-align: left;
  padding-right: 27px;
}
.dropdown-default .btn.dropdown-toggle.btn-lg {
  padding-right: 42px;
}
.dropdown-default .btn.dropdown-toggle.btn-lg .caret {
  right: 26px;
}
.dropdown-default .btn.dropdown-toggle.btn-lg + .dropdown-menu {
  margin-top: -47px;
  padding-top: 49px;
}
.dropdown-default .btn.dropdown-toggle.btn-lg + .dropdown-menu:after {
  top: 49px;
}
.dropdown-default .btn.dropdown-toggle.btn-sm {
  padding-right: 26px;
}
.dropdown-default .btn.dropdown-toggle.btn-sm .caret {
  right: 16px;
}
.dropdown-default .btn.dropdown-toggle.btn-sm + .dropdown-menu {
  margin-top: -34px;
  padding-top: 36px;
}
.dropdown-default .btn.dropdown-toggle.btn-sm + .dropdown-menu:after {
  top: 36px;
}
.dropdown-default .btn.dropdown-toggle.btn-xs {
  padding-right: 21px;
}
.dropdown-default .btn.dropdown-toggle.btn-xs .caret {
  right: 8px;
}
.dropdown-default .btn.dropdown-toggle.btn-xs + .dropdown-menu {
  margin-top: -29px;
  padding-top: 31px;
}
.dropdown-default .btn.dropdown-toggle.btn-xs + .dropdown-menu:after {
  top: 31px;
}
.dropdown-default .btn.dropdown-toggle .caret {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -2px;
}
.dropdown-default .btn-rounded {
  padding-left: 17px;
  padding-right: 17px;
}
.dropdown-default .btn-rounded + .dropdown-menu {
  border-radius: 17px;
}
.dropdown-default .dropdown-menu {
  margin-top: -40px;
  padding-top: 42px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  opacity: 0;
  transform: scale(1, 0);
  transform-origin: center top 0;
  transition: all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
  z-index: -1;
}
.dropdown-default .dropdown-menu:after {
  content: "";
  position: absolute;
  height: 1px;
  left: 0;
  top: 42px;
  background: #e6e6e6;
  width: 100%;
}
.dropdown-default .dropdown-menu li {
  visibility: hidden;
}
.dropdown-menu {
  position: absolute;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  box-shadow: 0px 0px 5px rgba(98, 98, 98, 0.2);
  border: none;
  border-radius: 3px;
  font-size: 13px;
  margin: 0;
  background: #fafafa;
  min-width: 50px;
  z-index: 700;
}
.dropdown-menu .divider {
  background-color: #e6e6e6;
  height: 1px;
  margin: 3px 0;
  border-bottom: 0px;
}
.dropdown-menu > li {
  padding-left: 0px;
}
.dropdown-menu > li:first-child {
  padding-top: 9px;
}
.dropdown-menu > li:last-child {
  padding-bottom: 9px;
}
.dropdown-menu > li.dropdown-header {
  padding: 3px 20px;
}
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus {
  color: #1a1a1a;
  text-decoration: none;
  background-color: #f0f0f0;
  background-image: none;
}
.dropdown-menu > li.disabled > a,
.dropdown-menu > li.disabled > a:hover,
.dropdown-menu > li.disabled > a:focus {
  color: #959595;
}
.dropdown-menu > li.disabled > a:hover,
.dropdown-menu > li.disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
}
.dropdown-menu > li > a {
  line-height: 35px;
  color: #626262;
  padding: 0 20px;
  border-radius: 3px;
  text-align: left;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #1a1a1a;
  text-decoration: none;
  background-color: transparent;
  background-image: none;
}
.dropdown-backdrop {
  z-index: 600;
}
/*
Animated buttons
--------------------------------------------------
*/
.btn-animated {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.btn-animated > span {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.2s ease-in-out;
  transform-style: preserve-3d;
}
.btn-animated:before {
  position: absolute;
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 2.5;
  transition: all 0.2s ease-in-out;
}
.btn-animated:after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.2s ease-in-out;
}
.btn-animated.from-top:before {
  left: 0;
  top: -100%;
}
.btn-animated.from-top:hover:before,
.btn-animated.from-top.show-icon:before {
  top: 0;
}
.btn-animated.from-top:hover > span,
.btn-animated.from-top.show-icon > span {
  transform: translateY(300%);
}
.btn-animated.from-left:before {
  left: -100%;
  top: 0;
}
.btn-animated.from-left:hover:before,
.btn-animated.from-left.show-icon:before {
  left: 0;
}
.btn-animated.from-left:hover > span,
.btn-animated.from-left.show-icon > span {
  transform: translateX(200%);
}
.btn-animated.fa:before {
  font-family: FontAwesome;
}
.btn-animated.pg:before {
  font-family: "pages-icon";
}
/*
Tag buttons
--------------------------------------------------
*/
.btn-tag {
  line-height: 17px;
  border-radius: 17px 3px 3px 17px;
  padding: 5px 19px;
}
.btn-tag:hover,
.btn-tag.hover {
  border-color: transparent;
}
.btn-tag.btn-tag-light {
  background: #fafdff;
  color: #5b8ca5;
  border: 1px solid #cbe4f0;
}
.btn-tag.btn-tag-light:hover {
  background: #fff;
}
.btn-tag.btn-tag-dark {
  background: #e6e6e6;
  color: #626262;
}
.btn-tag.btn-tag-dark:hover {
  background: #ebebeb;
}
.btn-tag.btn-tag-rounded {
  border-radius: 17px;
}
/*
Misc buttons
--------------------------------------------------
*/
.btn-toolbar .btn {
  padding-left: 14px;
  padding-right: 14px;
}
.pager .disabled > button,
.pager .disabled > button:hover,
.pager .disabled > button:focus,
.pager .disabled > span {
  cursor: not-allowed;
  opacity: .5;
}
button.close {
  opacity: 1.0;
  text-shadow: none;
  color: black;
  max-width: initial;
  font-size: 21px !important;
  margin-top: -20px;
}
.alert button.close {
  margin-top: 0;
}
button,
.button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  cursor: pointer;
  padding: 14px 18px;
  box-sizing: border-box;
  border: none;
  width: 100%;
  font-size: 11px !important;
  font-family: inherit;
  white-space: nowrap;
  text-align: center;
  border: 3px solid;
  border-radius: 3em;
  text-transform: uppercase;
  letter-spacing: 1.85px;
  width: initial;
}
button.black,
.button.black {
  color: #C1C1C1;
  border-color: black;
  background-color: black;
}
button.black:hover,
.button.black:hover {
  background-color: #1b1b1b;
  border-color: #1b1b1b;
}
button.signup,
.button.signup {
  color: #1b1b1b;
  border-color: white;
  background-color: white;
}
button.signup:hover,
.button.signup:hover {
  border-color: #efefef;
  background-color: #efefef;
}
button.blueCTA,
.button.blueCTA {
  background: #499aff;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1.85px;
  border: none;
}
button.successCTA,
.button.successCTA {
  background: #38f1bd;
  color: #0a7c71;
  text-transform: uppercase;
  letter-spacing: 1.85px;
  border: none;
}
button.successCTA::before,
.button.successCTA::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00c";
  margin-right: .8em;
}
button.successCTA:disabled,
.button.successCTA:disabled {
  opacity: 1.0 !important;
}
button.topCTA,
.button.topCTA {
  border-color: #499aff;
  text-transform: uppercase;
  letter-spacing: 1.85px;
  width: initial;
  padding: 12px 18px;
  border: none;
  background: #499aff;
  color: white;
  float: right;
  font-size: 11px;
}
button.deactivate,
.button.deactivate {
  color: #ff9c4a;
  color: #330b0f;
  font-weight: 800;
  background-color: #ED4151;
  border: 2px solid #ED4151;
}
button.deactivate:hover,
.button.deactivate:hover {
  background-color: #e44251;
}
button.console,
.button.console {
  color: #ff9c4a;
  font-weight: 800;
  background-color: #ED4151;
  border: 2px solid #ED4151;
}
button.console:hover,
.button.console:hover {
  background-color: #e44251;
}
button.flat.white,
.button.flat.white {
  border-color: white;
  text-transform: uppercase;
  letter-spacing: 1.85px;
  width: initial;
  padding: 12px 18px;
  border: none;
  background-color: white;
  color: black;
  float: right;
  font-size: 11px;
}
button.flat.whiteBlueGlo,
.button.flat.whiteBlueGlo {
  color: #1b1b1b;
  box-shadow: 0px 5px 24px rgba(77, 138, 255, 0.52);
  background: white;
  text-transform: none;
  font-weight: 400 !important;
  border: none;
  width: initial;
  float: left;
  font-size: 1em !important;
}
button.flat.whiteBlueGlo:hover,
.button.flat.whiteBlueGlo:hover {
  box-shadow: 0px 5px 24px rgba(77, 138, 255, 0.7);
  background: white;
}
button.flat.blueBlueGlo,
.button.flat.blueBlueGlo {
  color: #ffffff;
  box-shadow: 0px 5px 24px rgba(255, 77, 225, 0.21);
  background: #3787ff;
  text-transform: none;
  font-weight: 400 !important;
  border: none;
  width: initial;
  float: left;
  font-size: 1em !important;
}
button.hollow,
.button.hollow {
  transition: opacity 300ms, background-color 300ms, color 300ms, border-color 300ms, width 100ms ease-in, padding 300ms;
}
button.hollow.mini,
.button.hollow.mini {
  display: inline-block;
  letter-spacing: initial;
  text-transform: none;
}
button.hollow.mini.whitepaper,
.button.hollow.mini.whitepaper {
  border: none;
  padding: 6px 12px;
  color: black;
}
button.hollow.mini.flatgray,
.button.hollow.mini.flatgray {
  color: #0e1219;
  border-radius: 40px;
  padding: .4em .8em;
  border: none;
  font-size: .8em;
  transition: all 200ms;
  background: #e5e5e5;
}
button.hollow.mini.flatgray .pg-close,
.button.hollow.mini.flatgray .pg-close {
  width: 1px;
  opacity: 0;
  transition: all 200ms;
}
button.hollow.mini.delete,
.button.hollow.mini.delete {
  background-color: inherit;
  color: #5E6675;
  border-radius: 40px;
  padding: .4em .8em;
  border: 2px solid #5E6675;
  font-size: .8em;
  transition: all 200ms;
  background: #0e1219;
}
button.hollow.mini.delete .pg-close,
.button.hollow.mini.delete .pg-close {
  width: 1px;
  opacity: 0;
  transition: all 200ms;
}
button.hollow.mini.delete:hover,
.button.hollow.mini.delete:hover {
  color: #FFE5CA;
  border: 2px solid #ED4151;
}
button.hollow.mini.delete:hover .pg-close,
.button.hollow.mini.delete:hover .pg-close {
  color: #ED4151;
  width: initial;
  opacity: 1.0;
}
button.hollow.mini.inactive.delete:hover,
.button.hollow.mini.inactive.delete:hover {
  cursor: default;
  color: #5E6675;
  border: 2px solid #5E6675;
}
button.hollow.mini.inactive.delete:hover .pg-close,
.button.hollow.mini.inactive.delete:hover .pg-close {
  width: 1px;
  opacity: 0.0;
}
button.hollow.mini.restore,
.button.hollow.mini.restore {
  background-color: inherit;
  color: #5E6675;
  border-radius: 40px;
  padding: .4em .8em;
  border: 2px solid #5E6675;
  background: #0e1219;
  font-size: .8em;
  transition: all 200ms;
}
button.hollow.mini.restore .pg-plus,
.button.hollow.mini.restore .pg-plus {
  width: 1px;
  opacity: 0;
  transition: all 200ms;
}
button.hollow.mini.restore:hover,
.button.hollow.mini.restore:hover {
  color: #FFE5CA;
  border: 2px solid #8DEAD0;
}
button.hollow.mini.restore:hover .pg-plus,
.button.hollow.mini.restore:hover .pg-plus {
  color: #8DEAD0;
  width: initial;
  opacity: 1.0;
}
button.hollow.mini.inactive.hover:hover,
.button.hollow.mini.inactive.hover:hover {
  cursor: default;
  color: #5E6675;
  border: 2px solid #5E6675;
}
button.hollow.mini.inactive.hover:hover .pg-close,
.button.hollow.mini.inactive.hover:hover .pg-close {
  width: 1px;
  opacity: 0.0;
}
button.hollow.whiteGlo,
.button.hollow.whiteGlo {
  color: #fff;
  box-shadow: 0px 0px 35px rgba(255, 255, 255, 0.16);
  background-color: inherit;
  transition: box-shadow 200ms ease-out;
}
button.hollow.whiteGlo:hover,
.button.hollow.whiteGlo:hover {
  box-shadow: 0px 0px 85px rgba(255, 255, 255, 0.26);
  background-color: rgba(115, 115, 115, 0.11);
  color: white;
}
button.hollow.mint,
.button.hollow.mint {
  color: #8DEAD0;
  border-color: #8DEAD0;
  background: inherit;
}
button.hollow.mint:hover,
.button.hollow.mint:hover {
  background-color: rgba(88, 187, 181, 0.08);
}
button.hollow.lightGray,
.button.hollow.lightGray {
  color: #1b1b1b;
  background-color: #efefef;
  border-color: #efefef;
}
button.hollow.lightGray:hover,
.button.hollow.lightGray:hover {
  background-color: #DADADA;
  border-color: #DADADA;
}
button.hollow.radish,
.button.hollow.radish {
  border-color: #f55753;
  background-color: rgba(86, 64, 72, 0.23);
  color: #D8C5C5;
}
button.hollow.mauve,
.button.hollow.mauve {
  border-color: #707492;
  background-color: rgba(64, 70, 86, 0.23);
  color: #C5C7D8;
}
button.hollow.mauve.selected,
.button.hollow.mauve.selected {
  background-color: rgba(64, 70, 86, 0.43);
  opacity: 1;
  background: white;
  border-color: white;
  color: #0e1219;
}
button.hollow.mauve.unselected,
.button.hollow.mauve.unselected {
  opacity: 0.25;
}
button.hollow.mauve.selected:before,
.button.hollow.mauve.selected:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00c";
  margin-right: .8em;
}
button.hollow.grayMauve,
.button.hollow.grayMauve {
  background-color: #272733;
  border: none;
}
button.hollow.grayMauve span.subt,
.button.hollow.grayMauve span.subt {
  color: #5F5F73;
}
button.hollow.gray,
.button.hollow.gray {
  background-color: #1b1b1b;
  border-color: #1b1b1b;
}
button.hollow.gray:hover,
.button.hollow.gray:hover {
  background-color: #3a3a3a;
  border-color: #3a3a3a;
}
button.hollow.black,
.button.hollow.black {
  color: black !important;
  border-color: black;
  background-color: initial;
}
button.hollow.black:hover,
.button.hollow.black:hover {
  border-color: #1b1b1b;
}
button.hollow.blue,
.button.hollow.blue {
  color: #0687ff;
  background-color: inherit;
}
button.hollow.blue span.subt,
.button.hollow.blue span.subt {
  color: #97CDFF;
}
button.hollow.blue:hover,
.button.hollow.blue:hover {
  background-color: #E7F3FF;
  background-color: rgba(0, 104, 212, 0.18);
}
button.hollow.glowBlue,
.button.hollow.glowBlue {
  box-shadow: 0px 0px 35px rgba(177, 192, 241, 0.37);
}
button.hollow.glowBlue:disabled,
.button.hollow.glowBlue:disabled {
  box-shadow: none;
}
button.hollow.blue:hover:disabled,
.button.hollow.blue:hover:disabled {
  background-color: inherit;
}
button.hollow.lightBlue,
.button.hollow.lightBlue {
  color: #0687ff;
  background-color: inherit;
}
button.hollow.lightBlue:hover,
.button.hollow.lightBlue:hover {
  background-color: #E7F3FF;
}
button.hollow.pink,
.button.hollow.pink {
  color: #FF036C;
  background-color: inherit;
}
button.hollow.pink:hover,
.button.hollow.pink:hover {
  background-color: rgba(255, 14, 136, 0.34);
}
button.hollow.purple,
.button.hollow.purple {
  color: #B54AE0;
  background-color: inherit;
}
button.hollow.purple:hover,
.button.hollow.purple:hover {
  background-color: rgba(253, 178, 255, 0.23);
}
button.hollow.green,
.button.hollow.green {
  color: #37C100;
  background-color: inherit;
}
button.hollow.green.selected,
.button.hollow.green.selected {
  background-color: rgba(150, 255, 123, 0.23);
}
button.hollow.green.selected:before,
.button.hollow.green.selected:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00c";
  margin-right: .8em;
}
button.hollow.green:hover,
.button.hollow.green:hover {
  background-color: rgba(150, 255, 123, 0.23);
}
button.hollow.greenGlo,
.button.hollow.greenGlo {
  box-shadow: 0px 0px 35px rgba(221, 251, 226, 0.26);
}
button.hollow.greenGlo:disabled,
.button.hollow.greenGlo:disabled {
  box-shadow: none;
}
button.hollow.green:hover:disabled,
.button.hollow.green:hover:disabled,
button.hollow.greenGlo:hover:disabled,
.button.hollow.greenGlo:hover:disabled {
  background-color: inherit;
  box-shadow: none;
}
button.hollow.checked,
.button.hollow.checked {
  width: inherit;
}
button.hollow.white,
.button.hollow.white {
  color: white;
  background-color: inherit;
  border-color: white;
}
button.hollow.white:hover,
.button.hollow.white:hover {
  background-color: rgba(115, 115, 115, 0.11);
  border-color: white;
}
input[type="submit"]:hover {
  cursor: pointer;
}
button:disabled {
  opacity: 0.5;
}
.innerSpinner {
  float: left;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  border: 2px solid rgba(255, 255, 255, 0);
  border-top-color: inherit;
  border-bottom-color: rgba(255, 255, 255, 0.25);
  border-left-color: rgba(255, 255, 255, 0.25);
  border-right-color: rgba(255, 255, 255, 0.25);
  margin-right: 8px;
  animation: spin 750ms infinite linear;
  transition: opacity 200ms, width 200ms;
  opacity: 0;
  display: none;
}
.innerSpinner.activeSpinning {
  opacity: 1.0;
  width: 15px;
  height: 15px;
  display: -ms-flexbox;
  display: flex;
}
.innerText {
  float: left;
  line-height: initial;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*************************************/
/* general style for the form */
/* normalize the input elements, make them look like everything else */
.nl-form input,
.nl-form select {
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: 100;
  line-height: inherit;
  display: inline-block;
  padding: 0;
  margin: 0;
  max-width: 14em;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.nl-form input:focus {
  outline: none;
}
.nl-form button:focus {
  outline: none;
}
/* custom field (drop-down, text element) styling  */
.nl-field {
  display: inline-block;
  position: relative;
}
.nl-field.nl-field-open {
  z-index: 10000;
}
/* example field below text input */
.nl-ti-text ul li.nl-ti-example {
  font-size: 40%;
  font-style: italic;
  font-weight: 400;
  padding: 0.4em 1em;
  color: rgba(0, 0, 0, 0.2);
  border-top: 1px dashed rgba(255, 255, 255, 0.7);
}
.nl-ti-text ul li.nl-ti-example em {
  color: #fff;
}
/*Round button*/
.slide-round,
.plus-round {
  opacity: 1;
  visibility: inherit;
  background: black;
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -22px;
  width: 56px;
  height: 56px;
  z-index: 200;
  border-radius: 50%;
  cursor: pointer;
  transform: scale3d(1, 1, 1);
  transition: background 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.plus-round {
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  background: #fafafa;
  border: 3px solid #D8D8D8;
}
.plus-round svg {
  fill: none;
  stroke: #000000;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.overflow {
  overflow: hidden;
}
.slide-round .overflow,
.plus-round .overflow {
  position: absolute;
  top: 0;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 50%;
  transform: translate3d(0, 2px, 0) rotate3d(0, 0, 1, 90deg);
}
.slide-round svg {
  display: block;
  position: relative;
  transform: scale3d(1, 1, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: 2;
}
.slide-round svg.off {
  position: absolute;
  top: 0;
  transform: translate3d(90%, 0, 0) scale3d(1.3, 1.3, 1.3);
  fill: black;
}
.slide-round svg.on {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  fill: white;
}
.slide-round:hover {
  background: #efefef!important;
  transform: scale3d(1.1, 1.1, 1.1);
}
.plus-round:hover {
  background: #E6E6E6!important;
  transform: scale3d(1.1, 1.1, 1.1);
}
.slide-round:hover svg.off {
  transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1.3);
}
.slide-round:hover svg.on {
  transform: translate3d(-90%, 0, 0) scale3d(0.85, 0.85, 0.85);
}
.button2 {
  font-family: 'circular';
  font-size: 1.05em !important;
  background: #499aff;
  width: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .8em 1em;
  border-radius: 6px;
  box-shadow: 0px 4px 12px rgba(0, 131, 255, 0.38);
  border: none;
  color: white;
  text-transform: none;
}
.button2:before {
  font: normal normal normal 14px/1 pages-icon;
  content: "\e631";
  margin-right: 3px;
  color: #1f173d;
}
.button2.white {
  background: white;
  box-shadow: 0px 4px 12px rgba(0, 131, 255, 0.2);
  color: #1f173d;
}
.button2.white:before {
  content: "\e636";
}
@font-face {
  font-family: 'ElegantIcons';
  src: url('/fonts/elegantIcons/ElegantIcons.eot');
  src: url('/fonts/elegantIcons/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('/fonts/elegantIcons/ElegantIcons.woff') format('woff'), url('/fonts/elegantIcons/ElegantIcons.ttf') format('truetype'), url('/fonts/elegantIcons/ElegantIcons.svg#ElegantIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'ElegantIcons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.arrow_up,
.arrow_down,
.arrow_left,
.arrow_right,
.arrow_left-up,
.arrow_right-up,
.arrow_right-down,
.arrow_left-down,
.arrow-up-down,
.arrow_up-down_alt,
.arrow_left-right_alt,
.arrow_left-right,
.arrow_expand_alt2,
.arrow_expand_alt,
.arrow_condense,
.arrow_expand,
.arrow_move,
.arrow_carrot-up,
.arrow_carrot-down,
.arrow_carrot-left,
.arrow_carrot-right,
.arrow_carrot-2up,
.arrow_carrot-2down,
.arrow_carrot-2left,
.arrow_carrot-2right,
.arrow_carrot-up_alt2,
.arrow_carrot-down_alt2,
.arrow_carrot-left_alt2,
.arrow_carrot-right_alt2,
.arrow_carrot-2up_alt2,
.arrow_carrot-2down_alt2,
.arrow_carrot-2left_alt2,
.arrow_carrot-2right_alt2,
.arrow_triangle-up,
.arrow_triangle-down,
.arrow_triangle-left,
.arrow_triangle-right,
.arrow_triangle-up_alt2,
.arrow_triangle-down_alt2,
.arrow_triangle-left_alt2,
.arrow_triangle-right_alt2,
.arrow_back,
.icon_minus-06,
.icon_plus,
.icon_close,
.icon_check,
.icon_minus_alt2,
.icon_plus_alt2,
.icon_close_alt2,
.icon_check_alt2,
.icon_zoom-out_alt,
.icon_zoom-in_alt,
.icon_search,
.icon_box-empty,
.icon_box-selected,
.icon_minus-box,
.icon_plus-box,
.icon_box-checked,
.icon_circle-empty,
.icon_circle-slelected,
.icon_stop_alt2,
.icon_stop,
.icon_pause_alt2,
.icon_pause,
.icon_menu,
.icon_menu-square_alt2,
.icon_menu-circle_alt2,
.icon_ul,
.icon_ol,
.icon_adjust-horiz,
.icon_adjust-vert,
.icon_document_alt,
.icon_documents_alt,
.icon_pencil,
.icon_pencil-edit_alt,
.icon_pencil-edit,
.icon_folder-alt,
.icon_folder-open_alt,
.icon_folder-add_alt,
.icon_info_alt,
.icon_error-oct_alt,
.icon_error-circle_alt,
.icon_error-triangle_alt,
.icon_question_alt2,
.icon_question,
.icon_comment_alt,
.icon_chat_alt,
.icon_vol-mute_alt,
.icon_volume-low_alt,
.icon_volume-high_alt,
.icon_quotations,
.icon_quotations_alt2,
.icon_clock_alt,
.icon_lock_alt,
.icon_lock-open_alt,
.icon_key_alt,
.icon_cloud_alt,
.icon_cloud-upload_alt,
.icon_cloud-download_alt,
.icon_image,
.icon_images,
.icon_lightbulb_alt,
.icon_gift_alt,
.icon_house_alt,
.icon_genius,
.icon_mobile,
.icon_tablet,
.icon_laptop,
.icon_desktop,
.icon_camera_alt,
.icon_mail_alt,
.icon_cone_alt,
.icon_ribbon_alt,
.icon_bag_alt,
.icon_creditcard,
.icon_cart_alt,
.icon_paperclip,
.icon_tag_alt,
.icon_tags_alt,
.icon_trash_alt,
.icon_cursor_alt,
.icon_mic_alt,
.icon_compass_alt,
.icon_pin_alt,
.icon_pushpin_alt,
.icon_map_alt,
.icon_drawer_alt,
.icon_toolbox_alt,
.icon_book_alt,
.icon_calendar,
.icon_film,
.icon_table,
.icon_contacts_alt,
.icon_headphones,
.icon_lifesaver,
.icon_piechart,
.icon_refresh,
.icon_link_alt,
.icon_link,
.icon_loading,
.icon_blocked,
.icon_archive_alt,
.icon_heart_alt,
.icon_star_alt,
.icon_star-half_alt,
.icon_star,
.icon_star-half,
.icon_tools,
.icon_tool,
.icon_cog,
.icon_cogs,
.arrow_up_alt,
.arrow_down_alt,
.arrow_left_alt,
.arrow_right_alt,
.arrow_left-up_alt,
.arrow_right-up_alt,
.arrow_right-down_alt,
.arrow_left-down_alt,
.arrow_condense_alt,
.arrow_expand_alt3,
.arrow_carrot_up_alt,
.arrow_carrot-down_alt,
.arrow_carrot-left_alt,
.arrow_carrot-right_alt,
.arrow_carrot-2up_alt,
.arrow_carrot-2dwnn_alt,
.arrow_carrot-2left_alt,
.arrow_carrot-2right_alt,
.arrow_triangle-up_alt,
.arrow_triangle-down_alt,
.arrow_triangle-left_alt,
.arrow_triangle-right_alt,
.icon_minus_alt,
.icon_plus_alt,
.icon_close_alt,
.icon_check_alt,
.icon_zoom-out,
.icon_zoom-in,
.icon_stop_alt,
.icon_menu-square_alt,
.icon_menu-circle_alt,
.icon_document,
.icon_documents,
.icon_pencil_alt,
.icon_folder,
.icon_folder-open,
.icon_folder-add,
.icon_folder_upload,
.icon_folder_download,
.icon_info,
.icon_error-circle,
.icon_error-oct,
.icon_error-triangle,
.icon_question_alt,
.icon_comment,
.icon_chat,
.icon_vol-mute,
.icon_volume-low,
.icon_volume-high,
.icon_quotations_alt,
.icon_clock,
.icon_lock,
.icon_lock-open,
.icon_key,
.icon_cloud,
.icon_cloud-upload,
.icon_cloud-download,
.icon_lightbulb,
.icon_gift,
.icon_house,
.icon_camera,
.icon_mail,
.icon_cone,
.icon_ribbon,
.icon_bag,
.icon_cart,
.icon_tag,
.icon_tags,
.icon_trash,
.icon_cursor,
.icon_mic,
.icon_compass,
.icon_pin,
.icon_pushpin,
.icon_map,
.icon_drawer,
.icon_toolbox,
.icon_book,
.icon_contacts,
.icon_archive,
.icon_heart,
.icon_profile,
.icon_group,
.icon_grid-2x2,
.icon_grid-3x3,
.icon_music,
.icon_pause_alt,
.icon_phone,
.icon_upload,
.icon_download,
.social_facebook,
.social_twitter,
.social_pinterest,
.social_googleplus,
.social_tumblr,
.social_tumbleupon,
.social_wordpress,
.social_instagram,
.social_dribbble,
.social_vimeo,
.social_linkedin,
.social_rss,
.social_deviantart,
.social_share,
.social_myspace,
.social_skype,
.social_youtube,
.social_picassa,
.social_googledrive,
.social_flickr,
.social_blogger,
.social_spotify,
.social_delicious,
.social_facebook_circle,
.social_twitter_circle,
.social_pinterest_circle,
.social_googleplus_circle,
.social_tumblr_circle,
.social_stumbleupon_circle,
.social_wordpress_circle,
.social_instagram_circle,
.social_dribbble_circle,
.social_vimeo_circle,
.social_linkedin_circle,
.social_rss_circle,
.social_deviantart_circle,
.social_share_circle,
.social_myspace_circle,
.social_skype_circle,
.social_youtube_circle,
.social_picassa_circle,
.social_googledrive_alt2,
.social_flickr_circle,
.social_blogger_circle,
.social_spotify_circle,
.social_delicious_circle,
.social_facebook_square,
.social_twitter_square,
.social_pinterest_square,
.social_googleplus_square,
.social_tumblr_square,
.social_stumbleupon_square,
.social_wordpress_square,
.social_instagram_square,
.social_dribbble_square,
.social_vimeo_square,
.social_linkedin_square,
.social_rss_square,
.social_deviantart_square,
.social_share_square,
.social_myspace_square,
.social_skype_square,
.social_youtube_square,
.social_picassa_square,
.social_googledrive_square,
.social_flickr_square,
.social_blogger_square,
.social_spotify_square,
.social_delicious_square,
.icon_printer,
.icon_calulator,
.icon_building,
.icon_floppy,
.icon_drive,
.icon_search-2,
.icon_id,
.icon_id-2,
.icon_puzzle,
.icon_like,
.icon_dislike,
.icon_mug,
.icon_currency,
.icon_wallet,
.icon_pens,
.icon_easel,
.icon_flowchart,
.icon_datareport,
.icon_briefcase,
.icon_shield,
.icon_percent,
.icon_globe,
.icon_globe-2,
.icon_target,
.icon_hourglass,
.icon_balance,
.icon_rook,
.icon_printer-alt,
.icon_calculator_alt,
.icon_building_alt,
.icon_floppy_alt,
.icon_drive_alt,
.icon_search_alt,
.icon_id_alt,
.icon_id-2_alt,
.icon_puzzle_alt,
.icon_like_alt,
.icon_dislike_alt,
.icon_mug_alt,
.icon_currency_alt,
.icon_wallet_alt,
.icon_pens_alt,
.icon_easel_alt,
.icon_flowchart_alt,
.icon_datareport_alt,
.icon_briefcase_alt,
.icon_shield_alt,
.icon_percent_alt,
.icon_globe_alt,
.icon_clipboard {
  font-family: 'ElegantIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.arrow_up:before {
  content: "\21";
}
.arrow_down:before {
  content: "\22";
}
.arrow_left:before {
  content: "\23";
}
.arrow_right:before {
  content: "\24";
}
.arrow_left-up:before {
  content: "\25";
}
.arrow_right-up:before {
  content: "\26";
}
.arrow_right-down:before {
  content: "\27";
}
.arrow_left-down:before {
  content: "\28";
}
.arrow-up-down:before {
  content: "\29";
}
.arrow_up-down_alt:before {
  content: "\2a";
}
.arrow_left-right_alt:before {
  content: "\2b";
}
.arrow_left-right:before {
  content: "\2c";
}
.arrow_expand_alt2:before {
  content: "\2d";
}
.arrow_expand_alt:before {
  content: "\2e";
}
.arrow_condense:before {
  content: "\2f";
}
.arrow_expand:before {
  content: "\30";
}
.arrow_move:before {
  content: "\31";
}
.arrow_carrot-up:before {
  content: "\32";
}
.arrow_carrot-down:before {
  content: "\33";
}
.arrow_carrot-left:before {
  content: "\34";
}
.arrow_carrot-right:before {
  content: "\35";
}
.arrow_carrot-2up:before {
  content: "\36";
}
.arrow_carrot-2down:before {
  content: "\37";
}
.arrow_carrot-2left:before {
  content: "\38";
}
.arrow_carrot-2right:before {
  content: "\39";
}
.arrow_carrot-up_alt2:before {
  content: "\3a";
}
.arrow_carrot-down_alt2:before {
  content: "\3b";
}
.arrow_carrot-left_alt2:before {
  content: "\3c";
}
.arrow_carrot-right_alt2:before {
  content: "\3d";
}
.arrow_carrot-2up_alt2:before {
  content: "\3e";
}
.arrow_carrot-2down_alt2:before {
  content: "\3f";
}
.arrow_carrot-2left_alt2:before {
  content: "\40";
}
.arrow_carrot-2right_alt2:before {
  content: "\41";
}
.arrow_triangle-up:before {
  content: "\42";
}
.arrow_triangle-down:before {
  content: "\43";
}
.arrow_triangle-left:before {
  content: "\44";
}
.arrow_triangle-right:before {
  content: "\45";
}
.arrow_triangle-up_alt2:before {
  content: "\46";
}
.arrow_triangle-down_alt2:before {
  content: "\47";
}
.arrow_triangle-left_alt2:before {
  content: "\48";
}
.arrow_triangle-right_alt2:before {
  content: "\49";
}
.arrow_back:before {
  content: "\4a";
}
.icon_minus-06:before {
  content: "\4b";
}
.icon_plus:before {
  content: "\4c";
}
.icon_close:before {
  content: "\4d";
}
.icon_check:before {
  content: "\4e";
}
.icon_minus_alt2:before {
  content: "\4f";
}
.icon_plus_alt2:before {
  content: "\50";
}
.icon_close_alt2:before {
  content: "\51";
}
.icon_check_alt2:before {
  content: "\52";
}
.icon_zoom-out_alt:before {
  content: "\53";
}
.icon_zoom-in_alt:before {
  content: "\54";
}
.icon_search:before {
  content: "\55";
}
.icon_box-empty:before {
  content: "\56";
}
.icon_box-selected:before {
  content: "\57";
}
.icon_minus-box:before {
  content: "\58";
}
.icon_plus-box:before {
  content: "\59";
}
.icon_box-checked:before {
  content: "\5a";
}
.icon_circle-empty:before {
  content: "\5b";
}
.icon_circle-slelected:before {
  content: "\5c";
}
.icon_stop_alt2:before {
  content: "\5d";
}
.icon_stop:before {
  content: "\5e";
}
.icon_pause_alt2:before {
  content: "\5f";
}
.icon_pause:before {
  content: "\60";
}
.icon_menu:before {
  content: "\61";
}
.icon_menu-square_alt2:before {
  content: "\62";
}
.icon_menu-circle_alt2:before {
  content: "\63";
}
.icon_ul:before {
  content: "\64";
}
.icon_ol:before {
  content: "\65";
}
.icon_adjust-horiz:before {
  content: "\66";
}
.icon_adjust-vert:before {
  content: "\67";
}
.icon_document_alt:before {
  content: "\68";
}
.icon_documents_alt:before {
  content: "\69";
}
.icon_pencil:before {
  content: "\6a";
}
.icon_pencil-edit_alt:before {
  content: "\6b";
}
.icon_pencil-edit:before {
  content: "\6c";
}
.icon_folder-alt:before {
  content: "\6d";
}
.icon_folder-open_alt:before {
  content: "\6e";
}
.icon_folder-add_alt:before {
  content: "\6f";
}
.icon_info_alt:before {
  content: "\70";
}
.icon_error-oct_alt:before {
  content: "\71";
}
.icon_error-circle_alt:before {
  content: "\72";
}
.icon_error-triangle_alt:before {
  content: "\73";
}
.icon_question_alt2:before {
  content: "\74";
}
.icon_question:before {
  content: "\75";
}
.icon_comment_alt:before {
  content: "\76";
}
.icon_chat_alt:before {
  content: "\77";
}
.icon_vol-mute_alt:before {
  content: "\78";
}
.icon_volume-low_alt:before {
  content: "\79";
}
.icon_volume-high_alt:before {
  content: "\7a";
}
.icon_quotations:before {
  content: "\7b";
}
.icon_quotations_alt2:before {
  content: "\7c";
}
.icon_clock_alt:before {
  content: "\7d";
}
.icon_lock_alt:before {
  content: "\7e";
}
.icon_lock-open_alt:before {
  content: "\e000";
}
.icon_key_alt:before {
  content: "\e001";
}
.icon_cloud_alt:before {
  content: "\e002";
}
.icon_cloud-upload_alt:before {
  content: "\e003";
}
.icon_cloud-download_alt:before {
  content: "\e004";
}
.icon_image:before {
  content: "\e005";
}
.icon_images:before {
  content: "\e006";
}
.icon_lightbulb_alt:before {
  content: "\e007";
}
.icon_gift_alt:before {
  content: "\e008";
}
.icon_house_alt:before {
  content: "\e009";
}
.icon_genius:before {
  content: "\e00a";
}
.icon_mobile:before {
  content: "\e00b";
}
.icon_tablet:before {
  content: "\e00c";
}
.icon_laptop:before {
  content: "\e00d";
}
.icon_desktop:before {
  content: "\e00e";
}
.icon_camera_alt:before {
  content: "\e00f";
}
.icon_mail_alt:before {
  content: "\e010";
}
.icon_cone_alt:before {
  content: "\e011";
}
.icon_ribbon_alt:before {
  content: "\e012";
}
.icon_bag_alt:before {
  content: "\e013";
}
.icon_creditcard:before {
  content: "\e014";
}
.icon_cart_alt:before {
  content: "\e015";
}
.icon_paperclip:before {
  content: "\e016";
}
.icon_tag_alt:before {
  content: "\e017";
}
.icon_tags_alt:before {
  content: "\e018";
}
.icon_trash_alt:before {
  content: "\e019";
}
.icon_cursor_alt:before {
  content: "\e01a";
}
.icon_mic_alt:before {
  content: "\e01b";
}
.icon_compass_alt:before {
  content: "\e01c";
}
.icon_pin_alt:before {
  content: "\e01d";
}
.icon_pushpin_alt:before {
  content: "\e01e";
}
.icon_map_alt:before {
  content: "\e01f";
}
.icon_drawer_alt:before {
  content: "\e020";
}
.icon_toolbox_alt:before {
  content: "\e021";
}
.icon_book_alt:before {
  content: "\e022";
}
.icon_calendar:before {
  content: "\e023";
}
.icon_film:before {
  content: "\e024";
}
.icon_table:before {
  content: "\e025";
}
.icon_contacts_alt:before {
  content: "\e026";
}
.icon_headphones:before {
  content: "\e027";
}
.icon_lifesaver:before {
  content: "\e028";
}
.icon_piechart:before {
  content: "\e029";
}
.icon_refresh:before {
  content: "\e02a";
}
.icon_link_alt:before {
  content: "\e02b";
}
.icon_link:before {
  content: "\e02c";
}
.icon_loading:before {
  content: "\e02d";
}
.icon_blocked:before {
  content: "\e02e";
}
.icon_archive_alt:before {
  content: "\e02f";
}
.icon_heart_alt:before {
  content: "\e030";
}
.icon_star_alt:before {
  content: "\e031";
}
.icon_star-half_alt:before {
  content: "\e032";
}
.icon_star:before {
  content: "\e033";
}
.icon_star-half:before {
  content: "\e034";
}
.icon_tools:before {
  content: "\e035";
}
.icon_tool:before {
  content: "\e036";
}
.icon_cog:before {
  content: "\e037";
}
.icon_cogs:before {
  content: "\e038";
}
.arrow_up_alt:before {
  content: "\e039";
}
.arrow_down_alt:before {
  content: "\e03a";
}
.arrow_left_alt:before {
  content: "\e03b";
}
.arrow_right_alt:before {
  content: "\e03c";
}
.arrow_left-up_alt:before {
  content: "\e03d";
}
.arrow_right-up_alt:before {
  content: "\e03e";
}
.arrow_right-down_alt:before {
  content: "\e03f";
}
.arrow_left-down_alt:before {
  content: "\e040";
}
.arrow_condense_alt:before {
  content: "\e041";
}
.arrow_expand_alt3:before {
  content: "\e042";
}
.arrow_carrot_up_alt:before {
  content: "\e043";
}
.arrow_carrot-down_alt:before {
  content: "\e044";
}
.arrow_carrot-left_alt:before {
  content: "\e045";
}
.arrow_carrot-right_alt:before {
  content: "\e046";
}
.arrow_carrot-2up_alt:before {
  content: "\e047";
}
.arrow_carrot-2dwnn_alt:before {
  content: "\e048";
}
.arrow_carrot-2left_alt:before {
  content: "\e049";
}
.arrow_carrot-2right_alt:before {
  content: "\e04a";
}
.arrow_triangle-up_alt:before {
  content: "\e04b";
}
.arrow_triangle-down_alt:before {
  content: "\e04c";
}
.arrow_triangle-left_alt:before {
  content: "\e04d";
}
.arrow_triangle-right_alt:before {
  content: "\e04e";
}
.icon_minus_alt:before {
  content: "\e04f";
}
.icon_plus_alt:before {
  content: "\e050";
}
.icon_close_alt:before {
  content: "\e051";
}
.icon_check_alt:before {
  content: "\e052";
}
.icon_zoom-out:before {
  content: "\e053";
}
.icon_zoom-in:before {
  content: "\e054";
}
.icon_stop_alt:before {
  content: "\e055";
}
.icon_menu-square_alt:before {
  content: "\e056";
}
.icon_menu-circle_alt:before {
  content: "\e057";
}
.icon_document:before {
  content: "\e058";
}
.icon_documents:before {
  content: "\e059";
}
.icon_pencil_alt:before {
  content: "\e05a";
}
.icon_folder:before {
  content: "\e05b";
}
.icon_folder-open:before {
  content: "\e05c";
}
.icon_folder-add:before {
  content: "\e05d";
}
.icon_folder_upload:before {
  content: "\e05e";
}
.icon_folder_download:before {
  content: "\e05f";
}
.icon_info:before {
  content: "\e060";
}
.icon_error-circle:before {
  content: "\e061";
}
.icon_error-oct:before {
  content: "\e062";
}
.icon_error-triangle:before {
  content: "\e063";
}
.icon_question_alt:before {
  content: "\e064";
}
.icon_comment:before {
  content: "\e065";
}
.icon_chat:before {
  content: "\e066";
}
.icon_vol-mute:before {
  content: "\e067";
}
.icon_volume-low:before {
  content: "\e068";
}
.icon_volume-high:before {
  content: "\e069";
}
.icon_quotations_alt:before {
  content: "\e06a";
}
.icon_clock:before {
  content: "\e06b";
}
.icon_lock:before {
  content: "\e06c";
}
.icon_lock-open:before {
  content: "\e06d";
}
.icon_key:before {
  content: "\e06e";
}
.icon_cloud:before {
  content: "\e06f";
}
.icon_cloud-upload:before {
  content: "\e070";
}
.icon_cloud-download:before {
  content: "\e071";
}
.icon_lightbulb:before {
  content: "\e072";
}
.icon_gift:before {
  content: "\e073";
}
.icon_house:before {
  content: "\e074";
}
.icon_camera:before {
  content: "\e075";
}
.icon_mail:before {
  content: "\e076";
}
.icon_cone:before {
  content: "\e077";
}
.icon_ribbon:before {
  content: "\e078";
}
.icon_bag:before {
  content: "\e079";
}
.icon_cart:before {
  content: "\e07a";
}
.icon_tag:before {
  content: "\e07b";
}
.icon_tags:before {
  content: "\e07c";
}
.icon_trash:before {
  content: "\e07d";
}
.icon_cursor:before {
  content: "\e07e";
}
.icon_mic:before {
  content: "\e07f";
}
.icon_compass:before {
  content: "\e080";
}
.icon_pin:before {
  content: "\e081";
}
.icon_pushpin:before {
  content: "\e082";
}
.icon_map:before {
  content: "\e083";
}
.icon_drawer:before {
  content: "\e084";
}
.icon_toolbox:before {
  content: "\e085";
}
.icon_book:before {
  content: "\e086";
}
.icon_contacts:before {
  content: "\e087";
}
.icon_archive:before {
  content: "\e088";
}
.icon_heart:before {
  content: "\e089";
}
.icon_profile:before {
  content: "\e08a";
}
.icon_group:before {
  content: "\e08b";
}
.icon_grid-2x2:before {
  content: "\e08c";
}
.icon_grid-3x3:before {
  content: "\e08d";
}
.icon_music:before {
  content: "\e08e";
}
.icon_pause_alt:before {
  content: "\e08f";
}
.icon_phone:before {
  content: "\e090";
}
.icon_upload:before {
  content: "\e091";
}
.icon_download:before {
  content: "\e092";
}
.social_facebook:before {
  content: "\e093";
}
.social_twitter:before {
  content: "\e094";
}
.social_pinterest:before {
  content: "\e095";
}
.social_googleplus:before {
  content: "\e096";
}
.social_tumblr:before {
  content: "\e097";
}
.social_tumbleupon:before {
  content: "\e098";
}
.social_wordpress:before {
  content: "\e099";
}
.social_instagram:before {
  content: "\e09a";
}
.social_dribbble:before {
  content: "\e09b";
}
.social_vimeo:before {
  content: "\e09c";
}
.social_linkedin:before {
  content: "\e09d";
}
.social_rss:before {
  content: "\e09e";
}
.social_deviantart:before {
  content: "\e09f";
}
.social_share:before {
  content: "\e0a0";
}
.social_myspace:before {
  content: "\e0a1";
}
.social_skype:before {
  content: "\e0a2";
}
.social_youtube:before {
  content: "\e0a3";
}
.social_picassa:before {
  content: "\e0a4";
}
.social_googledrive:before {
  content: "\e0a5";
}
.social_flickr:before {
  content: "\e0a6";
}
.social_blogger:before {
  content: "\e0a7";
}
.social_spotify:before {
  content: "\e0a8";
}
.social_delicious:before {
  content: "\e0a9";
}
.social_facebook_circle:before {
  content: "\e0aa";
}
.social_twitter_circle:before {
  content: "\e0ab";
}
.social_pinterest_circle:before {
  content: "\e0ac";
}
.social_googleplus_circle:before {
  content: "\e0ad";
}
.social_tumblr_circle:before {
  content: "\e0ae";
}
.social_stumbleupon_circle:before {
  content: "\e0af";
}
.social_wordpress_circle:before {
  content: "\e0b0";
}
.social_instagram_circle:before {
  content: "\e0b1";
}
.social_dribbble_circle:before {
  content: "\e0b2";
}
.social_vimeo_circle:before {
  content: "\e0b3";
}
.social_linkedin_circle:before {
  content: "\e0b4";
}
.social_rss_circle:before {
  content: "\e0b5";
}
.social_deviantart_circle:before {
  content: "\e0b6";
}
.social_share_circle:before {
  content: "\e0b7";
}
.social_myspace_circle:before {
  content: "\e0b8";
}
.social_skype_circle:before {
  content: "\e0b9";
}
.social_youtube_circle:before {
  content: "\e0ba";
}
.social_picassa_circle:before {
  content: "\e0bb";
}
.social_googledrive_alt2:before {
  content: "\e0bc";
}
.social_flickr_circle:before {
  content: "\e0bd";
}
.social_blogger_circle:before {
  content: "\e0be";
}
.social_spotify_circle:before {
  content: "\e0bf";
}
.social_delicious_circle:before {
  content: "\e0c0";
}
.social_facebook_square:before {
  content: "\e0c1";
}
.social_twitter_square:before {
  content: "\e0c2";
}
.social_pinterest_square:before {
  content: "\e0c3";
}
.social_googleplus_square:before {
  content: "\e0c4";
}
.social_tumblr_square:before {
  content: "\e0c5";
}
.social_stumbleupon_square:before {
  content: "\e0c6";
}
.social_wordpress_square:before {
  content: "\e0c7";
}
.social_instagram_square:before {
  content: "\e0c8";
}
.social_dribbble_square:before {
  content: "\e0c9";
}
.social_vimeo_square:before {
  content: "\e0ca";
}
.social_linkedin_square:before {
  content: "\e0cb";
}
.social_rss_square:before {
  content: "\e0cc";
}
.social_deviantart_square:before {
  content: "\e0cd";
}
.social_share_square:before {
  content: "\e0ce";
}
.social_myspace_square:before {
  content: "\e0cf";
}
.social_skype_square:before {
  content: "\e0d0";
}
.social_youtube_square:before {
  content: "\e0d1";
}
.social_picassa_square:before {
  content: "\e0d2";
}
.social_googledrive_square:before {
  content: "\e0d3";
}
.social_flickr_square:before {
  content: "\e0d4";
}
.social_blogger_square:before {
  content: "\e0d5";
}
.social_spotify_square:before {
  content: "\e0d6";
}
.social_delicious_square:before {
  content: "\e0d7";
}
.icon_printer:before {
  content: "\e103";
}
.icon_calulator:before {
  content: "\e0ee";
}
.icon_building:before {
  content: "\e0ef";
}
.icon_floppy:before {
  content: "\e0e8";
}
.icon_drive:before {
  content: "\e0ea";
}
.icon_search-2:before {
  content: "\e101";
}
.icon_id:before {
  content: "\e107";
}
.icon_id-2:before {
  content: "\e108";
}
.icon_puzzle:before {
  content: "\e102";
}
.icon_like:before {
  content: "\e106";
}
.icon_dislike:before {
  content: "\e0eb";
}
.icon_mug:before {
  content: "\e105";
}
.icon_currency:before {
  content: "\e0ed";
}
.icon_wallet:before {
  content: "\e100";
}
.icon_pens:before {
  content: "\e104";
}
.icon_easel:before {
  content: "\e0e9";
}
.icon_flowchart:before {
  content: "\e109";
}
.icon_datareport:before {
  content: "\e0ec";
}
.icon_briefcase:before {
  content: "\e0fe";
}
.icon_shield:before {
  content: "\e0f6";
}
.icon_percent:before {
  content: "\e0fb";
}
.icon_globe:before {
  content: "\e0e2";
}
.icon_globe-2:before {
  content: "\e0e3";
}
.icon_target:before {
  content: "\e0f5";
}
.icon_hourglass:before {
  content: "\e0e1";
}
.icon_balance:before {
  content: "\e0ff";
}
.icon_rook:before {
  content: "\e0f8";
}
.icon_printer-alt:before {
  content: "\e0fa";
}
.icon_calculator_alt:before {
  content: "\e0e7";
}
.icon_building_alt:before {
  content: "\e0fd";
}
.icon_floppy_alt:before {
  content: "\e0e4";
}
.icon_drive_alt:before {
  content: "\e0e5";
}
.icon_search_alt:before {
  content: "\e0f7";
}
.icon_id_alt:before {
  content: "\e0e0";
}
.icon_id-2_alt:before {
  content: "\e0fc";
}
.icon_puzzle_alt:before {
  content: "\e0f9";
}
.icon_like_alt:before {
  content: "\e0dd";
}
.icon_dislike_alt:before {
  content: "\e0f1";
}
.icon_mug_alt:before {
  content: "\e0dc";
}
.icon_currency_alt:before {
  content: "\e0f3";
}
.icon_wallet_alt:before {
  content: "\e0d8";
}
.icon_pens_alt:before {
  content: "\e0db";
}
.icon_easel_alt:before {
  content: "\e0f0";
}
.icon_flowchart_alt:before {
  content: "\e0df";
}
.icon_datareport_alt:before {
  content: "\e0f2";
}
.icon_briefcase_alt:before {
  content: "\e0f4";
}
.icon_shield_alt:before {
  content: "\e0d9";
}
.icon_percent_alt:before {
  content: "\e0da";
}
.icon_globe_alt:before {
  content: "\e0de";
}
.icon_clipboard:before {
  content: "\e0e6";
}
.glyph {
  float: left;
  text-align: center;
  padding: .75em;
  margin: .4em 1.5em .75em 0;
  width: 6em;
  text-shadow: none;
}
.glyph_big {
  font-size: 128px;
  color: #59c5dc;
  float: left;
  margin-right: 20px;
}
.glyph div {
  padding-bottom: 10px;
}
.glyph input {
  font-family: consolas, monospace;
  font-size: 12px;
  width: 100%;
  text-align: center;
  border: 0;
  box-shadow: 0 0 0 1px #ccc;
  padding: .2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.centered {
  margin-left: auto;
  margin-right: auto;
}
.glyph .fs1 {
  font-size: 2em;
}
/*****************************
	Footer
*****************************/
#footer {
  position: relative;
  padding: 3em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 300;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  color: #AAA;
  background: #0e1219;
}
#footer .alt-font {
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .7px;
  font-family: inherit;
}
#footer .copyright {
  float: right;
}
#footer .pshq {
  display: inline;
}
#footer .pshq .icon {
  padding-right: .25em;
}
#footer .mail {
  display: inline;
  padding-left: 1.5em;
}
#footer .mail .icon {
  padding-right: .25em;
}
#footer .bottompart {
  opacity: 0.35;
}
#footer .topLI {
  margin-bottom: 1em;
  opacity: 0.8;
  font-size: 10px !important;
  color: white;
}
#footer .topLI:after {
  content: "";
  display: block;
  width: 10%;
  margin: auto;
  border-bottom: 2px solid;
  border-color: #343b49;
}
#footer .newsletterSignup {
  padding: 0em 0 3em 0;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
#footer .newsletterSignup span {
  float: left;
  text-align: left;
}
/* Social Nav */
#footerNav .social {
  white-space: nowrap;
  float: right;
}
#footerNav .social a {
  display: inline-block;
  margin-right: 10px;
}
@media screen and (max-width: 640px) {
  #footer .logo {
    margin: auto;
    text-align: center;
  }
  #footer .copyright {
    text-align: center;
    float: none;
  }
  #footer .pshq {
    text-align: center;
    display: block;
  }
  #footer .pshq .icon {
    padding-right: .25em;
  }
  #footer .mail {
    text-align: center;
    display: block;
    padding-left: 0;
  }
  #footer .mail .icon {
    padding-right: .25em;
  }
  #footer .newsletterSignup {
    padding: 1em 0 3em 0;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  #footer .newsletterSignup label {
    margin: 2em 0 1em 0;
  }
  #footer .newsletterSignup input {
    text-align: center;
    margin-bottom: 1em;
  }
  #footer .newsletterSignup span {
    float: none;
  }
  #footerNav .sections,
  #footerNav .clients {
    float: none !important;
    margin-bottom: 3em;
  }
  #footerNav .social {
    float: none;
  }
  #footerNav .social a {
    margin-right: 0;
    margin: 0 5px 0 5px;
  }
  #footerNav li {
    text-align: center;
  }
}
#footer a {
  color: #AAA;
}
#footer a:hover {
  color: #CCC;
}
#footer .col {
  padding-top: 20px;
  padding-bottom: 20px;
}
#footer .logo {
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(102, 102, 102, 0.22);
  padding-bottom: 30px;
}
/* Footer NAV */
#footerNav .sections,
#footerNav .clients {
  float: left;
}
#footerNav > ul > li > ul > li {
  margin-bottom: .5em;
}
#footerNav li {
  vertical-align: middle;
}
#footerNav li a {
  font-size: 11px !important;
}
#footer .copyright,
#footer .legal {
  text-transform: uppercase;
  line-height: 1.5;
}
/* Back to Top */
.backToTop {
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  padding-top: 24px;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  color: inherit;
  cursor: pointer;
  background: #EEE url(/images/upArrow.png) 10px 13px no-repeat;
  border-radius: 24px;
}
/*------------------------------------------------------------------
[15. Form Elements]
*/
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
input[type="radio"],
input[type="checkbox"] {
  margin-top: 1px 0 0;
  line-height: normal;
  cursor: pointer;
  box-sizing: border-box;
}
select[multiple],
select[size] {
  height: auto !important;
}
input:focus,
select:focus,
textarea:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none;
  box-shadow: none;
}
form legend {
  margin: 15px 0px 10px 0px;
}
.form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.07);
  font-family: Arial, sans-serif;
  -webkit-appearance: none;
  color: #2c2c2c;
  outline: 0;
  height: 35px;
  padding: 9px 12px;
  line-height: normal;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  min-height: 35px;
  transition: all 0.12s ease;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  transition: background 0.2s linear 0s;
}
.form-control:focus {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #f0f0f0;
  outline: 0 !important;
  box-shadow: none;
}
.form-control:focus::-moz-placeholder {
  color: inherit;
  opacity: 0.7;
}
.form-control:focus:-ms-input-placeholder {
  color: inherit;
  opacity: 0.7;
}
.form-control:focus::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.7;
}
.form-control::-moz-placeholder {
  color: inherit;
  opacity: 0.33;
}
.form-control:-ms-input-placeholder {
  color: inherit;
  opacity: 0.33;
}
.form-control::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.33;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background: #f8f8f8;
  color: rgba(98, 98, 98, 0.23);
}
/* Input Sizes
--------------------------------------------------
*/
.input-sm,
.form-horizontal .form-group-sm .form-control {
  font-size: 13px;
  min-height: 32px;
  height: 32px;
  padding: 8px 9px;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  border-radius: 3px;
  font-size: 18px;
  height: 45px;
  padding: 11px 13px;
}
.input-xlg {
  height: 51px;
  font-size: 18px;
  line-height: 22px;
}
/* Checkboxes and Radio buttons
--------------------------------------------------
*/
.radio,
.checkbox {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 0px;
}
.radio label,
.checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px !important;
  margin-right: 15px;
  font-size: 13px;
}
.radio label:before,
.checkbox label:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  position: absolute;
  left: 0px;
  background-color: #fff;
  border: 1px solid #d0d0d0;
}
.radio label {
  margin-bottom: 6px;
}
.radio label:before {
  bottom: 2.5px;
  border-radius: 99px;
  transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}
.radio input[type=radio]:checked + label:before {
  border-width: 5px;
}
.radio input[type="radio"]:focus + label:before {
  background-color: #e6e6e6;
}
.radio input[type=radio] {
  opacity: 0;
  width: 0;
  height: 0;
}
.radio input[type=radio][disabled] + label {
  opacity: 0.65;
}
.radio.radio-success input[type=radio]:checked + label:before {
  border-color: #10cfbd;
}
.radio.radio-primary input[type=radio]:checked + label:before {
  border-color: #6d5cae;
}
.radio.radio-info input[type=radio]:checked + label:before {
  border-color: #000;
}
.radio.radio-warning input[type=radio]:checked + label:before {
  border-color: #f8d053;
}
.radio.radio-danger input[type=radio]:checked + label:before {
  border-color: #f55753;
}
.radio.radio-complete input[type=radio]:checked + label:before {
  border-color: #48b0f7;
}
.checkbox input[type=radio][disabled] + label:after {
  background-color: #e6e6e6;
}
.checkbox label {
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
  white-space: nowrap;
}
.checkbox label:before {
  top: 1.4px;
  border-radius: 3px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.checkbox label::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 3.2px;
  top: 0px;
  font-size: 11px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.checkbox label:after {
  border-radius: 3px;
}
.checkbox input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.checkbox.checkbox-circle label:after {
  border-radius: 99px;
}
.checkbox.checkbox-circle label:before {
  border-radius: 99px;
}
.checkbox input[type=checkbox]:checked + label:before {
  border-width: 8.5px;
}
.checkbox input[type=checkbox]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\F00C";
  color: #fff;
}
.checkbox input[type="checkbox"]:focus + label {
  color: #2c2c2c;
}
.checkbox input[type="checkbox"]:focus + label:before {
  background-color: #e6e6e6;
}
.checkbox input[type=checkbox][disabled] + label {
  opacity: 0.65;
}
.checkbox input[type=checkbox][disabled] + label:before {
  background-color: #eceff3;
}
.checkbox.right label {
  margin-right: 35px;
  padding-left: 0 !important;
}
.checkbox.right label:before {
  right: -35px;
  left: auto;
}
.checkbox.right input[type=checkbox]:checked + label {
  position: relative;
}
.checkbox.right input[type=checkbox]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\F00C";
  position: absolute;
  right: -27px;
  left: auto;
}
.checkbox.check-success input[type=checkbox]:checked + label:before {
  border-color: #10cfbd;
}
.checkbox.check-primary input[type=checkbox]:checked + label:before {
  border-color: #6d5cae;
}
.checkbox.check-complete input[type=checkbox]:checked + label:before {
  border-color: #48b0f7;
}
.checkbox.check-warning input[type=checkbox]:checked + label:before {
  border-color: #f8d053;
}
.checkbox.check-danger input[type=checkbox]:checked + label:before {
  border-color: #f55753;
}
.checkbox.check-info input[type=checkbox]:checked + label:before {
  border-color: #000;
}
.checkbox.check-success input[type=checkbox]:checked + label::after,
.checkbox.check-primary input[type=checkbox]:checked + label::after,
.checkbox.check-complete input[type=checkbox]:checked + label::after,
.checkbox.check-warning input[type=checkbox]:checked + label::after,
.checkbox.check-danger input[type=checkbox]:checked + label::after,
.checkbox.check-info input[type=checkbox]:checked + label::after {
  color: #fff;
}
.input-group.transparent .input-group-addon {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.07);
}
/* Form layouts
--------------------------------------------------
*/
@media only screen and (min-width: 768px) {
  form .row {
    margin-left: 0;
    margin-right: 0;
  }
  form .row [class*='col-']:not(:first-child),
  form .row [class*='col-']:not(:last-child) {
    padding-right: 7px;
    padding-left: 7px;
  }
  form .row [class*='col-']:first-child {
    padding-left: 0;
  }
  form .row [class*='col-']:last-child {
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  form .row [class*="col-md-"]:not(:first-child),
  form .row [class*="col-md-"]:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
  }
}
/* Form layouts  : Horizontal
--------------------------------------------------
*/
.form-horizontal .form-group {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 19px;
  padding-bottom: 19px;
  margin-bottom: 0;
}
.form-horizontal .form-group:last-child {
  border-bottom: none;
}
.form-horizontal .form-group:hover .control-label {
  opacity: .6;
}
.form-horizontal .form-group.focused .control-label {
  opacity: 1;
}
.form-horizontal .form-group .control-label {
  text-align: left;
  opacity: .42;
  transition: opacity ease 0.3s;
}
/* Form layouts  : Attached
--------------------------------------------------
*/
.form-group-attached .form-group.form-group-default {
  border-radius: 0;
  margin-bottom: 0;
}
.form-group-attached > div {
  margin: 0;
}
.form-group-attached > div:first-child.row > [class*='col-']:first-child .form-group-default {
  border-top-left-radius: 2px;
}
.form-group-attached > div:first-child.row > [class*='col-']:last-child .form-group-default {
  border-top-right-radius: 2px;
}
.form-group-attached > div:first-child.form-group-default {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.form-group-attached > div:last-child.row > [class*='col-']:first-child .form-group-default {
  border-bottom-left-radius: 2px;
}
.form-group-attached > div:last-child.row > [class*='col-']:last-child .form-group-default {
  border-bottom-right-radius: 2px;
}
.form-group-attached > div:last-child.form-group-default {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.form-group-attached > div.row > [class*='col-'] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.form-group-attached > div.row > [class*='col-'] > .form-group-default {
  display: table;
  width: 100%;
}
.form-group-attached > div.row > [class*='col-']:not(:only-child):not(:last-child) > .form-group-default {
  border-right-color: transparent;
}
.form-group-attached > div:not(:last-child) .form-group-default,
.form-group-attached > div:not(:last-child).form-group-default {
  border-bottom-color: transparent;
}
/* Form layouts  : Responsive Handlers
--------------------------------------------------
*/
@media (max-width: 767px) {
  .form-group-attached .form-group-default {
    border-right-color: rgba(0, 0, 0, 0.07) !important;
  }
}
@media only screen and (min-width: 768px) {
  .form-group-attached > div.row {
    display: table;
    width: 100%;
  }
  .form-group-attached > div.row > [class*='col-'] {
    display: table-cell;
    height: 100%;
    float: none;
    vertical-align: top;
  }
  .form-group-attached > div.row > [class*='col-'] .form-group {
    height: 100%;
    width: 100%;
  }
}
/* Form Groups
--------------------------------------------------
*/
.form-group {
  margin-bottom: 10px;
}
.form-group label:not(.error) {
  font-family: 'Montserrat';
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
}
.form-group label .help {
  margin-left: 8px;
}
.form-group .help {
  font-size: 12px;
  color: rgba(98, 98, 98, 0.55);
}
.form-group-default {
  background-color: #fff;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  padding-top: 7px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 4px;
  overflow: hidden;
  transition: background-color 0.2s ease;
}
.form-group-default.required:after {
  color: #f55753;
  content: "*";
  font-family: arial;
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 9px;
}
.form-group-default.disabled {
  background: #f8f8f8;
  color: rgba(98, 98, 98, 0.23);
}
.form-group-default.disabled input {
  opacity: .6;
}
.form-group-default.disabled.focused {
  background: #f8f8f8;
}
.form-group-default.disabled.focused label {
  opacity: 1;
}
.form-group-default.focused {
  border-color: rgba(0, 0, 0, 0.1) !important;
  background-color: #f0f0f0;
}
.form-group-default.focused label {
  opacity: .4;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.form-group-default.has-error {
  background-color: rgba(245, 87, 83, 0.1);
}
.form-group-default.has-success .form-control-feedback,
.form-group-default.has-error .form-control-feedback {
  display: none !important;
}
.form-group-default.has-success .form-control,
.form-group-default.has-success .form-control:focus,
.form-group-default.has-error .form-control,
.form-group-default.has-error .form-control:focus {
  border: none;
  box-shadow: none;
}
.form-group-default.input-group {
  padding: 0;
}
.form-group-default.input-group > label {
  margin-top: 6px;
  padding-left: 12px;
}
.form-group-default.input-group > .form-control {
  margin-top: -2px;
  margin-bottom: 3px;
  padding-left: 12px;
}
.form-group-default.input-group .input-group-addon {
  height: calc(50px);
  min-width: calc(50px);
  border-radius: 0;
  border: none;
}
.form-group-default.input-group.focused .input-group-addon {
  border-color: rgba(0, 0, 0, 0.1);
}
.form-group-default .form-control {
  border: none;
  height: 25px;
  min-height: 25px;
  padding: 0;
  margin-top: -4px;
  background: none;
}
.form-group-default .form-control.error {
  color: #2c2c2c;
}
.form-group-default .form-control:focus {
  background: none;
}
.form-group-default textarea.form-control {
  padding-top: 5px;
}
.form-group-default label {
  margin: 0;
  display: block;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.form-group-default label.label-lg {
  font-size: 13px;
  left: 13px;
  top: 9px;
}
.form-group-default label.label-sm {
  font-size: 11px;
  left: 11px;
  top: 6px;
}
.form-group-default label.highlight {
  opacity: 1;
}
.form-group-default label.fade {
  opacity: .5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.form-group-default > .input-lg {
  height: 29px;
  min-height: 29px;
  padding-left: 1px;
}
.form-group-default > .input-sm {
  min-height: 18px;
  height: 18px;
}
.form-group-default.form-group-default-select {
  overflow: visible;
}
.form-group-default.form-group-default-select .ui-select-container.ui-select-bootstrap.dropdown .ui-select-match {
  padding-top: 6px;
  height: 23px;
}
.form-group-default.form-group-default-select2 {
  padding: 0;
}
.form-group-default.form-group-default-select2 > label {
  position: absolute;
  z-index: 10;
  padding: 7px 12px 0 12px;
}
.form-group-default.form-group-default-select2 > label.label-lg {
  left: 0;
  top: 0;
}
.form-group-default.form-group-default-select2 > label.label-sm {
  left: 0;
  top: 0;
}
.form-group-default.form-group-default-select2 .select2-container .select2-choice {
  padding-top: 20px;
  height: 52px;
}
.form-group-default.form-group-default-select2 .select2-container .select2-choice .select2-arrow b:before {
  top: 20px;
}
.form-group-default.form-group-default-select2 .select2-container .select2-choice .select2-chosen {
  padding-left: 3px;
  padding-top: 1px;
}
.form-group-default.form-group-default-select2 .select2-container .select2-choices {
  padding-top: 20px;
  height: 52px;
  border: 0px;
}
.form-group-default.form-group-default-select2 > .input-lg {
  height: auto;
  padding: 0;
}
.form-group-default.form-group-default-select2 > .input-lg .select2-choice {
  padding-top: 20px;
  height: 56px;
}
.form-group-default.form-group-default-select2 > .input-sm {
  height: auto;
  padding: 0;
}
.form-group-default.form-group-default-select2 > .input-sm .select2-choice {
  padding-top: 20px;
  height: 46px;
}
.form-group-default.form-group-default-selectFx {
  padding: 0;
}
.form-group-default.form-group-default-selectFx > label {
  position: absolute;
  z-index: 10;
  padding: 7px 12px 0 12px;
}
.form-group-default.form-group-default-selectFx > label.label-lg {
  left: 0;
  top: 0;
}
.form-group-default.form-group-default-selectFx > label.label-sm {
  left: 0;
  top: 0;
}
.form-group-default.form-group-default-selectFx .cs-wrapper .cs-placeholder {
  padding-top: 28px;
  height: 52px;
  padding-left: 12px;
}
.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select {
  height: auto;
}
.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select > span:after,
.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select .cs-selected span:after {
  top: 39px;
}
.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-lg .cs-placeholder {
  height: 60px;
}
.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-sm .cs-placeholder {
  height: 50px;
}
.form-group-default.form-group-default-selectFx .cs-wrapper .dropdown-placeholder {
  vertical-align: top;
}
div.cs-skin-slide {
  color: #fff;
  font-size: 1.5em;
  width: 300px;
}
div.cs-skin-slide::before {
  content: '';
  background: #282b30;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.3s;
}
.cs-skin-slide.cs-active::before {
  transform: scale3d(1.1, 3.5, 1);
}
.cs-skin-slide > span {
  height: 80px;
  line-height: 32px;
  transition: text-indent 0.3s, opacity 0.3s;
}
.cs-skin-slide .cs-options {
  background: transparent;
  width: 70%;
  height: 400%;
  padding: 1.9em 0;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.cs-skin-slide .cs-options li {
  opacity: 0;
  transform: translate3d(30%, 0, 0);
  transition: transform 0.3s, opacity 0.3s;
}
.cs-skin-slide .cs-options li span {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 65%;
  padding: 0.8em 1em 0.8em 2.5em;
}
.cs-skin-slide .cs-selected span::after {
  content: '';
}
.cs-skin-slide.cs-active > span {
  text-indent: -290px;
  opacity: 0;
}
.cs-skin-slide.cs-active > span::after {
  transform: translate3d(0, -50%, 0);
}
.cs-skin-slide.cs-active .cs-options li {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.cs-skin-slide.cs-active .cs-options li:first-child {
  transition-delay: 0.05s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(2) {
  transition-delay: 0.1s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(3) {
  transition-delay: 0.15s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(4) {
  transition-delay: 0.2s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(5) {
  transition-delay: 0.25s;
}
.cs-skin-slide  > span::after,
.cs-skin-slide.cs-active  > span::after {
  font-family: 'icomoon';
  content: '\e00f';
  color: #eb7e7f;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span {
  color: #eb7e7f;
  background: transparent;
}
[class^="icon-"] span:before,
[class*=" icon-"] span:before {
  font-family: 'icomoon';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  font-size: 1.5em;
}
.icon-camera span::before {
  content: '\e00b';
}
.icon-money span::before {
  content: '\e008';
}
.icon-heart span::before {
  content: '\e00a';
}
.icon-food span::before {
  content: '\e009';
}
.icon-shirt span::before {
  content: '\e00c';
}
@media screen and (max-width: 30em) {
  div.cs-skin-slide {
    font-size: 1em;
    width: 250px;
  }
}
@media screen and (max-width: 30em) {
  .cs-skin-slide > span {
    height: 60px;
    line-height: 28px;
  }
}
@media screen and (max-width: 30em) {
  .cs-skin-slide .cs-options {
    padding-top: 3em;
  }
}
/* Form validation
--------------------------------------------------
*/
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #0da899;
}
.has-success .form-control {
  border-color: #0da899;
  box-shadow: none;
}
.has-success .form-control:focus {
  border-color: #09786e;
  box-shadow: none;
}
.has-success .input-group-addon {
  background: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.07);
  color: rgba(98, 98, 98, 0.47);
}
.has-success .form-control-feedback {
  color: #0da899;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #c9a843;
}
.has-warning .form-control {
  border-color: #c9a843;
  box-shadow: none;
}
.has-warning .form-control:focus {
  border-color: #a98b31;
  box-shadow: none;
}
.has-warning .input-group-addon {
  background: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.07);
  color: rgba(98, 98, 98, 0.47);
}
.has-warning .form-control-feedback {
  color: #c9a843;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #f55753;
}
.has-error .form-control {
  border-color: #f55753;
  box-shadow: none;
}
.has-error .form-control:focus {
  border-color: #f22823;
  box-shadow: none;
}
.has-error .input-group-addon {
  background: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.07);
  color: rgba(98, 98, 98, 0.47);
}
.has-error .form-control-feedback {
  color: #f55753;
}
.error {
  font-size: 12px;
  color: #f55753;
  display: block;
}
/* Addon inputs
--------------------------------------------------
*/
.input-group-addon {
  background: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.07);
  color: rgba(98, 98, 98, 0.47);
  font-size: 14px;
  padding: 6px 9px;
  display: table-cell;
  border-radius: 3px;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, color 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
}
.input-group-addon i {
  position: relative;
  top: 1px;
}
.input-group-addon.primary {
  background-color: #6d5cae;
  border: 1px solid #6d5cae;
  color: #fff;
}
.input-group-addon.primary .arrow {
  color: #6d5cae;
}
.input-group-addon.success {
  background-color: #0090d9;
  color: #fff;
}
.input-group-addon.success .arrow {
  color: #0090d9;
}
.input-group-addon.info {
  background-color: #1f3853;
  color: #fff;
}
.input-group-addon.info .arrow {
  color: #1f3853;
}
.input-group-addon.warning {
  background-color: #fbb05e;
  color: #fff;
}
.input-group-addon.warning .arrow {
  color: #fbb05e;
}
.input-group-addon.danger {
  background-color: #f35958;
  color: #fff;
}
.input-group-addon.danger .arrow {
  color: #f35958;
}
.input-group-addon .arrow {
  position: relative;
  right: -6px;
  color: #D1DADE;
  z-index: 100;
}
.input-group-addon .arrow:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  font-size: 23px;
  position: absolute;
  left: 17px;
  top: -2px;
}
.input-group-addon:last-child .arrow:before {
  font-family: 'FontAwesome';
  content: "\f0d9";
  font-size: 23px;
  position: absolute;
  left: -23px;
  top: -2px;
}
.input-group-addon:last-child input {
  border-left: 0px;
}
/* Plugins
--------------------------------------------------
Datepicker
https://github.com/eternicode/bootstrap-datepicker
*/
.datepicker {
  padding: 16px 25px;
  border-radius: 2px;
  font-size: 12px;
}
.datepicker:after {
  border-bottom-color: #fafafa;
}
.datepicker thead tr .datepicker-switch {
  color: #6f7b8a;
  font-size: 13px;
}
.datepicker thead tr .next,
.datepicker thead tr .prev {
  color: #6d5cae;
  content: '';
  font-size: 0px;
}
.datepicker thead tr .next:before,
.datepicker thead tr .prev:before {
  color: #6d5cae;
  font-family: 'FontAwesome';
  font-size: 10px;
}
.datepicker thead tr .prev:before {
  content: "\f053";
}
.datepicker thead tr .next:before {
  content: "\f054";
}
.datepicker thead tr .dow {
  font-family: 'Montserrat';
  color: #6d5cae;
  text-transform: uppercase;
  font-size: 11px;
}
.datepicker thead tr th {
  width: 31px;
  height: 29px;
}
.datepicker tbody tr .odd {
  color: #d0d3d8;
}
.datepicker table tr td {
  width: 31px;
  height: 29px;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #e6e6e6;
}
.datepicker table tr td.day:hover {
  background: #f0f0f0;
}
.datepicker table tr td.active {
  background-color: #6d5cae !important;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-image: none;
  text-shadow: none;
  font-weight: 600;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #f0f0f0;
  background-image: none;
  color: #fff;
}
.datepicker table tr td span {
  border-radius: 4px;
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.datepicker table tr td span.active {
  background-color: #6d5cae !important;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-image: none;
  border: none;
  text-shadow: none;
}
.datepicker.dropdown-menu {
  border-color: #e6e6e6;
  color: #626262;
}
.datepicker.datepicker-dropdown.datepicker-orient-bottom:before {
  border-color: #e6e6e6;
}
.datepicker-inline {
  width: auto;
}
.input-daterange .input-group-addon {
  text-shadow: none;
  border: 0;
}
/* Timepicker
https://github.com/m3wolf/bootstrap3-timepicker
*/
.bootstrap-timepicker-widget table td a i {
  font-size: 12px;
}
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget .bootstrap-timepicker-widget input {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  background: #fff;
}
/* Daterangepicker
http://www.dangrossman.info/
*/
.daterangepicker {
  background: #fff;
}
.daterangepicker .calendar .calendar-date {
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.daterangepicker .calendar .prev,
.daterangepicker .calendar .next,
.daterangepicker .calendar th {
  color: #6d5cae;
  text-transform: uppercase;
  font-size: 11px;
}
.daterangepicker .calendar .month {
  color: #6f7b8a;
  font-size: 13px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #6d5cae;
  border-color: #6d5cae;
}
/* Select2
http://ivaynberg.github.io/select2/
*/
.form-group-default .select2-container .select2-choice,
.select2-container-multi .select2-choices {
  border-color: transparent;
}
.select2-container .select2-choice {
  background-image: none;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  padding: 3px 9px;
  transition: border 0.2s linear 0s;
  height: 35px;
}
.select2-container .select2-choice .select2-arrow {
  background: transparent;
  border-left: 0px;
  transition: all 0.3s ease;
}
.select2-container .select2-choice .select2-arrow b:before {
  font-family: 'FontAwesome';
  content: "\f0d7";
  position: relative;
  top: 2px;
  right: 5px;
  font-size: 12px;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b {
  background-image: none !important;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  background-image: none !important;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #f0f0f0;
}
.select2-dropdown-open .select2-choice .select2-arrow {
  transform: scale(scale(1, -1));
}
.select2-drop.select2-drop-above {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: none;
  border-radius: 2px;
  padding-top: 0px;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #f0f0f0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.select2-search {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
}
.select2-search input {
  background: #fff !important;
  vertical-align: baseline;
  line-height: 28px;
  border-radius: 2px;
  border: none;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.select2-results {
  margin: 3px 10px 10px 3px;
}
.select2-results li {
  color: #626262;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  color: #2c2c2c;
}
.select2-results li.select2-result-with-children > .select2-result-label:first-child {
  padding-top: 8px;
}
.select2-results .select2-highlighted {
  background: #f0f0f0;
  border-radius: 3px;
}
.select2-results .select2-highlighted .select2-result-label {
  color: #626262;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: none;
  color: #626262;
  font-size: 12px;
  padding-left: 8px;
  padding-top: 0px;
  position: relative;
  top: -5px;
}
.select2-drop-active {
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: none;
  border-top: none;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  padding-top: 5px;
  z-index: 790;
}
.select2-container-multi .select2-choices {
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
}
.select2-container-multi .select2-choices .select2-search-choice {
  background-color: #e6e6e6;
  background-image: none;
  border: none;
  box-shadow: none;
  color: inherit;
  border-radius: 8px;
  margin: 8px -5px 7px 10px;
  padding: 4px 8px 4px 21px;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: none;
}
.select2-container-multi.select2-container-active .select2-search-choice {
  background-color: #fff !important;
}
.select2-container-multi .select2-search-choice-close {
  left: 6px;
}
.select2-search-choice-close {
  background: none;
  top: 4px;
  right: 0;
}
.select2-search-choice-close:hover {
  text-decoration: none;
}
.select2-search-choice-close:before {
  font-family: 'FontAwesome';
  content: "\f00d";
  font-size: 12px;
  color: #626262;
}
.select2-drop-multi .select2-results .select2-no-results,
.select2-drop-multi .select2-results .select2-searching,
.select2-drop-multi .select2-results .select2-selection-limit {
  top: 0px;
}
.select2.form-control {
  padding: 0;
  box-shadow: none;
  border: 0;
}
.select2-drop-mask {
  z-index: 700;
}
.ui-select-bootstrap .ui-select-choices-row.active > a {
  background: #f0f0f0;
  border-radius: 3px;
  color: #626262;
}
.ui-select-bootstrap > .ui-select-choices {
  background-color: #fff;
}
.ui-select-choices-group-label {
  color: #2c2c2c;
  font-weight: bold;
}
.modal-open .select2-drop-active {
  z-index: 1051;
}
.modal-open .select2-drop-mask {
  z-index: 1050;
}
.modal-open .cs-skin-slide.cs-active {
  z-index: 1050;
}
.dropdown-placeholder {
  display: inline-block;
  vertical-align: middle;
}
.dropdown-mask {
  bottom: 0;
  display: none;
  left: 0;
  outline: 0 none;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 600;
}
/* Bootstrap Tags input
https://github.com/timschlechter/bootstrap-tagsinput
*/
.form-group-default .bootstrap-tagsinput {
  border: 0px;
  padding-left: 0;
}
.bootstrap-tagsinput {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  padding-bottom: 5px;
  box-shadow: none;
  width: 100%;
  transition: background 0.2s linear 0s;
}
.bootstrap-tagsinput.active-element {
  background-color: #e6e6e6;
}
.bootstrap-tagsinput input {
  border: none;
  margin-bottom: 0px;
  min-height: 25px;
  min-width: 10em !important;
}
.bootstrap-tagsinput .tag {
  vertical-align: middle;
  padding: 6px 9px;
  padding-right: 6px;
  border-radius: 3px;
  line-height: 30px;
}
.bootstrap-tagsinput .tag[data-role="remove"] {
  margin-left: 4px;
}
.bootstrap-tagsinput .tag[data-role="remove"]:hover:active,
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: none;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  font-family: 'pages-icon';
  content: "\e60a";
  padding: 0;
}
/* Bootstrap3 wysihtml5
https://github.com/Waxolunist/bootstrap3-wysihtml5-bower
*/
.wysiwyg5-wrapper {
  position: relative;
}
.wysiwyg5-wrapper .wysihtml5-toolbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /*height: 50px;*/
  background: #f0f0f0;
  border-top: 1px solid #e6e6e6;
}
.wysiwyg5-wrapper .wysihtml5-toolbar .btn {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-color: transparent;
  border-right-color: #e6e6e6;
  color: #A5A5A5;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  padding: 0 5px;
  border-width: 1px;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.wysiwyg5-wrapper .wysihtml5-toolbar .btn:hover .editor-icon {
  opacity: .8;
}
.wysiwyg5-wrapper .wysihtml5-toolbar .btn.active .editor-icon {
  opacity: 1;
}
.wysiwyg5-wrapper .wysihtml5-toolbar .btn.dropdown-toggle {
  padding-left: 10px;
  padding-right: 20px;
}
.wysiwyg5-wrapper .wysihtml5-toolbar .btn.dropdown-toggle .current-font {
  opacity: .5;
  font-size: 14px;
}
.wysiwyg5-wrapper .wysihtml5-toolbar > li {
  margin: 0;
  padding: 0;
}
.wysiwyg5-wrapper .wysiwyg {
  width: 100%;
  min-height: 200px;
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 50px !important;
  border: 0;
}
.wysiwyg5-wrapper .wysiwyg:focus {
  background-color: #fafafa;
  outline: 0 !important;
  box-shadow: none;
}
.wysiwyg5-wrapper .expand-wysiwyg {
  bottom: 0;
  color: #A5A5A5;
  font-size: 20px;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  position: absolute;
  right: 0;
}
.wysiwyg5-wrapper .wysihtml5-sandbox {
  border: none !important;
  padding: 16px 16px 50px !important;
  width: 100% !important;
}
.wysiwyg5-wrapper .wysihtml5-sandbox.expanded {
  height: 100% !important;
}
.toggle-wysiwyg {
  position: absolute;
  right: 15px;
  top: 0;
}
.toggle-wysiwyg li {
  display: inline-block;
  font-weight: 600;
}
.editor-icon {
  background-image: url("../img/editor_tray.png");
  display: inline-block;
  height: 40px;
  margin-top: 5px;
  opacity: 0.4;
  vertical-align: top;
  width: 40px;
}
.editor-icon-headline {
  background-position: 0 0;
  width: 31px;
}
.editor-icon-bold {
  background-position: -40px 0;
}
.editor-icon-italic {
  background-position: -80px 0;
}
.editor-icon-underline {
  background-position: -120px 0;
}
.editor-icon-link {
  background-position: -160px 0;
}
.editor-icon-quote {
  background-position: -200px 0;
}
.editor-icon-ul {
  background-position: -240px 0;
}
.editor-icon-ol {
  background-position: -280px 0;
}
.editor-icon-outdent {
  background-position: -320px 0;
}
.editor-icon-indent {
  background-position: -360px 0;
}
.editor-icon-image {
  background-position: -400px 0;
}
.editor-icon-html {
  background-position: -440px 0;
}
/* Summernote
https://github.com/HackerWins/summernote
*/
.summernote-wrapper .note-editor {
  border-color: #e6e6e6;
}
.summernote-wrapper .note-editor .note-toolbar {
  padding: 0;
  background-color: #f0f0f0;
  border-bottom: none;
}
.summernote-wrapper .note-editor .note-toolbar .btn-group {
  margin: 0 -1px 0 0;
}
.summernote-wrapper .note-editor .note-toolbar .btn-group .btn {
  font-size: 12px;
  font-weight: 600;
  height: 50px;
  min-width: 47px;
  line-height: 50px;
  padding: 0 5px;
  border-radius: 0;
  background-color: #f0f0f0;
  border-color: transparent;
  border-right-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  color: #626262;
}
.summernote-wrapper .note-editor .note-toolbar .btn-group .btn.active,
.summernote-wrapper .note-editor .note-toolbar .btn-group .btn:active {
  background-color: #e6e6e6;
}
.summernote-wrapper .note-editor .note-toolbar .btn-group .btn.dropdown-toggle {
  min-width: 61px;
}
.summernote-wrapper .note-editor .note-toolbar .btn-group .btn:not(:last-child),
.summernote-wrapper .note-editor .note-toolbar .btn-group .btn:not(:only-child) {
  margin-right: 1px;
}
.summernote-wrapper .note-editor .note-statusbar {
  background-color: transparent;
}
.summernote-wrapper .note-editor .note-statusbar .note-resizebar {
  border-top-color: transparent;
}
.summernote-wrapper .note-editor .note-statusbar .note-resizebar .note-icon-bar {
  border-top: 1px solid #e6e6e6;
}
.summernote-wrapper .note-popover .popover .popover-content .dropdown-menu li a i,
.summernote-wrapper .note-toolbar .dropdown-menu li a i {
  color: #6d5cae;
}
input,
input:focus {
  -webkit-transition: none !important;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}
input:-webkit-autofill.borderBottom {
  -webkit-box-shadow: 0 0 0 1000px #fafafa inset !important;
}
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #f0f0f0 inset !important;
}
input.error:-webkit-autofill,
input.error:-webkit-autofill:focus,
.has-error input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #F9E9E9 inset !important;
}
/* Pages SelectFx */
/* Default custom select styles */
div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 700;
  width: 100%;
  max-width: 500px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: sans-serif;
}
div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */
}
.cs-select select {
  display: none;
}
.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Placeholder and selected option */
.cs-select > span {
  padding-right: 3em;
}
.cs-select > span::after,
.cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cs-select > span::after {
  content: '\25BE';
  right: 1em;
}
.cs-select .cs-selected span::after {
  content: '\2713';
  margin-left: 1em;
}
.cs-select.cs-active > span::after {
  transform: translateY(-50%) rotate(180deg);
}
/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden;
}
.cs-select.cs-active .cs-options {
  visibility: visible;
}
.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.cs-select ul span {
  padding: 1em;
}
.cs-select ul li.cs-focus span {
  background-color: #ddd;
}
/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
  padding-left: 1em;
}
.cs-select li.cs-optgroup > span {
  cursor: default;
}
div.cs-skin-slide {
  color: #fff;
  /*font-size: 1.5em;*/
  width: 300px;
}
@media screen and (max-width: 30em) {
  div.cs-skin-slide {
    font-size: 1em;
    width: 250px;
  }
}
div.cs-skin-slide::before {
  content: '';
  background: #282b30;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.3s;
}
.cs-skin-slide.cs-active::before {
  transform: scale3d(1.1, 3.5, 1);
}
.cs-skin-slide > span {
  height: 80px;
  line-height: 32px;
  transition: text-indent 0.3s, opacity 0.3s;
}
@media screen and (max-width: 30em) {
  .cs-skin-slide > span {
    height: 60px;
    line-height: 28px;
  }
}
.cs-skin-slide.cs-active > span {
  text-indent: -290px;
  opacity: 0;
}
.cs-skin-slide.cs-active > span::after {
  transform: translate3d(0, -50%, 0);
}
.cs-skin-slide .cs-options {
  background: transparent;
  width: 70%;
  height: 400%;
  padding: 1.9em 0;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
@media screen and (max-width: 30em) {
  .cs-skin-slide .cs-options {
    padding-top: 3em;
  }
}
.cs-skin-slide .cs-options li {
  opacity: 0;
  transform: translate3d(30%, 0, 0);
  transition: transform 0.3s, opacity 0.3s;
}
.cs-skin-slide.cs-active .cs-options li {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.cs-skin-slide.cs-active .cs-options li:first-child {
  transition-delay: 0.05s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(2) {
  transition-delay: 0.1s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(3) {
  transition-delay: 0.15s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(4) {
  transition-delay: 0.2s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(5) {
  transition-delay: 0.25s;
}
/* more options need more delay declaration */
.cs-skin-slide .cs-options li span {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 65%;
  padding: 0.8em 1em 0.8em 2.5em;
}
.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span {
  color: #eb7e7f;
  background: transparent;
}
.cs-skin-slide .cs-selected span::after {
  content: '';
}
/* Pages Select  overriding */
.form-group-default .cs-skin-slide > span {
  padding: 0 30px 0 0;
  height: 22px;
  line-height: 21px;
}
.form-group-default .cs-wrapper {
  width: 100%;
}
.cs-wrapper {
  display: inline-block;
}
.form-control.cs-select:not(.cs-active) {
  width: 100% !important;
}
.cs-select {
  color: #2980b9;
  background-color: transparent;
}
.cs-select span {
  text-overflow: initial;
}
.cs-select .cs-placeholder {
  width: 100%;
  background-color: #EFF6FF;
}
div.cs-skin-slide {
  width: auto;
  font-family: Arial, sans-serif;
  color: #5e5e5e;
}
div.cs-skin-slide:before {
  background-color: transparent;
}
div.cs-skin-slide.cs-transparent {
  background: none;
}
div.cs-skin-slide.cs-transparent .cs-backdrop {
  border-color: transparent;
  background: none;
}
div.cs-skin-slide.cs-transparent.cs-active .cs-backdrop {
  background: #fafafa;
}
div.cs-skin-slide > span {
  height: 35px;
  padding: 6px 33px 6px 17px;
  line-height: 23px;
}
div.cs-skin-slide.cs-active {
  z-index: 790;
}
div.cs-skin-slide.cs-active:before {
  transform: scale3d(1, 1, 1);
}
div.cs-skin-slide.cs-active .cs-backdrop {
  border: transparent;
  background: #fafafa;
  box-shadow: -1px 0 1px #ccc, 1px 0 1px #ccc;
}
div.cs-skin-slide > span:after,
div.cs-skin-slide.cs-active > span:after {
  content: "\f0d7";
  font-family: FontAwesome;
  color: #5e5e5e;
}
div.cs-skin-slide .cs-options {
  height: auto;
  padding: 9px 0;
  width: auto;
  padding: 10px;
  max-height: 350px;
  transform: translate3d(1, 1, 1);
  overflow: hidden;
}
div.cs-skin-slide .cs-options ul {
  width: 100%;
  display: table;
}
div.cs-skin-slide .cs-options ul li {
  display: table-row;
}
div.cs-skin-slide .cs-options ul li span {
  display: table-cell;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  padding: 5px 0;
  text-transform: none;
  max-height: 350px;
  overflow-y: auto;
}
div.cs-skin-slide .cs-options ul li span:hover,
div.cs-skin-slide .cs-options ul li.cs-focus span,
div.cs-skin-slide .cs-options ul li.cs-selected span {
  color: #2c2c2c;
}
.cs-backdrop {
  background: none repeat scroll 0 0 #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  transition: all 0.3s ease;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(6) {
  transition-delay: 0.3s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(7) {
  transition-delay: 0.35s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(8) {
  transition-delay: 0.4s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(9) {
  transition-delay: 0.45s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(10) {
  transition-delay: 0.5s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(11) {
  transition-delay: 0.55s;
}
div.cs-skin-border {
  background: transparent;
  font-size: 1em;
  font-weight: 700;
}
@media screen and (max-width: 30em) {
  .cs-skin-border {
    font-size: 1em;
  }
}
.cs-skin-border > span {
  border-color: inherit;
  transition: background 0.2s, border-color 0.2s;
}
.cs-skin-border ul span::after {
  content: '';
  opacity: 0;
}
.cs-skin-border.cs-active > span {
  background: #EFF6FF;
  border-color: #fff;
  color: #2980b9;
}
.cs-skin-border .cs-options {
  background-color: #fff;
  color: #2980b9;
  font-size: 0.95em;
  opacity: 0;
  transition: opacity 0.2s, visibility 0s 0.2s;
}
.cs-skin-border.cs-active .cs-options {
  opacity: 1;
  transition: opacity 0.2s;
}
.cs-skin-border.cs-active .cs-options ul li {
  padding-left: 0px;
}
.cs-skin-border ul span {
  padding: 1em 2em 1em 1em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
  background: #F8FBFF;
}
/* Dropzone for Angular */
.dropzone[dropzone="dropzone"] input[type="file"] {
  visibility: hidden;
}
/* end overrides */
/* Demo specifc classes */
.demo-form-wysiwyg {
  height: 250px;
}
input.borderBottom {
  border-radius: 0;
  background-color: initial;
  border: none;
  border-bottom: 2px solid #ccc;
}
input.rounded {
  border-radius: 3px;
}
.dropdown {
  cursor: pointer;
}
/** Custom Switch **/
.custom-switch {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-switch input {
  display: none;
}
.custom-switch label {
  position: relative;
  display: block;
  width: 2.2em;
  height: 1.2em;
  border-radius: 3em;
  background: #E8E8E8;
  cursor: pointer;
  margin: 0em 1em 0em 1em;
  border: 3px solid #e3e3e3;
}
.custom-switch label:after {
  position: relative;
  display: block;
  content: '';
  width: 1em;
  height: .75em;
  top: 0;
  left: 0;
  border-radius: 3em;
  background: #0687FF;
  pointer-events: none;
  transition: all 0.4s ease-in-out;
}
.custom-switch label:active:after {
  width: 1.8em;
}
.custom-switch input:checked + label:active:after {
  left: 1.2em;
}
.custom-switch input:checked + label:after {
  left: 0.8em;
  background: #6d5cae;
}
/** Custom Switch **/
.custom-switch-front {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-switch-front input {
  display: none;
}
.custom-switch-front label {
  position: relative;
  display: block;
  width: 2.2em;
  height: 1.2em;
  border-radius: 3em;
  background: #E8E8E8;
  background: inherit;
  cursor: pointer;
  margin: 0em 1em 0em 1em;
  border: 3px solid black;
}
.custom-switch-front label:after {
  position: relative;
  display: block;
  content: '';
  width: 1em;
  height: .75em;
  top: 0;
  left: 0;
  border-radius: 3em;
  background: black;
  pointer-events: none;
  transition: all 0.4s ease-in-out;
}
.custom-switch-front label:active:after {
  width: 1.8em;
}
.custom-switch-front input:checked + label:active:after {
  left: 1.2em;
}
.custom-switch-front input:checked + label:after {
  left: 0.8em;
  background: #1b1b1b;
}
.custom-react-switch {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-react-switch label {
  position: relative;
  display: block;
  width: 2.2em;
  height: 1.2em;
  border-radius: 3em;
  background: #000;
  cursor: pointer;
  margin: 0em 1em 0em 1em;
  border: 3px solid #000;
}
.custom-react-switch label.active {
  background: #f55753;
  border-color: #ff8e75;
}
.custom-react-switch label:after {
  position: relative;
  display: block;
  content: '';
  width: 0.8em;
  height: 0.8em;
  top: 0px;
  border-radius: 3em;
  background: #565b6d;
  pointer-events: none;
  transition: all 0.4s ease-in-out;
  left: 0.8em;
}
.custom-react-switch label.active:after {
  left: 0;
  background: #ffe2e2;
}
input,
textarea {
  display: block;
  width: 100%;
  max-width: 18em;
  border: 1px solid #CCC;
  box-sizing: border-box;
  padding: 10px;
  vertical-align: middle;
  font-family: inherit;
  font-size: 1.2em;
  color: #5e6675;
  background-color: #FFF;
}
input.dark,
textarea.dark {
  border: none;
  background-color: #1a1b1f;
  color: #e3f9ff;
}
input[type="submit"]:hover {
  cursor: pointer;
}
form.dark .form-control,
.darkInput .form-control {
  background-color: #1E1E2D;
  color: #C5C7D8;
}
form.dark .form-group-default,
.darkInput .form-group-default {
  background-color: #1E1E2D;
  margin-top: 1em;
}
form.dark .checkbox input[type="checkbox"]:focus + label,
.darkInput .checkbox input[type="checkbox"]:focus + label {
  color: #B7BAD8;
}
form.dark .checkbox.check-info input[type=checkbox]:checked + label:before,
.darkInput .checkbox.check-info input[type=checkbox]:checked + label:before {
  border-color: #48b0f7;
}
form.dark select,
.darkInput select {
  -webkit-appearance: none;
  background-color: #1E1E2D;
  border: none;
}
form.light .form-control,
.lightInput .form-control {
  background-color: initial !important;
  color: initial !important;
}
form.light .form-group-default,
.lightInput .form-group-default {
  background-color: initial !important;
}
form.light .checkbox input[type="checkbox"]:focus + label,
.lightInput .checkbox input[type="checkbox"]:focus + label {
  color: #B7BAD8;
}
form.light .checkbox.check-info input[type=checkbox]:checked + label:before,
.lightInput .checkbox.check-info input[type=checkbox]:checked + label:before {
  border-color: #48b0f7;
}
form.light select,
.lightInput select {
  background-color: #1E1E2D;
  border: none;
}
input.newsletter {
  background: initial !important;
  color: white !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  padding: 2px !important;
}
input.newsletter::-webkit-input-placeholder {
  color: gray !important;
}
input.newsletter:-moz-placeholder {
  /* Firefox 18- */
  color: gray !important;
}
input.newsletter::-moz-placeholder {
  /* Firefox 19+ */
  color: gray !important;
}
input.newsletter:-ms-input-placeholder {
  color: gray !important;
}
#loadingContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 100px;
  text-align: center;
}
/* Loading animation container */
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  z-index: 5;
}
.loadingContainer2 {
  position: relative;
  width: 28px;
}
.loading2 {
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: 28px;
  z-index: 5;
  margin: 20px;
}
/* Spinning circle (inner circle) */
/*LOADING SPINNER*/
/* Animation keyframes - you need to add prefixes */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading .maskedCircle,
.loading2 .maskedCircle {
  width: 20px;
  height: 20px;
  border-radius: 12px;
  border: 3px solid white;
}
/* Spinning circle mask */
.loading .mask,
.loading2 .mask {
  width: 12px;
  height: 12px;
  overflow: hidden;
}
/* Spinner */
.loading .spinner {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 26px;
  height: 26px;
  animation: spin 1s infinite linear;
}
/* Spinner */
.loading2 .spinner {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 26px;
  height: 26px;
  animation: spin 1s infinite linear;
}
#psMagicButton,
#psCloseButton {
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
#psMagicButton {
  z-index: 801;
  position: relative;
  cursor: pointer;
  float: right;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background-color: #eee;
  text-align: center;
}
#menuNav {
  font-size: 0.85em;
  position: absolute;
  left: -25px;
  width: 100px;
  cursor: default;
  color: #000;
}
#menuNav > ul {
  list-style: inherit;
  display: block;
}
#menuNav > ul > li {
  list-style: none outside none;
  display: block;
  margin-top: .5em;
  border-radius: .25em;
  background-color: #f9f9f9;
}
#menuNav > ul > li > a {
  margin: auto;
}
.dropdownMenu {
  display: none;
  text-align: center;
}
/**
 * Modal stuff
 */
.modal.videoModal iframe {
  width: 100%;
  height: 100%;
}
.modal.videoModal {
  background: black;
}
.closeIt {
  background-image: url("/images/front/x.svg");
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
  position: absolute;
  top: -20px;
  right: 35px;
  bottom: auto;
  /*left: auto;*/
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}
#appContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
#inputContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex: 1;
  flex: 1;
}
#inputBox {
  min-width: 500px;
  text-align: center;
  opacity: 0;
}
#inputBox #userPhoto {
  max-width: 110px;
  margin-bottom: 1.2em;
}
/* custom placeholder color */
input::-webkit-input-placeholder {
  color: #c8c8c8;
}
/*------------------------------------------------------------------
[10. Modals]
*/
.modal .close:focus {
  outline: 0;
}
.modal .modal-dialog {
  transition: all .2s !important;
}
.modal .modal-content {
  border: 1px solid #f2f6f7;
  border-radius: 3px;
  box-shadow: none;
}
.modal .modal-header {
  text-align: center;
  border-bottom: 0;
  padding: 25px 25px 0 25px;
}
.modal .modal-header p {
  color: #8b91a0;
}
.modal .modal-body {
  box-shadow: none;
  padding: 25px;
  padding-top: 0;
  white-space: normal;
}
.modal .modal-footer {
  border-top: none;
  box-shadow: none;
  margin-top: 0;
  padding: 25px;
  padding-top: 0;
}
.modal .drop-shadow {
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36) !important;
}
.modal.fade {
  opacity: 1 !important;
}
.modal.fade.stick-up .modal-dialog {
  transform: translate3d(0, -100%, 0);
  -ms-transform: translate(0, -100%);
  margin-top: -5px;
}
.modal.fade.stick-up.in .modal-dialog {
  transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.modal.fade.slide-up {
  height: 100%;
  top: auto;
}
.modal.fade.slide-up.in .modal-dialog {
  transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.modal.fade.slide-up.disable-scroll {
  overflow: hidden;
}
.modal.fade.slide-up .modal-dialog {
  display: table;
  height: 100%;
  transform: translate3d(0, 75%, 0);
  -ms-transform: translate(0, 75%);
}
.modal.fade.slide-up .modal-content-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.modal.fade.center-scale .modal-dialog {
  display: table;
  height: 100%;
}
.modal.fade.center-scale .modal-content {
  display: table-cell;
  vertical-align: middle;
  border: 0;
  background: transparent;
}
.modal.fade.center-scale .modal-content .modal-header {
  border-bottom: 0px;
}
.modal.fade.center-scale.in .modal-dialog {
  opacity: 1;
  transform: scale(1);
}
.modal.fade.center-scale .modal-dialog {
  opacity: 0;
  transform: scale(0.6);
}
.modal.fade.fill-in {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.3s;
}
.modal.fade.fill-in > .close {
  margin-top: 20px;
  margin-right: 20px;
  opacity: 0.6;
}
.modal.fade.fill-in > .close > i {
  font-size: 16px;
}
.modal.fade.fill-in .modal-dialog {
  display: table;
  height: 100%;
}
.modal.fade.fill-in .modal-content {
  display: table-cell;
  vertical-align: middle;
  border: 0;
  background: transparent;
}
.modal.fade.fill-in .modal-content .modal-header {
  border-bottom: 0px;
}
.modal.fade.fill-in.in {
  background-color: rgba(255, 255, 255, 0.85);
}
.modal.fade.fill-in.in .modal-dialog {
  opacity: 1;
  transform: scale(1);
}
.modal.fade.fill-in .modal-dialog {
  opacity: 0;
  transform: scale(0.6);
}
.modal.fade.slide-right .close {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 10px;
  z-index: 10;
}
.modal.fade.slide-right.in .modal-dialog {
  transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.modal.fade.slide-right .modal-dialog {
  position: absolute;
  right: 0;
  margin: 0;
  height: 100%;
  transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
}
.modal.fade.slide-right .modal-dialog .modal-content-wrapper {
  height: 100%;
}
.modal.fade.slide-right .modal-dialog .modal-content {
  height: 100%;
}
.modal.fade.slide-right .modal-dialog .modal-body {
  background-color: #fff;
}
.modal.fade.slide-right .modal-content {
  border-radius: 0px;
}
.fill-in-modal .modal-backdrop {
  background-color: transparent;
}
.modal-backdrop {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.modal-backdrop.in {
  opacity: 0.30;
}
/* Responsive Handlers: Modals
------------------------------------
*/
@media (max-width: 768px) {
  .modal.fill-in .modal-dialog {
    width: calc(100% - 20px);
  }
  .modal.slide-up .modal-dialog {
    width: calc(100% - 20px);
  }
}
@media (min-width: 768px) {
  .modal.stick-up .modal-dialog {
    margin: -5px auto;
  }
  .modal.slide-up .modal-dialog {
    margin: 0 auto;
  }
  .modal.fill-in .modal-dialog {
    margin: 0 auto;
  }
  .modal .modal-content {
    box-shadow: none;
  }
}
.modal-content {
  border-radius: 3px;
}
#earlyAccessModal {
  text-align: center;
}
#earlyAccessModal .modal-content-wrapper {
  padding: 1em;
}
#earlyAccessModal .modal-content {
  background: white;
  border: none;
  text-align: center;
}
#earlyAccessModal .modal-header {
  border-bottom: 0;
}
#earlyAccessModal #primaryEmailInput {
  border: none;
  border-bottom: 2px solid #efefef;
}
.modal.fade.fill-in {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.3s;
}
.modal.fade.fill-in > .close {
  margin-top: 20px;
  margin-right: 20px;
  opacity: 0.6;
}
.modal.fade.fill-in > .close > i {
  font-size: 16px;
}
.modal.fade.fill-in .modal-dialog {
  display: table;
  height: 100%;
}
.modal.fade.fill-in .modal-content {
  display: table-cell;
  vertical-align: middle;
  border: 0;
  background: transparent;
}
.modal.fade.fill-in .modal-content .modal-header {
  border-bottom: 0px;
}
.modal.fade.fill-in.in {
  background-color: #ffffff;
}
.modal.fade.fill-in.in .modal-dialog {
  opacity: 1;
  transform: scale(1);
}
.modal.fade.fill-in .modal-dialog {
  opacity: 0;
  transform: scale(0.6);
}
#appContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  transition: transform 200ms ease-out, filter 200ms ease-out;
  transform: scale(1);
  -webkit-transform: scale(1);
}
#appContainer.inactive {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  filter: blur(4px);
  -webkit-filter: blur(4px);
}
#inputContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1;
  flex: 1;
}
#inputBox {
  min-width: 500px;
  text-align: center;
  opacity: 0;
}
#inputBox #userPhoto {
  max-width: 110px;
  margin-bottom: 1.2em;
}
#bottomLinks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 3em;
}
#bottomLinks a {
  color: #959595;
  font-size: .6em;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 0;
}
#bottomLinks p:first-child {
  transition-delay: 0.4s;
}
#bottomLinks p:nth-child(2) {
  transition-delay: 1.6s;
}
#bottomLinks p:nth-child(3) {
  transition-delay: 2.8s;
}
#bottomLinks a:hover {
  text-decoration: underline;
  color: #fff;
}
/**
 * Animations
 */
/* make keyframes that tell the start state and the end state of our object */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes popInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pop {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
/*@keyframes dotOut { from { width: 40px} to { width: 1px } }*/
/*@keyframes dotOut { 0% { border-width: 4px} 50% { border-width: 1px } 100% { border-width: 4px } }*/
.fade-in {
  opacity: 0;
  /* make things invisible upon start */
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  animation: fadeIn ease-in 1;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  animation-fill-mode: forwards;
  animation-duration: .5s;
}
.spin {
  animation: arrow-spin 1.85s cubic-bezier(0.2, 0.8, 0.9, 0.1) forwards infinite;
}
.popInOut {
  animation: pop 0.15s ease forwards 1;
}
.fade-out {
  opacity: 1;
  /* make things visible upon start */
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  animation: fadeOut ease-out 1;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  animation-fill-mode: forwards;
  animation-duration: .5s;
}
#nativeAppCloseButtonContainer {
  height: 50px;
  width: 50px;
  position: absolute;
  padding-left: 1em;
  padding-top: 1em;
  cursor: pointer;
  right: 1em;
}
.close-button {
  width: 50px;
  height: 50px;
  box-shadow: 0px 10 10px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  position: absolute;
  display: block;
  z-index: 200;
  text-indent: -9999px;
}
.close-button:before,
.close-button:after {
  content: '';
  width: 55%;
  height: 1px;
  background: #777;
  position: absolute;
  top: 48%;
  left: 22%;
  transform: rotate(-45deg);
  transition: all 0.3s ease-out;
}
.close-button:after {
  transform: rotate(45deg);
  transition: all 0.3s ease-out;
}
.close-button:hover:before,
.close-button:hover:after {
  background: #fff;
}
/* general style for the form */
.nl-form {
  width: 100%;
  font-size: 1.2em;
  line-height: 2.2em;
}
/* the toggle is the visible part in the form */
.nl-field-toggle,
.nl-form input,
.nl-form select {
  line-height: inherit;
  display: inline-block;
  color: #fff;
  border-bottom: 2px solid #2b2d35;
  font-weight: 300;
  font-size: 1.1em;
}
/* overlay becomes visible when a field is opened */
.nl-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: 9999;
  visibility: hidden;
  transition: visibility 0s 0.3s, opacity 0.3s;
}
.nl-field.nl-field-open ~ .nl-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
#inputBox input[type=checkbox] {
  display: none;
}
.nl-form label {
  display: block;
  position: absolute;
  margin-top: 2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  line-height: 5px;
  white-space: nowrap;
  content: '✔';
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border: 3px solid black;
  box-shadow: 0px 0px 0px 2px #46485c;
}
#remember:checked ~ label[for=remember],
#rememberDomain:checked ~ label[for=rememberDomain] {
  background: white;
  border: 3px solid #252730;
  margin-left: -14px;
}
#remember ~ label[for=remember],
#rememberDomain ~ label[for=rememberDomain] {
  margin-left: -14px;
}
.remember {
  margin: auto;
  text-align: center;
  width: 105px;
  padding: 30px 0px;
  font-size: 12px;
  text-indent: 25px;
  line-height: 6px;
  font-weight: 400;
  color: #888888;
}
.no-select {
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
#computerContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  background-color: #0e1219;
  opacity: 1.0;
  transform: scale(1);
  transition: transform 400ms;
}
#computerContainer.backplane {
  opacity: 1.0;
  transform: scale(0.9);
}
#h264stream {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex: 1;
  flex: 1;
  margin: auto;
}
#hamburger {
  position: absolute;
  display: block;
  left: 40px;
  top: 40px;
}
#hamburger2 {
  background-color: rgba(238, 238, 238, 0.57);
  border-radius: 50%;
  transition: background-color 0.2s ease;
  width: 30px;
  height: 30px;
  opacity: 0.7;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#hamburger2 img {
  width: 65%;
  height: 65%;
  cursor: pointer;
}
#hamburger2:hover {
  background-color: #eee;
  opacity: 1.0;
}
.invisible {
  display: none;
}
#overlayPS {
  background-color: #0e1219;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: inherit;
  display: block;
}
.overlayPS-enter {
  opacity: 0.01;
}
.overlayPS-enter.overlayPS-enter-active {
  opacity: 1.0;
  transition: opacity 200ms ease-out;
}
.overlayPS-leave {
  opacity: 1.0;
}
.overlayPS-leave.overlayPS-leave-active {
  opacity: 0.01;
  transition: opacity 200ms ease-out;
}
/*console */
.cMenu h2 {
  color: #B7B7B7;
  cursor: pointer;
  transition: color 0.2s ease;
}
.cMenu h2:hover {
  color: #000;
}
.cMenu .active {
  color: #000;
}
#fullScreenBtn:hover {
  cursor: pointer;
}
.verticalStatsAligner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  top: 0;
  position: absolute;
  cursor: default;
  text-align: center;
  width: 100%;
  transition: all 200ms;
  opacity: 1.0;
}
.verticalStatsAligner.half {
  width: 50%;
  right: 0;
}
.verticalStatsAligner2 {
  background-color: #0e1219;
  background-color: rgba(14, 18, 25, 0.88);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  top: 0;
  transition: all 200ms;
  opacity: 1.0;
}
.verticalStatsAlignerChildNode {
  background-color: #0e1219;
  background-color: rgba(14, 18, 25, 0.88);
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  z-index: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  transition: all 200ms;
  opacity: 1.0;
}
.verticalStatsAligner.inactive,
.verticalStatsAligner2.inactive,
.verticalStatsAlignerChildNode.inactive {
  opacity: 0.0;
  z-index: -999;
  pointer-events: none;
}
.verticalStatsAlignerChildNode.inactive {
  display: none;
}
.verticalStatsAligner h3,
.verticalStatsAligner2 h3,
.verticalStatsAlignerChildNode h3 {
  color: rgba(200, 200, 200, 0.4);
}
#hudContainer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
#hudContainer.hidden {
  display: none;
}
#psConsole {
  width: 0;
  height: 100%;
  float: left;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  min-width: 600px;
  opacity: 0;
  transition: opacity 200ms;
}
#psConsole.visible {
  width: 50%;
  opacity: 1.0;
}
.controls img {
  width: 90px;
  background-color: rgba(100, 100, 100, 0.2);
  border-radius: 50%;
  transition: all 100ms ease-in-out;
  cursor: pointer;
}
.controls img:hover {
  background-color: rgba(100, 100, 100, 0.4);
  transform: scale(1.05);
}
#powerButtons h3 {
  color: rgba(200, 200, 200, 0.4);
}
#addCard {
  -webkit-transition: -webkit-filter 150ms ease-in;
}
.blur {
  filter: blur(2px);
}
/*React animation*/
.alert-enter {
  opacity: 0.01;
}
.alert-enter.alert-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.alert-leave {
  opacity: 1;
}
.alert-leave.alert-leave-active {
  opacity: 0.01;
  transition: opacity 200ms ease-in;
}
/*React animation*/
.detailModal-enter {
  opacity: 0.01;
}
.detailModal-enter.detailModal-enter-active {
  opacity: 1;
  transition: all 200ms ease-in;
}
.detailModal-leave {
  opacity: 0.0;
}
.detailModal-leave.detailModal-leave-active {
  opacity: 0.01;
  transition: all 200ms ease-in;
}
#playerStats {
  color: #B1B1B1;
  z-index: 9999999;
  max-width: 75%;
  min-width: 700px;
  font-size: 0.9em;
  line-height: 1.2em;
}
#playerStats table {
  width: 100%;
  table-layout: fixed;
}
.statsPanel {
  width: 33%;
  text-align: left;
  display: inline-block;
  float: left;
  padding-left: 2em;
}
.statsPanel .title {
  margin-top: 3em;
}
.statsPanel .title:first-child {
  margin-top: 0;
}
.statsPanel:nth-of-type(2) {
  padding-left: 0;
  width: 24%;
  line-height: 2em;
}
.statsPanel:nth-of-type(3) {
  width: 42%;
}
.statsPanel:nth-of-type(4) {
  width: 30%;
}
.statsPanel input,
.statsPanel textarea {
  border-radius: 1px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: #fff;
  padding: 0;
}
.statsPanel select {
  color: #000;
}
.statsPanel input[type=button] {
  background-color: #fff;
  color: #000;
  padding: 6px 8px;
  width: inherit;
}
#playerStatsSmall {
  position: absolute;
  top: 0;
  right: 0;
  color: #00d2ff;
  background-color: #eee;
}
.infoBlock {
  font-size: 0.75em;
  color: #888;
}
.miniStatKey {
  font-size: 0.8em;
  color: #777;
}
.miniStatValue {
  font-size: 0.8em;
  color: #000;
}
.fa-lg {
  padding-top: 4px;
}
#uploadFileProgress {
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999999999;
  color: white;
  border-radius: 3px;
  padding: 2em;
  font-size: 1.2em;
  pointer-events: all;
}
#uploadFileProgress .pendingFileUploading {
  opacity: 0.35;
}
#uploadFileProgress.minimized {
  position: absolute;
  height: 10px;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0 1em;
}
span.fileName {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
span.uploadPercent {
  float: right;
}
#frameBlinker {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0);
  z-index: 999999999;
}
#frameBlinker.blink {
  animation-name: blink;
  animation-duration: 200ms;
}
@keyframes blink {
  from {
    background-color: #48b0f7;
  }
  to {
    background-color: rgba(0, 0, 0, 0);
  }
}
.innerMessage {
  font-weight: 100;
  color: #ABABAB;
  color: #0B101B;
  font-size: 1.2em;
  margin: 1.5em;
  max-width: 22em;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
}
.innerMessage .cmdText {
  background-color: #efefef;
  color: #5A5A5A;
  font-family: monospace;
  margin: 6px;
  padding: 2px 6px;
  border-radius: 5px;
  text-shadow: 1px 1px 0 #FFF;
}
.modal-content {
  padding: 2em;
  transition: background-color 150ms;
}
.modal-content .logo {
  margin: 0;
  padding: 0;
  margin-top: 0.3em;
  margin-right: 0.2em;
}
.advancedSettingsBoxTitle {
  font-size: 1.8em;
  font-family: "Flama", sans-serif;
  margin-bottom: 1.5em;
}
.advancedSettingsBox {
  margin-top: 1em;
  margin-bottom: 1em;
  opacity: 0.9;
  width: 300px;
  transition: all 300ms;
  display: -ms-flexbox;
  display: flex;
}
.advancedSettingsBox .cs-select .cs-placeholder {
  padding: 0.5em !important;
}
.advancedSettingsBox .cs-select {
  width: 100px !important;
  margin: 10px 0 5px !important;
}
.advancedSettingsBox .checkboxLeft {
  width: 70px;
  float: left;
  margin-top: 4px;
}
.advancedSettingsBox .boxRight {
  text-align: left;
  float: left;
  color: white;
  margin-bottom: 20px;
}
.advancedSettingsBox .boxRight .title {
  font-size: 1.em;
  font-weight: 600;
  margin-bottom: 5px;
}
.advancedSettingsBox .boxRight .title span.experimental {
  color: #499aff;
  font-size: 0.6em;
  text-transform: uppercase;
  padding-top: -14px;
}
.advancedSettingsBox .boxRight .description {
  font-size: 0.9em;
  font-weight: 300;
}
.advancedSettingsBox .boxRight .description2 {
  margin-top: 10px;
  font-size: 0.75em;
  font-weight: 300;
  opacity: 0.8;
}
.advancedSettingsBox.active {
  opacity: 1.0;
}
.advancedSettingsBox.comingsoon {
  opacity: 0.3;
}
/*------------------------------------------------------------------
[28. Misc : Helper Classes]
*/
.custom {
  height: 150px;
}
.icon-list .fa-item {
  display: block;
  color: #121212;
  line-height: 32px;
  height: 32px;
  padding-left: 10px;
}
.icon-list .fa-item > i {
  width: 32px;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}
/* Thumbnail for icons and profile pics
------------------------------------
*/
.thumbnail-wrapper {
  display: inline-block;
  overflow: hidden;
  float: left;
}
.thumbnail-wrapper.circular {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.thumbnail-wrapper.bordered {
  border-width: 4px;
  border-style: solid;
}
.thumbnail-wrapper.bordered.d16 {
  width: 20px;
  height: 20px;
}
.thumbnail-wrapper.bordered.d16 > * {
  line-height: 12px;
}
.thumbnail-wrapper.bordered.d24 {
  width: 28px;
  height: 28px;
}
.thumbnail-wrapper.bordered.d24 > * {
  line-height: 24px;
}
.thumbnail-wrapper.bordered.d32 {
  width: 36px;
  height: 36px;
}
.thumbnail-wrapper.bordered.d32 > * {
  line-height: 28px;
}
.thumbnail-wrapper.bordered.d48 {
  width: 52px;
  height: 52px;
}
.thumbnail-wrapper.bordered.d48 > * {
  line-height: 44px;
}
.thumbnail-wrapper.d16 {
  width: 16px;
  height: 16px;
}
.thumbnail-wrapper.d16 > * {
  line-height: 16px;
}
.thumbnail-wrapper.d24 {
  width: 24px;
  height: 24px;
}
.thumbnail-wrapper.d24 > * {
  line-height: 24px;
}
.thumbnail-wrapper.d32 {
  width: 32px;
  height: 32px;
}
.thumbnail-wrapper.d32 > * {
  line-height: 32px;
}
.thumbnail-wrapper.d39 {
  width: 39px;
  height: 39px;
}
.thumbnail-wrapper.d39 > * {
  line-height: 39px;
}
.thumbnail-wrapper.d48 {
  width: 48px;
  height: 48px;
}
.thumbnail-wrapper.d48 > * {
  line-height: 50px;
}
.thumbnail-wrapper > * {
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}
/* Profile dropdown
------------------------------------
*/
.pull-right > .dropdown-menu {
  right: initial;
}
.profile-dropdown {
  background: #fff;
  padding: 0;
  left: -5px;
  left: -50%;
  width: auto !important;
  top: 44px;
  margin: auto;
}
.profile-dropdown li:last-child {
  margin-top: 11px;
  padding: 0;
}
.profile-dropdown li:last-child > a {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 19px;
}
.profile-dropdown li:last-child > a:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.profile-dropdown li > a {
  opacity: .5;
  transition: opacity ease 0.3s;
  padding-left: 17px;
  padding-right: 19px;
}
.profile-dropdown li > a > i {
  margin-right: 5px;
}
.profile-dropdown li > a:hover {
  opacity: 1;
}
#psButtonContainerMOBILE .profile-dropdown {
  left: 46%;
  top: 90px;
}
.profile-dropdown-toggle {
  background: transparent;
  border: none;
}
/* Scroll
------------------------------------
*/
.scrollable {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/* Overides
------------------------------------
*/
.no-padding {
  padding: 0px !important;
}
.no-margin {
  margin: 0px !important;
}
.no-overflow {
  overflow: hidden !important;
}
.auto-overflow {
  overflow: auto;
}
.center-margin {
  margin-left: auto;
  margin-right: auto;
}
.inherit-size {
  width: inherit;
  height: inherit;
}
.inherit-height {
  height: inherit;
}
.image-responsive-height {
  width: 100%;
}
.image-responsive-width {
  height: 100%;
}
.overlayer {
  position: absolute;
  display: block;
  z-index: 21;
}
.overlayer.fullwidth {
  width: 100%;
}
.overlayer-wrapper {
  position: relative;
  display: block;
  z-index: 10;
}
.overlay-fixed {
  position: fixed !important;
  top: auto !important;
}
.top-left {
  position: absolute !important;
  top: 0;
  left: 0;
}
.top-right {
  position: absolute !important;
  top: 1px;
  right: 0;
}
.bottom-left {
  position: absolute !important;
  bottom: 1px;
  left: 0;
}
.bottom-right {
  position: absolute !important;
  bottom: 0;
  right: 0;
}
.pull-bottom {
  position: absolute !important;
  bottom: 0;
}
.pull-up {
  position: absolute !important;
  top: 0;
}
.cursor {
  cursor: pointer;
}
.scroll-x-hidden {
  overflow-x: hidden !important;
}
/* Generic Padding Helpers
------------------------------------
*/
.p-t-5 {
  padding-top: 5px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.padding-5 {
  padding: 5px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.padding-10 {
  padding: 10px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.padding-15 {
  padding: 15px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.padding-20 {
  padding: 20px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.padding-25 {
  padding: 25px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.padding-30 {
  padding: 30px !important;
}
.p-t-35 {
  padding-top: 35px !important;
}
.p-r-35 {
  padding-right: 35px !important;
}
.p-l-35 {
  padding-left: 35px !important;
}
.p-b-35 {
  padding-bottom: 35px !important;
}
.padding-35 {
  padding: 35px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.padding-40 {
  padding: 40px !important;
}
.p-t-45 {
  padding-top: 45px !important;
}
.p-r-45 {
  padding-right: 45px !important;
}
.p-l-45 {
  padding-left: 45px !important;
}
.p-b-45 {
  padding-bottom: 45px !important;
}
.padding-45 {
  padding: 45px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}
.p-l-50 {
  padding-left: 50px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.padding-50 {
  padding: 50px !important;
}
.p-t-55 {
  padding-top: 55px !important;
}
.p-r-55 {
  padding-right: 55px !important;
}
.p-l-55 {
  padding-left: 55px !important;
}
.p-b-55 {
  padding-bottom: 55px !important;
}
.padding-55 {
  padding: 55px !important;
}
.p-t-60 {
  padding-top: 60px !important;
}
.p-r-60 {
  padding-right: 60px !important;
}
.p-l-60 {
  padding-left: 60px !important;
}
.p-b-60 {
  padding-bottom: 60px !important;
}
.padding-60 {
  padding: 60px !important;
}
.p-t-65 {
  padding-top: 65px !important;
}
.p-r-65 {
  padding-right: 65px !important;
}
.p-l-65 {
  padding-left: 65px !important;
}
.p-b-65 {
  padding-bottom: 65px !important;
}
.padding-65 {
  padding: 65px !important;
}
.p-t-70 {
  padding-top: 70px !important;
}
.p-r-70 {
  padding-right: 70px !important;
}
.p-l-70 {
  padding-left: 70px !important;
}
.p-b-70 {
  padding-bottom: 70px !important;
}
.padding-70 {
  padding: 70px !important;
}
.p-t-75 {
  padding-top: 75px !important;
}
.p-r-75 {
  padding-right: 75px !important;
}
.p-l-75 {
  padding-left: 75px !important;
}
.p-b-75 {
  padding-bottom: 75px !important;
}
.padding-75 {
  padding: 75px !important;
}
.p-t-80 {
  padding-top: 80px !important;
}
.p-r-80 {
  padding-right: 80px !important;
}
.p-l-80 {
  padding-left: 80px !important;
}
.p-b-80 {
  padding-bottom: 80px !important;
}
.padding-80 {
  padding: 80px !important;
}
.p-t-85 {
  padding-top: 85px !important;
}
.p-r-85 {
  padding-right: 85px !important;
}
.p-l-85 {
  padding-left: 85px !important;
}
.p-b-85 {
  padding-bottom: 85px !important;
}
.padding-85 {
  padding: 85px !important;
}
.p-t-90 {
  padding-top: 90px !important;
}
.p-r-90 {
  padding-right: 90px !important;
}
.p-l-90 {
  padding-left: 90px !important;
}
.p-b-90 {
  padding-bottom: 90px !important;
}
.padding-90 {
  padding: 90px !important;
}
.p-t-95 {
  padding-top: 95px !important;
}
.p-r-95 {
  padding-right: 95px !important;
}
.p-l-95 {
  padding-left: 95px !important;
}
.p-b-95 {
  padding-bottom: 95px !important;
}
.padding-95 {
  padding: 95px !important;
}
.p-t-100 {
  padding-top: 100px !important;
}
.p-r-100 {
  padding-right: 100px !important;
}
.p-l-100 {
  padding-left: 100px !important;
}
.p-b-100 {
  padding-bottom: 100px !important;
}
.padding-100 {
  padding: 100px !important;
}
/* Generic Margin Helpers
------------------------------------
 */
.m-t-0 {
  margin-top: 0px;
}
.m-r-0 {
  margin-right: 0px;
}
.m-l-0 {
  margin-left: 0px;
}
.m-b-0 {
  margin-bottom: 0px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-r-5 {
  margin-right: 5px;
}
.m-l-5 {
  margin-left: 5px;
}
.m-b-5 {
  margin-bottom: 5px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-t-25 {
  margin-top: 25px;
}
.m-r-25 {
  margin-right: 25px;
}
.m-l-25 {
  margin-left: 25px;
}
.m-b-25 {
  margin-bottom: 25px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-l-30 {
  margin-left: 30px;
}
.m-b-30 {
  margin-bottom: 30px;
}
.m-t-35 {
  margin-top: 35px;
}
.m-r-35 {
  margin-right: 35px;
}
.m-l-35 {
  margin-left: 35px;
}
.m-b-35 {
  margin-bottom: 35px;
}
.m-t-40 {
  margin-top: 40px;
}
.m-r-40 {
  margin-right: 40px;
}
.m-l-40 {
  margin-left: 40px;
}
.m-b-40 {
  margin-bottom: 40px;
}
.m-t-45 {
  margin-top: 45px;
}
.m-r-45 {
  margin-right: 45px;
}
.m-l-45 {
  margin-left: 45px;
}
.m-b-45 {
  margin-bottom: 45px;
}
.m-t-50 {
  margin-top: 50px;
}
.m-r-50 {
  margin-right: 50px;
}
.m-l-50 {
  margin-left: 50px;
}
.m-b-50 {
  margin-bottom: 50px;
}
.m-t-55 {
  margin-top: 55px;
}
.m-r-55 {
  margin-right: 55px;
}
.m-l-55 {
  margin-left: 55px;
}
.m-b-55 {
  margin-bottom: 55px;
}
.m-t-60 {
  margin-top: 60px;
}
.m-r-60 {
  margin-right: 60px;
}
.m-l-60 {
  margin-left: 60px;
}
.m-b-60 {
  margin-bottom: 60px;
}
.m-t-65 {
  margin-top: 65px;
}
.m-r-65 {
  margin-right: 65px;
}
.m-l-65 {
  margin-left: 65px;
}
.m-b-65 {
  margin-bottom: 65px;
}
.m-t-70 {
  margin-top: 70px;
}
.m-r-70 {
  margin-right: 70px;
}
.m-l-70 {
  margin-left: 70px;
}
.m-b-70 {
  margin-bottom: 70px;
}
.m-t-75 {
  margin-top: 75px;
}
.m-r-75 {
  margin-right: 75px;
}
.m-l-75 {
  margin-left: 75px;
}
.m-b-75 {
  margin-bottom: 75px;
}
.m-t-80 {
  margin-top: 80px;
}
.m-r-80 {
  margin-right: 80px;
}
.m-l-80 {
  margin-left: 80px;
}
.m-b-80 {
  margin-bottom: 80px;
}
.m-t-85 {
  margin-top: 85px;
}
.m-r-85 {
  margin-right: 85px;
}
.m-l-85 {
  margin-left: 85px;
}
.m-b-85 {
  margin-bottom: 85px;
}
.m-t-90 {
  margin-top: 90px;
}
.m-r-90 {
  margin-right: 90px;
}
.m-l-90 {
  margin-left: 90px;
}
.m-b-90 {
  margin-bottom: 90px;
}
.m-t-95 {
  margin-top: 95px;
}
.m-r-95 {
  margin-right: 95px;
}
.m-l-95 {
  margin-left: 95px;
}
.m-b-95 {
  margin-bottom: 95px;
}
.m-t-100 {
  margin-top: 100px;
}
.m-r-100 {
  margin-right: 100px;
}
.m-l-100 {
  margin-left: 100px;
}
.m-b-100 {
  margin-bottom: 100px;
}
.full-height {
  height: 100% !important;
}
.full-width {
  width: 100%;
}
.hide {
  display: none;
}
.inline {
  display: inline-block !important;
}
.block {
  display: block;
}
.b-blank {
  border-color: #000;
}
/* Border Helpers
------------------------------------
*/
.b-a,
.b-r,
.b-l,
.b-t,
.b-b {
  border-style: solid;
  border-width: 0;
}
.b-r {
  border-right-width: 1px;
}
.b-l {
  border-left-width: 1px;
}
.b-t {
  border-top-width: 1px;
}
.b-b {
  border-bottom-width: 1px;
}
.b-a {
  border-width: 1px;
}
.b-dashed {
  border-style: dashed;
}
.b-thick {
  border-width: 2px;
}
.b-transparent {
  border-color: rgba(0, 0, 0, 0.4);
}
.b-transparent-white {
  border-color: rgba(255, 255, 255, 0.3);
}
.b-grey {
  border-color: #e6e6e6;
}
.b-white {
  border-color: #fff;
}
.b-primary {
  border-color: #6d5cae;
}
.b-complete {
  border-color: #6d5cae;
}
.b-success {
  border-color: #10cfbd;
}
.b-info {
  border-color: #000;
}
.b-danger {
  border-color: #f55753;
}
.b-warning {
  border-color: #f8d053;
}
/* Border Radius
------------------------------------
*/
.b-rad-sm {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.b-rad-md {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.b-rad-lg {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
.no-border {
  border: none !important;
}
/** Profile Wrappers **/
.profile-img-wrapper {
  float: left;
  border-radius: 100px 100px 100px 100px;
  display: inline-block;
  height: 35px;
  overflow: hidden;
  width: 35px;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.profile-img-wrapper.big {
  height: 68px;
  width: 68px;
}
.profile-img-wrapper.with-left-space-custom {
  margin-left: 7px;
}
.relative {
  position: relative;
}
/* Demo Purposes */
.icon-set-preview {
  transition: opacity 0.1s linear;
}
#icon-list {
  transition: all 0.1s ease-in-out;
}
.error-number {
  font-family: 'Montserrat';
  font-size: 90px;
  line-height: 90px;
}
.error-container-innner {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}
.error-container {
  margin-top: -100px;
  margin-left: auto;
  margin-right: auto;
  width: 38%;
}
.visible-xlg {
  display: none;
}
.hidden-xlg {
  display: block;
}
.sm-gutter .row > [class^="col-"],
.sm-gutter .row > [class*="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}
.sm-gutter .row {
  margin-left: -5px;
  margin-right: -5px;
}
/* Aspect ratio */
.ar-1-1 .panel,
.ar-2-1 .panel,
.ar-1-2 .panel,
.ar-3-2 .panel,
.ar-2-3 .panel {
  margin: 0;
}
.ar-1-1 {
  position: relative;
  width: 100%;
  /* desired width */
  overflow: hidden;
}
.ar-1-1:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}
.ar-1-1 > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ar-2-1 {
  position: relative;
  width: 100%;
  /* desired width */
  overflow: hidden;
}
.ar-2-1:before {
  content: "";
  display: block;
  padding-top: calc(50% -  5px);
  /* initial ratio of 1:1*/
}
.ar-2-1 > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ar-1-2 {
  position: relative;
  width: 100%;
  /* desired width */
  overflow: hidden;
}
.ar-1-2:before {
  content: "";
  display: block;
  padding-top: calc(150% -  5px);
  /* initial ratio of 1:1*/
}
.ar-1-2 > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ar-3-2 {
  position: relative;
  width: 100%;
  /* desired width */
  overflow: hidden;
}
.ar-3-2:before {
  content: "";
  display: block;
  padding-top: calc(75% -  5px);
  /* initial ratio of 1:1*/
}
.ar-3-2 > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ar-2-3 {
  position: relative;
  width: 100%;
  /* desired width */
  overflow: hidden;
}
.ar-2-3:before {
  content: "";
  display: block;
  padding-top: calc(125% -  5px);
  /* initial ratio of 1:1*/
}
.ar-2-3 > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.v-align-bottom {
  vertical-align: bottom;
}
.v-align-top {
  vertical-align: top;
}
.v-align-middle {
  vertical-align: middle;
}
/* vertical alignment styles */
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
/* columns of same height styles
------------------------------------
*/
.container-xs-height {
  display: table;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.row-xs-height {
  display: table-row;
}
.col-xs-height {
  display: table-cell;
  float: none;
}
@media (min-width: 768px) {
  .container-sm-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }
  .row-sm-height {
    display: table-row;
  }
  .col-sm-height {
    display: table-cell !important;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .container-md-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }
  .row-md-height {
    display: table-row;
  }
  .col-md-height {
    display: table-cell !important;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .container-lg-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }
  .row-lg-height {
    display: table-row;
  }
  .col-lg-height {
    display: table-cell !important;
    float: none !important;
  }
}
.pricing h1,
.signup h1 {
  color: white;
}
.pricing h5,
.signup h5 {
  color: #BFBFBF;
}
.pricing .pricingBlock,
.signup .pricingBlock {
  min-height: 300px;
  max-width: 300px;
  margin: auto;
}
.pricing .pricingBlock .bigPrice,
.signup .pricingBlock .bigPrice {
  font-size: 3.3em;
  vertical-align: top;
  font-weight: 500;
}
.pricing .pricingBlock .bigPrice.white,
.signup .pricingBlock .bigPrice.white {
  color: white;
}
.pricing .pricingBlock .dollarSign,
.signup .pricingBlock .dollarSign {
  vertical-align: top;
}
.pricing .pricingBlock .left,
.signup .pricingBlock .left {
  float: left;
  text-align: right;
  width: 48%;
  padding-right: 1.2em;
}
.pricing .pricingBlock .left .shownPrice,
.signup .pricingBlock .left .shownPrice {
  line-height: 5.5em;
}
.pricing .pricingBlock .left .shownPrice .bigPrice.highlighted,
.signup .pricingBlock .left .shownPrice .bigPrice.highlighted {
  vertical-align: top;
}
.pricing .pricingBlock .left .info,
.signup .pricingBlock .left .info {
  margin-top: .5em;
  text-transform: uppercase;
  font-size: 0.7em;
}
.pricing .pricingBlock .right,
.signup .pricingBlock .right {
  float: left;
  width: 48%;
  text-align: left;
  padding-top: 0.01em;
}
.pricing .pricingBlock .right .title,
.signup .pricingBlock .right .title {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 40px;
}
.pricing .pricingBlock .right .subtitle,
.signup .pricingBlock .right .subtitle {
  line-height: 21.88px;
  min-height: 5em;
}
.pricing .pricingBlock .right .specs,
.signup .pricingBlock .right .specs {
  min-height: 150px;
}
.pricing .pricingBlock .right .specs ul > li,
.signup .pricingBlock .right .specs ul > li {
  line-height: 1.2em;
  font-size: 1em;
}
.pricingContainer {
  margin: auto;
  float: none;
  padding-top: 2em;
  background-color: #F9F9F9;
  height: 500px;
  margin-bottom: 3em;
}
.pricingContainer h5.subtitle {
  height: 70px;
}
.pricingContainer.highlighted {
  background-color: white;
  z-index: 100;
}
.pricingContainer.enterprise {
  color: white;
  background-color: #1b1b1b;
  background-size: cover;
}
.pricingContainer.black {
  float: none;
  background-color: rgba(0, 0, 0, 0.29);
  min-height: 400px;
}
.pricingContainer.black.highlighted.black {
  background-color: black;
  padding-bottom: 1em;
  z-index: 100;
}
.pricingContainer.black.enterprise.black {
  color: white;
  background-color: inherit;
  background-size: cover;
}
@media screen and (min-width: 640px) {
  .pricingContainer,
  .pricingContainer.black {
    float: left;
  }
}
#content.teams {
  background-color: white;
  min-height: 600px;
}
#content.teams table.mTable {
  font-size: 1em;
  min-width: 700px;
}
#content.teams table.mTable tr {
  line-height: 2em;
  vertical-align: middle;
}
#content.teams table.mTable tr th {
  color: #A5A5A5;
  line-height: 2em;
  text-align: center;
  border-top: none;
}
#content.teams table.mTable tr td {
  vertical-align: middle;
  line-height: 2em;
  text-align: center;
}
#content.teams table.mTable tr td img {
  max-height: 4em;
}
#content.teams .offRow {
  opacity: 0.45;
}
.signup h1,
.signup h2,
.signup h3,
.signup h4 {
  color: #eee;
}
.signup .container {
  max-width: 900px;
  margin: 0 auto;
}
.signup #header .container {
  max-width: initial;
}
.signup .formProgress {
  padding-top: 1.5em;
  cursor: pointer;
}
.signup .formProgress li {
  display: inline-block;
  width: 33%;
  margin: 0;
  padding: 4px 0;
  border-bottom: 1px solid #AAA;
  color: #fff;
}
.signup .formProgress li.active {
  color: #FFF;
  border-bottom: 3px solid #FFF;
}
.signup .formProgress li.unavailable {
  opacity: 0.5;
  border: none;
  cursor: default;
}
.signup h1.title {
  margin-top: 75px;
  font-size: 300%;
  font-weight: 300;
}
.signup .preview {
  display: inline-block;
  font-size: 40%;
  text-transform: uppercase;
  vertical-align: middle;
}
.signup .step h2 {
  position: relative;
  margin-bottom: 24px;
  font-size: 225%;
  font-weight: 300;
  color: #CCC;
}
.signup .stepPrev {
  display: none;
  position: absolute;
  width: 24px;
  line-height: 1.25;
  right: 100%;
  margin-right: 20px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/svg/prev_arrow.svg) center no-repeat;
}
.signup .stepPrev:hover {
  cursor: pointer;
}
.signup form p {
  position: relative;
  font-size: 100%;
}
.signup form p .invalidIcon {
  position: absolute;
  top: 0;
  right: 0;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  color: red;
}
.signup form p.agree .invalidIcon {
  right: auto;
  left: 0;
  line-height: 24px;
}
.signup form p.agree .invalid {
  margin-left: 12px;
}
.signup .jvFloat {
  display: block;
}
.signup .jvFloat .placeHolder {
  font-size: 87.5%;
  font-weight: 300;
  color: #777;
  padding-top: 0px;
}
.signup input:active,
.signup input:focus {
  transition: all 200ms ease-out !important;
  border-bottom: 1px solid white !important;
}
.signup input.machinecreateeditabletext {
  line-height: 3.2em;
  font-size: 1.2em !important;
}
.signup input.machinecreateeditabletext:active,
.signup input.machinecreateeditabletext:focus {
  border-bottom: 0px solid white !important;
}
.signup input.err,
.signup input.err {
  border-bottom: 1px solid #ff6565 !important;
}
.signup span.err {
  opacity: 0.0;
  display: none;
  height: 1px;
  -webkit-filter: blur(3px);
  transition: all 200ms ease-out !important;
}
.signup span.err.active {
  -webkit-filter: blur(0px);
  display: block;
  opacity: 1.0;
  height: initial;
}
.signup input {
  line-height: 1.2em;
}
.signup input:not(.custom-switch) {
  border-radius: 0;
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #262630;
  padding: 8px 0;
  font-weight: 300;
  color: #FFF;
  max-width: inherit;
}
.signup input:-webkit-autofill {
  background-color: transparent;
}
.signup input[type="checkbox"]:not(.custom-switch) {
  display: inline;
  margin-right: 10px;
  width: auto;
}
.signup input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.signup input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.signup input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.signup input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.signup .errorMessage {
  color: #FFC2C2;
  font-size: 70%;
  padding-bottom: 20px;
}
.signup .condition {
  font-size: 75%;
  color: #808080;
}
.signup .option:hover {
  cursor: pointer;
}
.signup #footer {
  clear: both;
  background-color: none;
  background-image: none;
}
.signup #footer .container {
  border-top: 2px solid #FFF;
  padding: 20px 0;
}
.signup #footer .nav li {
  display: block;
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.signup .drawer-label {
  padding: 20px 30px 20px 0;
  font-size: 87.5%;
  background: url(/images/svg/down_arrow.svg) right center no-repeat;
  background-size: 18px 9px;
  font-weight: 400;
}
.signup .thinSmall {
  font-size: 87.5%;
  color: #999;
}
.signup .drawer {
  border-bottom: 1px solid #FFF;
  font-size: 87.5%;
  padding-bottom: 20px;
}
.signup status {
  width: 10px;
  height: 10px;
  border-radius: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #7fb900;
}
.signup .pulseBIG {
  opacity: 0.25;
  border-radius: 50px;
  line-height: 50px;
  text-align: center;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.signup .pulseBIG.selected {
  opacity: 1.0;
}
.signup .pulseBIG:before,
.signup .pulseBIG:after {
  content: '';
  position: absolute;
  top: -117px;
  left: -119px;
  width: 300px;
  height: 300px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
  border-radius: 300px;
  opacity: 0;
}
.signup .pulseBIG:before {
  transform: scale(1);
  animation: pulse 6s infinite linear;
}
.signup .pulseBIG:after {
  animation: pulse 6s 2s infinite linear;
}
.signup .pulse {
  opacity: 0.25;
  border-radius: 50px;
  line-height: 50px;
  text-align: center;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.signup .pulse.selected {
  opacity: 1.0;
}
.signup .pulse:before,
.signup .pulse:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.14);
  border-radius: 50px;
  opacity: 0;
}
.signup .pulse:before {
  transform: scale(1);
  animation: pulse 3s infinite linear;
}
.signup .pulse#ca1:before {
  animation-delay: 1s;
}
@keyframes pulse {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  33% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.signup .os_block {
  height: 200px;
  width: 200px;
  padding: 1em;
  margin-right: 1em;
  border-radius: 3px;
  background-color: white;
  color: white;
  text-align: center;
  transition: all 100ms;
  transform: scale(0.94);
  cursor: pointer;
  margin-bottom: 1em;
  opacity: 0.55;
  background-image: url(/images/smallBG.jpg);
}
.signup .os_block .t {
  font-size: 26px;
}
.signup .os_block .st {
  margin-top: 5px;
  font-size: 12px;
  line-height: 18px;
  color: #494949;
}
.signup .os_block .l {
  font-size: 11px;
  font-weight: 600;
  margin-top: 5px;
}
.signup .os_block.selected::before {
  content: "●";
  color: #36d1a1;
  position: absolute;
  top: 0em;
  right: 0.5em;
}
.signup .os_block.selected {
  transform: scale(1);
  opacity: 1.0;
  box-shadow: 0 0 100px rgba(241, 240, 255, 0.12);
}
.signup .os_block.win10 {
  color: white;
  background-image: url('/images/win10bg.png');
  background-repeat: no-repeat;
  background-position: top;
  background-color: #11151c;
}
.signup .os_block.ubuntu {
  color: white;
  background-image: url(/images/ubuntubg.png);
  border: 1px solid #642841;
  background-size: cover;
  background-position-y: -10px;
}
.signup .os_block.ubuntuML {
  background-image: linear-gradient(180deg, rgba(18, 13, 32, 0.5), #090a15), url(/images/arctic2.png);
  border-color: #262a38;
}
.signup .os_block.vray {
  background: white;
  border-color: #262a38;
}
.signup .os_block.vray img {
  max-height: 85px;
  opacity: 1.0;
}
.signup .os_block.vray .t {
  color: #0e1219;
}
.signup .os_block.vray .st {
  color: #667386;
}
.signup .os_block.parsec {
  background: #1bb9ec;
  border-color: blue;
}
.signup .os_block.parsec img {
  max-height: 85px;
  opacity: 1.0;
}
.signup .os_block.parsec .st {
  color: #0c1a2c;
}
.signup .os_block.win10:hover {
  opacity: 1;
}
.signup #cardImg {
  transition: all 300ms;
  opacity: 1.0;
  filter: blur(0);
  position: absolute;
  right: 0;
  padding-right: 15px;
}
.signup #cardImg.unknown {
  opacity: 0;
  filter: blur(10px);
}
.signup .form-control {
  background: #2a2d32;
  color: white !important;
}
.signup .form-group {
  margin: 1em 0 1em 0;
}
.signup .form-group select {
  font-size: 1em;
  height: 46px;
  line-height: 46px;
  border-width: 1px;
  border-style: solid;
  border-color: #2c2d35;
  background-color: #0e1219;
}
.signup .close,
.signup .close:focus,
.signup .close:hover {
  color: #fff;
}
.tab {
  opacity: 0.8;
}
.tab.tabSelected {
  opacity: 1.0;
  cursor: pointer;
  border-bottom: 2px solid white;
  padding-bottom: 1.4em;
}
.joyride-beacon {
  display: inline-block;
  height: 36px;
  position: relative;
  width: 36px;
  z-index: 1500;
}
.joyride-beacon__inner {
  animation: joyride-beacon-inner 1.6s infinite ease-in-out;
  background-color: #ff7657;
  border-radius: 50%;
  display: block;
  height: 40%;
  left: 50%;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center;
  width: 40%;
  z-index: 2;
}
.joyride-beacon__outer {
  animation: joyride-beacon-outer 1.6s infinite ease-in-out;
  background-color: #ffa18c;
  border-radius: 50%;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  transform-origin: center;
  width: 100%;
}
.joyride-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1500;
}
.joyride-hole {
  border-radius: 4px;
  box-shadow: 0 0 0 9999px rgba(14, 18, 25, 0.65), 0 0 15px rgba(14, 18, 25, 0.65);
  position: absolute;
}
.joyride-hole.safari {
  box-shadow: 0 0 999px 9999px rgba(15, 15, 30, 0.65), 0 0 15px rgba(15, 15, 30, 0.65);
}
.joyride-tooltip {
  background-color: #fff;
  border-radius: 4px;
  color: #555;
  cursor: default;
  filter: drop-shadow(-1px -2px 3px rgba(0, 0, 0, 0.3)) drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));
  opacity: 0;
  padding: 20px;
  transform: translate3d(0, 0, 0);
  width: 290px;
  z-index: 1510;
}
@media screen and (min-width: 480px) {
  .joyride-tooltip {
    width: 360px;
  }
}
@media screen and (min-width: 960px) {
  .joyride-tooltip {
    width: 450px;
  }
}
.joyride-tooltip--animate {
  animation: joyride-tooltip 0.4s forwards;
  animation-timing-function: cubic-bezier(0, 1.05, 0.55, 1.18);
}
.joyride-tooltip__triangle {
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
.joyride-tooltip.bottom,
.joyride-tooltip.bottom-left,
.joyride-tooltip.bottom-right {
  margin-top: 18px;
}
.joyride-tooltip.bottom .joyride-tooltip__triangle,
.joyride-tooltip.bottom-left .joyride-tooltip__triangle,
.joyride-tooltip.bottom-right .joyride-tooltip__triangle {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236px%22%20height%3D%2218px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%28180 8 4%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  height: 18px;
  left: 50%;
  top: -16px;
  transform: translateX(-50%);
  width: 36px;
}
.joyride-tooltip.top,
.joyride-tooltip.top-left,
.joyride-tooltip.top-right {
  margin-bottom: 18px;
}
.joyride-tooltip.top .joyride-tooltip__triangle,
.joyride-tooltip.top-left .joyride-tooltip__triangle,
.joyride-tooltip.top-right .joyride-tooltip__triangle {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236px%22%20height%3D%2218px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%280%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  bottom: -16px;
  height: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 36px;
}
.joyride-tooltip.bottom-left .joyride-tooltip__triangle,
.joyride-tooltip.top-left .joyride-tooltip__triangle {
  left: 3%;
  transform: translateX(0);
}
@media screen and (min-width: 480px) {
  .joyride-tooltip.bottom-left .joyride-tooltip__triangle,
  .joyride-tooltip.top-left .joyride-tooltip__triangle {
    left: 2%;
  }
}
.joyride-tooltip.bottom-right .joyride-tooltip__triangle,
.joyride-tooltip.top-right .joyride-tooltip__triangle {
  left: auto;
  right: 3%;
  transform: translateX(0);
}
@media screen and (min-width: 480px) {
  .joyride-tooltip.bottom-right .joyride-tooltip__triangle,
  .joyride-tooltip.top-right .joyride-tooltip__triangle {
    right: 2%;
  }
}
.joyride-tooltip.left {
  margin-right: 18px;
}
.joyride-tooltip.left .joyride-tooltip__triangle {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2236px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%28270 8 8%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  height: 36px;
  right: -16px;
  width: 18px;
}
.joyride-tooltip.right {
  margin-left: 18px;
}
.joyride-tooltip.right .joyride-tooltip__triangle {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2236px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%2890 4 4%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  height: 36px;
  left: -16px;
  width: 18px;
}
.joyride-tooltip__close {
  color: rgba(85, 85, 85, 0.5);
  font-size: 30px;
  line-height: 12px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 10px;
  z-index: 10;
  display: block;
}
.joyride-tooltip__close:hover,
.joyride-tooltip__close:focus {
  color: rgba(60, 60, 60, 0.5);
  outline: none;
  text-decoration: none;
}
.joyride-tooltip__close--header {
  right: 20px;
  top: 20px;
}
.joyride-tooltip__header {
  border-bottom: 1px solid #dbdbdb;
  color: #555;
  font-size: 20px;
  padding-bottom: 6px;
  position: relative;
}
.joyride-tooltip__main {
  font-size: 16px;
  padding: 12px 0 18px;
}
.joyride-tooltip__footer {
  text-align: right;
}
.joyride-tooltip__button--primary {
  background-color: #fff;
  border: 2px solid black;
  border-radius: 33px;
  color: #1b1b1b;
  outline: none;
  padding: 6px 12px;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
}
.joyride-tooltip__button--primary:active,
.joyride-tooltip__button--primary:focus,
.joyride-tooltip__button--primary:hover {
  background-color: #000000;
  color: #fff;
  text-decoration: none;
}
.joyride-tooltip__button--secondary {
  color: #f04;
  margin-right: 10px;
  outline: none;
}
.joyride-tooltip__button--skip {
  color: #ccc;
  float: left;
  margin-right: 10px;
}
.joyride-tooltip--standalone .joyride-tooltip__main {
  padding-bottom: 0;
}
.joyride-tooltip--standalone .joyride-tooltip__footer {
  display: none;
}
@keyframes joyride-tooltip {
  0% {
    transform: scale(0.1);
  }
  100% {
    opacity: 1;
    transform: perspective(1px) scale(1);
  }
}
@keyframes joyride-beacon-inner {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1.0;
  }
}
@keyframes joyride-beacon-outer {
  0% {
    opacity: 1.0;
    transform: scale(0);
  }
  100% {
    opacity: 0.0;
    transform: scale(1);
  }
}
.desktopcapture {
  margin: auto;
  opacity: 0.8;
  transform: perspective(250px) rotateY(-2deg) scale3d(0.7, 0.7, 0.7);
  transition: all 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.desktopcapture:hover {
  cursor: pointer;
  opacity: 1.0;
  transform: rotateY(0deg) scale3d(0.75, 0.75, 0.75);
}
.ReactModalPortal > * {
  opacity: 0;
}
.ReactModal__Overlay {
  transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
  background: rgba(0, 0, 0, 0.15);
}
.ReactModal__Overlay--after-open {
  opacity: 1;
}
.ReactModal__Overlay--before-close {
  opacity: 0;
}
.teamWizard {
  /*****/
}
.teamWizard .bigCreate {
  background: #1ecd97;
  border: none;
  color: #c7fffa;
  border-radius: 2px;
  float: right;
  transition: background 500ms ease-out, opacity 500ms ease-out, box-shadow 150ms ease-out;
  opacity: 1.0;
}
.teamWizard .bigCreate:hover {
  background: #62d7b3;
  box-shadow: 0px 5px 80px rgba(98, 215, 179, 0.2);
  color: white;
}
.teamWizard .bigCreate.disabled {
  cursor: default;
  background: #3B4050;
  color: #C5C7D8;
  opacity: 0.5;
}
.teamWizard .bigCreate.disabled:hover {
  background: #3B4050;
  box-shadow: none;
  color: #C5C7D8;
}
.teamWizard #content {
  background-color: white;
  transition: transform 200ms ease-out;
}
.teamWizard span.themeChooser {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: row;
  flex-direction: row;
}
.teamWizard span.themeChooser span.themelight {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 10px;
  border: 2px solid #0e1219;
  opacity: 0.7;
}
.teamWizard span.themeChooser span.themelight:hover {
  opacity: 1.0;
}
.teamWizard span.themeChooser span.themedark {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 10px;
  background: #0e1219;
  border: 2px solid #0e1219;
  opacity: 0.7;
}
.teamWizard span.themeChooser span.themedark:hover {
  opacity: 1.0;
}
.teamWizard input {
  font-size: 1.3em;
}
.teamWizard label {
  color: #C5C7D8;
}
.teamWizard .tMenu {
  padding-top: 2em;
  float: auto;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.94);
  z-index: 2;
  border-bottom: 2px solid #efefef;
  padding-bottom: .8em;
  display: -ms-flexbox;
  display: flex;
  /* or inline-flex */
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.teamWizard .tMenu .tMenuEntry {
  padding-bottom: 1.5em;
}
.teamWizard .tMenu a {
  transition: all 150ms !important;
  color: #C5C7D8;
  display: inline;
  margin-left: 2em;
  margin-right: 2em;
  padding: 0.5em;
  opacity: 0.65;
  cursor: pointer;
  color: #5E6675;
}
.teamWizard .tMenu a.selected {
  color: #C5C7D8;
  border-bottom: 2px solid;
  opacity: 1.0;
}
.teamWizard .tMenu a.incomplete:before {
  display: inline-block;
  font: normal normal normal 10px/1 pages-icon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\e600";
  margin-right: .8em;
  color: rgba(30, 205, 151, 0.61);
}
.teamWizard .tMenu a.completed:before {
  display: inline-block;
  font: normal normal normal 10px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00c";
  margin-right: .8em;
  color: #1ecd97;
}
.teamWizard .tMenu a span.numprefix {
  padding-right: 0.75em;
}
.teamWizard .tMenu a:hover {
  opacity: 1;
}
.teamWizard .tContent {
  padding-top: 4em;
}
.teamWizard .tTop {
  padding: 1em;
  margin: auto;
  max-width: 900px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.teamWizard .toggleTeam {
  font-size: .55em;
  cursor: pointer;
  color: #A8AAB7;
  padding: 0em 8em;
}
.teamWizard .tHeader {
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  z-index: 100;
}
.teamWizard .tHeader h1 {
  font-size: 3.5em;
  line-height: 1.3;
  font-family: 'flama';
  font-weight: 400;
}
.teamWizard .tHeader h1 span.subTitle {
  color: #C5C7D8;
  display: block;
  font-size: 30%;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.teamWizard .circleButton {
  margin: auto;
  clear: both;
  width: 40px;
  height: 40px;
  background: #F0FFFA;
  border-radius: 40px;
  border: 2px solid #1ecd97;
  line-height: 40px;
  color: white;
  box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.1);
}
.teamWizard .circleButton:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00c";
  text-align: center;
  margin: auto;
  color: #1ecd97;
  margin-left: 12px;
  line-height: 40px;
}
.teamWizard .plusButton {
  margin: auto;
  clear: both;
  width: 56px;
  height: 56px;
  background: #F0FFFA;
  border-radius: 56px;
  border: 2px solid #1ecd97;
  color: white;
  box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.1);
}
.teamWizard .plusButtonInactive {
  border-color: #666666;
}
.teamWizard .popp {
  transition: all 100ms;
  transform: scale(1);
}
.teamWizard .popp .circleButton {
  display: none;
}
.teamWizard .popp.selected {
  transform: scale(1.03);
  opacity: 1.0;
}
.teamWizard .popp.selected div:first-child {
  background-color: #fafafa;
}
.teamWizard .popp.selected .circleButton {
  display: block;
}
.teamWizard .popp .moreInfo {
  margin-top: .5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.teamWizard .popp .moreInfo span {
  transition: all 300ms ease-out;
  display: -ms-flexbox;
  display: flex;
  font-size: .6em;
  opacity: 0;
  transform: translateY(10px);
}
.teamWizard .popp .moreInfo span a {
  color: white;
}
.teamWizard .poppOption.selected {
  background-color: rgba(30, 30, 45, 0.29);
  border: 1px solid;
}
.teamWizard .popp:hover .moreInfo span {
  opacity: 1.0;
  transform: translateY(0);
}
.teamWizard .opts {
  width: 206px;
  height: 50px;
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 50px;
  border-radius: 12px;
  box-shadow: 0 8px 0 -6px rgba(0, 0, 0, 0.1);
}
.teamWizard .opts .tog {
  color: #1ECD97;
  border: 2px solid #1ecd97;
  height: 50px;
  width: 100px;
  display: inline;
  float: left;
  background-color: white;
  cursor: pointer;
  transition: background-color 200ms;
}
.teamWizard .opts .tog.r {
  border-radius: 0px 6px 6px 0px;
}
.teamWizard .opts .tog.l {
  border-radius: 6px 0px 0px 6px;
}
.teamWizard .opts .sel {
  color: white;
  border: 2px solid #1ecd97;
  height: 50px;
  width: 100px;
  display: inline;
  float: left;
  background-color: #1ecd97;
  font-size: 1.2em;
}
.teamWizard .dashborder {
  border: 1px dashed #efefef;
}
.teamWizard .restoreButton {
  border: 2px solid;
  border-color: #b0bec5;
  border-radius: 2px;
  padding: .5em;
  cursor: pointer;
}
.teamWizard .deleteButton {
  border: 2px solid;
  border-color: #b0bec5;
  border-radius: 2px;
  padding: .5em;
  cursor: pointer;
}
.teamWizard .userPane {
  border: 1px solid #efefef;
  padding: 2em;
  min-height: 270px;
  border-radius: 6px;
  background-color: #f9f9f9;
  line-height: 100%;
  vertical-align: middle;
}
.teamWizard .snapRow {
  border-top: 1px solid #ECECEC;
  padding: 1.5em 0;
}
.teamWizard select {
  background-color: inherit;
  border: 1px solid #efefef;
  padding: 1em;
  border-radius: 2px;
}
.teamWizard .offRow {
  opacity: 0.45;
}
.teamWizard .cardRow {
  margin: 0;
  line-height: 2em;
  padding: .4em 0;
  border: 1px solid rgba(230, 230, 230, 0.7);
  background-color: #F9F9F9;
  border-radius: 2px;
}
.teamWizard .machineRow {
  background: #F9F9F9;
  vertical-align: middle;
  line-height: 80px;
  height: 80px;
  margin-top: 1em;
  border-radius: 6px;
  margin: 1em;
  cursor: pointer;
}
.teamWizard .offRow {
  opacity: 0.45;
}
.teamWizard .cbBlock {
  padding: 2em;
  border: 1px solid #efefef;
  border-radius: 2px;
}
.teamWizard .mblockContainer {
  background: #F9F9F9;
  margin: 1em;
  border-radius: 3px;
  margin-bottom: 2em;
  -ms-flex-align: center;
  align-items: center;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.teamWizard .mblockContainer .inner {
  height: 255px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.teamWizard .tBlok {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.teamWizard .tBlokTitle {
  color: #A8AAB7 !important;
}
.teamWizard .tBlokValue {
  font-size: .8em;
  color: white;
}
.teamWizard .subtext {
  font-size: .8em;
  opacity: 0.8;
}
.teamWizard .selectedColorRight {
  border-right: 2px solid pink;
  color: #A8AAB7 !important;
  font-weight: 500;
  margin-right: -15px;
}
.teamWizard .detailText {
  color: #e3e4e6;
}
.selectabl {
  cursor: pointer;
  border-bottom: 1px solid #efefef;
}
.selectabl .selectabl:first-of-type {
  border-top: 1px solid #efefef;
}
.selectabl span.arro {
  opacity: 0.0;
  transition: opacity 150ms;
}
.selectabl:hover span.arro {
  opacity: 1.0;
}
.routerPricingLevels {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #efefef;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #efefef;
  font-size: .8em;
}
.routerPricingLevels .routerPricingBlock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  padding: 1em;
}
.teamWizardDARK {
  color: #C5C7D8;
  /******/
}
.teamWizardDARK .regionSelect.selected {
  box-shadow: 0 0 100px rgba(241, 240, 255, 0.12);
}
.teamWizardDARK .form-control {
  background: none;
  border: 1px solid #262630;
  color: #C5C7D8;
  transition: all 200ms ease-out !important;
}
.teamWizardDARK .form-control input:active,
.teamWizardDARK .form-control input:focus,
.teamWizardDARK .form-control:focus {
  transition: all 200ms ease-out;
  border-bottom: 1px solid #2d74ff;
}
.teamWizardDARK .form-group-default {
  background-color: #262630;
}
.teamWizardDARK .checkbox input[type="checkbox"]:focus + label {
  color: #C5C7D8;
}
.teamWizardDARK .checkbox.check-info input[type=checkbox]:checked + label:before {
  border-color: #2d74ff;
}
.teamWizardDARK select {
  background-color: #262630;
  border: none;
}
.teamWizardDARK .networkBlockMenu {
  border-right: 1px solid #5E6675;
  margin-right: -15px;
}
.teamWizardDARK .tMenu {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  background: initial;
  border: none;
  z-index: 100;
}
.teamWizardDARK .tMenu a {
  opacity: 0.65;
  color: #e3e4e6;
}
.teamWizardDARK .tMenu a.selected {
  color: #e3e4e6;
  opacity: 1.0;
}
.teamWizardDARK .tMenu a span.numprefix {
  padding-right: 0.75em;
}
.teamWizardDARK .tHeader h1 {
  color: white;
}
.teamWizardDARK .text-primary {
  color: #8A6CFF !important;
}
.teamWizardDARK h2 {
  color: #d4d5db !important;
}
.teamWizardDARK h3,
.teamWizardDARK h4,
.teamWizardDARK h5,
.teamWizardDARK h6 {
  color: #71737a !important;
}
.teamWizardDARK #content {
  background-color: #0e1219;
}
.teamWizardDARK .plusButton,
.teamWizardDARK .circleButton {
  background: rgba(0, 0, 0, 0);
}
.teamWizardDARK .dashborder {
  border: 1px dashed #C5C7D8;
}
.teamWizardDARK .opts {
  box-shadow: 0 8px 0 -6px rgba(0, 0, 0, 0.1);
}
.teamWizardDARK .opts .tog.l {
  background-color: rgba(0, 0, 0, 0);
}
.teamWizardDARK .opts .tog.r {
  background-color: rgba(0, 0, 0, 0);
}
.teamWizardDARK .opts .sel {
  background-color: #1ecd97 !important;
}
.teamWizardDARK .restoreButton {
  border-color: #1F4161;
  border-radius: 2px;
  padding: .5em;
  cursor: pointer;
  background: #1B1B2D;
}
.teamWizardDARK .deleteButton {
  border-color: #EC5151;
  border-radius: 2px;
  padding: .5em;
  cursor: pointer;
  background: #8D2B2B;
}
.teamWizardDARK a.deleteButton {
  color: #EC5151;
}
.teamWizardDARK a.deleteButton:focus,
.teamWizardDARK a.deleteButton:hover,
.teamWizardDARK a.delteButton:active {
  color: #FF5151;
}
.teamWizardDARK .userPane {
  border: 1px solid #efefef;
  background-color: #f9f9f9;
}
.teamWizardDARK .snapRow {
  border-top: 1px solid rgba(75, 80, 107, 0.54);
}
.teamWizardDARK hr {
  border-color: #262630;
}
.teamWizardDARK .cardRow {
  background-color: #262630;
  border: none;
}
.teamWizardDARK .machineRow {
  vertical-align: middle;
  line-height: 80px;
  height: 80px;
  margin-top: 1em;
  border-radius: 6px;
  background: #0e1219;
  border: 1px solid #363A49;
  /* min-height: 255px; */
}
.teamWizardDARK .offRow {
  opacity: 0.45;
}
.teamWizardDARK .plus-round {
  background: initial;
  border: 3px solid #1ecd97;
}
.teamWizardDARK .plus-round:hover {
  background: initial !important;
  border: 3px solid #1ecd97;
}
.teamWizardDARK .cbBlock {
  padding: 1em;
  border: 3px solid #262630;
}
.teamWizardDARK .tblockContainer {
  padding: 1em;
  border-radius: 3px;
  margin-bottom: 2em;
  -ms-flex-align: center;
  align-items: center;
  max-width: inherit;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  background: inherit;
  border: 1px solid #363A49;
  min-height: auto;
  overflow: hidden;
  transition: all 200ms ease-out;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
}
.teamWizardDARK .tblockContainer:hover {
  box-shadow: 0 0 100px rgba(241, 240, 255, 0.12);
}
.teamWizardDARK .tblockContainer .tBlok {
  width: 15%;
}
.teamWizardDARK .tblockContainerMini {
  opacity: 0.8;
  transition: all 100ms ease-out;
  margin-right: .5em;
  margin-left: .5em;
}
.teamWizardDARK .tblockContainerMini.selected {
  color: white !important;
  opacity: 1.0;
  transform: scale(1);
}
.teamWizardDARK .tblockContainerMini.selected .tBlokTitle {
  color: white !important;
}
.teamWizardDARK .tblockContainerMini.selected::before {
  content: "●";
  color: #36d1a1;
  position: absolute;
  top: 0em;
  right: 0.5em;
}
.teamWizardDARK .mblockContainer {
  background: #0e1219;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #363A49;
  min-height: 255px;
  max-height: 255px;
}
.teamWizardDARK .mblockContainer .inner {
  overflow: hidden;
}
.teamWizardDARK .mblockContainer .bottomThings {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: all 150ms ease-out;
}
.teamWizardDARK .mblockContainer .bottomThings .bottomItem {
  transition-delay: 100ms;
}
.teamWizardDARK .mblockContainer:before {
  box-shadow: 0 0 100px rgba(241, 240, 255, 0.12);
  opacity: 0.0;
  transform: scale(0.6);
  transition: transform 300ms ease-out, opacity 300ms ease-out;
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  left: 0;
  top: 0;
}
.teamWizardDARK .mblockContainer:hover .bottomThings {
  opacity: 1.0;
  pointer-events: initial;
  transform: translateY(0px);
}
.teamWizardDARK .mblockContainer:hover .mblockContainerBG {
  opacity: 1.0;
}
.teamWizardDARK .mblockContainer:hover:before {
  opacity: 1.0;
  transform: scale(1);
  left: 0;
  top: 0;
}
.teamWizardDARK .mblockContainer:hover .inner {
  min-width: 100%;
}
.teamWizardDARK .mblockContainer .mblockContainerBG {
  opacity: 1.0;
  position: absolute;
  transition: opacity 250ms ease-out;
  background-size: 130%;
  background-position-y: 30px;
  z-index: -1;
}
.teamWizardDARK .mblockContainer .mblockContainerBG.LinuxHeadless {
  background: linear-gradient(180deg, rgba(54, 58, 73, 0.5), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important;
}
.teamWizardDARK .mblockContainer .vmImage {
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-top: 1.2em;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-flex-direction: column;
  flex-direction: column;
}
.teamWizardDARK .mblockContainer .vmImage.LinuxHeadless img {
  box-shadow: 0px 4px 23px #353d4a;
}
.teamWizardDARK .mblockContainer .vmImage img {
  transform: translate(0, 0px);
  transition: all 200ms ease-out;
  max-height: 60px;
}
.teamWizardDARK .mblockContainer .vmImage .launchMachineText {
  opacity: 0.0;
  font-size: .8em;
}
.teamWizardDARK .mblockContainer .vmImage:hover .launchMachineText {
  opacity: 1.0;
}
.teamWizardDARK .mblockContainer .vmImage:hover.LinuxHeadless img {
  box-shadow: 0px 4px 23px #4a5568;
}
.teamWizardDARK .mblockContainer .vmImage:hover img {
  transform: translate(0, -8px);
}
.teamWizardDARK .mblockContainer .vmImage.unlaunchable {
  color: red !important;
}
.teamWizardDARK .mblockContainer .vmImage.unlaunchable:hover img {
  transform: translate(0, 0);
}
.teamWizardDARK .mblockContainer .vmName {
  color: white;
  font-size: 1.1em;
  font-weight: 400;
}
.teamWizardDARK .mblockContainer .vmUserName {
  font-size: .7em;
  opacity: .8;
  font-weight: 100;
}
.teamWizardDARK .mblockContainer .vmSpecs {
  font-size: .7em;
  color: #4a4a58;
}
.teamWizardDARK .mblockContainer .vmOs {
  color: #4a4a58;
}
.teamWizardDARK .mblockContainer.inactive {
  opacity: 0.5;
  cursor: default;
}
.teamWizardDARK .mblockContainer.inactive:hover {
  box-shadow: none;
  opacity: 0.5;
}
.teamWizardDARK .mblockContainer.inactive:hover:before {
  opacity: 0;
  transform: scale(1);
  left: 0;
  top: 0;
}
.teamWizardDARK .mblockContainer.inactive .vmImage:hover .launchMachineText {
  opacity: 0;
}
.teamWizardDARK .mblockContainer.inactive .vmImage:hover.LinuxHeadless img {
  box-shadow: 0px 4px 23px #4a5568;
}
.teamWizardDARK .mblockContainer.inactive .vmImage:hover img {
  transform: translate(0, 0);
}
.teamWizardDARK .mblockContainer.mblockContainerDrive {
  cursor: default;
}
.teamWizardDARK .mblockContainer.mblockContainerDrive:hover {
  box-shadow: none;
}
.teamWizardDARK .mblockContainer.mblockContainerDrive:hover:before {
  opacity: 0;
  transform: scale(1);
  left: 0;
  top: 0;
}
.teamWizardDARK .mblockContainer.mblockContainerDrive .vmImage:hover .launchMachineText {
  opacity: 0;
}
.teamWizardDARK .mblockContainer.mblockContainerDrive .vmImage:hover.LinuxHeadless img {
  box-shadow: 0px 4px 23px #4a5568;
}
.teamWizardDARK .mblockContainer.mblockContainerDrive .vmImage:hover img {
  transform: translate(0, 0);
}
.teamWizardDARK .stateDot {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  padding: 0;
}
.teamWizardDARK .stateDot.state-on {
  box-shadow: 0px 0px 8px rgba(82, 168, 236, 0.99);
  background-color: #00f6ff;
  color: #2d74ff;
  animation: pulseShadow 2s infinite ease-in-out;
}
.teamWizardDARK .stateDot.state-on:before {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(82, 168, 236, 0.1);
  background: rgba(82, 168, 236, 0.14);
  border-radius: 50px;
  opacity: 0;
  transform: scale(1);
  animation: pulse 2s infinite linear;
}
.teamWizardDARK .stateDot.state-pending {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(255, 2, 37, 0.99);
  background-color: #FFDFC8;
  color: #EC5151;
}
.teamWizardDARK .stateDot.state-off {
  color: #0F0F1D;
  background-color: #3B4050;
}
@keyframes pulseShadow {
  0% {
    box-shadow: 0px 0px 8px rgba(82, 168, 236, 0.99);
    transform: scale(1);
  }
  33% {
    box-shadow: 0px 0px 22px #52a8ec;
  }
  100% {
    box-shadow: 0px 0px 8px rgba(82, 168, 236, 0.99);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  33% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.teamWizardDARK .mblockContainer2 {
  padding: 2em;
  border-radius: 3px;
  margin-bottom: 2em;
  background: #0e1219;
  border: 1px solid #363A49;
  min-height: 255px;
  max-height: 255px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.teamWizardDARK .adminTag {
  border-radius: 2px;
  background-color: #ffb000;
  color: #664753;
  font-size: .6em;
  font-weight: 800;
  padding: 2px 4px;
}
.teamWizardDARK .userTag {
  border-radius: 2px;
  color: #0e1219;
  background-color: #3B4050;
  font-size: .6em;
  font-weight: 800;
  padding: 2px 4px;
}
.teamWizardDARK .mPortContainerBox {
  background: #141922;
}
.teamWizardDARK .mPortContainer {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 0;
  background: #0e1219;
  border-bottom: 1px solid #222739;
  min-height: auto;
  margin: 1em;
  padding: 1em 0;
}
.teamWizardDARK .mPortContainer.pending {
  border: 1px dashed #3B4050;
}
.teamWizardDARK .mPortContainer.inverted {
  background-color: #171727;
}
.teamWizardDARK .mPortContainer.inverted .hollow {
  background-color: #171727 !important;
}
.teamWizardDARK .mPortContainer .tBlok {
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.teamWizardDARK .mListToggle {
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 150ms;
  display: -ms-flexbox;
  display: flex;
}
.teamWizardDARK .mListToggle:hover {
  opacity: 1;
}
.teamWizardDARK .mListToggle:before {
  font: normal normal normal 10px/1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f0c9";
  margin-left: .8em;
  color: #3e4353;
}
.teamWizardDARK .mListToggle.list:before {
  font: normal normal normal 10px/1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00a";
  margin-right: .8em;
  color: #3e4353;
}
.teamWizardDARK .mapcontainer {
  z-index: -1;
}
.teamWizardDARK .mapcontainer canvas {
  opacity: 0.0;
  transition: opacity 1s 1s ease-in;
}
.teamWizardDARK .mapcontainer.ready {
  z-index: -1;
}
.teamWizardDARK .mapcontainer.ready canvas {
  opacity: 0.7;
}
.teamWizardDARK #mapBoxC {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  z-index: -2;
}
.teamWizardDARK #mapBoxC canvas {
  height: 600px;
  width: 100%;
  overflow: hidden;
}
.teamWizardDARK #mapBoxC *:focus {
  outline: none;
}
.teamWizardDARK #mapBoxC:after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(42, 42, 51, 0), #0e1219);
  position: absolute;
}
.teamWizardDARK .mapboxgl-canvas:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 90%);
  width: 100%;
  height: 4em;
}
.teamWizardDARK .sonar1 {
  width: 20px;
  height: 20px;
  border: 1px solid #00f6ff;
  border-radius: 20px;
}
.teamWizardDARK .actionButton {
  float: left;
  padding-bottom: 15px;
  margin-right: 15px;
}
.teamWizardDARK .filterButton div {
  color: rgba(255, 255, 255, 0.3);
  border: 1px dashed rgba(255, 255, 255, 0.25);
}
.teamWizardDARK .filterButton div:hover {
  opacity: 1.0;
}
.teamWizardDARK .filterButton div.active {
  background: white;
  color: #1b1b1b;
  opacity: 1.0;
}
.teamWizardDARK .filterButtonDropdown.open .mainOpt {
  color: rgba(255, 255, 255, 0.3);
  border: 1px dashed rgba(255, 255, 255, 0.25);
  opacity: 0.7;
}
.teamWizardDARK .filterButtonDropdown.open.applied .mainOpt {
  border: 1px solid #363a49;
  opacity: 1;
}
.teamWizardDARK .filterButtonDropdown.open .secondaryOpts::before {
  background: rgba(14, 18, 25, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.teamWizardDARK .filterButtonDropdown.open .selectedOpt {
  background: #c5eeff;
  color: #3a9fff;
  opacity: 1;
}
.teamWizardDARK .filterButtonDropdown.open .selectedOpt:hover {
  background: #d4f2ff;
}
.teamWizardDARK .filterButtonDropdown.open .opt {
  color: white;
  opacity: 0.7;
  position: relative;
}
.teamWizardDARK .filterButtonDropdown.open .opt:hover::before {
  background: #0e1219;
  width: 98%;
  height: 93%;
  content: '';
  position: absolute;
  z-index: -1000006;
  top: 0px;
  left: 0;
  margin: 1px;
}
.teamWizardDARK .filterButtonDropdown.open .opt:hover {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: white;
  opacity: 1.0;
}
.teamWizardDARK #PSBUTTON {
  border: 2px solid rgba(59, 64, 79, 0.62);
  background-color: #0e1219;
}
.teamWizardDARK #SearchBox input {
  border: none;
  background: inherit;
  border: 1px solid #262630;
}
.teamWizardDARK #SearchBox input.active {
  background: #efefef;
}
.teamWizardDARK #SearchBox .input-group-addon {
  background: #212132;
  color: rgba(98, 98, 98, 0.47);
}
.teamWizardDARK #SearchBox .input-group-addon i {
  margin: auto;
}
.teamWizardDARK #SearchBox:hover {
  opacity: 1.0;
}
.teamWizardDARK #SearchBox.active {
  opacity: 1.0;
}
.teamWizardDARK #SearchBox.active input {
  background: #efefef;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
}
.teamWizardDARK #SearchBox.active .input-group-addon {
  background: #f0f0f0;
}
.teamWizardDARK .pagination > .disabled > a,
.teamWizardDARK .pagination > .disabled > a:focus,
.teamWizardDARK .pagination > .disabled > a:hover,
.teamWizardDARK .pagination > .disabled > span,
.teamWizardDARK .pagination > .disabled > span:focus,
.teamWizardDARK .pagination > .disabled > span:hover {
  color: #686974;
  cursor: not-allowed;
  background-color: #0e1219;
  border-color: rgba(168, 170, 183, 0.19);
}
.teamWizardDARK .pagination > .active > a,
.teamWizardDARK .pagination > .active > a:focus,
.teamWizardDARK .pagination > .active > a:hover,
.teamWizardDARK .pagination > .active > span,
.teamWizardDARK .pagination > .active > span:focus,
.teamWizardDARK .pagination > .active > span:hover {
  z-index: 2;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  background: inherit;
}
.teamWizardDARK .pagination > li > a,
.teamWizardDARK .pagination > li > span {
  cursor: pointer;
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: rgba(255, 255, 255, 0.38);
  text-decoration: none;
  background-color: inherit;
  border: none;
  border-radius: 50%;
}
.teamWizardDARK .pagination > li > a:focus,
.teamWizardDARK .pagination > li > a:hover,
.teamWizardDARK .pagination > li > span:focus,
.teamWizardDARK .pagination > li > span:hover {
  color: #cfdde9;
  background-color: rgba(238, 238, 238, 0.03);
  border-color: inherit;
  border-radius: 50%;
}
.teamWizardDARK .pagination > li:first-child > a,
.teamWizardDARK .pagination > li:first-child > span {
  border-radius: 3px;
}
.teamWizardDARK .pagination > li:first-child > a:hover,
.teamWizardDARK .pagination > li:first-child > span:hover {
  border-radius: 3px;
  background-color: inherit;
}
.teamWizardDARK .pagination > li:last-child > a:hover,
.teamWizardDARK .pagination > li:last-child > span:hover {
  border-radius: 3px;
}
.teamWizardDARK .pagination > li:last-child > a,
.teamWizardDARK .pagination > li:last-child > span {
  border-radius: 3px;
}
.teamWizardDARK .recharts-surface {
  font-size: .8em;
}
.teamWizardDARK .recharts-responsive-container {
  min-height: 200px;
}
.teamWizardDARK .recharts-wrapper {
  background: #0e1219;
}
.lightModal {
  color: #5e616d !important;
  /*
	BUTTON OVERRIDES
	*/
  /*
BUTTON OVERRIDES
*/
}
.lightModal p {
  color: #626b7a;
}
.lightModal h2 {
  color: #0e1219 !important;
}
.lightModal h3,
.lightModal h4,
.lightModal h5,
.lightModal h6 {
  color: #363A49 !important;
}
.lightModal hr {
  border-color: #e3e3e3;
}
.lightModal label {
  color: #33363c !important;
}
.lightModal .form-control {
  background: none;
  border: 1px solid #d0d0d0;
  color: #aaa;
  color: #646c7a;
  transition: all 200ms ease-out !important;
}
.lightModal .form-control input:active,
.lightModal .form-control input:focus,
.lightModal .form-control:focus {
  border-bottom: 1px solid white;
}
.lightModal .form-control.form-dropdown input:active,
.lightModal .form-control.form-dropdown input:focus,
.lightModal .form-control.form-dropdown:focus {
  border-bottom: 1px solid #d0d0d0;
}
.lightModal .form-group-default {
  background-color: white;
  background-color: '';
}
.lightModal .checkbox input[type="checkbox"]:focus + label {
  color: #C5C7D8;
}
.lightModal .checkbox.check-info input[type=checkbox]:checked + label:before {
  border-color: #2d74ff;
}
.lightModal select {
  background-color: #262630;
  border: none;
}
.lightModal button.hollow.white,
.lightModal .button.hollow.white {
  color: #4b4b5e;
  background-color: #d6d6d6;
}
.lightModal button.hollow.mini.delete,
.lightModal .button.hollow.mini.delete {
  background-color: inherit;
  color: #363A49;
  border: 2px solid #e3e4e6;
  background: #e3e4e6;
}
.lightModal button.hollow.mini.delete:hover,
.lightModal .button.hollow.mini.delete:hover {
  border: 2px solid #ED4151;
  color: white;
  background: #ED4151;
}
.lightModal button.hollow.mini.delete:hover .pg-close,
.lightModal .button.hollow.mini.delete:hover .pg-close {
  color: #880d18;
}
.lightModal button.hollow.mini.restore,
.lightModal .button.hollow.mini.restore {
  background-color: inherit;
  color: #363A49;
  border: 2px solid #e3e4e6;
  background: #e3e4e6;
}
.lightModal button.hollow.mini.restore:hover,
.lightModal .button.hollow.mini.restore:hover {
  color: #363A49;
  border: 2px solid #8DEAD0;
  background: #8DEAD0;
}
.lightModal button.hollow.mini.restore:hover .pg-plus,
.lightModal .button.hollow.mini.restore:hover .pg-plus {
  color: #e3faf4;
  width: initial;
  opacity: 1.0;
}
.lightInputFieldWizard ::-webkit-input-placeholder {
  color: #b3b3b3;
  opacity: 1.0;
}
.lightInputFieldWizard .form-control {
  border: none ;
  border-bottom: 1px solid white;
}
.signup .jvFloat .placeHolder {
  color: #C5C7D8;
}
table .checkBoxCenterFlex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
table .checkBoxCenterFlex input {
  width: auto !important;
  margin: 0;
  padding: 0;
}
table input {
  width: 50px !important;
}
table tbody > tr > td,
table tbody > tr > th,
table tfoot > tr > td,
table tfoot > tr > th,
table thead > tr > td,
table thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #363a49 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
table thead:first-child > tr:first-child > td,
table thead:first-child > tr:first-child > th {
  border-top: 0 !important;
  border-bottom: none !important;
}
table thead > tr {
  opacity: 1.0 !important;
  font-weight: 600;
}
table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #242934 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 1.0;
  text-align: center;
}
table .header {
  font-weight: 600;
}
table tr {
  opacity: 0.8;
  text-align: center;
}
table tr .launchMachineText {
  opacity: 0.0;
  font-size: .8em;
  cursor: pointer;
}
table tr.selected {
  opacity: 1;
}
table tr:hover {
  opacity: 1.0;
}
table tr:hover .launchMachineText {
  opacity: 0.7;
}
table tr:hover .launchMachineText:hover {
  opacity: 1.0;
  color: white;
}
table tr:hover .launchMachineText:hover i {
  box-shadow: 0px 2px 10px rgba(153, 120, 187, 0.43);
}
table tr.inactive {
  opacity: 0.5;
}
table tr.inactive:hover {
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .teamWizardDARK .machineRow {
    height: auto;
    line-height: inherit;
  }
}
.teamWizardLIGHT {
  transition: color 300ms ease-in, background 300ms ease-in;
  color: #363A49;
  /******/
  /*
	BUTTON OVERRIDES
	*/
}
.teamWizardLIGHT h2,
.teamWizardLIGHT h3,
.teamWizardLIGHT h4,
.teamWizardLIGHT h5,
.teamWizardLIGHT h6 {
  color: #363A49;
}
.teamWizardLIGHT .form-control {
  background-color: white;
  color: #363A49;
}
.teamWizardLIGHT .form-group-default {
  background-color: white;
}
.teamWizardLIGHT .checkbox input[type="checkbox"]:focus + label {
  color: #363A49;
}
.teamWizardLIGHT .checkbox.check-info input[type=checkbox]:checked + label:before {
  border-color: #48b0f7;
}
.teamWizardLIGHT select {
  background-color: white;
}
.teamWizardLIGHT .networkBlockMenu {
  border-right: 1px solid #e3e4e6;
  margin-right: -15px;
}
.teamWizardLIGHT .tMenu {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  background: initial;
  border: none;
  z-index: 100;
}
.teamWizardLIGHT .tMenu a {
  opacity: 0.65;
  color: #363A49;
}
.teamWizardLIGHT .tMenu a.selected {
  color: #363A49;
  opacity: 1.0;
}
.teamWizardLIGHT .tMenu a span.numprefix {
  padding-right: 0.75em;
}
.teamWizardLIGHT .tHeader h1 {
  color: #4b4b5e;
}
.teamWizardLIGHT .text-primary {
  color: #8A6CFF !important;
}
.teamWizardLIGHT #content {
  background-color: white;
}
.teamWizardLIGHT .plusButton,
.teamWizardLIGHT .circleButton {
  background: rgba(0, 0, 0, 0);
}
.teamWizardLIGHT .dashborder {
  border: 1px dashed #363A49;
}
.teamWizardLIGHT .opts {
  box-shadow: 0 8px 0 -6px rgba(0, 0, 0, 0.1);
}
.teamWizardLIGHT .opts .tog.l {
  background-color: rgba(0, 0, 0, 0);
}
.teamWizardLIGHT .opts .tog.r {
  background-color: rgba(0, 0, 0, 0);
}
.teamWizardLIGHT .opts .sel {
  background-color: #1ecd97 !important;
}
.teamWizardLIGHT .deleteButton {
  border-color: #EC5151;
  border-radius: 2px;
  padding: .5em;
  cursor: pointer;
  background: #8D2B2B;
}
.teamWizardLIGHT a.deleteButton {
  color: #EC5151;
}
.teamWizardLIGHT a.deleteButton:focus,
.teamWizardLIGHT a.deleteButton:hover,
.teamWizardLIGHT a.delteButton:active {
  color: #FF5151;
}
.teamWizardLIGHT .userPane {
  border: 1px solid #efefef;
  background-color: #f9f9f9;
}
.teamWizardLIGHT .snapRow {
  border-top: 1px solid rgba(75, 80, 107, 0.54);
}
.teamWizardLIGHT hr {
  border-color: #f0f0f0;
}
.teamWizardLIGHT .cardRow {
  background: none;
  border: 1px solid #e3e4e6;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.teamWizardLIGHT .machineRow {
  vertical-align: middle;
  line-height: 80px;
  height: 80px;
  margin-top: 1em;
  border-radius: 6px;
  background: white;
  border: 1px solid #363A49;
  /* min-height: 255px; */
}
.teamWizardLIGHT .offline {
  opacity: 0.5;
}
.teamWizardLIGHT .offRow {
  opacity: 0.45;
}
.teamWizardLIGHT .plus-round {
  background: initial;
  border: 3px solid #1ecd97;
}
.teamWizardLIGHT .plus-round:hover {
  background: initial !important;
  border: 3px solid #1ecd97;
}
.teamWizardLIGHT .state-on {
  background-color: #d5f8ff;
  color: #2d74ff;
  border-radius: 2px;
  padding: .4em .8em;
}
.teamWizardLIGHT .state-off,
.teamWizardLIGHT .state-pending {
  padding: .4em .8em;
}
.teamWizardLIGHT .state-pending {
  background-color: #FFCC47;
  color: #8A572A;
}
.teamWizardLIGHT .state-pending {
  background-color: #FFDFC8;
  color: #EC5151;
}
.teamWizardLIGHT .state-off {
  color: white;
  background-color: #3B4050;
}
.teamWizardLIGHT .cbBlock {
  padding: 2em;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.teamWizardLIGHT .mblockContainer {
  background: none;
  border: 1px solid #e3e4e6;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
  min-height: 255px;
}
.teamWizardLIGHT .mblockContainer.pending {
  border: 1px dashed #363A49;
}
.teamWizardLIGHT .mblockContainer.inverted {
  background-color: white;
}
.teamWizardLIGHT .mblockContainer2 {
  padding: 2em;
  border-radius: 3px;
  margin-bottom: 2em;
  border: 1px solid #e3e4e6;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
  min-height: 255px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.teamWizardLIGHT .adminTag {
  border-radius: 2px;
  background-color: #ffb000;
  color: #664753;
  font-size: .6em;
  font-weight: 800;
  padding: 2px 4px;
}
.teamWizardLIGHT .userTag {
  border-radius: 2px;
  color: white;
  background-color: #3B4050;
  font-size: .6em;
  font-weight: 800;
  padding: 2px 4px;
}
.teamWizardLIGHT .mPortContainerBox {
  background: #fbfbfb;
}
.teamWizardLIGHT .mPortContainer {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 0;
  background: white;
  min-height: auto;
  margin: 1em;
  padding: 1em 0;
}
.teamWizardLIGHT .mPortContainer.pending {
  border: 1px dashed #3B4050;
}
.teamWizardLIGHT .mPortContainer.inverted {
  background-color: #171727;
}
.teamWizardLIGHT .mPortContainer.inverted .hollow {
  background-color: #171727 !important;
}
.teamWizardLIGHT .mPortContainer .tBlok {
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.teamWizardLIGHT .mListToggle {
  width: 60px;
  line-height: 60px;
  height: 60px;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 150ms;
  display: inline;
}
.teamWizardLIGHT .mListToggle:hover {
  opacity: 1;
}
.teamWizardLIGHT .mListToggle:before {
  display: inline-block;
  font: normal normal normal 10px/1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f0c9";
  margin-right: .8em;
  color: #3e4353;
  line-height: 60px;
  position: absolute;
}
.teamWizardLIGHT .mListToggle.list:before {
  display: inline-block;
  font: normal normal normal 10px/1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00a";
  margin-right: .8em;
  color: #3e4353;
  line-height: 60px;
  position: absolute;
}
.teamWizardLIGHT .stateDot {
  position: absolute;
  top: 8px;
  right: 24px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  padding: 0;
}
.teamWizardLIGHT .stateDot.state-on {
  box-shadow: none;
  background-color: #00f6ff;
  color: #2d74ff;
}
.teamWizardLIGHT .stateDot.state-pending {
  box-shadow: none;
  background-color: #FFDFC8;
  color: #EC5151;
}
.teamWizardLIGHT .stateDot.state-off {
  color: #0F0F1D;
  background-color: #3B4050;
}
.teamWizardLIGHT .mapcontainer {
  z-index: -1;
}
.teamWizardLIGHT .mapcontainer canvas {
  opacity: 0.0;
  transition: opacity 1s 1s ease-in;
}
.teamWizardLIGHT .mapcontainer.ready {
  z-index: -1;
}
.teamWizardLIGHT .mapcontainer.ready canvas {
  opacity: 0.7;
}
.teamWizardLIGHT #mapBoxC {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  z-index: -1;
}
.teamWizardLIGHT #mapBoxC canvas {
  height: 600px;
  width: 100%;
  overflow: hidden;
}
.teamWizardLIGHT #mapBoxC *:focus {
  outline: none;
}
.teamWizardLIGHT #mapBoxC:after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(42, 42, 51, 0), white);
  position: absolute;
}
.teamWizardLIGHT .mapboxgl-canvas:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 90%);
  width: 100%;
  height: 4em;
}
.teamWizardLIGHT .sonar1 {
  width: 20px;
  height: 20px;
  border: 1px solid #00f6ff;
  border-radius: 20px;
}
.teamWizardLIGHT .actionButton {
  float: left;
  padding-bottom: 15px;
  margin-right: 15px;
}
.teamWizardLIGHT .filterButton span {
  color: #363A49;
  border: 1px dashed #adb0b6;
}
.teamWizardLIGHT .filterButton span:hover {
  opacity: 1.0;
}
.teamWizardLIGHT .filterButton span.active {
  background: #e3e4e6;
  border: 1px solid #e3e4e6;
  color: #1b1b1b;
  opacity: 1.0;
}
.teamWizardLIGHT .filterButtonDropdown.open .mainOpt {
  color: #363A49;
  border: 1px dashed #adb0b6;
  opacity: 0.7;
}
.teamWizardLIGHT .filterButtonDropdown.open.applied .mainOpt {
  border: 1px solid #adb0b6;
  opacity: 1;
}
.teamWizardLIGHT .filterButtonDropdown.open .secondaryOpts::before {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #adb0b6;
}
.teamWizardLIGHT .filterButtonDropdown.open .selectedOpt {
  background: #c5eeff;
  color: #3a9fff;
  opacity: 1;
}
.teamWizardLIGHT .filterButtonDropdown.open .selectedOpt:hover {
  background: #d4f2ff;
}
.teamWizardLIGHT .filterButtonDropdown.open .opt {
  color: #363A49;
  opacity: 0.7;
}
.teamWizardLIGHT .filterButtonDropdown.open .opt:hover {
  color: #363A49;
  opacity: 1;
}
.teamWizardLIGHT #PSBUTTON {
  border: none;
  background: none;
}
.teamWizardLIGHT #SearchBox input {
  border: none;
  background: inherit;
  border: 1px solid #e3e4e6;
}
.teamWizardLIGHT #SearchBox input.active {
  background: white;
}
.teamWizardLIGHT #SearchBox .input-group-addon {
  background: rgba(0, 0, 0, 0);
  color: rgba(98, 98, 98, 0.47);
  border: 1px solid #e3e4e6;
  border-left: none;
}
.teamWizardLIGHT #SearchBox .input-group-addon i {
  margin: auto;
}
.teamWizardLIGHT #SearchBox:hover {
  opacity: 1.0;
}
.teamWizardLIGHT #SearchBox.active {
  opacity: 1.0;
}
.teamWizardLIGHT #SearchBox.active input {
  background: white;
  border: 1px solid #e3e4e6;
  border-right: none;
}
.teamWizardLIGHT #SearchBox.active .input-group-addon {
  background: #e3e4e6;
}
.teamWizardLIGHT .dotLoading {
  color: #363A49;
}
.teamWizardLIGHT label {
  color: #363A49;
}
.teamWizardLIGHT #mapBoxC:after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(42, 42, 51, 0), white);
  position: absolute;
}
.teamWizardLIGHT .detailText {
  color: #868992;
}
.teamWizardLIGHT .pagination > .disabled > a,
.teamWizardLIGHT .pagination > .disabled > a:focus,
.teamWizardLIGHT .pagination > .disabled > a:hover,
.teamWizardLIGHT .pagination > .disabled > span,
.teamWizardLIGHT .pagination > .disabled > span:focus,
.teamWizardLIGHT .pagination > .disabled > span:hover {
  color: #363A49;
  cursor: not-allowed;
  background-color: white;
  border-color: #e3e4e6;
}
.teamWizardLIGHT .pagination > .active > a,
.teamWizardLIGHT .pagination > .active > a:focus,
.teamWizardLIGHT .pagination > .active > a:hover,
.teamWizardLIGHT .pagination > .active > span,
.teamWizardLIGHT .pagination > .active > span:focus,
.teamWizardLIGHT .pagination > .active > span:hover {
  z-index: 2;
  font-weight: 600;
  color: #363A49;
  cursor: pointer;
  border: 2px solid #e3e4e6;
  border-radius: 50%;
  background: inherit;
}
.teamWizardLIGHT .pagination > li > a,
.teamWizardLIGHT .pagination > li > span {
  cursor: pointer;
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #363A49;
  text-decoration: none;
  background-color: inherit;
  border: none;
  border-radius: 50%;
}
.teamWizardLIGHT .pagination > li > a:focus,
.teamWizardLIGHT .pagination > li > a:hover,
.teamWizardLIGHT .pagination > li > span:focus,
.teamWizardLIGHT .pagination > li > span:hover {
  color: #363A49;
  background-color: rgba(238, 238, 238, 0.5);
  border-color: inherit;
  border-radius: 50%;
}
.teamWizardLIGHT .pagination > li:first-child > a,
.teamWizardLIGHT .pagination > li:first-child > span {
  border-radius: 3px;
}
.teamWizardLIGHT .pagination > li:first-child > a:hover,
.teamWizardLIGHT .pagination > li:first-child > span:hover {
  border-radius: 3px;
  background-color: inherit;
}
.teamWizardLIGHT .pagination > li:last-child > a:hover,
.teamWizardLIGHT .pagination > li:last-child > span:hover {
  border-radius: 3px;
}
.teamWizardLIGHT .pagination > li:last-child > a,
.teamWizardLIGHT .pagination > li:last-child > span {
  border-radius: 3px;
}
.teamWizardLIGHT .recharts-surface {
  font-size: .8em;
}
.teamWizardLIGHT .recharts-surface .recharts-layer .recharts-x-axis {
  color: red;
}
.teamWizardLIGHT .recharts-responsive-container {
  min-height: 200px;
}
.teamWizardLIGHT .recharts-wrapper {
  background: white;
}
@media screen and (max-width: 768px) {
  .teamWizardDARK .machineRow {
    height: auto;
    line-height: inherit;
  }
}
#PSBUTTON {
  height: 50px;
  border: 1px dashed rgba(59, 64, 79, 0.62);
  border: 2px solid rgba(59, 64, 79, 0.62);
  background-color: #0F0F1F;
  margin: 7px;
  padding: 7px;
  border-radius: 32px;
  cursor: pointer;
  top: 1em;
  right: 5em;
  z-index: 9999;
  opacity: 0.01;
  transform: translateY(-10px) scale(0.6);
  transition: opacity 0.5s ease-in, transform 150ms;
  transition-delay: 500ms;
}
#PSBUTTON .accountName {
  line-height: 32px;
  float: left;
  display: inline;
  margin-right: 1em;
  margin-left: .5em;
}
#PSBUTTON.loaded {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.gravContainer {
  float: left;
  display: inline;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.gravContainer img {
  border-radius: initial;
  width: 32px;
  height: 32px;
}
.psmenu {
  height: 0px;
  opacity: 0.00;
  transform: translateY(-10px) scale(0.6);
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.psmenu .dropdown-menu {
  display: none !important;
}
.psmenu.open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  transition: opacity 0.3s ease-in, transform 150ms;
}
.psmenu.open .dropdown-menu {
  display: block !important;
  left: initial !important;
  margin-top: 1em;
  box-shadow: 0 0.5em 40px rgba(166, 150, 203, 0.31);
}
.filterButton {
  margin: 5px;
  cursor: pointer !important;
  transition: all 400ms;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: .9em;
}
.filterButton div {
  cursor: pointer !important;
  padding: 8px 10px;
  z-index: 2;
  cursor: default;
  border-radius: 3px;
  background: inherit;
  opacity: 0.7;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filterButton div:hover {
  opacity: 1.0;
}
.filterButton div.active {
  opacity: 1.0;
}
.filterButtonDropdown.open {
  margin: 5px;
  cursor: pointer !important;
  transition: all 400ms;
}
.filterButtonDropdown.open .mainOpt {
  cursor: pointer !important;
  padding: 6px 8px;
  z-index: 2;
  cursor: default;
  border-radius: 3px;
  background: inherit;
  opacity: 0.7;
}
.filterButtonDropdown.open.applied .mainOpt {
  opacity: 1;
}
.filterButtonDropdown.open .secondaryOpts {
  position: absolute;
  top: -100%;
  z-index: 10;
  left: 8px;
  height: 1px	;
  opacity: 0.0;
  transition: all 400ms;
}
.filterButtonDropdown.open .secondaryOpts::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.3s;
  z-index: -1;
  border-radius: 3px;
}
.filterButtonDropdown.open .secondaryOpts.open {
  height: auto;
  display: block;
  opacity: 1.0;
  transition: all 400ms;
}
.filterButtonDropdown.open .selectedOpt {
  padding: 2px 5px;
  margin-left: 2px;
  border-radius: 2px;
  opacity: 1;
  padding-left: 8px;
}
.filterButtonDropdown.open .selectedOpt::after {
  content: "\e60a";
  font: normal normal normal 14px/1 pages-icon;
  margin: 0 0 0 4px;
}
.filterButtonDropdown.open .opt {
  text-align: center;
  width: inherit;
  display: block;
  border: none;
  cursor: pointer !important;
  padding: 8px 10px;
  z-index: 2;
  cursor: default;
  border-radius: 3px;
  background: inherit;
  opacity: 0.7;
}
.filterButtonDropdown.open .opt:hover {
  opacity: 1;
}
#react-paginate ul {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}
#react-paginate li {
  display: inline-block;
}
#react-paginate .break a {
  cursor: default;
}
#SearchBox {
  opacity: 0.7;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  transition: all 200ms ease-in;
  margin-top: 1em;
  margin-bottom: 1em;
}
#SearchBox input {
  font-size: 1em;
  border: none;
  background: inherit;
  border-radius: 3px 0px 0px 3px;
  float: right;
  transition: all 200ms ease-out 0s !important;
  border: 1px solid #212132;
}
#SearchBox input.active {
  background: #efefef;
}
#SearchBox .input-group-addon {
  background: #212132;
  color: rgba(98, 98, 98, 0.47);
  font-size: 14px;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  border-radius: 0px 3px 3px 0px;
  transition: border 0.2s ease-out 0s, box-shadow 0.2s linear 0s, color 0.2s linear 0s, box-shadow 0.2s linear 0s, background 200ms ease-out;
}
#SearchBox .input-group-addon i {
  margin: auto;
}
#SearchBox:hover {
  opacity: 1.0;
}
#SearchBox.active {
  opacity: 1.0;
}
#SearchBox.active input {
  background: #efefef;
  border: none;
}
#SearchBox.active .input-group-addon {
  background: #f0f0f0;
}
.userDetailModal {
  position: relative;
  margin-left: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  display: block;
}
.userDetailModal .inner {
  padding: 60px;
  z-index: 202;
  text-align: center;
}
.userDetailModal .circleImg {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  overflow: hidden;
}
.userDetailModal h2 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  width: 100%;
}
.userDetailModalBG {
  position: absolute;
  width: 100%;
  height: 100%;
  background: red;
  background: linear-gradient(180deg, rgba(15, 15, 31, 0.1), rgba(15, 15, 31, 0.83), #0F0F1F, #0F0F1F);
  filter: blur(2px);
  transform: scale(1.1);
  background-size: cover;
  z-index: -1;
}
.bubbleSpinner {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: -2px -4px -2px 4px;
  background-color: #FFF;
  border-radius: 100%;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.dotLoading:before,
.dotLoading:after,
.dotLoading {
  border-radius: 50%;
  width: 5px;
  height: 5px;
  animation-fill-mode: both;
  animation: load7 1.8s infinite ease-in-out;
}
.dotLoading {
  display: inline-block;
  color: #ffffff;
  font-size: 4px;
  font-size: 2px;
  left: 40%;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.dotLoading:before {
  left: -15px;
  animation-delay: -0.32s;
}
.dotLoading:after {
  left: 15px;
}
.dotLoading:before,
.dotLoading:after {
  content: '';
  position: absolute;
  top: 0;
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@media screen and (max-width: 768px) {
  .teamWizardDARK .machineRow {
    height: auto;
    line-height: inherit;
  }
}
#Desktop {
  box-shadow: 0px 0px 100px #1c222e;
  top: inherit;
  left: inherit;
  transform: scale(1);
  opacity: 1.0;
  height: 85%;
  position: relative;
  width: 80%;
  min-width: 300px;
  min-height: 300px;
}
#Desktop canvas {
  box-shadow: 0px 0px 100px #1c222e;
  transform: scale(0.9);
  opacity: 0.2;
  transition: opacity 2s ease-out, transform 300ms ease-out;
}
#Desktop canvas.ready {
  opacity: 1;
  transform: scale(1);
}
#TERMINAL {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0e1219;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #030406, #030406);
}
#TERMINAL .terminalContainer {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 800px;
}
#TERMINAL .terminalContainer .terminalTop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 1em;
  text-align: center;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0.0;
  transform: scale(0.98);
  filter: blur(2px);
  transition: all 200ms ease-out;
}
#TERMINAL .terminalContainer .terminalTop a.back {
  padding-bottom: 0;
}
#TERMINAL .terminalContainer .terminalTop.loaded {
  opacity: 1.0;
  filter: blur(0);
  transform: scale(1);
}
#TERMINAL .terminalContainer .terminalTop .topHalf {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-direction: row;
  flex-direction: row;
  position: absolute;
  left: 0;
  top: 0;
}
#TERMINAL .terminalContainer .terminalTop .bottomHalf {
  -ms-flex-direction: column;
  flex-direction: column;
}
#TERMINAL .terminalContainer .terminalTop .bottomHalf h2,
#TERMINAL .terminalContainer .terminalTop .bottomHalf h3,
#TERMINAL .terminalContainer .terminalTop .bottomHalf h4 {
  color: #efefef;
}
#TERMINAL .terminalContainer .terminalTop .bottomHalf h1 {
  color: white;
  font-family: 'flama';
  font-weight: 800;
}
#TERMINAL .terminalContainer .terminalTop .bottomHalf h2 {
  color: #96989c;
  font-family: 'flama';
  font-weight: 100;
  font-size: 24px;
  line-height: 12px;
}
#TERMINAL .terminalContainer .terminalTop .bottomHalf h4 {
  font-size: 14px;
  color: #4b525f;
}
#TERMINAL .terminalContainer .terminalMiddle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 50%;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1;
  flex: 1;
}
#TERMINAL .terminalContainer .terminalMiddle .leftControlPanel,
#TERMINAL .terminalContainer .terminalMiddle .rightControlPanel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
#TERMINAL .terminalContainer .terminalMiddle .TerminalPrimary {
  width: 80%;
  height: 100%;
  position: relative;
}
#TERMINAL .terminalContainer .terminalMiddle .fullscreenButton {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 10px;
  display: -ms-flexbox;
  display: flex;
  background: #141821;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  color: #f6f9ff;
  cursor: pointer;
  opacity: 0.85;
  transition: all 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
  z-index: 9999;
}
#TERMINAL .terminalContainer .terminalMiddle .fullscreenButton:hover {
  color: #f6f9ff;
  opacity: 1.0;
}
#TERMINAL .terminalContainer .terminalMiddle .terminalwrapper {
  color: #f0f0f0;
  box-shadow: 0px 0px 100px #1c222e;
  border: none;
  filter: brightness(70%);
  opacity: 1.0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
#TERMINAL .terminalContainer .terminalMiddle .terminalwrapper.connected {
  filter: none;
  opacity: 1.0;
}
#TERMINAL .terminalContainer .terminalMiddle .terminalwrapper.minimized {
  top: inherit;
  left: inherit;
  transform: scale(1);
  opacity: 1.0;
  height: inherit;
  position: relative;
  width: 80%;
}
#TERMINAL .terminalContainer .terminalMiddle .terminalwrapper .terminal {
  opacity: 0.9;
}
#TERMINAL .terminalContainer .terminalMiddle .terminalwrapper span {
  display: inline-block;
  height: 20px;
}
#TERMINAL .terminalContainer .terminalBottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 200px;
}
#TERMINAL .terminalContainer .terminalBottom.offscreen #WindowLauncher {
  opacity: 0;
  visibility: hidden;
}
#TERMINAL .terminalContainer .terminalBottom .TerminalSecondary {
  position: inherit;
  transition: transform 200ms cubic-bezier(0.05, 0.74, 0.27, 0.99), filter 200ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
  height: 300px;
  width: 460px;
}
#TERMINAL .terminalContainer .terminalBottom .TerminalSecondary.mini {
  transform-origin: top left;
  transform: scale(0.2);
}
#TERMINAL .terminalContainer .terminalBottom .TerminalSecondary.mini .terminalwrapper {
  box-shadow: 0px 0px 300px #343a45;
}
#TERMINAL .topButtonPanel {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  max-height: 70px;
}
.htermWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.menuItem {
  width: 30px;
  height: 30px;
  border: 1px solid white;
  opacity: 0.1;
  border-radius: 50%;
  transition: all 250ms ease-out;
  box-shadow: 0px 0px 13px rgba(221, 227, 255, 0.16);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0px 0px 13px rgba(221, 227, 255, 0.36);
  opacity: 0.3;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
}
.menuItem.shutdown {
  background: white;
}
.menuItem:hover {
  opacity: 1;
  box-shadow: 0px 0px 13px rgba(221, 227, 255, 0.56);
}
@keyframes term-fullscreen {
  0% {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scale(0.98);
    opacity: 0.0;
  }
  to {
    transform: scale(1);
    opacity: 1.0;
    height: 100%;
    width: 100%;
  }
}
#WindowLauncher {
  width: 100%;
  height: 150px;
  position: fixed;
  background: #030406;
  border-top: 1px solid #0e1219;
  transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
  display: -ms-flexbox;
  display: flex;
  left: 0;
}
.gridView {
  padding: 6em;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.gridView .miniBox .innerTerminal {
  box-shadow: 0px 0px 100px #3a4355;
}
.miniBox {
  opacity: 0.8;
  cursor: pointer;
  height: 150px;
  width: 150px;
  margin: 0em 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  transition: all 250ms ease-in;
}
.miniBox .innerTerminalAlive {
  height: 75px;
  width: 100px;
}
.miniBox .innerTerminal {
  background: #efefef;
  height: 75px;
  width: 100px;
  background-image: url('/images/vim.png');
  background-size: cover;
}
.miniBox .innerTerminal.bg-0 {
  background-image: url('/images/vim2.png');
}
.miniBox .process {
  position: absolute;
  bottom: 15px;
  font-family: monospace;
  font-size: .8em;
}
.miniBox .process span {
  color: white;
}
.miniBox .closeButton {
  opacity: 0;
  visibility: hidden;
  width: 20px;
  height: 20px;
  color: #fff;
  background: #1b1b1b;
  box-shadow: 0px 2px 17px rgba(153, 120, 187, 0.73);
  border-radius: 14px;
  position: absolute;
  right: -5px;
  top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all 250ms ease-out;
}
.miniBox:hover {
  opacity: 1.0;
}
.miniBox:hover .closeButton {
  opacity: 0.5;
  visibility: visible;
}
.miniBox:hover .closeButton:hover {
  color: #ae2b2b;
  background: #f8b9b9;
  opacity: 1.0;
  box-shadow: 0px 2px 17px rgba(153, 120, 187, 0.93);
}
.closeButton2 {
  opacity: 0.5;
  width: 20px;
  height: 20px;
  color: #fff;
  background: #1b1b1b;
  box-shadow: 0px 2px 17px rgba(153, 120, 187, 0.73);
  border-radius: 14px;
  position: absolute;
  right: -25px;
  top: -22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all 250ms ease-out;
  cursor: pointer;
}
.closeButton2:hover {
  color: #ae2b2b;
  background: #f8b9b9;
  opacity: 1.0;
  box-shadow: 0px 2px 17px rgba(153, 120, 187, 0.93);
}
[data-loader='circlespinner'] {
  width: 25px;
  height: 25px;
  animation: circle infinite .75s linear;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 100%;
}
@keyframes circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#mobileMenu {
  display: none;
  opacity: 0.0;
  transition: all 500ms ease-out;
}
.clickCapturer {
  position: absolute;
}
@media screen and (max-width: 640px) {
  .TerminalPrimary.minimized {
    width: 90% !important;
  }
  #TERMINAL .terminalContainer .terminalTop {
    padding: 0;
  }
  #TERMINAL .terminalContainer .terminalTop .topHalf {
    position: inherit;
  }
  .closeButton2 {
    right: -8px;
    top: -30px;
  }
}
.middle {
  max-width: 800px;
  margin: auto;
  text-align: center;
  color: #1f173d;
}
.middle .punchlineLinux {
  font-family: 'open sans';
  font-weight: 100;
  font-size: 300%;
  padding: 1em ;
}
.middle .punchlineLinux span.cycle {
  position: relative;
  top: -1px;
  display: inline-block;
  overflow: visible;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
}
.middle .punchlineLinux span.cycle .item {
  text-decoration: underline;
  font-weight: 600;
  position: absolute;
  top: 0;
  margin: auto;
  left: 0;
  width: 100%;
  text-align: center;
  display: inline-block;
  z-index: 1;
  visibility: hidden;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(20px);
  transition: all 350ms ease;
}
.middle .punchlineLinux span.cycle .item.current {
  z-index: 2;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.middle .punchlineLinux span.cycle .item.last {
  opacity: 0;
  transform: translateY(-25px);
}
.middle .punchlineLinux2 {
  margin: auto;
  width: 50%;
  font-size: 21px;
  font-weight: 100;
}
.middle .punchlineLinux2 span {
  font-weight: 600;
}
.cloud .teamLogoContainer .logoHero {
  color: #1f173d;
}
.cloud .teamLogoContainer .logoHero span {
  margin-left: 8px;
  opacity: 0.5;
}
@media screen and (max-width: 640px) {
  .middle .punchlineLinux {
    font-size: 250%;
    padding: 1em;
  }
}
@media screen and (min-width: 640px) and (max-width: 960px) {
  .middle .punchlineLinux {
    font-size: 275%;
    padding: 1em;
  }
}
/* Example Styles for React Tags*/
div.ReactTags__tags {
  position: relative;
  text-align: left;
}
/* Styles for the input */
div.ReactTags__tagInput {
  display: inline-block;
  border: none;
  background: none;
  color: #aaa;
  transition: all 200ms ease-out !important;
  height: 25px;
  min-height: 25px;
  padding: 0;
}
div.ReactTags__tagInput input.ReactTags__tagInputField,
div.ReactTags__tagInput input.ReactTags__tagInputField:focus {
  height: 31px;
  margin: 0;
  font-size: 12px;
  max-width: 100px;
  margin-top: .25em;
  border: none;
  background: none;
  color: #aaa;
  transition: all 200ms ease-out !important;
  height: 25px;
  min-height: 25px;
  padding: 0;
  font-size: 1.3em;
}
/* Styles for selected tags */
div.ReactTags__selected span.ReactTags__tag {
  border: 1px solid #ddd;
  background: #eee;
  font-size: 12px;
  display: inline-block;
  padding: 5px;
  margin: 0 5px;
  border-radius: 2px;
}
div.ReactTags__selected a.ReactTags__remove {
  color: #aaa;
  margin-left: 5px;
  cursor: pointer;
}
/* Styles for suggestions */
div.ReactTags__suggestions {
  position: absolute;
}
div.ReactTags__suggestions ul {
  list-style-type: none;
  box-shadow: 0.05em 0.01em 0.5em rgba(0, 0, 0, 0.2);
  background: white;
  width: 200px;
}
div.ReactTags__suggestions li {
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
  margin: 0;
}
div.ReactTags__suggestions li mark {
  text-decoration: underline;
  background: none;
  font-weight: 600;
}
div.ReactTags__suggestions ul li.active {
  background: #b7cfe0;
  cursor: pointer;
}
.headerBlock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: visible;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: auto;
  padding: 0 !important;
}
.headerBlock .leftLogoBlock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}
.headerBlock .middleMenuItemsBlock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
}
.headerBlock .middleMenuItemsBlock a {
  margin: 0 1em;
  color: #000;
  transition: opacity 200ms ease-in;
  padding: 4px 7px;
  border-radius: 30px;
}
.headerBlock .rightCTABlock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  list-style: none;
  -ms-flex-pack: center;
  justify-content: center;
}
.headerBlock .rightCTABlock li a {
  margin: 0;
}
li.signinLinkContainer {
  padding: 1em;
}
.signinLink {
  margin-right: 1em;
  padding: 1em;
}
#header a.activ {
  opacity: 1.0 !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  position: relative;
}
#header a.activ::before {
  content: "\f111";
  font: normal normal normal 4px/1 FontAwesome;
  opacity: 0.7;
  position: absolute;
  top: 23px;
}
#header .middleMenuItemsBlock a,
#header .leftLogoBlock a {
  color: #0e1219;
  opacity: 0.6;
}
#header .middleMenuItemsBlock a.active {
  color: #0e1219;
}
#header .middleMenuItemsBlock a:hover,
#header .signinLink a:hover {
  color: #0e1219;
  opacity: 0.9;
}
#header a.flatgray {
  opacity: 1.0;
}
.consoleButton {
  background: white !important;
}
#fixedHeader #header {
  background: #0e1219 !important;
  border-bottom: 1px solid #323945;
}
#fixedHeader #header a {
  color: white;
}
.webapp .PSPrimaryColor,
.gaming .PSPrimaryColor {
  color: #c9d0e3;
}
.webapp #header .middleMenuItemsBlock a,
.gaming #header .middleMenuItemsBlock a,
.webapp #header .leftLogoBlock a,
.gaming #header .leftLogoBlock a,
.webapp #header .rightCTABlock a,
.gaming #header .rightCTABlock a {
  color: #c9d0e3;
}
.webapp #header .middleMenuItemsBlock a,
.gaming #header .middleMenuItemsBlock a,
.webapp #header .leftLogoBlock a,
.gaming #header .leftLogoBlock a {
  opacity: 0.6;
}
.webapp #header .middleMenuItemsBlock a:hover,
.gaming #header .middleMenuItemsBlock a:hover {
  background: none;
}
.webapp #header .middleMenuItemsBlock a:hover,
.gaming #header .middleMenuItemsBlock a:hover,
.webapp #header .signinLink a:hover,
.gaming #header .signinLink a:hover {
  color: #c9d0e3;
  opacity: 0.9;
}
.webapp #fixedHeader #header,
.gaming #fixedHeader #header {
  background: #0e1219 !important;
}
.vfxOLD .PSPrimaryColor {
  color: #c9d0e3;
}
.vfxOLD #header .middleMenuItemsBlock a,
.vfxOLD #header .leftLogoBlock a {
  opacity: 0.6;
}
.vfxOLD #header .rightCTABlock a {
  color: #c9d0e3;
  opacity: 1.0;
}
.vfxOLD #header .middleMenuItemsBlock a.active {
  color: white;
}
.vfxOLD #header .middleMenuItemsBlock a:hover,
.vfxOLD #header .signinLink a:hover {
  color: #c9d0e3;
  opacity: 0.9;
}
.vfxOLD #fixedHeader #header {
  background: #1b132a !important;
}
.pricing #header .middleMenuItemsBlock a,
.security #header .middleMenuItemsBlock a,
.enterprise #header .middleMenuItemsBlock a,
.partners #header .middleMenuItemsBlock a,
.vfx #header .middleMenuItemsBlock a,
.ml #header .middleMenuItemsBlock a,
.pricing #header .leftLogoBlock a,
.security #header .leftLogoBlock a,
.enterprise #header .leftLogoBlock a,
.partners #header .leftLogoBlock a,
.vfx #header .leftLogoBlock a,
.ml #header .leftLogoBlock a {
  color: white;
  opacity: 0.6;
}
.pricing #header .middleMenuItemsBlock a.active,
.security #header .middleMenuItemsBlock a.active,
.enterprise #header .middleMenuItemsBlock a.active,
.partners #header .middleMenuItemsBlock a.active,
.vfx #header .middleMenuItemsBlock a.active,
.ml #header .middleMenuItemsBlock a.active {
  color: white;
}
.pricing #header .middleMenuItemsBlock a:hover,
.security #header .middleMenuItemsBlock a:hover,
.enterprise #header .middleMenuItemsBlock a:hover,
.partners #header .middleMenuItemsBlock a:hover,
.vfx #header .middleMenuItemsBlock a:hover,
.ml #header .middleMenuItemsBlock a:hover,
.pricing #header .signinLink a:hover,
.security #header .signinLink a:hover,
.enterprise #header .signinLink a:hover,
.partners #header .signinLink a:hover,
.vfx #header .signinLink a:hover,
.ml #header .signinLink a:hover {
  color: white;
  opacity: 0.9;
}
.app #header .middleMenuItemsBlock a,
.signup #header .middleMenuItemsBlock a,
.app #header .leftLogoBlock a,
.signup #header .leftLogoBlock a {
  color: white;
  opacity: 0.6;
}
.app #header .consoleButton,
.signup #header .consoleButton {
  opacity: 1.0;
}
.app #header .middleMenuItemsBlock a.active,
.signup #header .middleMenuItemsBlock a.active {
  color: white;
}
.app #header .middleMenuItemsBlock a:hover,
.signup #header .middleMenuItemsBlock a:hover,
.app #header .signinLink a:hover,
.signup #header .signinLink a:hover {
  color: white;
  opacity: 0.9;
}
#menuSelectPS {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#menuSelectPS img.miniLogo {
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}
#menuSelectPS img.miniLogo:hover {
  opacity: 1.0;
}
#menuSelectPS .menuSelectPS {
  margin-top: 1em;
  opacity: 0.0;
  pointer-events: none;
  transition: opacity 200ms ease-in-out, transform 400ms ease-out;
  transform: translateY(-30px) scale(1.01);
  background: white;
  width: 200px;
  padding: 1em .8em;
  border-radius: 3px;
  position: absolute;
  top: 80%;
  z-index: 9999;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0 0 100px rgba(109, 122, 160, 0.5);
}
#menuSelectPS .menuSelectPS a.alt-font {
  display: block;
  padding: .7em;
  font-family: inherit;
  font-weight: 400;
  font-size: 13px;
  margin: 0;
  color: #0e1219;
}
.miniLogo {
  max-width: 120px;
  cursor: pointer;
}
#menuSelectPS.active img.miniLogo {
  opacity: 1;
}
#menuSelectPS.active .menuSelectPS {
  opacity: 1.0;
  transform: translateY(0px) scale(1);
  pointer-events: all;
}
#fixedHeader #header #psButton a {
  color: #0e1219 !important;
}
#fixedHeader #header #psButton a:hover {
  opacity: 1.0;
}
@media screen and (max-width: 640px) {
  #header a.activ::before {
    left: -5px;
    top: 50%;
  }
  .headerBlock {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .headerBlock .leftLogoBlock {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1em;
  }
  .headerBlock .middleMenuItemsBlock {
    padding-bottom: 1em;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .headerBlock .middleMenuItemsBlock a {
    padding-top: .5em;
    margin: 0;
  }
  .headerBlock .rightCTABlock {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 640px) and (max-width: 960px) {
  .headerBlock {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .headerBlock .leftLogoBlock {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .headerBlock .middleMenuItemsBlock {
    padding-bottom: 1em;
  }
  .headerBlock .rightCTABlock {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #fixedHeader {
    display: none !important;
  }
  .flexMenu {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  .flexMenu ul {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
  .flexMenu #psButton {
    padding-bottom: 1em;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flexMenu #psButton .dropdown {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  #header.teams {
    background-size: cover;
    background-position-y: -8%;
  }
  .mainNav a {
    white-space: nowrap;
  }
  .mainNav .menu {
    float: none;
  }
}
table.ledger-table tbody {
  border-top: 1px solid #363a49;
}
table.ledger-table tbody tr + tr > td {
  padding-top: 0px;
}
table.ledger-table tbody tr td {
  border-top: none !important;
}
.visible-xlg {
  display: none;
}
.hidden-xlg {
  display: block;
}
/*** Large screens ***/
@media (min-width: 1824px) {
  .quickview-wrapper .tab-content #quickview-notes > .inner {
    width: 570px;
  }
  .container-fluid.container-fixed-lg {
    width: 1700px;
    margin-right: auto;
    margin-left: auto;
  }
  .menu-pin .container-fluid.container-fixed-lg {
    width: 1450px;
  }
  .visible-xlg {
    display: block !important;
  }
  .hidden-xlg {
    display: none !important;
  }
  .col-xlg-1,
  .col-xlg-2,
  .col-xlg-3,
  .col-xlg-4,
  .col-xlg-5,
  .col-xlg-6,
  .col-xlg-7,
  .col-xlg-8,
  .col-xlg-9,
  .col-xlg-10,
  .col-xlg-11 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }
  .col-xlg-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.6667%;
  }
  .col-xlg-10 {
    width: 83.3333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.6667%;
  }
  .col-xlg-7 {
    width: 58.3333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.6667%;
  }
  .col-xlg-4 {
    width: 33.3333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.6667%;
  }
  .col-xlg-1 {
    width: 8.33333%;
  }
  .col-xlg-pull-12 {
    right: 100%;
  }
  .col-xlg-pull-11 {
    right: 91.6667%;
  }
  .col-xlg-pull-10 {
    right: 83.3333%;
  }
  .col-xlg-pull-9 {
    right: 75%;
  }
  .col-xlg-pull-8 {
    right: 66.6667%;
  }
  .col-xlg-pull-7 {
    right: 58.3333%;
  }
  .col-xlg-pull-6 {
    right: 50%;
  }
  .col-xlg-pull-5 {
    right: 41.6667%;
  }
  .col-xlg-pull-4 {
    right: 33.3333%;
  }
  .col-xlg-pull-3 {
    right: 25%;
  }
  .col-xlg-pull-2 {
    right: 16.6667%;
  }
  .col-xlg-pull-1 {
    right: 8.33333%;
  }
  .col-xlg-pull-0 {
    right: 0;
  }
  .col-xlg-push-12 {
    left: 100%;
  }
  .col-xlg-push-11 {
    left: 91.6667%;
  }
  .col-xlg-push-10 {
    left: 83.3333%;
  }
  .col-xlg-push-9 {
    left: 75%;
  }
  .col-xlg-push-8 {
    left: 66.6667%;
  }
  .col-xlg-push-7 {
    left: 58.3333%;
  }
  .col-xlg-push-6 {
    left: 50%;
  }
  .col-xlg-push-5 {
    left: 41.6667%;
  }
  .col-xlg-push-4 {
    left: 33.3333%;
  }
  .col-xlg-push-3 {
    left: 25%;
  }
  .col-xlg-push-2 {
    left: 16.6667%;
  }
  .col-xlg-push-1 {
    left: 8.33333%;
  }
  .col-xlg-push-0 {
    left: 0;
  }
  .col-xlg-offset-12 {
    margin-left: 100%;
  }
  .col-xlg-offset-11 {
    margin-left: 91.6667%;
  }
  .col-xlg-offset-10 {
    margin-left: 83.3333%;
  }
  .col-xlg-offset-9 {
    margin-left: 75%;
  }
  .col-xlg-offset-8 {
    margin-left: 66.6667%;
  }
  .col-xlg-offset-7 {
    margin-left: 58.3333%;
  }
  .col-xlg-offset-6 {
    margin-left: 50%;
  }
  .col-xlg-offset-5 {
    margin-left: 41.6667%;
  }
  .col-xlg-offset-4 {
    margin-left: 33.3333%;
  }
  .col-xlg-offset-3 {
    margin-left: 25%;
  }
  .col-xlg-offset-2 {
    margin-left: 16.6667%;
  }
  .col-xlg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-xlg-offset-0 {
    margin-left: 0;
  }
}
/*** Medium Size Screen ***/
@media only screen and (max-width: 1400px) {
  .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
    bottom: 50px;
  }
  .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-widgets {
    display: none;
  }
  .footer-widget {
    padding: 11px 21px !important;
  }
}
/*** Desktops & Laptops ***/
/*** General Small Screen Desktops ***/
/*** General tablets and phones ***/
@media (max-width: 991px) {
  .page-container {
    padding-left: 0;
  }
  body.sidebar-open .page-container {
    transform: translate3d(250px, 0, 0);
    -ms-transform: translate(250px, 0);
    overflow: hidden;
    position: fixed;
  }
  body.box-layout > .container {
    padding: 0;
    height: 100%;
  }
  body.box-layout .header > .container {
    padding: 0;
  }
  body.box-layout .header > .container .pull-right .sm-action-bar {
    right: 0;
  }
  .header {
    padding: 0 10px;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    background: #fff !important;
  }
  .header .header-inner {
    text-align: center;
  }
  .header .header-inner .toggle-sidebar {
    display: block;
    position: absolute;
    left: 23px;
  }
  .header .header-inner .mark-email {
    left: 45px;
    position: absolute;
    top: 23px;
  }
  .header .header-inner .quickview-link {
    position: absolute;
    right: 0;
    top: 12px;
  }
  .header .brand {
    width: auto;
  }
  .header .notification-list,
  .header .search-link {
    display: none;
  }
  .header > .pull-left,
  .header > .pull-right {
    position: relative;
  }
  .header > .pull-right .sm-action-bar {
    right: 0;
  }
  .sm-action-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }
  .sm-action-bar > a {
    padding: 10px;
    display: inline-block;
  }
  .pace .pace-activity {
    top: 60px;
  }
  .page-sidebar {
    width: 250px;
    z-index: auto;
    left: 0 !important;
    transform: translate3d(0, 0px, 0px) !important;
  }
  .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
    padding: 0px 30px 0 36px;
  }
  .page-container {
    padding-left: 0;
    z-index: 100;
    position: relative;
    transition: transform .25s ease;
    -webkit-transition: -webkit-transform 0.25s ease;
  }
  .page-container .page-content-wrapper .content {
    overflow-x: hidden;
    height: auto;
  }
  .icon-thumbnail {
    margin-right: 24px;
  }
  .page-sidebar {
    display: none;
    z-index: auto;
  }
  .page-sidebar.visible {
    display: block;
  }
  .page-sidebar .page-sidebar-inner {
    z-index: 1;
    left: 0 !important;
    width: 260px;
  }
  .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    top: 40px;
    bottom: 0;
  }
  .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul > li > a > .badge {
    display: inline-block;
  }
  .breadcrumb {
    padding-left: 15px;
    padding-right: 15px;
  }
  .copyright {
    padding-left: 15px;
    padding-right: 15px;
  }
  body > .pgn-wrapper[data-position="top"] {
    top: 48px;
    left: 0;
  }
  body > .pgn-wrapper[data-position="bottom"] {
    left: 0;
  }
  body > .pgn-wrapper[data-position$='-left'] {
    left: 20px;
    right: auto;
  }
  .sm-table {
    display: table;
    width: 100%;
  }
  .user-profile-wrapper {
    position: absolute;
    right: 50px;
    top: -9px;
  }
}
/* Landscape view of all tablet devices */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .page-sidebar .sidebar-menu .menu-items ul {
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }
  .page-container .page-content-wrapper .content {
    padding-top: 60px;
  }
  body.box-layout > .container {
    width: 100%;
  }
  .error-page .error-container {
    width: auto;
  }
}
@media (max-width: 991px) {
  .sm-b-r,
  .sm-b-l,
  .sm-b-t,
  .sm-b-b {
    border-width: 0;
  }
  .sm-b-r {
    border-right-width: 1px;
  }
  .sm-b-l {
    border-left-width: 1px;
  }
  .sm-b-t {
    border-top-width: 1px;
  }
  .sm-b-b {
    border-bottom-width: 1px;
  }
}
@media (min-width: 1200px) {
  .row-same-height {
    overflow: hidden;
  }
  .row-same-height > [class*="col-lg"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
  }
}
@media (min-width: 992px) {
  .row-same-height {
    overflow: hidden;
  }
  .row-same-height > [class*="col-md"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
  }
}
@media (min-width: 768px) {
  .row-same-height {
    overflow: hidden;
  }
  .row-same-height > [class*="col-sm"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
  }
}
/* Portrait view of all tablet devices */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .page-sidebar .sidebar-menu .menu-items > li > a {
    padding-left: 27px;
  }
  .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
    padding: 0px 27px 0 31px;
  }
  .icon-thumbnail {
    margin-right: 21px;
  }
  .error-page .error-container {
    width: auto;
  }
}
@media (max-width: 767px) {
  .header {
    height: 48px;
  }
  .header .notification-list,
  .header .search-link {
    display: none;
  }
  .header .header-inner {
    height: 48px;
  }
  .header .user-info-wrapper {
    display: none;
  }
  .header .search-link {
    height: 19px;
    width: 16px;
    overflow: hidden;
  }
  .jumbotron,
  .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .page-container .page-content-wrapper .content {
    padding-top: 48px;
    padding-bottom: 100px;
  }
  .page-sidebar .sidebar-header {
    padding: 0 12px;
  }
  .page-sidebar .sidebar-menu .menu-items > li > a {
    padding-left: 20px;
  }
  .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
    padding: 0px 25px 0 28px;
  }
  .icon-thumbnail {
    margin-right: 20px;
  }
  .sm-pull-bottom,
  .sm-pull-up {
    position: relative !important;
  }
  .sm-p-t-0 {
    padding-top: 0px !important;
  }
  .sm-p-r-0 {
    padding-right: 0px !important;
  }
  .sm-p-l-0 {
    padding-left: 0px !important;
  }
  .sm-p-b-0 {
    padding-bottom: 0px !important;
  }
  .sm-padding-0 {
    padding: 0px !important;
  }
  .sm-p-t-5 {
    padding-top: 5px !important;
  }
  .sm-p-r-5 {
    padding-right: 5px !important;
  }
  .sm-p-l-5 {
    padding-left: 5px !important;
  }
  .sm-p-b-5 {
    padding-bottom: 5px !important;
  }
  .sm-padding-5 {
    padding: 5px !important;
  }
  .sm-p-t-10 {
    padding-top: 10px !important;
  }
  .sm-p-r-10 {
    padding-right: 10px !important;
  }
  .sm-p-l-10 {
    padding-left: 10px !important;
  }
  .sm-p-b-10 {
    padding-bottom: 10px !important;
  }
  .sm-padding-10 {
    padding: 10px !important;
  }
  .sm-p-t-15 {
    padding-top: 15px !important;
  }
  .sm-p-r-15 {
    padding-right: 15px !important;
  }
  .sm-p-l-15 {
    padding-left: 15px !important;
  }
  .sm-p-b-15 {
    padding-bottom: 15px !important;
  }
  .sm-padding-15 {
    padding: 15px !important;
  }
  .sm-p-t-20 {
    padding-top: 20px !important;
  }
  .sm-p-r-20 {
    padding-right: 20px !important;
  }
  .sm-p-l-20 {
    padding-left: 20px !important;
  }
  .sm-p-b-20 {
    padding-bottom: 20px !important;
  }
  .sm-padding-20 {
    padding: 20px !important;
  }
  .sm-p-t-25 {
    padding-top: 25px !important;
  }
  .sm-p-r-25 {
    padding-right: 25px !important;
  }
  .sm-p-l-25 {
    padding-left: 25px !important;
  }
  .sm-p-b-25 {
    padding-bottom: 25px !important;
  }
  .sm-padding-25 {
    padding: 25px !important;
  }
  .sm-p-t-30 {
    padding-top: 30px !important;
  }
  .sm-p-r-30 {
    padding-right: 30px !important;
  }
  .sm-p-l-30 {
    padding-left: 30px !important;
  }
  .sm-p-b-30 {
    padding-bottom: 30px !important;
  }
  .sm-padding-30 {
    padding: 30px !important;
  }
  .sm-p-t-35 {
    padding-top: 35px !important;
  }
  .sm-p-r-35 {
    padding-right: 35px !important;
  }
  .sm-p-l-35 {
    padding-left: 35px !important;
  }
  .sm-p-b-35 {
    padding-bottom: 35px !important;
  }
  .sm-padding-35 {
    padding: 35px !important;
  }
  .sm-p-t-40 {
    padding-top: 40px !important;
  }
  .sm-p-r-40 {
    padding-right: 40px !important;
  }
  .sm-p-l-40 {
    padding-left: 40px !important;
  }
  .sm-p-b-40 {
    padding-bottom: 40px !important;
  }
  .sm-padding-40 {
    padding: 40px !important;
  }
  .sm-p-t-45 {
    padding-top: 45px !important;
  }
  .sm-p-r-45 {
    padding-right: 45px !important;
  }
  .sm-p-l-45 {
    padding-left: 45px !important;
  }
  .sm-p-b-45 {
    padding-bottom: 45px !important;
  }
  .sm-padding-45 {
    padding: 45px !important;
  }
  .sm-p-t-50 {
    padding-top: 50px !important;
  }
  .sm-p-r-50 {
    padding-right: 50px !important;
  }
  .sm-p-l-50 {
    padding-left: 50px !important;
  }
  .sm-p-b-50 {
    padding-bottom: 50px !important;
  }
  .sm-padding-50 {
    padding: 50px !important;
  }
  .sm-m-t-5 {
    margin-top: 5px !important;
  }
  .sm-m-r-5 {
    margin-right: 5px !important;
  }
  .sm-m-l-5 {
    margin-left: 5px !important;
  }
  .sm-m-b-5 {
    margin-bottom: 5px !important;
  }
  .sm-m-t-10 {
    margin-top: 10px !important;
  }
  .sm-m-r-10 {
    margin-right: 10px !important;
  }
  .sm-m-l-10 {
    margin-left: 10px !important;
  }
  .sm-m-b-10 {
    margin-bottom: 10px !important;
  }
  .sm-m-t-15 {
    margin-top: 15px !important;
  }
  .sm-m-r-15 {
    margin-right: 15px !important;
  }
  .sm-m-l-15 {
    margin-left: 15px !important;
  }
  .sm-m-b-15 {
    margin-bottom: 15px !important;
  }
  .sm-m-t-20 {
    margin-top: 20px !important;
  }
  .sm-m-r-20 {
    margin-right: 20px !important;
  }
  .sm-m-l-20 {
    margin-left: 20px !important;
  }
  .sm-m-b-20 {
    margin-bottom: 20px !important;
  }
  .sm-m-t-25 {
    margin-top: 25px !important;
  }
  .sm-m-r-25 {
    margin-right: 25px !important;
  }
  .sm-m-l-25 {
    margin-left: 25px !important;
  }
  .sm-m-b-25 {
    margin-bottom: 25px !important;
  }
  .sm-m-t-30 {
    margin-top: 30px !important;
  }
  .sm-m-r-30 {
    margin-right: 30px !important;
  }
  .sm-m-l-30 {
    margin-left: 30px !important;
  }
  .sm-m-b-30 {
    margin-bottom: 30px !important;
  }
  .sm-m-t-35 {
    margin-top: 35px !important;
  }
  .sm-m-r-35 {
    margin-right: 35px !important;
  }
  .sm-m-l-35 {
    margin-left: 35px !important;
  }
  .sm-m-b-35 {
    margin-bottom: 35px !important;
  }
  .sm-m-t-40 {
    margin-top: 40px !important;
  }
  .sm-m-r-40 {
    margin-right: 40px !important;
  }
  .sm-m-l-40 {
    margin-left: 40px !important;
  }
  .sm-m-b-40 {
    margin-bottom: 40px !important;
  }
  .sm-m-t-45 {
    margin-top: 45px !important;
  }
  .sm-m-r-45 {
    margin-right: 45px !important;
  }
  .sm-m-l-45 {
    margin-left: 45px !important;
  }
  .sm-m-b-45 {
    margin-bottom: 45px !important;
  }
  .sm-m-t-50 {
    margin-top: 50px !important;
  }
  .sm-m-r-50 {
    margin-right: 50px !important;
  }
  .sm-m-l-50 {
    margin-left: 50px !important;
  }
  .sm-m-b-50 {
    margin-bottom: 50px !important;
  }
  .sm-no-margin {
    margin: 0px;
  }
  .sm-no-padding {
    padding: 0px;
  }
  .sm-text-right {
    text-align: right !important;
  }
  .sm-text-left {
    text-align: left !important;
  }
  .sm-text-center {
    text-align: center !important;
  }
  .sm-pull-right {
    float: right !important;
  }
  .sm-pull-left {
    float: left !important;
  }
  .sm-pull-reset {
    float: none !important;
  }
  .sm-block {
    display: block;
  }
  .error-container {
    width: auto;
  }
  .sm-image-responsive-height {
    width: 100%;
    height: auto;
  }
}
/*** Phones ***/
@media (max-width: 480px) {
  body {
    width: 100%;
  }
  body .header {
    width: 100%;
    height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  }
  body .header .header-inner {
    height: 48px;
    text-align: center;
  }
  body .header .header-inner .toggle-email-sidebar {
    font-size: 16px;
    top: 12px;
  }
  body .header .header-inner .toggle-sidebar {
    left: 14px;
  }
  body .header .header-inner .mark-email {
    left: 35px;
    top: 14px;
  }
  body .header .header-inner .quickview-link {
    top: 14px;
  }
  body .header .notification-list,
  body .header .search-link {
    display: none;
  }
  body .header .dropdown-submenu {
    top: 12px;
  }
  body .header .notification-list,
  body .header .search-link {
    display: none;
  }
  body #overlay-search {
    font-size: 48px;
    height: 118px;
    line-height: 46px;
  }
  .page-sidebar .sidebar-header {
    height: 48px;
    line-height: 48px;
  }
  .panel .panel-heading {
    padding-left: 15px;
  }
  .panel .panel-body {
    padding: 15px;
    padding-top: 0;
  }
  .error-page {
    padding: 15px;
  }
  .error-page .error-container {
    margin-top: 30px;
    width: auto;
  }
  .error-page .pull-bottom {
    position: relative;
  }
  .map-controls {
    left: 10px;
  }
  .register-container {
    height: auto !important;
  }
  .error-container-innner {
    width: auto;
  }
  .hidden-mobile {
    display: none !important;
  }
}
/*** Retina Display Images **/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200/100), only screen and (min-device-pixel-ratio: 2) {
  .alert .close {
    background: url("/images/noti-cross-2x.png") no-repeat scroll 0 0 transparent;
    background-position: -9px -10px;
    width: 10px;
    height: 9px;
    position: relative;
    opacity: 0.8;
    background-size: 114px 29px;
  }
}
.theme {
  /* SHAPES on APP BG
#f69679
#6ca3ff
#efefef
#8560a8

*/
  /*UNUSED COLORS;
	#a4e1ff;
	#ffe5a2;
	#ff912f;
	#FFCC47;
	#8A572A;
	color: #FF3131;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(255, 2, 37, 0.99);
*/
}
/* SHAPES on APP BG
#f69679
#6ca3ff
#efefef
#8560a8

*/
/*UNUSED COLORS;
	#a4e1ff;
	#ffe5a2;
	#ff912f;
	#FFCC47;
	#8A572A;
	color: #FF3131;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(255, 2, 37, 0.99);
*/