#phr {
  /*
	    @shorthand-name			This is the name prefix used for the shorthands.
	    @property				The Property (eg, margin, padding, etc) that will be used with different values	
	    @negate					Default 1, This is used to know if we want to reverse the effect being applied.
							    Use -1 to switch the direction. standard is to also use a common prefix in the
							    name to know its negative values.
    */
}
/* the original file (from lib), updated with correct urls */
/* see: https://github.com/adobe-fonts/source-sans-pro */
/* THIS FILE IS COPIED INTO SUB-DIRECTORY BY THE GULPFILE SO THE PATH IS RELATIVE TO THE PATH AFTER IT IS COPIED */
/* THE FILE IS ALSO RENAMED TO .less instead of .css (I think) */
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/d0fe6eb0b0010660e327edb1bc94902bfcbe2b1f) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/29594ff6d301fba7edaf9c986319151b6ec696a7) format('woff2'), url(https://html-assets-prod.guideflow.com/6ea39a87c6dfdf8fc0a871f9511afa257996de32) format('woff'), url(https://html-assets-prod.guideflow.com/5ddea48a2fa81ad4325030249d45f3a7be733c3c) format('opentype'), url(https://html-assets-prod.guideflow.com/9e2a39f09c60f9ee6d15fb7e7cdfa1a9bab1ad35) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/a98bacc89a934131acadc7c0f57a25d224ac640a) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/5f9670ce66a1480f2411e7f9f13bb3ab1c267efc) format('woff2'), url(https://html-assets-prod.guideflow.com/efc2b41a0a8c877e593b089827e93a4544924671) format('woff'), url(https://html-assets-prod.guideflow.com/4e189f0ac8c89dceb4544b067845e950caa411dc) format('opentype'), url(https://html-assets-prod.guideflow.com/a1c001089eada79ef0ea42a629e7ac53a36986db) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/c13cf16fc28cf2b7daf2599d90efa4ccab9ff5a1) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/212dfbf1470d6d249aaa6a8ed1444fa8a7d566e4) format('woff2'), url(https://html-assets-prod.guideflow.com/ee0f518bad868004e51177726f8110d2b53127ad) format('woff'), url(https://html-assets-prod.guideflow.com/1a8b407dbda7b510f87de251a11973283c1886da) format('opentype'), url(https://html-assets-prod.guideflow.com/d962d474b8c83faff7ca418e7fcf3f16dc7ff03e) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/fbdc4df9527f01ac07044ef6d7eb84a572036a50) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/4b9bca7a41646f485668e3f100f48e99a451d3d5) format('woff2'), url(https://html-assets-prod.guideflow.com/2e4847d79015b249890223f800a9d1eaf198db66) format('woff'), url(https://html-assets-prod.guideflow.com/d2a2d8831255b85eb2303e6a25ac9fcfd9fb72d7) format('opentype'), url(https://html-assets-prod.guideflow.com/a19351fe32b4c941899a3ef1eb4cb62e7b63e33a) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/2a8ae250f3c6f5d0499eed6d6a33529b2726ab66) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/3e5de0255fe4b66cd5c3ba3164f18cefcf453b76) format('woff2'), url(https://html-assets-prod.guideflow.com/88887282ce16dd0b337178a0fc2016f7a8f73d76) format('woff'), url(https://html-assets-prod.guideflow.com/4bab80f71b7d7874590032dc8cd4346b907072f8) format('opentype'), url(https://html-assets-prod.guideflow.com/04b727206b5ce1c0b0da2166b90c2193c9f55d0a) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/833b064b2e485ece109ec6ccde89b16bc3aebf25) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/1bc3845490376ca8b3b6eddff3b9ac1ca619c27e) format('woff2'), url(https://html-assets-prod.guideflow.com/2e6ffd9da8e9e5891447fe22ef6f8a7169dda5b3) format('woff'), url(https://html-assets-prod.guideflow.com/60c87ae53025f8bf84680cfc6582e31c7fd9e93b) format('opentype'), url(https://html-assets-prod.guideflow.com/6f77dca69af173a30b5e4e25ebb96a39d37d9706) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/5ddc0d8bf27b012e7b533a567de46727f1d14cf0) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/e97a2f3c55fd5d58e973a07744068c28caf80eb3) format('woff2'), url(https://html-assets-prod.guideflow.com/12a06478e36780524e30c4e6d87a649bc53206cd) format('woff'), url(https://html-assets-prod.guideflow.com/7ba6a3b12f2183af3e71bf1eb7e475a0d2091e6e) format('opentype'), url(https://html-assets-prod.guideflow.com/d82aef03adbbbcd659fdede61441dfba30e650b3) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/1dea0db45b8034ed08a9c216f621f91d548e741c) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/80eb99ced43dac10d901da595b34e3d26527ea9d) format('woff2'), url(https://html-assets-prod.guideflow.com/aae0b397da0d2bcc8cc67bef3246e0319e383438) format('woff'), url(https://html-assets-prod.guideflow.com/3e5537eebe88934ed9e2f58cc09a7f021cfa1880) format('opentype'), url(https://html-assets-prod.guideflow.com/f02efd542e10a6be1ddeda6428fc30eeae52d09e) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/bc19bd19f2d9e4193f4319c152de56ed5b88cf57) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/42346bb89ffe87b257df42a7becf91dbbc259c94) format('woff2'), url(https://html-assets-prod.guideflow.com/66e9aec5eb9147766cc52f479484e366ca6ffc4e) format('woff'), url(https://html-assets-prod.guideflow.com/3afa44631c7a911e2d0f066a24d7740148d24e61) format('opentype'), url(https://html-assets-prod.guideflow.com/afcd1d5985504432da0a5a41d446a561e54dd434) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/68e74fd775b7ffcda0e79aa8ad20d8308543bcbc) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/4b3112439a3ba54c374688d0606258745a74fd09) format('woff2'), url(https://html-assets-prod.guideflow.com/64fc475f755fe2aabd43f012585a335116fcf995) format('woff'), url(https://html-assets-prod.guideflow.com/5cde920ebfda7581ea1de66fa646a4310c797185) format('opentype'), url(https://html-assets-prod.guideflow.com/353067efbe0099292c75e04381387f3b6057845f) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/bf34872ef5e881f14269835e5c524c5d3aad5fbf) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/35c632e3ada05fa87018ede05ef95bf3a84d8646) format('woff2'), url(https://html-assets-prod.guideflow.com/3753e9a5afea1ab5e17199c6e12275d10546759e) format('woff'), url(https://html-assets-prod.guideflow.com/fba53071a5d7647850cca448c6747d1ec4030ac5) format('opentype'), url(https://html-assets-prod.guideflow.com/662a9e5661a76a61c8ef1d87a2feaa6b6ca67e42) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
  src: url(https://html-assets-prod.guideflow.com/9581055521dc5b6c0aa56aa00dd98a8e77c40658) format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/12293b81c2db67794442a9d6e40cd8e337233a60) format('woff2'), url(https://html-assets-prod.guideflow.com/a2e4ae2344d61ffd52838f20b98334ecad759b32) format('woff'), url(https://html-assets-prod.guideflow.com/344b4b87c377420f25f7a7bd9df84679f1fe09ed) format('opentype'), url(https://html-assets-prod.guideflow.com/3a5a41a526fc6039cf17a1df04676e1db5783b91) format('truetype');
}
@font-face {
  font-family: 'Alex Brush';
  src: url(https://html-assets-prod.guideflow.com/90d5b386717cbdf4da734616e0e5466e86601c1c);
  src: url('../fonts/alexbrush/alexbrush-regular-otf-webfont_2.eot?v2#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/5907e5ec26f14d310248bd3927a33ad5cf6dde43) format('woff'), url(https://html-assets-prod.guideflow.com/36a840b5744e270c1a5efe52eecef23d1d9948aa) format('truetype');
  /*//src: url(https://html-assets-prod.guideflow.com/55873fd41c79e0c646c16c5653d2b87eeef05f4e);
    src: url(https://html-assets-prod.guideflow.com/55873fd41c79e0c646c16c5653d2b87eeef05f4e) format('embedded-opentype'),
         url(https://html-assets-prod.guideflow.com/b1b07446a807ad3fdfe44c45d893d508acd868cb) format('woff'),
         url(https://html-assets-prod.guideflow.com/e63cc7d20b79283ff6bd913430c77847c3a8b79a) format('truetype'),
         url(https://html-assets-prod.guideflow.com/13518c3d0d4ae52015a94efa441ceaeb70b84ae1) format('opentype'),
         url('../fonts/alexbrush/AlexBrush-Regular-OTF-webfont.svg#AlexBrushRegular') format('svg');*/
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
}
/*@font-face {
    font-family: 'Alex Brush';
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
 //   src: url(https://html-assets-prod.guideflow.com/13518c3d0d4ae52015a94efa441ceaeb70b84ae1);
	src: url(https://html-assets-prod.guideflow.com/13518c3d0d4ae52015a94efa441ceaeb70b84ae1) format('embedded-opentype'),
	    url(https://html-assets-prod.guideflow.com/13518c3d0d4ae52015a94efa441ceaeb70b84ae1) format('opentype');
}*/
.phr-signature {
  font-family: 'Alex Brush';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.phr-signature.for-input {
  min-height: 75px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 47px!important;
}
@font-face {
  font-family: 'Nunito';
  src: url(https://html-assets-prod.guideflow.com/76a148075fc1e79874f8f6f379c28c26afbc79d1) format('truetype');
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Open Sans Light';
  font-weight: 300;
  font-style: normal;
  src: url(https://html-assets-prod.guideflow.com/26a837af3e8c61898f8c8464c48ad2e0bf671b7b);
  src: url('../fonts/open-sans/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/034cdb014ef55689003026e7ea3510f37fc60dc7) format('woff2'), url(https://html-assets-prod.guideflow.com/d3335ad3f4bcea7c1da736dde8e3a6c357fec6b4) format('woff'), url(https://html-assets-prod.guideflow.com/94d90112d1f3c59a54a0d4feceff781211575b5e) format('truetype'), url('../fonts/open-sans/Light/OpenSans-Light.svg#OpenSansLight') format('svg');
}
@font-face {
  font-family: 'Open Sans Light';
  font-weight: 300;
  font-style: italic;
  src: url(https://html-assets-prod.guideflow.com/0c53fa8c6356689753aeff71ba54531b237b112f);
  src: url('../fonts/open-sans/LightItalic/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/42c202e34f8b5060e712b7caf39683555dcbb549) format('woff2'), url(https://html-assets-prod.guideflow.com/1055d1e0635c6e2a9fbc3b1c081b11b3e21c1fe3) format('woff'), url(https://html-assets-prod.guideflow.com/a44022bedfdde0c83a2d0e644bd2763028968ecc) format('truetype'), url('../fonts/open-sans/LightItalic/OpenSans-LightItalic.svg#OpenSansLightItalic') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-weight: normal;
  font-style: normal;
  src: url(https://html-assets-prod.guideflow.com/1568d48eb6aed0ad6b5bd4e497b7b615fef8539d);
  src: url('../fonts/open-sans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/851cac6828f44b5993aacfeca78a8e6aab8e147a) format('woff2'), url(https://html-assets-prod.guideflow.com/a5832ccc375b98524b8cb6cc65e0c9f24d20f65b) format('woff'), url(https://html-assets-prod.guideflow.com/4fab3bee71aba289ae809cd530a89ff04fe9f404) format('truetype'), url('../fonts/open-sans/Regular/OpenSans-Regular.svg#OpenSansRegular') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-weight: normal;
  font-style: italic;
  src: url(https://html-assets-prod.guideflow.com/f76bb7bdfc179255db2d72483fe09c226b5f5f6f);
  src: url('../fonts/open-sans/Italic/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/b6eb235ae1b06eaed11263a8b2c2f4f0ef49e6e0) format('woff2'), url(https://html-assets-prod.guideflow.com/4ade8e0d447c02d639f4784974661dbecefb7809) format('woff'), url(https://html-assets-prod.guideflow.com/512256a8fe6b58acf04d9a92a63326d75f5a2345) format('truetype'), url('../fonts/open-sans/Italic/OpenSans-Italic.svg#OpenSansItalic') format('svg');
}
@font-face {
  font-family: 'Open Sans Semibold';
  font-weight: 600;
  font-style: normal;
  src: url(https://html-assets-prod.guideflow.com/f90b762477786add9b7539ad371c8a79c612d5a3);
  src: url('../fonts/open-sans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/0444c755127c455b3059c2762dc3cf0bc3895c2f) format('woff2'), url(https://html-assets-prod.guideflow.com/e0e0383b891b886c92fcb4f37ee993c4ea4b852c) format('woff'), url(https://html-assets-prod.guideflow.com/13f458c550b03300ba1252a8fc23d08a5b3ef285) format('truetype'), url('../fonts/open-sans/Semibold/OpenSans-Semibold.svg#OpenSansSemibold') format('svg');
}
@font-face {
  font-family: 'Open Sans Semibold';
  font-weight: 600;
  font-style: italic;
  src: url(https://html-assets-prod.guideflow.com/f41c76183ff0106fcb5087f6f55e5571e22a3546);
  src: url('../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/88def99f5a5f29c0f2e4daeac72b784412bdc32d) format('woff2'), url(https://html-assets-prod.guideflow.com/9638c08523c6229b1645cf3aab8da4744244b6ca) format('woff'), url(https://html-assets-prod.guideflow.com/78cf1c7a795fe154ffe3074f21333955773d7856) format('truetype'), url('../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.svg#OpenSansSemiboldItalic') format('svg');
}
@font-face {
  font-family: 'Open Sans Bold';
  font-weight: bold;
  font-style: normal;
  src: url(https://html-assets-prod.guideflow.com/75c30d5a336752773f8f28c3e6977d06380c2327);
  src: url('../fonts/open-sans/Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/3fc2a329f870e1275bfadf11382f1f599757e838) format('woff2'), url(https://html-assets-prod.guideflow.com/f1dbc3dfcf440b4935de0cb23776f3852194b325) format('woff'), url(https://html-assets-prod.guideflow.com/29184f5540a0b6445d6f90a45bfd726d52698424) format('truetype'), url('../fonts/open-sans/Bold/OpenSans-Bold.svg#OpenSansBold') format('svg');
}
@font-face {
  font-family: 'Open Sans Bold';
  font-weight: bold;
  font-style: italic;
  src: url(https://html-assets-prod.guideflow.com/792d49db18838be51bef350fc3bd6df75b40cea2);
  src: url('../fonts/open-sans/BoldItalic/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/d52f15fb07284dd14cf02a5c4ad2577d30733ee6) format('woff2'), url(https://html-assets-prod.guideflow.com/d0137b62b130011371e11fd629fe80e9899e6559) format('woff'), url(https://html-assets-prod.guideflow.com/0db6d509c8bb206c1978b09603bb7fcdb4eb8f8a) format('truetype'), url('../fonts/open-sans/BoldItalic/OpenSans-BoldItalic.svg#OpenSansBoldItalic') format('svg');
}
@font-face {
  font-family: 'Open Sans Extrabold';
  font-weight: 800;
  font-style: normal;
  src: url(https://html-assets-prod.guideflow.com/a9a5ad5e29b4b1215b23b82221813ab628ce2bcd);
  src: url('../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/dbd2c462401f11de0f08b1b169d16b8e48219cae) format('woff2'), url(https://html-assets-prod.guideflow.com/3dce2b5a1dc9982253b7e1ecbcefad953808697e) format('woff'), url(https://html-assets-prod.guideflow.com/be5b10f015885d8895ca66a7f9b07eb741395bdf) format('truetype'), url('../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.svg#OpenSansExtrabold') format('svg');
}
@font-face {
  font-family: 'Open Sans Extrabold';
  font-weight: 800;
  font-style: italic;
  src: url(https://html-assets-prod.guideflow.com/9daf8dd51c0330e46271b4b157a034a9fc60cd6b);
  src: url('../fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url(https://html-assets-prod.guideflow.com/317633dfb315dcb6521bbb6ed259ae82a9b6cb7c) format('woff2'), url(https://html-assets-prod.guideflow.com/b0c53002d1c283b5e9cde583305e1912f12a5d49) format('woff'), url(https://html-assets-prod.guideflow.com/13b774c3af434476c1ffe6f6961abab1b8e55c70) format('truetype'), url('../fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic') format('svg');
}
.bootstrap-growl.alert {
  -webkit-box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, 0.2);
}
.alert {
  position: relative;
  border-width: 0;
  padding: 12px 20px;
}
.alert .close {
  text-shadow: none;
  margin-left: 30px;
}
.alert-dismissable .close {
  top: -5px;
  right: -25px;
}
.alert-primary {
  background-color: #7965f7;
  border-color: #462bf4;
  color: #f8f6ff;
}
.alert-primary hr {
  border-top-color: #3113f3;
}
.alert-primary .alert-link {
  color: #cdc6fc;
}
.alert-success {
  background-color: #35db94;
  border-color: #20b374;
  color: #b7f2d9;
}
.alert-success hr {
  border-top-color: #1c9d66;
}
.alert-success .alert-link {
  color: #8ceac2;
}
.alert-info {
  background-color: #00b7ff;
  border-color: #008bc2;
  color: #99e2ff;
}
.alert-info hr {
  border-top-color: #0079a8;
}
.alert-info .alert-link {
  color: #66d4ff;
}
.alert-warning {
  background-color: #f7e246;
  border-color: #f4d90b;
  color: #fdf9d9;
}
.alert-warning hr {
  border-top-color: #ddc40a;
}
.alert-warning .alert-link {
  color: #fbf1a8;
}
.alert-danger {
  background-color: #f94362;
  border-color: #f70831;
  color: #fed7de;
}
.alert-danger hr {
  border-top-color: #de072c;
}
.alert-danger .alert-link {
  color: #fca6b5;
}
blockquote {
  border-left-width: 3px;
}
blockquote {
  margin: 20px 0;
  padding: 30px 60px 30px 20px;
  position: relative;
  width: 100%;
  border-color: #fbfbfb;
}
blockquote:before {
  display: block;
  content: "\201C";
  font-family: serif;
  font-size: 96px;
  position: absolute;
  right: 10px;
  top: -30px;
  color: #fbfbfb;
}
blockquote.pull-right:before {
  left: 10px;
  right: auto;
}
.breadcrumb {
  background-color: white;
}
.breadcrumb i {
  font-size: 14px;
}
.breadcrumb-top {
  margin: -10px -5px 10px;
  padding: 7px 10px;
  border-top: 1px solid #fbfbfb;
  border-bottom: 1px solid #fbfbfb;
  font-size: 12px;
}
.content-header + .breadcrumb-top,
.breadcrumb-top + .content-header {
  margin-top: -11px;
}
.breadcrumb > li + li:before {
  content: "\203a";
}
.btn {
  font-weight: 500;
  border-radius: 2px;
  /* from angulr: */
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus {
  outline: none !important;
}
.btn > i.pull-left,
.btn > i.pull-right {
  line-height: 1.428571429;
}
@media (max-width: 1199px) {
  .btn.btn-addon i {
    margin-right: 8px;
  }
  .btn.btn-addon.btn-sm i {
    margin-right: 5px;
  }
  .btn .btn-addon.btn-lg i {
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .btn.btn-addon i {
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin: -7px -13px;
    margin-right: 12px;
    line-height: 34px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px 0 0 2px;
  }
  .btn.btn-addon.btn-xs i {
    width: 26px;
    height: 26px;
    margin: -6px -6px;
    margin-right: 5px;
    line-height: 30px;
  }
  .btn.btn-addon.btn-sm i {
    width: 30px;
    height: 30px;
    margin: -6px -11px;
    margin-right: 10px;
    line-height: 30px;
  }
  .btn.btn-addon.btn-lg i {
    width: 46px;
    height: 46px;
    margin: -11px -17px;
    margin-right: 16px;
    line-height: 48px;
  }
}
/*.btn-s-xs{ min-width: 90px; }
.btn-s-sm{ min-width: 100px; }
.btn-s-md{ min-width: 120px; }
.btn-s-lg{ min-width: 150px; }
.btn-s-xl{ min-width: 200px; }*/
.btn-link {
  color: #333333;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333 !important;
  background-color: #fff;
  border: solid 1px #caced5;
}
.btn-default:active {
  text-shadow: 0px 2px 4px #e6e6e6;
}
.btn-default.guideflow_hovered,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333 !important;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled.guideflow_hovered,
.btn-default[disabled].guideflow_hovered,
fieldset[disabled] .btn-default.guideflow_hovered,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #d8dbe0;
  color: #595959;
}
.btn-default.guideflow_hovered,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #58666e !important;
  background-color: #f5f5f5 !important;
  border-color: #caced5 !important;
}
.btn-primary {
  color: #fff !important;
  background-color: #7965f7;
  border: solid 1px #7965f7;
}
.btn-primary:active {
  text-shadow: 0px 2px 4px #5e4adf;
}
.btn-primary.guideflow_hovered,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff !important;
  background-color: #644df6;
  border-color: #573ef5;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled.guideflow_hovered,
.btn-primary[disabled].guideflow_hovered,
fieldset[disabled] .btn-primary.guideflow_hovered,
.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: #c2bbee;
  border-color: #8e7df8;
  color: #ffffff;
}
.btn-success {
  color: #fff !important;
  background-color: #35db94;
  border: solid 1px #35db94;
}
.btn-success:active {
  text-shadow: 0px 2px 4px #38a576;
}
.btn-success.guideflow_hovered,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff !important;
  background-color: #25d188;
  border-color: #23c47f;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled.guideflow_hovered,
.btn-success[disabled].guideflow_hovered,
fieldset[disabled] .btn-success.guideflow_hovered,
.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: #8eceb3;
  border-color: #4bdf9f;
  color: #ffffff;
}
.btn-info {
  color: #fff !important;
  background-color: #00b7ff;
  border: solid 1px #00b7ff;
}
.btn-info:active {
  text-shadow: 0px 2px 4px #148ab8;
}
.btn-info.guideflow_hovered,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff !important;
  background-color: #00a5e6;
  border-color: #009ad6;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled.guideflow_hovered,
.btn-info[disabled].guideflow_hovered,
fieldset[disabled] .btn-info.guideflow_hovered,
.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: #67c1e4;
  border-color: #1abeff;
  color: #ffffff;
}
.btn-warning {
  color: #fff !important;
  background-color: #f7e246;
  border: solid 1px #f7e246;
}
.btn-warning:active {
  text-shadow: 0px 2px 4px #dcc82e;
}
.btn-warning.guideflow_hovered,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff !important;
  background-color: #f6de2e;
  border-color: #f5dc1f;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled.guideflow_hovered,
.btn-warning[disabled].guideflow_hovered,
fieldset[disabled] .btn-warning.guideflow_hovered,
.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: #e9e0a1;
  border-color: #f8e65e;
  color: #ffffff;
}
.btn-danger {
  color: #fff !important;
  background-color: #f94362;
  border: solid 1px #f94362;
}
.btn-danger:active {
  text-shadow: 0px 2px 4px #df2a49;
}
.btn-danger.guideflow_hovered,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff !important;
  background-color: #f82a4d;
  border-color: #f81b41;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled.guideflow_hovered,
.btn-danger[disabled].guideflow_hovered,
fieldset[disabled] .btn-danger.guideflow_hovered,
.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: #ea9fac;
  border-color: #fa5c77;
  color: #ffffff;
}
.btn-primary-alt {
  color: #7965f7 !important;
  background-color: #fff;
  border: solid 1px #caced5;
}
.btn-primary-alt:active {
  text-shadow: 0px 2px 4px #e6e6e6;
}
.btn-primary-alt.guideflow_hovered,
.btn-primary-alt:focus,
.btn-primary-alt:active,
.btn-primary-alt.active,
.open .dropdown-toggle.btn-primary-alt {
  color: #7965f7 !important;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.btn-primary-alt:active,
.btn-primary-alt.active,
.open .dropdown-toggle.btn-primary-alt {
  background-image: none;
}
.btn-primary-alt.disabled,
.btn-primary-alt[disabled],
fieldset[disabled] .btn-primary-alt,
.btn-primary-alt.disabled.guideflow_hovered,
.btn-primary-alt[disabled].guideflow_hovered,
fieldset[disabled] .btn-primary-alt.guideflow_hovered,
.btn-primary-alt.disabled:focus,
.btn-primary-alt[disabled]:focus,
fieldset[disabled] .btn-primary-alt:focus,
.btn-primary-alt.disabled:active,
.btn-primary-alt[disabled]:active,
fieldset[disabled] .btn-primary-alt:active,
.btn-primary-alt.disabled.active,
.btn-primary-alt[disabled].active,
fieldset[disabled] .btn-primary-alt.active {
  background-color: #ffffff;
  border-color: #d8dbe0;
  color: #b8aefb;
}
.btn-primary-alt.guideflow_hovered,
.btn-primary-alt:focus,
.btn-primary-alt:active,
.btn-primary-alt.active,
.open .dropdown-toggle.btn-primary-alt {
  background-color: #f5f5f5 !important;
  border-color: #caced5 !important;
}
.btn-primary-alt.btn-addon {
  color: #777777 !important;
}
.btn-primary-alt.btn-addon i {
  color: #7965f7;
  background-color: rgba(121, 101, 247, 0.06);
  border-right: 1px solid #cad3db;
  width: 37px;
  margin-left: -12px;
}
.btn-success-alt {
  color: #35db94 !important;
  background-color: #fff;
  border: solid 1px #caced5;
}
.btn-success-alt:active {
  text-shadow: 0px 2px 4px #e6e6e6;
}
.btn-success-alt.guideflow_hovered,
.btn-success-alt:focus,
.btn-success-alt:active,
.btn-success-alt.active,
.open .dropdown-toggle.btn-success-alt {
  color: #35db94 !important;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.btn-success-alt:active,
.btn-success-alt.active,
.open .dropdown-toggle.btn-success-alt {
  background-image: none;
}
.btn-success-alt.disabled,
.btn-success-alt[disabled],
fieldset[disabled] .btn-success-alt,
.btn-success-alt.disabled.guideflow_hovered,
.btn-success-alt[disabled].guideflow_hovered,
fieldset[disabled] .btn-success-alt.guideflow_hovered,
.btn-success-alt.disabled:focus,
.btn-success-alt[disabled]:focus,
fieldset[disabled] .btn-success-alt:focus,
.btn-success-alt.disabled:active,
.btn-success-alt[disabled]:active,
fieldset[disabled] .btn-success-alt:active,
.btn-success-alt.disabled.active,
.btn-success-alt[disabled].active,
fieldset[disabled] .btn-success-alt.active {
  background-color: #ffffff;
  border-color: #d8dbe0;
  color: #76e7b6;
}
.btn-success-alt.guideflow_hovered,
.btn-success-alt:focus,
.btn-success-alt:active,
.btn-success-alt.active,
.open .dropdown-toggle.btn-success-alt {
  background-color: #f5f5f5 !important;
  border-color: #caced5 !important;
}
.btn-success-alt.btn-addon {
  color: #777777 !important;
}
.btn-success-alt.btn-addon i {
  color: #35db94;
  background-color: rgba(53, 219, 148, 0.06);
  border-right: 1px solid #c5d8d4;
  width: 37px;
  margin-left: -12px;
}
.btn-danger-alt {
  color: #f94362 !important;
  background-color: #fff;
  border: solid 1px #caced5;
}
.btn-danger-alt:active {
  text-shadow: 0px 2px 4px #e6e6e6;
}
.btn-danger-alt.guideflow_hovered,
.btn-danger-alt:focus,
.btn-danger-alt:active,
.btn-danger-alt.active,
.open .dropdown-toggle.btn-danger-alt {
  color: #f94362 !important;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.btn-danger-alt:active,
.btn-danger-alt.active,
.open .dropdown-toggle.btn-danger-alt {
  background-image: none;
}
.btn-danger-alt.disabled,
.btn-danger-alt[disabled],
fieldset[disabled] .btn-danger-alt,
.btn-danger-alt.disabled.guideflow_hovered,
.btn-danger-alt[disabled].guideflow_hovered,
fieldset[disabled] .btn-danger-alt.guideflow_hovered,
.btn-danger-alt.disabled:focus,
.btn-danger-alt[disabled]:focus,
fieldset[disabled] .btn-danger-alt:focus,
.btn-danger-alt.disabled:active,
.btn-danger-alt[disabled]:active,
fieldset[disabled] .btn-danger-alt:active,
.btn-danger-alt.disabled.active,
.btn-danger-alt[disabled].active,
fieldset[disabled] .btn-danger-alt.active {
  background-color: #ffffff;
  border-color: #d8dbe0;
  color: #fb8da0;
}
.btn-danger-alt.guideflow_hovered,
.btn-danger-alt:focus,
.btn-danger-alt:active,
.btn-danger-alt.active,
.open .dropdown-toggle.btn-danger-alt {
  background-color: #f5f5f5 !important;
  border-color: #caced5 !important;
}
.btn-danger-alt.btn-addon {
  color: #777777 !important;
}
.btn-danger-alt.btn-addon i {
  color: #f94362;
  background-color: rgba(249, 67, 98, 0.06);
  border-right: 1px solid #d1d2d5;
  width: 37px;
  margin-left: -12px;
}
.btn-info-alt {
  color: #00b7ff !important;
  background-color: #fff;
  border: solid 1px #caced5;
}
.btn-info-alt:active {
  text-shadow: 0px 2px 4px #e6e6e6;
}
.btn-info-alt.guideflow_hovered,
.btn-info-alt:focus,
.btn-info-alt:active,
.btn-info-alt.active,
.open .dropdown-toggle.btn-info-alt {
  color: #00b7ff !important;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.btn-info-alt:active,
.btn-info-alt.active,
.open .dropdown-toggle.btn-info-alt {
  background-image: none;
}
.btn-info-alt.disabled,
.btn-info-alt[disabled],
fieldset[disabled] .btn-info-alt,
.btn-info-alt.disabled.guideflow_hovered,
.btn-info-alt[disabled].guideflow_hovered,
fieldset[disabled] .btn-info-alt.guideflow_hovered,
.btn-info-alt.disabled:focus,
.btn-info-alt[disabled]:focus,
fieldset[disabled] .btn-info-alt:focus,
.btn-info-alt.disabled:active,
.btn-info-alt[disabled]:active,
fieldset[disabled] .btn-info-alt:active,
.btn-info-alt.disabled.active,
.btn-info-alt[disabled].active,
fieldset[disabled] .btn-info-alt.active {
  background-color: #ffffff;
  border-color: #d8dbe0;
  color: #4dcdff;
}
.btn-info-alt.guideflow_hovered,
.btn-info-alt:focus,
.btn-info-alt:active,
.btn-info-alt.active,
.open .dropdown-toggle.btn-info-alt {
  background-color: #f5f5f5 !important;
  border-color: #caced5 !important;
}
.btn-info-alt.btn-addon {
  color: #777777 !important;
}
.btn-info-alt.btn-addon i {
  color: #00b7ff;
  background-color: rgba(0, 183, 255, 0.06);
  border-right: 1px solid #d1d2d5;
  width: 37px;
  margin-left: -12px;
}
.btn-warning-alt {
  color: #f7e246 !important;
  background-color: #fff;
  border: solid 1px #caced5;
}
.btn-warning-alt:active {
  text-shadow: 0px 2px 4px #e6e6e6;
}
.btn-warning-alt.guideflow_hovered,
.btn-warning-alt:focus,
.btn-warning-alt:active,
.btn-warning-alt.active,
.open .dropdown-toggle.btn-warning-alt {
  color: #f7e246 !important;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.btn-warning-alt:active,
.btn-warning-alt.active,
.open .dropdown-toggle.btn-warning-alt {
  background-image: none;
}
.btn-warning-alt.disabled,
.btn-warning-alt[disabled],
fieldset[disabled] .btn-warning-alt,
.btn-warning-alt.disabled.guideflow_hovered,
.btn-warning-alt[disabled].guideflow_hovered,
fieldset[disabled] .btn-warning-alt.guideflow_hovered,
.btn-warning-alt.disabled:focus,
.btn-warning-alt[disabled]:focus,
fieldset[disabled] .btn-warning-alt:focus,
.btn-warning-alt.disabled:active,
.btn-warning-alt[disabled]:active,
fieldset[disabled] .btn-warning-alt:active,
.btn-warning-alt.disabled.active,
.btn-warning-alt[disabled].active,
fieldset[disabled] .btn-warning-alt.active {
  background-color: #ffffff;
  border-color: #d8dbe0;
  color: #faed8f;
}
.btn-warning-alt.guideflow_hovered,
.btn-warning-alt:focus,
.btn-warning-alt:active,
.btn-warning-alt.active,
.open .dropdown-toggle.btn-warning-alt {
  background-color: #f5f5f5 !important;
  border-color: #caced5 !important;
}
.btn-warning-alt.btn-addon {
  color: #777777 !important;
}
.btn-warning-alt.btn-addon i {
  color: #f7e246;
  background-color: rgba(247, 226, 70, 0.06);
  border-right: 1px solid #d1d2d5;
  width: 37px;
  margin-left: -12px;
}
.btn-brand {
  color: #fff !important;
  background-color: #428efa;
  border: solid 1px #428efa;
}
.btn-brand:active {
  text-shadow: 0px 2px 4px #2975e0;
}
.btn-brand.guideflow_hovered,
.btn-brand:focus,
.btn-brand:active,
.btn-brand.active,
.open .dropdown-toggle.btn-brand {
  color: #fff !important;
  background-color: #297ff9;
  border-color: #1a76f9;
}
.btn-brand:active,
.btn-brand.active,
.open .dropdown-toggle.btn-brand {
  background-image: none;
}
.btn-brand.disabled,
.btn-brand[disabled],
fieldset[disabled] .btn-brand,
.btn-brand.disabled.guideflow_hovered,
.btn-brand[disabled].guideflow_hovered,
fieldset[disabled] .btn-brand.guideflow_hovered,
.btn-brand.disabled:focus,
.btn-brand[disabled]:focus,
fieldset[disabled] .btn-brand:focus,
.btn-brand.disabled:active,
.btn-brand[disabled]:active,
fieldset[disabled] .btn-brand:active,
.btn-brand.disabled.active,
.btn-brand[disabled].active,
fieldset[disabled] .btn-brand.active {
  background-color: #9ebeea;
  border-color: #5b9dfb;
  color: #ffffff;
}
.btn-gold {
  color: #fff !important;
  background-color: #e8be56;
  border: solid 1px #e8be56;
}
.btn-gold:active {
  text-shadow: 0px 2px 4px #caa241;
}
.btn-gold.guideflow_hovered,
.btn-gold:focus,
.btn-gold:active,
.btn-gold.active,
.open .dropdown-toggle.btn-gold {
  color: #fff !important;
  background-color: #e5b540;
  border-color: #e3b032;
}
.btn-gold:active,
.btn-gold.active,
.open .dropdown-toggle.btn-gold {
  background-image: none;
}
.btn-gold.disabled,
.btn-gold[disabled],
fieldset[disabled] .btn-gold,
.btn-gold.disabled.guideflow_hovered,
.btn-gold[disabled].guideflow_hovered,
fieldset[disabled] .btn-gold.guideflow_hovered,
.btn-gold.disabled:focus,
.btn-gold[disabled]:focus,
fieldset[disabled] .btn-gold:focus,
.btn-gold.disabled:active,
.btn-gold[disabled]:active,
fieldset[disabled] .btn-gold:active,
.btn-gold.disabled.active,
.btn-gold[disabled].active,
fieldset[disabled] .btn-gold.active {
  background-color: #e0d1ab;
  border-color: #ebc76c;
  color: #ffffff;
}
.btn-pink {
  color: #fff !important;
  background-color: #ff7798;
  border: solid 1px #ff7798;
}
.btn-pink:active {
  text-shadow: 0px 2px 4px #ec577b;
}
.btn-pink.guideflow_hovered,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  color: #fff !important;
  background-color: #ff5e85;
  border-color: #ff4e79;
}
.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  background-image: none;
}
.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled.guideflow_hovered,
.btn-pink[disabled].guideflow_hovered,
fieldset[disabled] .btn-pink.guideflow_hovered,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #f6ccd7;
  border-color: #ff91ab;
  color: #ffffff;
}
.btn-orange {
  color: #fff !important;
  background-color: #f99e43;
  border: solid 1px #f99e43;
}
.btn-orange:active {
  text-shadow: 0px 2px 4px #df852a;
}
.btn-orange.guideflow_hovered,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  color: #fff !important;
  background-color: #f8912a;
  border-color: #f88a1b;
}
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled.guideflow_hovered,
.btn-orange[disabled].guideflow_hovered,
fieldset[disabled] .btn-orange.guideflow_hovered,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  background-color: #eac49f;
  border-color: #faab5c;
  color: #ffffff;
}
.btn-default-alt {
  color: #fff !important;
  background-color: #333333;
  border: solid 1px #caced5;
}
.btn-default-alt:active {
  text-shadow: 0px 2px 4px #1a1a1a;
}
.btn-default-alt.guideflow_hovered,
.btn-default-alt:focus,
.btn-default-alt:active,
.btn-default-alt.active,
.open .dropdown-toggle.btn-default-alt {
  color: #fff !important;
  background-color: #262626;
  border-color: #1f1f1f;
}
.btn-default-alt:active,
.btn-default-alt.active,
.open .dropdown-toggle.btn-default-alt {
  background-image: none;
}
.btn-default-alt.disabled,
.btn-default-alt[disabled],
fieldset[disabled] .btn-default-alt,
.btn-default-alt.disabled.guideflow_hovered,
.btn-default-alt[disabled].guideflow_hovered,
fieldset[disabled] .btn-default-alt.guideflow_hovered,
.btn-default-alt.disabled:focus,
.btn-default-alt[disabled]:focus,
fieldset[disabled] .btn-default-alt:focus,
.btn-default-alt.disabled:active,
.btn-default-alt[disabled]:active,
fieldset[disabled] .btn-default-alt:active,
.btn-default-alt.disabled.active,
.btn-default-alt[disabled].active,
fieldset[disabled] .btn-default-alt.active {
  background-color: #595959;
  border-color: #d8dbe0;
  color: #ffffff;
}
.btn-brand-alt {
  color: #428efa !important;
  background-color: #fff;
  border: solid 1px #caced5;
}
.btn-brand-alt:active {
  text-shadow: 0px 2px 4px #e6e6e6;
}
.btn-brand-alt.guideflow_hovered,
.btn-brand-alt:focus,
.btn-brand-alt:active,
.btn-brand-alt.active,
.open .dropdown-toggle.btn-brand-alt {
  color: #428efa !important;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.btn-brand-alt:active,
.btn-brand-alt.active,
.open .dropdown-toggle.btn-brand-alt {
  background-image: none;
}
.btn-brand-alt.disabled,
.btn-brand-alt[disabled],
fieldset[disabled] .btn-brand-alt,
.btn-brand-alt.disabled.guideflow_hovered,
.btn-brand-alt[disabled].guideflow_hovered,
fieldset[disabled] .btn-brand-alt.guideflow_hovered,
.btn-brand-alt.disabled:focus,
.btn-brand-alt[disabled]:focus,
fieldset[disabled] .btn-brand-alt:focus,
.btn-brand-alt.disabled:active,
.btn-brand-alt[disabled]:active,
fieldset[disabled] .btn-brand-alt:active,
.btn-brand-alt.disabled.active,
.btn-brand-alt[disabled].active,
fieldset[disabled] .btn-brand-alt.active {
  background-color: #ffffff;
  border-color: #d8dbe0;
  color: #8dbbfc;
}
.btn-gold-alt {
  color: #e8be56 !important;
  background-color: #fff;
  border: solid 1px #caced5;
}
.btn-gold-alt:active {
  text-shadow: 0px 2px 4px #e6e6e6;
}
.btn-gold-alt.guideflow_hovered,
.btn-gold-alt:focus,
.btn-gold-alt:active,
.btn-gold-alt.active,
.open .dropdown-toggle.btn-gold-alt {
  color: #e8be56 !important;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.btn-gold-alt:active,
.btn-gold-alt.active,
.open .dropdown-toggle.btn-gold-alt {
  background-image: none;
}
.btn-gold-alt.disabled,
.btn-gold-alt[disabled],
fieldset[disabled] .btn-gold-alt,
.btn-gold-alt.disabled.guideflow_hovered,
.btn-gold-alt[disabled].guideflow_hovered,
fieldset[disabled] .btn-gold-alt.guideflow_hovered,
.btn-gold-alt.disabled:focus,
.btn-gold-alt[disabled]:focus,
fieldset[disabled] .btn-gold-alt:focus,
.btn-gold-alt.disabled:active,
.btn-gold-alt[disabled]:active,
fieldset[disabled] .btn-gold-alt:active,
.btn-gold-alt.disabled.active,
.btn-gold-alt[disabled].active,
fieldset[disabled] .btn-gold-alt.active {
  background-color: #ffffff;
  border-color: #d8dbe0;
  color: #f1d899;
}
.btn-pink-alt {
  color: #ff7798 !important;
  background-color: #fff;
  border: solid 1px #caced5;
}
.btn-pink-alt:active {
  text-shadow: 0px 2px 4px #e6e6e6;
}
.btn-pink-alt.guideflow_hovered,
.btn-pink-alt:focus,
.btn-pink-alt:active,
.btn-pink-alt.active,
.open .dropdown-toggle.btn-pink-alt {
  color: #ff7798 !important;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.btn-pink-alt:active,
.btn-pink-alt.active,
.open .dropdown-toggle.btn-pink-alt {
  background-image: none;
}
.btn-pink-alt.disabled,
.btn-pink-alt[disabled],
fieldset[disabled] .btn-pink-alt,
.btn-pink-alt.disabled.guideflow_hovered,
.btn-pink-alt[disabled].guideflow_hovered,
fieldset[disabled] .btn-pink-alt.guideflow_hovered,
.btn-pink-alt.disabled:focus,
.btn-pink-alt[disabled]:focus,
fieldset[disabled] .btn-pink-alt:focus,
.btn-pink-alt.disabled:active,
.btn-pink-alt[disabled]:active,
fieldset[disabled] .btn-pink-alt:active,
.btn-pink-alt.disabled.active,
.btn-pink-alt[disabled].active,
fieldset[disabled] .btn-pink-alt.active {
  background-color: #ffffff;
  border-color: #d8dbe0;
  color: #ffc4d2;
}
.btn-orange-alt {
  color: #f99e43 !important;
  background-color: #fff;
  border: solid 1px #caced5;
}
.btn-orange-alt:active {
  text-shadow: 0px 2px 4px #e6e6e6;
}
.btn-orange-alt.guideflow_hovered,
.btn-orange-alt:focus,
.btn-orange-alt:active,
.btn-orange-alt.active,
.open .dropdown-toggle.btn-orange-alt {
  color: #f99e43 !important;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.btn-orange-alt:active,
.btn-orange-alt.active,
.open .dropdown-toggle.btn-orange-alt {
  background-image: none;
}
.btn-orange-alt.disabled,
.btn-orange-alt[disabled],
fieldset[disabled] .btn-orange-alt,
.btn-orange-alt.disabled.guideflow_hovered,
.btn-orange-alt[disabled].guideflow_hovered,
fieldset[disabled] .btn-orange-alt.guideflow_hovered,
.btn-orange-alt.disabled:focus,
.btn-orange-alt[disabled]:focus,
fieldset[disabled] .btn-orange-alt:focus,
.btn-orange-alt.disabled:active,
.btn-orange-alt[disabled]:active,
fieldset[disabled] .btn-orange-alt:active,
.btn-orange-alt.disabled.active,
.btn-orange-alt[disabled].active,
fieldset[disabled] .btn-orange-alt.active {
  background-color: #ffffff;
  border-color: #d8dbe0;
  color: #fbc48d;
}
.btn-group-justified {
  border-collapse: separate;
}
.btn-block {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
}
.phr-card {
  position: relative;
  display: block;
  margin-bottom: 12px;
  background-color: white;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.phr-card .card-block {
  padding: 20px;
}
.phr-card .card-block:after {
  content: "";
  display: table;
  clear: both;
}
.phr-card .card-block:before {
  content: "\f129";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  position: absolute;
  bottom: 6px;
  right: 10px;
  color: rgba(0, 0, 0, 0.2);
}
.phr-card .card-block.lock-icon:before {
  content: "\f023";
}
.phr-card .card-block .card-title {
  margin-top: 0;
  font-size: 28px;
  line-height: 30.8px;
  font-weight: 500;
  margin-bottom: 12px;
}
.phr-card .card-block .card-text {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 14px;
}
.phr-card.card-inverse .card-blockquote,
.phr-card.card-inverse .card-footer,
.phr-card.card-inverse .card-header,
.phr-card.card-inverse .card-title {
  color: white;
}
.phr-card.card-inverse .card-blockquote .blockquote-footer,
.phr-card.card-inverse .card-link,
.phr-card.card-inverse .card-subtitle,
.phr-card.card-inverse .card-text {
  color: rgba(255, 255, 255, 0.65);
}
.phr-card.bg-light {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.phr-card.bg-lighter {
  background-color: #fbfbfb;
  border-color: #fbfbfb;
}
.phr-card.bg-dark {
  background-color: #e4e6ea;
  border-color: #e4e6ea;
}
.phr-card.bg-darker {
  background-color: #e4e6ea;
  border-color: #e4e6ea;
}
.phr-card.bg-angular {
  background-color: #3a3f51;
  border-color: #3a3f51;
}
.phr-card.bg-phr {
  background-color: #0f2035;
  border-color: #0f2035;
}
.phr-card.card-outline {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: transparent;
}
.phr-card.card-outline.card-outline-default {
  border-color: #caced5;
}
.phr-card.card-outline.card-outline-primary {
  border-color: #7965f7;
}
.phr-card.card-outline.card-outline-success {
  border-color: #35db94;
}
.phr-card.card-outline.card-outline-info {
  border-color: #00b7ff;
}
.phr-card.card-outline.card-outline-warning {
  border-color: #f7e246;
}
.phr-card.card-outline.card-outline-danger {
  border-color: #f94362;
}
.phr-card.card-outline.card-outline-icon-sm.card-outline-icon-aware-outlined div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 60px;
  width: 60px;
  background-image: url(https://html-assets-prod.guideflow.com/d5a3a2c495cd83a98f61ed2221b9a742b94f61d5);
}
.phr-card.card-outline.card-outline-icon-sm.card-outline-icon-aware-filled div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 60px;
  width: 60px;
  background-image: url(https://html-assets-prod.guideflow.com/f4a9af744ad19494171cd106f804dea3276e4850);
}
.phr-card.card-outline.card-outline-icon-sm.card-outline-icon-aware-danger div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 60px;
  width: 60px;
  background-image: url(https://html-assets-prod.guideflow.com/00f52df4adbc8349a05cc3657f2c834d277e3e04);
}
.phr-card.card-outline.card-outline-icon-sm.card-outline-icon-aware-light div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 60px;
  width: 60px;
  background-image: url(https://html-assets-prod.guideflow.com/61962c9b4b3770bd11418cf2f1648aa31c211aac);
}
.phr-card.card-outline.card-outline-icon-sm.card-outline-icon-warning-outlined div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 60px;
  width: 60px;
  background-image: url(https://html-assets-prod.guideflow.com/ec051973bce537f587d904e70928854613c27905);
}
.phr-card.card-outline.card-outline-icon-sm.card-outline-icon-warning-filled div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 60px;
  width: 60px;
  background-image: url(https://html-assets-prod.guideflow.com/40c7e847b48d0c146478fcd0f01c1dd3010db2b7);
}
.phr-card.card-outline.card-outline-icon-sm.card-outline-icon-warning-danger div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 60px;
  width: 60px;
  background-image: url(https://html-assets-prod.guideflow.com/491f0767ffc468f6df1513bdfcb4bfc6c7ddd5bd);
}
.phr-card.card-outline.card-outline-icon-sm.card-outline-icon-warning-light div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 60px;
  width: 60px;
  background-image: url(https://html-assets-prod.guideflow.com/a7db7d698d468ffac8a1ce29725e83158441cd4d);
}
.phr-card.card-outline.card-outline-icon-sm .card-block {
  padding-left: 100px;
  min-height: 100px;
}
.phr-card.card-outline.card-outline-icon-sm .card-block:before {
  content: none;
}
.phr-card.card-outline.card-outline-icon-md.card-outline-icon-aware-outlined div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 90px;
  width: 90px;
  background-image: url(https://html-assets-prod.guideflow.com/3db42cafb0f6e186927c485256bd4b7d8bc78182);
}
.phr-card.card-outline.card-outline-icon-md.card-outline-icon-aware-filled div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 90px;
  width: 90px;
  background-image: url(https://html-assets-prod.guideflow.com/e415610fa89e7be7f881a14ef03016a7846a6ef1);
}
.phr-card.card-outline.card-outline-icon-md.card-outline-icon-aware-danger div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 90px;
  width: 90px;
  background-image: url(https://html-assets-prod.guideflow.com/06d9321b1498e44e2d1a88eb38f4df248941d763);
}
.phr-card.card-outline.card-outline-icon-md.card-outline-icon-aware-light div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 90px;
  width: 90px;
  background-image: url(https://html-assets-prod.guideflow.com/49ed500a8888de536e0c7c9d2c23d3f665458f3c);
}
.phr-card.card-outline.card-outline-icon-md.card-outline-icon-warning-outlined div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 90px;
  width: 90px;
  background-image: url(https://html-assets-prod.guideflow.com/3307d42f89865d9fe7e525df690fac95a16d2e2d);
}
.phr-card.card-outline.card-outline-icon-md.card-outline-icon-warning-filled div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 90px;
  width: 90px;
  background-image: url(https://html-assets-prod.guideflow.com/c1c56b9d0502b21f2b07ba5ead0cb729784b61f5);
}
.phr-card.card-outline.card-outline-icon-md.card-outline-icon-warning-danger div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 90px;
  width: 90px;
  background-image: url(https://html-assets-prod.guideflow.com/80e33ea42c60a3ab93243740a555713646228c6f);
}
.phr-card.card-outline.card-outline-icon-md.card-outline-icon-warning-light div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 90px;
  width: 90px;
  background-image: url(https://html-assets-prod.guideflow.com/da4fce4049e22631ff2f83c09a666f5c663bb55a);
}
.phr-card.card-outline.card-outline-icon-md .card-block {
  padding-left: 130px;
  min-height: 130px;
}
.phr-card.card-outline.card-outline-icon-md .card-block:before {
  content: none;
}
.phr-card.card-outline.card-outline-icon-lg.card-outline-icon-aware-outlined div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 120px;
  width: 120px;
  background-image: url(https://html-assets-prod.guideflow.com/1c5bf7a3b2cf6736a56c20cc0b6f264d1f7f7364);
}
.phr-card.card-outline.card-outline-icon-lg.card-outline-icon-aware-filled div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 120px;
  width: 120px;
  background-image: url(https://html-assets-prod.guideflow.com/4020c6e3ab6acebb78edd5b44813a3b7bf51a180);
}
.phr-card.card-outline.card-outline-icon-lg.card-outline-icon-aware-danger div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 120px;
  width: 120px;
  background-image: url(https://html-assets-prod.guideflow.com/813110b57dcf962fcbe393a267f43523ec500372);
}
.phr-card.card-outline.card-outline-icon-lg.card-outline-icon-aware-light div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 120px;
  width: 120px;
  background-image: url(https://html-assets-prod.guideflow.com/b064f4dc8073db0b56ccdeef1a52ef2739c24196);
}
.phr-card.card-outline.card-outline-icon-lg.card-outline-icon-warning-outlined div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 120px;
  width: 120px;
  background-image: url(https://html-assets-prod.guideflow.com/4e8fdba1acd9ddd41a3d8a9429b4e6b1bbd6af3b);
}
.phr-card.card-outline.card-outline-icon-lg.card-outline-icon-warning-filled div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 120px;
  width: 120px;
  background-image: url(https://html-assets-prod.guideflow.com/adc8d38f631a02f368b00fbd57f7d20b79adfa9e);
}
.phr-card.card-outline.card-outline-icon-lg.card-outline-icon-warning-danger div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 120px;
  width: 120px;
  background-image: url(https://html-assets-prod.guideflow.com/3a76f9b536d1b22033e28b18b4b57972403c95f1);
}
.phr-card.card-outline.card-outline-icon-lg.card-outline-icon-warning-light div.card-outline-icon {
  position: absolute;
  top: 24px;
  left: 20px;
  height: 120px;
  width: 120px;
  background-image: url(https://html-assets-prod.guideflow.com/33cc1b0ec328ec45f6544a4403cde45aa56fe67e);
}
.phr-card.card-outline.card-outline-icon-lg .card-block {
  padding-left: 160px;
  min-height: 160px;
}
.phr-card.card-outline.card-outline-icon-lg .card-block:before {
  content: none;
}
.dropdown-menu {
  padding: 0;
  font-size: 13px;
  border-color: #fbfbfb;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.dropdown-menu > li > a {
  padding: 6px 10px;
}
.dropdown-menu i {
  line-height: 17px;
}
.dropdown-menu a.guideflow_hovered i {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.dropdown-menu .divider {
  margin: 2px 0;
  padding: 0 !important;
  background-color: #f0f0f0;
}
li.dropdown-header {
  padding: 5px 10px;
  color: #0f2035;
  background-color: #fbfbfb;
  border-width: 0;
}
.dropdown-menu li:first-child.dropdown-header {
  border-top: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -3px;
  margin-left: 0;
}
.dropdown-submenu.guideflow_hovered > .dropdown-menu {
  display: block;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
.collapse.in .dropdown.open .dropdown-menu {
  display: block;
  position: static;
  margin: 0 0 0 15px;
  left: auto;
  top: auto;
}
label {
  font-weight: 600;
}
fieldset legend {
  font-size: 16px;
  padding: 30px 0 10px;
  border-bottom: 2px solid #fbfbfb;
}
input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
textarea.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select {
  cursor: pointer;
}
select option {
  border-top: solid 1px #fbfbfb;
  background-color: #fbfbfb;
}
.form-control {
  max-width: 100%;
  border-color: #caced5;
  border-radius: 2px;
  color: #777;
}
.form-control,
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.input-group select option,
.form-control select option {
  padding: 3px auto;
}
.input-group select option.guideflow_hovered,
.form-control select option.guideflow_hovered {
  color: #cdc6fc;
  background-color: #7965f7;
}
.input-group select option:disabled,
.form-control select option:disabled {
  color: #d5d5d5;
}
.input-group-addon {
  min-width: 45px;
  text-align: center;
  border-color: #caced5;
  background-color: #f5f5f5;
}
/*.input-group {
    margin-top: 1px;
    margin-bottom: 1px;
    .form-control {
        margin-top: 0;
    }
}*/
.form-control:focus {
  border-color: #00b7ff;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: white;
  opacity: 1;
}
.help-block {
  color: #98a6ad;
  font-weight: 400;
}
form .form-control[data-val-required] {
  background-color: rgba(98, 181, 229, 0.075);
}
form .required .form-control {
  background-color: rgba(98, 181, 229, 0.075);
}
/* Labels, Badges */
.badge {
  font-weight: normal;
  font-size: 90%;
}
.badge {
  background: rgba(0, 0, 0, 0.3);
  padding: 3px 6px;
}
.lt-ie9 .badge {
  background: url(https://html-assets-prod.guideflow.com/83b9db6a3a2a0d22e7515b5ec6daa851b9e6a68e) repeat;
}
.badge.empty {
  background-color: #ccc;
}
.badge.compact {
  padding: 1px 6px 2px 6px;
  border-radius: 2px;
  color: white;
  font-size: 18px;
}
.list-group-item.active,
.list-group-item.guideflow_hovered,
.list-group-item:focus {
  -webkit-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.1);
}
.modal-content {
  border-radius: 3px;
}
.modal-header {
  padding: 15px 15px 14px;
  border-bottom: 1px solid #eee;
  background-color: #f9f9f9;
}
.modal-title {
  font-weight: 300;
}
.modal-body {
  padding: 20px 15px;
  overflow-y: auto;
}
.modal-body .nav-tabs {
  margin: 0 -15px 15px;
  padding: 0 5px !important;
}
.modal-footer {
  margin-top: 0;
  padding: 14px 15px 15px;
  border-top: 1px solid #eee;
  background-color: #f9f9f9;
}
.modal-dialog {
  overflow-y: initial !important;
}
.modal-dialog .modal-content {
  position: relative;
  width: 100%;
}
.modal-dialog .modal-body {
  min-height: 20vh;
  max-height: 80vh;
  overflow-y: auto;
}
.modal-dialog.confirm-dialog.destructive-action .modal-header {
  background-color: #f94362;
}
.modal-dialog.confirm-dialog.destructive-action .modal-header h4 {
  color: white;
}
.modal-dialog.fullscreen {
  width: 90vw;
  height: 90%;
}
.modal-dialog.fullscreen .modal-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.modal-dialog.fullscreen .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
}
.modal-dialog.fullscreen .modal-body {
  position: absolute;
  top: 57px;
  right: 0;
  bottom: 64px;
  left: 0;
}
.modal-dialog.fullscreen .modal-footer {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.modal-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}
.modal-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}
.modal-body::-webkit-scrollbar-thumb.guideflow_hovered {
  background: rgba(0, 0, 0, 0.4);
}
.modal-body::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.9);
}
.modal-iframe .modal-content {
  border-radius: 3px;
  padding: 0;
}
.modal-iframe .modal-header {
  display: none;
}
.modal-iframe .modal-body {
  padding: 0;
}
.modal-iframe .modal-footer {
  margin-top: 0;
  padding: 14px 15px 15px;
  border-top: 1px solid #eee;
  background-color: #f9f9f9;
}
.pager > li > a,
.pager > li > span {
  border-color: #fbfbfb;
}
.pager > li > a.guideflow_hovered,
.pagination > li > a.guideflow_hovered {
  background-color: #7965f7;
  border-color: #7965f7;
  color: white;
}
.pager > li.disabled > a.guideflow_hovered {
  border-color: #fbfbfb;
}
.pagination > li > a,
.pagination > li > span {
  color: #7965f7;
  margin-left: 5px;
  margin-right: 5px;
  border: none !important;
  border-radius: 2px !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a.guideflow_hovered,
.pagination > .active > span.guideflow_hovered,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #7965f7;
}
.panel {
  border-radius: 4px;
}
.panel.panel-default {
  border-color: #f5f5f5;
}
.panel.panel-default > .panel-heading,
.panel.panel-default > .panel-footer {
  border-color: #f5f5f5;
}
.panel > .list-group .list-group-item:first-child {
  border-top: 0;
}
.panel .list-group-item {
  border-color: #fdfdfd;
}
.panel-heading {
  border-radius: 4px 4px 0 0;
}
.panel-default .panel-heading {
  background-color: #fbfbfb;
}
.panel-heading .nav {
  margin: -10px -15px;
}
.panel-heading .nav-tabs {
  margin: -11px -16px;
}
.panel-heading .nav-tabs.nav-justified {
  width: auto;
}
.panel-heading .nav-tabs > li > a {
  margin: 0;
  padding-top: 11px;
  padding-bottom: 11px;
}
.panel-heading .nav-tabs > li > a.guideflow_hovered {
  border-bottom-color: #fff !important;
}
.panel-heading .nav-tabs > li.active {
  border-radius: 0;
  background-color: #fff;
}
.panel-heading .nav-tabs > li.active > a,
.panel-heading .nav-tabs > li.active > a:focus {
  border-bottom-color: #fff;
}
.panel-heading .list-group {
  background: transparent;
}
.panel-footer {
  border-color: #f5f5f5;
  border-radius: 0 0 4px 4px;
  background-color: #ffffff;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #eaedef;
}
.progress-bar {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}
.progress-bar-default {
  color: white;
  background-color: #e4e6ea;
}
.progress-bar-default.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(88, 102, 110, 0.3) 25%, transparent 25%, transparent 50%, rgba(88, 102, 110, 0.3) 50%, rgba(88, 102, 110, 0.3) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(88, 102, 110, 0.3) 25%, transparent 25%, transparent 50%, rgba(88, 102, 110, 0.3) 50%, rgba(88, 102, 110, 0.3) 75%, transparent 75%, transparent);
}
/*.progress,
.progress-bar {
    height: 20px;
    line-height: 20px;
}*/
/* from angulr theme: mini progress bar (milestone, progress, etc.) */
.progress.progress-xxs {
  height: 2px;
}
.progress.progress-xs {
  height: 4px;
}
.progress.progress-sm {
  height: 8px;
}
.popover-title {
  background: none;
  border: none;
  font-size: 17px;
  font-weight: 600;
}
.table.table-vcenter th,
.table.table-vcenter td {
  vertical-align: middle;
}
.table.table-hide-thead > thead {
  display: none !important;
}
.table thead {
  color: #58666e;
}
.table thead > tr > th {
  font-size: 16px;
  font-weight: 600;
}
.table thead > tr > th small {
  font-weight: 400;
  font-size: 75%;
}
.table-borderless tbody > tr > th,
.table-borderless tbody > tr > td {
  border-top-width: 0;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color: #fbfbfb;
}
/* from angulr: */
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #e4e6ea;
}
.table.table-hide-thead > tbody > tr > td {
  border-top: none;
}
.table.table-v-middle tbody > tr > td {
  vertical-align: middle;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fafbfc;
}
.table-hover > tbody > tr.guideflow_hovered {
  background-color: #eceded;
}
.action-container {
  opacity: .25;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.table tbody > tr.guideflow_hovered .action-container {
  opacity: 1;
}
.phr-table th.phr-table-action {
  text-align: right;
  padding-right: 8px !important;
}
.phr-table td.phr-table-action {
  text-align: right;
}
.phr-table td.phr-table-action .phr-table-action-container {
  opacity: 0.25;
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.phr-table tr.guideflow_hovered td.phr-table-action .phr-table-action-container {
  opacity: 1;
}
.phr-table tr button.btn.reactivate-termination-setting {
  opacity: .25;
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.phr-table tr.guideflow_hovered button.btn.reactivate-termination-setting {
  opacity: 1;
}
@media (max-width: 991px) {
  .phr-table td.phr-table-action {
    width: 96px;
  }
}
@media (min-width: 992px) {
  .phr-table td.phr-table-action {
    width: 96px;
  }
}
@media (max-width: 1199px) {
  .phr-table td.phr-table-action .phr-table-action-container {
    opacity: 0.75;
  }
}
.phr-table tr.selected {
  background-color: rgba(192, 183, 245, 0.12) !important;
}
.phr-table tr.selected .phr-table-select-container {
  opacity: 1 !important;
}
.phr-table th.phr-table-select {
  text-align: center;
  padding-right: 5px !important;
}
.phr-table td.phr-table-select {
  text-align: center;
}
.phr-table td.phr-table-select .phr-table-select-container {
  opacity: 0.25;
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.phr-table td.phr-table-select .phr-table-select-container .phr-checkbox {
  margin-top: 5px;
}
.phr-table td.phr-table-select.disabled i {
  cursor: not-allowed;
  opacity: 0.25;
}
.phr-table tr.guideflow_hovered td.phr-table-select .phr-table-select-container {
  opacity: 1;
}
@media (max-width: 991px) {
  .phr-table th.phr-table-select,
  .phr-table td.phr-table-select {
    display: none;
  }
  .phr-user-selector .phr-table th.phr-table-select,
  .phr-user-selector .phr-table td.phr-table-select {
    display: table-cell;
  }
}
@media (min-width: 992px) {
  .phr-table th.phr-table-select,
  .phr-table td.phr-table-select {
    width: 4%;
    min-width: 60px;
  }
}
@media (max-width: 1199px) {
  .phr-table td.phr-table-select .phr-table-select-container {
    opacity: 0.75;
  }
}
.phr-table th.phr-table-status-switch {
  text-align: center;
  padding-right: 5px !important;
}
.phr-table td.phr-table-status-switch {
  text-align: center;
}
@media (max-width: 991px) {
  .phr-table.with-mobile-switch th.phr-table-status-switch,
  .phr-table.with-mobile-switch td.phr-table-status-switch {
    display: none;
  }
}
@media (min-width: 992px) {
  .phr-table.with-mobile-switch th.phr-table-status-switch,
  .phr-table.with-mobile-switch td.phr-table-status-switch {
    width: 120px;
  }
  .phr-table.with-mobile-switch .phr-mobile-toggle-active-item {
    display: none;
  }
}
.phr-table .phr-view-signature-btn {
  opacity: 0.25;
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.phr-table tr.guideflow_hovered .phr-view-signature-btn {
  opacity: 1;
}
.table > thead > tr > th.col-group {
  text-transform: uppercase;
  font-size: 16px;
  border-right: 10px solid white;
  font-weight: 300;
  color: #428efa;
  padding: 5px;
  padding-left: 0 !important;
}
/* Pricing Table */
.table-pricing {
  background-color: white;
}
.table-pricing th,
.table-pricing td {
  text-align: center;
}
.table-pricing th {
  font-size: 24px !important;
}
.table-pricing td {
  font-size: 15px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.table-pricing .table-price {
  background-color: #f9f9f9;
}
.table-pricing.table-featured .table-price,
.table-pricing .table-price.table-featured {
  background-color: #252525;
}
.table-pricing.table-featured th,
.table-pricing th.table-featured {
  background-color: #7965f7;
  border-bottom: 2px solid red;
  color: white;
}
.table-pricing.table-featured td,
.table-pricing td.table-featured {
  background-color: #0f2035;
  color: white;
}
.phr.timerecord-list td.highlight-links.guideflow_hovered a {
  text-decoration: underline !important;
}
.phr.timerecord-list.no-overtime td.regular-hours,
.phr.timerecord-list.no-overtime th.regular-hours,
.phr.timerecord-list.no-overtime td.overtime-hours,
.phr.timerecord-list.no-overtime th.overtime-hours {
  display: none !important;
}
tr.bg-primary td {
  background-color: #7965f7;
  color: #f4f3f9;
}
.tooltip {
  z-index: 1110;
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip-inner {
  padding: 4px 6px;
  background-color: #000;
  color: white;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #000;
}
h1,
h2,
h3 {
  margin-bottom: 15px;
}
ul,
ol {
  padding-left: 30px;
}
.list-li-push li {
  margin-bottom: 10px;
}
p {
  line-height: 1.6;
}
article p {
  font-size: 16px;
  line-height: 1.8;
}
.bg-primary {
  background-color: #7965f7;
  color: #ffffff;
}
.bg-primary.lt,
.bg-primary .lt {
  background-color: #8f7ff7;
}
.bg-primary.lter,
.bg-primary .lter {
  background-color: #a598f7;
}
.bg-primary.dk,
.bg-primary .dk {
  background-color: #624af8;
}
.bg-primary.dker,
.bg-primary .dker {
  background-color: #4b2ffa;
}
.bg-primary.bg,
.bg-primary .bg {
  background-color: #7965f7;
}
.bg-primary a {
  color: #ffffff;
}
.bg-primary a.guideflow_hovered {
  color: #fff;
}
.bg-primary a.list-group-item.guideflow_hovered,
.bg-primary a.list-group-item:focus {
  background-color: inherit;
}
.bg-primary .nav > li.guideflow_hovered > a,
.bg-primary .nav > li:focus > a,
.bg-primary .nav > li:active > a,
.bg-primary .nav > li.active > a {
  color: #fff;
  background-color: #583ef8;
}
.bg-primary .nav > li > a {
  color: #ffffff;
}
.bg-primary .nav > li > a.guideflow_hovered,
.bg-primary .nav > li > a:focus {
  background-color: #624af8;
}
.bg-primary .nav .open > a {
  background-color: #583ef8;
}
.bg-primary .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.bg-primary.navbar .nav > li.active > a {
  color: #fff;
  background-color: #624af8;
}
.bg-primary .open > a,
.bg-primary .open > a.guideflow_hovered,
.bg-primary .open > a:focus {
  color: #fff;
}
.bg-primary .text-muted {
  color: #e6e6e6 !important;
}
.bg-primary .text-lt {
  color: #ffffff !important;
}
.bg-primary.auto .list-group-item,
.bg-primary .auto .list-group-item {
  border-color: #8674f8 !important;
  background-color: transparent;
}
.bg-primary.auto .list-group-item.guideflow_hovered,
.bg-primary .auto .list-group-item.guideflow_hovered,
.bg-primary.auto .list-group-item:focus,
.bg-primary .auto .list-group-item:focus,
.bg-primary.auto .list-group-item:active,
.bg-primary .auto .list-group-item:active,
.bg-primary.auto .list-group-item.active,
.bg-primary .auto .list-group-item.active {
  background-color: #624af8 !important;
}
.bg-success {
  background-color: #35db94;
  color: #e2faf0;
}
.bg-success.lt,
.bg-success .lt {
  background-color: #4ddc9f;
}
.bg-success.lter,
.bg-success .lter {
  background-color: #65deaa;
}
.bg-success.dk,
.bg-success .dk {
  background-color: #22d488;
}
.bg-success.dker,
.bg-success .dker {
  background-color: #1cc17a;
}
.bg-success.bg,
.bg-success .bg {
  background-color: #35db94;
}
.bg-success a {
  color: #ffffff;
}
.bg-success a.guideflow_hovered {
  color: #fff;
}
.bg-success a.list-group-item.guideflow_hovered,
.bg-success a.list-group-item:focus {
  background-color: inherit;
}
.bg-success .nav > li.guideflow_hovered > a,
.bg-success .nav > li:focus > a,
.bg-success .nav > li:active > a,
.bg-success .nav > li.active > a {
  color: #fff;
  background-color: #20c981;
}
.bg-success .nav > li > a {
  color: #ffffff;
}
.bg-success .nav > li > a.guideflow_hovered,
.bg-success .nav > li > a:focus {
  background-color: #22d488;
}
.bg-success .nav .open > a {
  background-color: #20c981;
}
.bg-success .caret {
  border-top-color: #e2faf0;
  border-bottom-color: #e2faf0;
}
.bg-success.navbar .nav > li.active > a {
  color: #fff;
  background-color: #22d488;
}
.bg-success .open > a,
.bg-success .open > a.guideflow_hovered,
.bg-success .open > a:focus {
  color: #fff;
}
.bg-success .text-muted {
  color: #b7f2d9 !important;
}
.bg-success .text-lt {
  color: #ffffff !important;
}
.bg-success.auto .list-group-item,
.bg-success .auto .list-group-item {
  border-color: #42dd9b !important;
  background-color: transparent;
}
.bg-success.auto .list-group-item.guideflow_hovered,
.bg-success .auto .list-group-item.guideflow_hovered,
.bg-success.auto .list-group-item:focus,
.bg-success .auto .list-group-item:focus,
.bg-success.auto .list-group-item:active,
.bg-success .auto .list-group-item:active,
.bg-success.auto .list-group-item.active,
.bg-success .auto .list-group-item.active {
  background-color: #22d488 !important;
}
.bg-info {
  background-color: #00b7ff;
  color: #ffffff;
}
.bg-info.lt,
.bg-info .lt {
  background-color: #1cbdfc;
}
.bg-info.lter,
.bg-info .lter {
  background-color: #38c3fa;
}
.bg-info.dk,
.bg-info .dk {
  background-color: #00a5e6;
}
.bg-info.dker,
.bg-info .dker {
  background-color: #0092cc;
}
.bg-info.bg,
.bg-info .bg {
  background-color: #00b7ff;
}
.bg-info a {
  color: #ffffff;
}
.bg-info a.guideflow_hovered {
  color: #fff;
}
.bg-info a.list-group-item.guideflow_hovered,
.bg-info a.list-group-item:focus {
  background-color: inherit;
}
.bg-info .nav > li.guideflow_hovered > a,
.bg-info .nav > li:focus > a,
.bg-info .nav > li:active > a,
.bg-info .nav > li.active > a {
  color: #fff;
  background-color: #009cd9;
}
.bg-info .nav > li > a {
  color: #ffffff;
}
.bg-info .nav > li > a.guideflow_hovered,
.bg-info .nav > li > a:focus {
  background-color: #00a5e6;
}
.bg-info .nav .open > a {
  background-color: #009cd9;
}
.bg-info .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.bg-info.navbar .nav > li.active > a {
  color: #fff;
  background-color: #00a5e6;
}
.bg-info .open > a,
.bg-info .open > a.guideflow_hovered,
.bg-info .open > a:focus {
  color: #fff;
}
.bg-info .text-muted {
  color: #e6e6e6 !important;
}
.bg-info .text-lt {
  color: #ffffff !important;
}
.bg-info.auto .list-group-item,
.bg-info .auto .list-group-item {
  border-color: #0fbbff !important;
  background-color: transparent;
}
.bg-info.auto .list-group-item.guideflow_hovered,
.bg-info .auto .list-group-item.guideflow_hovered,
.bg-info.auto .list-group-item:focus,
.bg-info .auto .list-group-item:focus,
.bg-info.auto .list-group-item:active,
.bg-info .auto .list-group-item:active,
.bg-info.auto .list-group-item.active,
.bg-info .auto .list-group-item.active {
  background-color: #00a5e6 !important;
}
.bg-warning {
  background-color: #f7e246;
  color: #ffffff;
}
.bg-warning.lt,
.bg-warning .lt {
  background-color: #f6e461;
}
.bg-warning.lter,
.bg-warning .lter {
  background-color: #f6e77a;
}
.bg-warning.dk,
.bg-warning .dk {
  background-color: #f9e02b;
}
.bg-warning.dker,
.bg-warning .dker {
  background-color: #fbdf0f;
}
.bg-warning.bg,
.bg-warning .bg {
  background-color: #f7e246;
}
.bg-warning a {
  color: #ffffff;
}
.bg-warning a.guideflow_hovered {
  color: #fff;
}
.bg-warning a.list-group-item.guideflow_hovered,
.bg-warning a.list-group-item:focus {
  background-color: inherit;
}
.bg-warning .nav > li.guideflow_hovered > a,
.bg-warning .nav > li:focus > a,
.bg-warning .nav > li:active > a,
.bg-warning .nav > li.active > a {
  color: #fff;
  background-color: #f8de1e;
}
.bg-warning .nav > li > a {
  color: #ffffff;
}
.bg-warning .nav > li > a.guideflow_hovered,
.bg-warning .nav > li > a:focus {
  background-color: #f9e02b;
}
.bg-warning .nav .open > a {
  background-color: #f8de1e;
}
.bg-warning .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.bg-warning.navbar .nav > li.active > a {
  color: #fff;
  background-color: #f9e02b;
}
.bg-warning .open > a,
.bg-warning .open > a.guideflow_hovered,
.bg-warning .open > a:focus {
  color: #fff;
}
.bg-warning .text-muted {
  color: #e6e6e6 !important;
}
.bg-warning .text-lt {
  color: #ffffff !important;
}
.bg-warning.auto .list-group-item,
.bg-warning .auto .list-group-item {
  border-color: #f8e455 !important;
  background-color: transparent;
}
.bg-warning.auto .list-group-item.guideflow_hovered,
.bg-warning .auto .list-group-item.guideflow_hovered,
.bg-warning.auto .list-group-item:focus,
.bg-warning .auto .list-group-item:focus,
.bg-warning.auto .list-group-item:active,
.bg-warning .auto .list-group-item:active,
.bg-warning.auto .list-group-item.active,
.bg-warning .auto .list-group-item.active {
  background-color: #f9e02b !important;
}
.bg-danger {
  background-color: #f94362;
  color: #ffffff;
}
.bg-danger.lt,
.bg-danger .lt {
  background-color: #f85e78;
}
.bg-danger.lter,
.bg-danger .lter {
  background-color: #f7788e;
}
.bg-danger.dk,
.bg-danger .dk {
  background-color: #fb284c;
}
.bg-danger.dker,
.bg-danger .dker {
  background-color: #fe0b35;
}
.bg-danger.bg,
.bg-danger .bg {
  background-color: #f94362;
}
.bg-danger a {
  color: #ffffff;
}
.bg-danger a.guideflow_hovered {
  color: #fff;
}
.bg-danger a.list-group-item.guideflow_hovered,
.bg-danger a.list-group-item:focus {
  background-color: inherit;
}
.bg-danger .nav > li.guideflow_hovered > a,
.bg-danger .nav > li:focus > a,
.bg-danger .nav > li:active > a,
.bg-danger .nav > li.active > a {
  color: #fff;
  background-color: #fb1b41;
}
.bg-danger .nav > li > a {
  color: #ffffff;
}
.bg-danger .nav > li > a.guideflow_hovered,
.bg-danger .nav > li > a:focus {
  background-color: #fb284c;
}
.bg-danger .nav .open > a {
  background-color: #fb1b41;
}
.bg-danger .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.bg-danger.navbar .nav > li.active > a {
  color: #fff;
  background-color: #fb284c;
}
.bg-danger .open > a,
.bg-danger .open > a.guideflow_hovered,
.bg-danger .open > a:focus {
  color: #fff;
}
.bg-danger .text-muted {
  color: #ccffff !important;
}
.bg-danger .text-lt {
  color: #ffffff !important;
}
.bg-danger.auto .list-group-item,
.bg-danger .auto .list-group-item {
  border-color: #f9526e !important;
  background-color: transparent;
}
.bg-danger.auto .list-group-item.guideflow_hovered,
.bg-danger .auto .list-group-item.guideflow_hovered,
.bg-danger.auto .list-group-item:focus,
.bg-danger .auto .list-group-item:focus,
.bg-danger.auto .list-group-item:active,
.bg-danger .auto .list-group-item:active,
.bg-danger.auto .list-group-item.active,
.bg-danger .auto .list-group-item.active {
  background-color: #fb284c !important;
}
.bg-empty {
  background-color: transparent;
}
.bg-header {
  background-color: #f2f2f2;
  color: #727272;
  font-weight: 700;
}
.bg-header.lt,
.bg-header .lt {
  background-color: #ffffff;
}
.bg-header.lter,
.bg-header .lter {
  background-color: #ffffff;
}
.bg-header.dk,
.bg-header .dk {
  background-color: #e6e5e5;
}
.bg-header.dker,
.bg-header .dker {
  background-color: #dad7d7;
}
.bg-header.bg,
.bg-header .bg {
  background-color: #f2f2f2;
}
.bg-header a {
  color: #595959;
}
.bg-header a.guideflow_hovered {
  color: #fff;
}
.bg-header a.list-group-item.guideflow_hovered,
.bg-header a.list-group-item:focus {
  background-color: inherit;
}
.bg-header .nav > li.guideflow_hovered > a,
.bg-header .nav > li:focus > a,
.bg-header .nav > li:active > a,
.bg-header .nav > li.active > a {
  color: #fff;
  background-color: #e0dede;
}
.bg-header .nav > li > a {
  color: #595959;
}
.bg-header .nav > li > a.guideflow_hovered,
.bg-header .nav > li > a:focus {
  background-color: #e6e5e5;
}
.bg-header .nav .open > a {
  background-color: #e0dede;
}
.bg-header .caret {
  border-top-color: #727272;
  border-bottom-color: #727272;
}
.bg-header.navbar .nav > li.active > a {
  color: #fff;
  background-color: #e6e5e5;
}
.bg-header .open > a,
.bg-header .open > a.guideflow_hovered,
.bg-header .open > a:focus {
  color: #fff;
}
.bg-header .text-muted {
  color: #595959 !important;
}
.bg-header .text-lt {
  color: #b2b2b2 !important;
}
.bg-header.auto .list-group-item,
.bg-header .auto .list-group-item {
  border-color: #fafafa !important;
  background-color: transparent;
}
.bg-header.auto .list-group-item.guideflow_hovered,
.bg-header .auto .list-group-item.guideflow_hovered,
.bg-header.auto .list-group-item:focus,
.bg-header .auto .list-group-item:focus,
.bg-header.auto .list-group-item:active,
.bg-header .auto .list-group-item:active,
.bg-header.auto .list-group-item.active,
.bg-header .auto .list-group-item.active {
  background-color: #e6e5e5 !important;
}
.bg-white {
  background-color: #fff !important;
}
hr {
  border-top: 1px solid #e4e6ea;
}
.text-puny,
.f-puny {
  font-weight: 100;
}
.text-thin,
.f-thin {
  font-weight: 300;
}
.f-normal {
  font-weight: normal;
}
.text-thick,
.f-thick {
  font-weight: 600;
}
.f-thicker {
  font-weight: 900;
}
.text-bold {
  font-weight: 600;
}
b,
strong {
  font-weight: 600;
}
.text-size-normalize,
.f-standard {
  font-size: 14px;
}
.text-size-big,
.f-big {
  font-size: 16px;
}
.text-size-bigger,
.f-bigger {
  font-size: 18px;
}
.f-biggest {
  font-size: 20px;
}
.text-size-sesqui,
.f-sesqui {
  font-size: 24px;
}
.text-size-huge,
.f-huge {
  font-size: 48px;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-full-width {
  text-transform: full-width;
}
.text-case-reset {
  text-transform: none;
}
.text-shadow {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
}
.text-shadow-off {
  text-shadow: none;
}
.text-primary {
  color: #7965f7;
}
.text-primary-lt {
  color: #8e7df8;
}
.text-primary-lter {
  color: #a395fa;
}
.text-primary-dk {
  color: #644df6;
}
.text-primary-dker {
  color: #4f35f4;
}
.text-info {
  color: #00b7ff;
}
.text-info-lt {
  color: #1abeff;
}
.text-info-lter {
  color: #33c5ff;
}
.text-info-dk {
  color: #00a5e6;
}
.text-info-dker {
  color: #0092cc;
}
.text-success {
  color: #35db94;
}
.text-success-lt {
  color: #4bdf9f;
}
.text-success-lter {
  color: #60e3ab;
}
.text-success-dk {
  color: #25d188;
}
.text-success-dker {
  color: #21bc7a;
}
.text-warning {
  color: #f7e246;
}
.text-warning-lt {
  color: #f8e65e;
}
.text-warning-lter {
  color: #f9ea77;
}
.text-warning-dk {
  color: #f6de2e;
}
.text-warning-dker {
  color: #f5da15;
}
.text-danger {
  color: #f94362;
}
.text-danger-lt {
  color: #fa5c77;
}
.text-danger-lter {
  color: #fb748b;
}
.text-danger-dk {
  color: #f82a4d;
}
.text-danger-dker {
  color: #f71239;
}
.text-white {
  color: #fff;
}
.text-white-lt {
  color: #ffffff;
}
.text-white-lter {
  color: #ffffff;
}
.text-white-dk {
  color: #f2f2f2;
}
.text-white-dker {
  color: #e6e6e6;
}
.text-primary-dk {
  color: #6254b2;
}
.text-muted {
  color: #98a6ad;
  /*color: @phr-green !important;*/
}
.text-muted-lt {
  color: #dbdbdb;
}
.text-super-muted {
  color: #98a6ad;
  /*color: @phr-green !important;*/
}
.text-unmuted {
  color: #58666e;
}
h1,
.h1 {
  font-size: 27px;
}
small,
.small {
  font-size: 13px;
}
.small-line {
  display: block;
  line-height: 20px;
}
.xsmall,
.smaller {
  font-size: 12px;
}
.small-to-smaller-md {
  font-size: 13px;
}
@media (max-width: 1199px) {
  .small-to-smaller-md {
    font-size: 12px;
  }
}
.normal-to-small-md {
  font-size: 14px;
}
@media (max-width: 1199px) {
  .normal-to-small-md {
    font-size: 13px;
  }
}
.big-to-normal-md {
  font-size: 16px;
}
@media (max-width: 1199px) {
  .big-to-normal-md {
    font-size: 14px;
  }
}
.bigger-to-big-md {
  font-size: 18px;
}
@media (max-width: 1199px) {
  .bigger-to-big-md {
    font-size: 16px;
  }
}
.biggest-to-bigger-md {
  font-size: 20px;
}
@media (max-width: 1199px) {
  .biggest-to-bigger-md {
    font-size: 18px;
  }
}
.small-to-smaller-sm {
  font-size: 13px;
}
@media (max-width: 991px) {
  .small-to-smaller-sm {
    font-size: 12px;
  }
}
.normal-to-small-sm {
  font-size: 14px;
}
@media (max-width: 991px) {
  .normal-to-small-sm {
    font-size: 13px;
  }
}
.big-to-normal-sm {
  font-size: 16px;
}
@media (max-width: 991px) {
  .big-to-normal-sm {
    font-size: 14px;
  }
}
.bigger-to-big-sm {
  font-size: 18px;
}
@media (max-width: 991px) {
  .bigger-to-big-sm {
    font-size: 16px;
  }
}
.biggest-to-bigger-sm {
  font-size: 20px;
}
@media (max-width: 991px) {
  .biggest-to-bigger-sm {
    font-size: 18px;
  }
}
.lh-1 {
  line-height: 1 !important;
}
.well {
  background-color: #f5f5f5;
  border: 1px solid #e4e6ea;
}
/*
@import 'structure/page-wrapper.less';
@import 'structure/page-content.less';
@import 'structure/main-container.less';
@import 'structure/main-top.less';
@import 'structure/main-left.less';

@import 'structure/page-heading.less';
@import 'structure/media/print.less';
*/
/*
===============================================================================
    Structure
===============================================================================
    html#purelyhr {
        .phr.page-wrapper {
            .phr.main-container {
                .phr.main-top {
                    .phr.brand-purelyhr {}
                    .phr.suite-menu {}
                    .phr.toolbar {}
                }
                .phr.main-left{
                    .phr.company-info {
                        .phr.company-edit {}
                        .phr.company-edit-mask {}               
                        .phr.company-brand {}        
                    .phr.app-menu {}
                }
                .phr.page-content {}
                .phr.main-right {}
            }
        }
    }
===============================================================================
*/
/*
    z-indices:

    (fullscreen)
    1020: fullscreen content
    1018: mask
    1017: suite-right
    1015: layout elements

    (normal)
    1017: suite-right
    1016: mask
    1015: layout elements
*/
html,
body {
  width: 100%;
  height: 100%;
}
.modal-open {
  overflow: visible !important;
  padding: 0 !important;
}
html {
  background-color: #f5f5f5;
}
body {
  /* from angulr: */
  font-family: "solitaire-mvb-pro", sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  line-height: 1.42857143;
  color: #58666e;
  background-color: transparent;
  overflow-y: scroll;
}
#phr-layout-main-top {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  z-index: 1015;
  background-color: #428efa;
  border-bottom: none;
  /* from angulr: */
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  /*.box-shadow {
        box-shadow: 0 2px 2px @phr-gray-0-0-0-p05,0 1px 0 @phr-gray-0-0-0-p05;
    }*/
}
#phr-layout-main-top > .brand .phr-suite-badge {
  position: absolute;
  left: 145px;
  top: 16px;
  font-size: 12px;
  opacity: 0.9;
}
#phr-layout-main-top > .brand .phr-brand {
  padding: 5px 15px;
  height: 60px;
  background-color: #428efa;
  font-size: 32px;
  line-height: 60px;
}
#phr-layout-main-top > .brand .phr-brand .phri-brand-p,
#phr-layout-main-top > .brand .phr-brand [class*=" phr-font-"]-p,
#phr-layout-main-top > .brand .phr-brand [class^=phr-font-]-p,
#phr-layout-main-top > .brand .phr-brand .phri-brand-u,
#phr-layout-main-top > .brand .phr-brand [class*=" phr-font-"]-u,
#phr-layout-main-top > .brand .phr-brand [class^=phr-font-]-u,
#phr-layout-main-top > .brand .phr-brand .phri-brand-r,
#phr-layout-main-top > .brand .phr-brand [class*=" phr-font-"]-r,
#phr-layout-main-top > .brand .phr-brand [class^=phr-font-]-r,
#phr-layout-main-top > .brand .phr-brand .phri-brand-e,
#phr-layout-main-top > .brand .phr-brand [class*=" phr-font-"]-e,
#phr-layout-main-top > .brand .phr-brand [class^=phr-font-]-e,
#phr-layout-main-top > .brand .phr-brand .phri-brand-l,
#phr-layout-main-top > .brand .phr-brand [class*=" phr-font-"]-l,
#phr-layout-main-top > .brand .phr-brand [class^=phr-font-]-l,
#phr-layout-main-top > .brand .phr-brand .phri-brand-y,
#phr-layout-main-top > .brand .phr-brand [class*=" phr-font-"]-y,
#phr-layout-main-top > .brand .phr-brand [class^=phr-font-]-y,
#phr-layout-main-top > .brand .phr-brand .phri-brand-h,
#phr-layout-main-top > .brand .phr-brand [class*=" phr-font-"]-h,
#phr-layout-main-top > .brand .phr-brand [class^=phr-font-]-h {
  color: white;
}
#phr-layout-main-top > .brand .phr-spacer {
  min-width: 170px;
}
#phr-layout-main-top > .media-features {
  display: table-cell;
  width: 100%;
}
#phr-layout-main-top > .media-features > .phr-mega-menu-toggle {
  position: absolute;
  top: 3px;
  left: 62px;
}
#phr-layout-main-top > .media-features > .phr-mega-menu-toggle .fa {
  color: white;
  font-size: 24px;
}
#phr-layout-main-top > .toolbar {
  display: table-cell;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}
#phr-layout-main-top > .toolbar > li {
  position: relative;
  display: inline-block;
}
#phr-layout-main-top > .toolbar > li > a.icon-link {
  min-width: 60px;
  min-height: 60px;
  padding: 10px 15px;
  line-height: 60px;
  text-align: center;
  color: #e0e0e0;
  position: relative;
  text-decoration: none;
}
#phr-layout-main-top > .toolbar .phr.user-dropdown {
  text-decoration: none;
  top: 44px;
}
#phr-layout-main-top .label-indicator {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  border-radius: 3px;
  border: 1px;
  padding: .15em .4em .15em;
  font-size: 10.5px;
  font-weight: bold;
}
#phr-layout-mega-menu {
  position: fixed;
  top: 60px;
  width: 100%;
  max-height: 57%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1202;
  background-color: #428efa;
}
#phr-layout-main-left,
.phr.main-left {
  position: fixed;
  left: 0;
  top: 60px;
  bottom: 0;
  width: 200px;
  background-color: #0f2035;
  z-index: 1015;
  -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), 1px 0 0 rgba(0, 0, 0, 0.1);
}
#phr-layout-main-left > .content,
.phr.main-left > .content {
  position: absolute;
  top: 92px;
  right: 0;
  bottom: 41px;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
#phr-layout-main-left > .content::-webkit-scrollbar,
.phr.main-left > .content::-webkit-scrollbar {
  width: 6px;
}
#phr-layout-main-left > .content::-webkit-scrollbar-track,
.phr.main-left > .content::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.15);
}
#phr-layout-main-left > .content::-webkit-scrollbar-thumb,
.phr.main-left > .content::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
}
#phr-layout-main-left > .content.guideflow_hovered::-webkit-scrollbar-track,
.phr.main-left > .content.guideflow_hovered::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.15);
}
#phr-layout-main-left > .content.guideflow_hovered::-webkit-scrollbar-thumb,
.phr.main-left > .content.guideflow_hovered::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
}
#phr-layout-main-left > .footer,
.phr.main-left > .footer {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
#phr-layout-main-left > .footer.guideflow_hovered,
.phr.main-left > .footer.guideflow_hovered {
  background-color: rgba(120, 120, 120, 0.2);
}
.lt-ie9 #phr-layout-main-left > .footer.guideflow_hovered,
.lt-ie9 .phr.main-left > .footer.guideflow_hovered {
  background-color: #787878;
  background: url(https://html-assets-prod.guideflow.com/71415e0a8b661ea27fc4e009cabcba068843e610) repeat;
}
#phr-layout-main-right,
.phr.main-right {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 420px;
  padding: 0 16px 10px 16px;
  overflow: hidden;
  z-index: 1017;
  background-color: rgba(15, 32, 53, 0.9);
  color: #9babb9;
}
.lt-ie9 #phr-layout-main-right,
.lt-ie9 .phr.main-right {
  background-color: #0f2035;
  filter: alpha(opacity=90);
}
#phr-layout-main-right > .header,
.phr.main-right > .header {
  height: 50px;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: 10px;
  color: white;
  font-size: 18px;
  background-color: #141a1f;
}
#phr-layout-main-right > .header > .phr-title,
.phr.main-right > .header > .phr-title {
  color: #eee;
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 20px;
}
#phr-layout-main-right > .header .phr-close-btn,
.phr.main-right > .header .phr-close-btn {
  position: absolute;
  top: 10px;
  right: 16px;
  bottom: auto;
  left: auto;
  cursor: pointer;
}
#phr-layout-main-right > .content,
.phr.main-right > .content {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#phr-layout-main-right > .content::-webkit-scrollbar,
.phr.main-right > .content::-webkit-scrollbar {
  width: 6px;
}
#phr-layout-main-right > .content::-webkit-scrollbar-track,
.phr.main-right > .content::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.15);
}
#phr-layout-main-right > .content::-webkit-scrollbar-thumb,
.phr.main-right > .content::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
}
#phr-layout-main-right > .content.guideflow_hovered::-webkit-scrollbar-track,
.phr.main-right > .content.guideflow_hovered::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.15);
}
#phr-layout-main-right > .content.guideflow_hovered::-webkit-scrollbar-thumb,
.phr.main-right > .content.guideflow_hovered::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
}
.app {
  /* from angulr: */
  padding-top: 60px;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
  /*.app-header-fixed {
                padding-top: 50px;
            }
            .app {
                position: relative;
                width: 100%;
                height: auto;
                min-height: 100%;
            }*/
}
#page-wrapper,
.phr.page-wrapper {
  margin-left: 200px;
  height: 100%;
}
#phr-layout-main-container,
.phr.main-container {
  margin-top: 0;
  padding-top: 0;
  /* from angulr: */
  float: left;
  width: 100%;
  /*padding-bottom: 50px;*/
  /* we don't have a footer */
}
#phr-layout-page-heading {
  top: 60px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  /* this is considerably different now (not absolute positioned) */
  height: 85px;
  /* to match the company logo */
  /* from angulr: */
  background-color: #fbfbfb;
  border-bottom: 1px solid #caced5;
  padding: 20px;
  color: #000000;
  font-family: "cronos-pro", sans-serif;
  /*.bg-light.lter, .bg-light .lter {
                background-color: @bg-color-lighter;
            }
            .b-b {
                border-bottom: 1px solid @border-color-lighter;
            }
            .wrapper-md {
                padding: 20px;
            }
            .bg-light {
                color: @phr-gray-58666e;
                background-color: @phr-gray-edf1f2;
            }*/
}
#phr-layout-page-heading .page-title-group > h1 {
  font-size: 32px !important;
  margin-top: 7px !important;
  font-weight: normal !important;
}
#phr-layout-page-heading .page-title-group > .phr-back-link {
  font-size: 40px;
  float: left;
  top: -7px;
  left: -9px;
  position: relative;
  color: #bec4ca;
}
#phr-layout-page-heading .page-title-group > .phr-back-link.guideflow_hovered {
  color: #d5dbe0;
}
#phr-layout-page-content,
.phr.page-content {
  /* removing phr styles */
  padding: 0;
}
.another-page-content {
  /* from angulr: */
  padding: 20px;
}
#phr-layout-sidebar-content {
  /* from angulr: */
  border-left: 1px solid #caced5;
  background-color: white;
  /*.b-l {
        border-left: 1px solid @border-color-lighter;
    }
    .bg-white-only {
        background-color: @phr-white;
    }*/
}
.hbox {
  display: table;
  width: 100%;
  height: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
.hbox .col {
  display: table-cell;
  float: none;
  height: 100%;
  vertical-align: top;
}
.hbox .col.w-sm {
  width: 225px;
}
.hbox .col.w-md {
  width: 280px;
}
.hbox .col.w-lg {
  width: 380px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .hbox-auto-sm {
    display: block;
  }
  .hbox-auto-sm > .col {
    display: block;
    width: auto;
    height: auto;
  }
  .hbox-auto-sm > .col.w-sm,
  .hbox-auto-sm > .col.w-md,
  .hbox-auto-sm > .col.w-lg {
    width: auto;
    margin: 20px;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .hbox-auto-xs {
    display: block;
  }
  .hbox-auto-xs > .col {
    display: block;
    width: auto;
    height: auto;
  }
  .hbox-auto-xs > .col.w-sm,
  .hbox-auto-xs > .col.w-md,
  .hbox-auto-xs > .col.w-lg {
    width: auto;
    margin: 20px;
    margin-top: 0;
  }
}
#phr-layout-mask {
  z-index: 1016;
  background-color: #252830;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
html.fullscreen,
body.fullscreen {
  overflow: hidden;
}
html.fullscreen #phr-layout-mask,
body.fullscreen #phr-layout-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 1018;
}
html.fullscreen .app,
body.fullscreen .app {
  padding-top: 0;
}
html.fullscreen #page-wrapper,
body.fullscreen #page-wrapper {
  margin-left: 0;
}
html.main-right-open #phr-layout-mask,
body.main-right-open #phr-layout-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
/*html.dragging-file,
body.dragging-file {
    #phr.showMask();
}*/
hr.blue {
  color: #428efa;
  border-bottom: 2px solid #428efa;
}
@media print {
  #phr-layout-main-top {
    display: none;
  }
  #phr-layout-mega-menu {
    display: none;
  }
  #phr-layout-main-left {
    display: none;
  }
  #phr-layout-main-right {
    display: none;
  }
  .app {
    padding: 0;
  }
  #page-wrapper {
    margin: 0;
  }
  a[href]:after {
    content: none;
  }
  abbr[title]:after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  #phr-layout-mega-menu {
    display: none;
  }
  #phr-layout-mega-menu.fade {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
    -webkit-transition: opacity 0.25s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.25s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.25s linear, transform 0.3s ease-out;
    transition: opacity 0.25s linear, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }
  #phr-layout-mega-menu.in {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  #phr-layout-mega-menu > .content {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu {
    margin-left: 0;
    margin-bottom: 0;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app {
    max-height: 40px;
    cursor: pointer;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app a {
    padding: 0;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app a > i,
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app a > img {
    display: inline-block;
    width: 65px;
    text-align: center;
    margin-top: 10px;
    margin-left: -1px;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app.active a {
    border-bottom: none;
    background-color: transparent;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app.guideflow_hovered {
    background-color: transparent;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app.guideflow_hovered a {
    width: auto;
    background-color: transparent !important;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app > .badge {
    display: block !important;
    position: absolute;
    opacity: 1;
    right: 32px;
    top: 15px;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app > a > .badge {
    display: none !important;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app .label-indicator {
    position: absolute;
    top: 0;
    left: 34px;
    z-index: 2;
    border-radius: 0;
    border: 1px;
    padding: .15em .4em .15em;
    font-size: 10.5px;
    font-weight: bold;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app i {
    margin-left: 0;
    margin-right: 0;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app .app-detail {
    opacity: 1;
    top: -7px;
    left: -4px;
    border-left: 2px solid rgba(255, 255, 255, 0.15);
    padding-left: 12px;
  }
  #phr-layout-mega-menu > .content .phr.suite-menu li.suite-app.active .app-detail {
    border-left: 2px solid rgba(255, 255, 255, 0.6);
  }
  #phr-layout-main-top > .brand .phr-brand {
    width: 65px;
    padding-left: 16.156px;
  }
  #phr-layout-main-left {
    display: none;
  }
  #phr-layout-main-left.fade {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    opacity: 0;
    -webkit-transition: opacity 0.25s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.25s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.25s linear, transform 0.3s ease-out;
    transition: opacity 0.25s linear, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }
  #phr-layout-main-left.in {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  #page-wrapper {
    margin-left: 0;
  }
  #phr-layout-page-heading {
    height: 50px;
    padding: 2px 15px;
  }
  #phr-layout-page-heading .page-title-group > .phr-back-link {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #phr-layout-mega-menu {
    display: none !important;
  }
  #phr-layout-main-left {
    display: none;
  }
  #phr-layout-main-left.fade {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    opacity: 0;
    -webkit-transition: opacity 0.25s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.25s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.25s linear, transform 0.3s ease-out;
    transition: opacity 0.25s linear, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }
  #phr-layout-main-left.in {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  #page-wrapper {
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #phr-layout-mega-menu {
    display: none !important;
  }
  #phr-layout-main-left {
    display: none;
  }
  #phr-layout-main-left.fade {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    opacity: 0;
    -webkit-transition: opacity 0.25s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.25s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.25s linear, transform 0.3s ease-out;
    transition: opacity 0.25s linear, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }
  #phr-layout-main-left.in {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  #page-wrapper {
    margin-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  #phr-layout-mega-menu {
    display: none !important;
  }
  #phr-layout-main-left {
    display: block !important;
  }
  #phr-layout-main-left.fade {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
#phr-layout-main-right {
  position: absolute;
  top: -50px;
  right: 0;
  bottom: -80px;
  left: auto;
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 420px;
  padding: 0 16px 10px 16px;
  overflow-y: hidden;
  overflow-x: hidden;
  z-index: 1200;
  background-color: rgba(15, 32, 53, 0.9);
  color: #9babb9;
}
.lt-ie9 #phr-layout-main-right {
  background-color: #0f2035;
  filter: alpha(opacity=90);
}
#phr-layout-main-right .notification-entry {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 8px;
}
.lt-ie9 #phr-layout-main-right .notification-entry {
  background-color: #1c252c;
}
@media (max-width: 991px) {
  #purelyhr.main-right-open #phr-layout-main-right {
    width: 257px !important;
  }
}
#purelyhr.main-right-screen-slim #phr-layout-main-right {
  width: 80px !important;
}
#purelyhr.main-right-screen-slimhalf #phr-layout-main-right {
  width: 35% !important;
}
#purelyhr.main-right-screen-half #phr-layout-main-right {
  width: 50% !important;
}
#purelyhr.main-right-screen-full #phr-layout-main-right {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
}
#phr-layout-main-right .nav-tabs {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}
#phr-layout-main-right .nav-tabs > li {
  cursor: pointer;
}
#phr-layout-main-right .nav-tabs > li.guideflow_hovered > a {
  color: #428efa;
  border: none;
  border-bottom: 1px solid #000;
}
#phr-layout-main-right .nav-tabs > li > a {
  color: #eee;
  border: none;
  border-bottom: 1px solid #000;
}
#phr-layout-main-right .nav-tabs > li.active > a {
  border: 0;
  color: #428efa;
  border-bottom: 1px solid #428efa;
  background-color: rgba(0, 0, 0, 0.5);
}
.lt-ie9 #phr-layout-main-right .nav-tabs > li.active > a {
  background: url(https://html-assets-prod.guideflow.com/aca9db462f621c48573e1faf6c00b5df0630b545) repeat;
}
/*
    Since not all authors are using LESS to develop their plugins styles,
    some of these are renamed to .less extension.
*/
.phr-user-schedule .fc-time-grid-event.phr-selected,
.phr-schedule-template .fc-time-grid-event.phr-selected {
  border: 1px solid #00b7ff;
  background-color: #00b7ff;
}
.phr-schedule-template .fc-event {
  border-color: #dcb21f;
  background-color: #dcb21f;
}
.phr-schedule-template .fc-time-grid-event .fc-resizer.guideflow_hovered {
  background-color: rgba(86, 69, 12, 0.1);
}
.lt-ie9 .phr-schedule-template .fc-time-grid-event .fc-resizer.guideflow_hovered {
  background: url(https://html-assets-prod.guideflow.com/71415e0a8b661ea27fc4e009cabcba068843e610) repeat;
}
.phr-schedule-template .fc-time-grid-event .fc-resizer:active {
  background-color: rgba(86, 69, 12, 0.2);
}
.lt-ie9 .phr-schedule-template .fc-time-grid-event .fc-resizer:active {
  background: url(https://html-assets-prod.guideflow.com/83b9db6a3a2a0d22e7515b5ec6daa851b9e6a68e) repeat;
}
.phr-schedule-template .fc-time-grid-event .fc-resizer:after {
  color: #836a12;
}
/*
 *  Document: full_calendar.less 
 *
 *  FullCalendar 2.3.1
 *
 *  Docs & License: http://arshaw.com/fullcalendar/
 *  (c) 2013 Adam Shaw
 *
 */
.fc {
  direction: ltr;
  text-align: left;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: white;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}
.fc-unthemed .fc-today {
  background: #fcf8e3;
}
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}
.fc-bgevent {
  /* default look for background events */
  background: #5ccdde;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
}
/*
Acceptable font-family overrides for individual icons:
        "Arial", sans-serif
        "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
  margin: 0 -1em;
  /* ensures character will be centered, regardless of width */
}
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: 3%;
}
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: -3%;
}
.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
  left: -2%;
}
.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
  left: 2%;
}
.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}
.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  padding: 0 .6em;
  height: 34px;
  margin-top: 1px !important;
  line-height: 34px;
  white-space: nowrap;
  cursor: pointer;
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.fc-state-default {
  /* non-theme */
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: .05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .1em;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #7965f7;
  color: white;
  border: 1px solid #7965f7;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: white;
  background-color: #7965f7;
}
.fc-state-hover {
  text-decoration: none;
  background-color: #7965f7;
}
.fc-state-down,
.fc-state-active {
  background-color: #7965f7;
  border-color: #7965f7;
  outline: 0;
}
.fc-state-disabled {
  cursor: default;
  opacity: .65;
  filter: alpha(opacity=65);
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}
/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 25px;
  margin-top: 4px;
}
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}
.fc-clear {
  clear: both;
}
.fc-bg,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  /* don't put left/right border on anything within a fake row.
       the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
  z-index: 5;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}
.fc-scroller > * {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #1ea66c;
  /* default BORDER color */
  background-color: #1ea66c;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}
.fc-event:active {
  cursor: move !important;
}
/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event.guideflow_hovered,
.ui-widget .fc-event {
  color: white;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}
.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: white;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
.fc-event .fc-resizer {
  position: absolute;
  z-index: 3;
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* resizer */
.fc-h-event .fc-resizer {
  /* positioned it to overcome the event's borders */
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  width: 5px;
}
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize;
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize;
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}
.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
.fc-day-grid-event .fc-resizer {
  /* enlarge the default hit area */
  left: -3px;
  right: -3px;
  width: 7px;
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more.guideflow_hovered {
  text-decoration: underline;
}
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}
/* title text */
.fc-toolbar h2 {
  margin: 0;
}
/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view tbody .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}
.fc-basic-view .fc-week-number {
  text-align: center;
}
.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}
.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}
.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
       might want to set the 'color' property instead
       making day-numbers bold also fixes the problem */
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-time-grid .fc-bgevent-skeleton {
  z-index: 3;
}
.fc-time-grid .fc-highlight-skeleton {
  z-index: 4;
}
.fc-time-grid .fc-content-skeleton {
  z-index: 5;
}
.fc-time-grid .fc-helper-skeleton {
  z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container,
.fc-time-grid .fc-bgevent-container {
  /* a div within a cell within the fc-bgevent-skeleton */
  position: relative;
}
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
/* resizer */
.fc-time-grid-event .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  line-height: 18px;
  font-size: 13px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
  -webkit-transition: height 140ms ease;
  transition: height 140ms ease;
}
.lt-ie9 .fc-time-grid-event .fc-resizer {
  background: url(https://html-assets-prod.guideflow.com/fd530d5e10120204b3d1eef1bda742d9e77895d0) repeat;
}
.fc-time-grid-event .fc-resizer.guideflow_hovered {
  height: 16px;
  background-color: rgba(6, 36, 23, 0.1);
}
.lt-ie9 .fc-time-grid-event .fc-resizer.guideflow_hovered {
  background: url(https://html-assets-prod.guideflow.com/71415e0a8b661ea27fc4e009cabcba068843e610) repeat;
}
.fc-time-grid-event .fc-resizer:active {
  height: 20px;
  background-color: rgba(6, 36, 23, 0.2);
}
.lt-ie9 .fc-time-grid-event .fc-resizer:active {
  background: url(https://html-assets-prod.guideflow.com/83b9db6a3a2a0d22e7515b5ec6daa851b9e6a68e) repeat;
}
.fc-time-grid-event .fc-resizer:after {
  content: "=";
  color: #0e4f33;
}
/* Custom */
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}
.fc-unthemed .fc-today,
.fc-state-highlight {
  /* <td> today cell */
  /* TODO: add .fc-today to <th> */
  background: #fbfbfb;
}
.fc-highlight {
  /* when user is selecting cells */
  background: #999;
  opacity: .1;
  filter: alpha(opacity=10);
  /* for IE */
}
thead th.fc-widget-header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 18px;
  font-weight: 600;
}
/* Small devices, Tablets (>768px) */
@media screen and (min-width: 768px) {
  .fc-toolbar {
    margin-bottom: 20px;
  }
}
/**
 * This fade animation is based on Dan Eden's animate.css (http://daneden.me/animate/), under the terms of the MIT license.
 *
 * Copyright 2013 Dan Eden.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.animated {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fade-in-up {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fade-in-down {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.fade-in-right {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.fade-in-left {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
div.hopscotch-bubble .hopscotch-nav-button {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  width: auto;
  height: 26px;
  border-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *vertical-align: auto;
  vertical-align: middle;
  overflow: visible;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  cursor: pointer;
  text-decoration: none !important;
  white-space: nowrap;
}
div.hopscotch-bubble .hopscotch-nav-button.guideflow_hovered {
  border-width: 0;
}
div.hopscotch-bubble .hopscotch-nav-button.next {
  color: #fff !important;
  background-color: #35db94;
  border: solid 1px #35db94;
  border-width: 0;
}
div.hopscotch-bubble .hopscotch-nav-button.next:active {
  text-shadow: 0px 2px 4px #38a576;
}
div.hopscotch-bubble .hopscotch-nav-button.next.guideflow_hovered,
div.hopscotch-bubble .hopscotch-nav-button.next:focus,
div.hopscotch-bubble .hopscotch-nav-button.next:active,
div.hopscotch-bubble .hopscotch-nav-button.next.active,
.open .dropdown-togglediv.hopscotch-bubble .hopscotch-nav-button.next {
  color: #fff !important;
  background-color: #25d188;
  border-color: #23c47f;
}
div.hopscotch-bubble .hopscotch-nav-button.next:active,
div.hopscotch-bubble .hopscotch-nav-button.next.active,
.open .dropdown-togglediv.hopscotch-bubble .hopscotch-nav-button.next {
  background-image: none;
}
div.hopscotch-bubble .hopscotch-nav-button.next.disabled,
div.hopscotch-bubble .hopscotch-nav-button.next[disabled],
fieldset[disabled] div.hopscotch-bubble .hopscotch-nav-button.next,
div.hopscotch-bubble .hopscotch-nav-button.next.disabled.guideflow_hovered,
div.hopscotch-bubble .hopscotch-nav-button.next[disabled].guideflow_hovered,
fieldset[disabled] div.hopscotch-bubble .hopscotch-nav-button.next.guideflow_hovered,
div.hopscotch-bubble .hopscotch-nav-button.next.disabled:focus,
div.hopscotch-bubble .hopscotch-nav-button.next[disabled]:focus,
fieldset[disabled] div.hopscotch-bubble .hopscotch-nav-button.next:focus,
div.hopscotch-bubble .hopscotch-nav-button.next.disabled:active,
div.hopscotch-bubble .hopscotch-nav-button.next[disabled]:active,
fieldset[disabled] div.hopscotch-bubble .hopscotch-nav-button.next:active,
div.hopscotch-bubble .hopscotch-nav-button.next.disabled.active,
div.hopscotch-bubble .hopscotch-nav-button.next[disabled].active,
fieldset[disabled] div.hopscotch-bubble .hopscotch-nav-button.next.active {
  background-color: #8eceb3;
  border-color: #4bdf9f;
  color: #ffffff;
}
div.hopscotch-bubble .hopscotch-nav-button.prev {
  color: #fff !important;
  background-color: #f7e246;
  border: solid 1px #f7e246;
  border-width: 0;
}
div.hopscotch-bubble .hopscotch-nav-button.prev:active {
  text-shadow: 0px 2px 4px #dcc82e;
}
div.hopscotch-bubble .hopscotch-nav-button.prev.guideflow_hovered,
div.hopscotch-bubble .hopscotch-nav-button.prev:focus,
div.hopscotch-bubble .hopscotch-nav-button.prev:active,
div.hopscotch-bubble .hopscotch-nav-button.prev.active,
.open .dropdown-togglediv.hopscotch-bubble .hopscotch-nav-button.prev {
  color: #fff !important;
  background-color: #f6de2e;
  border-color: #f5dc1f;
}
div.hopscotch-bubble .hopscotch-nav-button.prev:active,
div.hopscotch-bubble .hopscotch-nav-button.prev.active,
.open .dropdown-togglediv.hopscotch-bubble .hopscotch-nav-button.prev {
  background-image: none;
}
div.hopscotch-bubble .hopscotch-nav-button.prev.disabled,
div.hopscotch-bubble .hopscotch-nav-button.prev[disabled],
fieldset[disabled] div.hopscotch-bubble .hopscotch-nav-button.prev,
div.hopscotch-bubble .hopscotch-nav-button.prev.disabled.guideflow_hovered,
div.hopscotch-bubble .hopscotch-nav-button.prev[disabled].guideflow_hovered,
fieldset[disabled] div.hopscotch-bubble .hopscotch-nav-button.prev.guideflow_hovered,
div.hopscotch-bubble .hopscotch-nav-button.prev.disabled:focus,
div.hopscotch-bubble .hopscotch-nav-button.prev[disabled]:focus,
fieldset[disabled] div.hopscotch-bubble .hopscotch-nav-button.prev:focus,
div.hopscotch-bubble .hopscotch-nav-button.prev.disabled:active,
div.hopscotch-bubble .hopscotch-nav-button.prev[disabled]:active,
fieldset[disabled] div.hopscotch-bubble .hopscotch-nav-button.prev:active,
div.hopscotch-bubble .hopscotch-nav-button.prev.disabled.active,
div.hopscotch-bubble .hopscotch-nav-button.prev[disabled].active,
fieldset[disabled] div.hopscotch-bubble .hopscotch-nav-button.prev.active {
  background-color: #e9e0a1;
  border-color: #f8e65e;
  color: #ffffff;
}
div.hopscotch-bubble {
  position: absolute;
  border-radius: 1px;
  background-color: rgba(28, 43, 54, 0.85);
  border: 0px solid rgba(28, 43, 54, 0.85);
  /* transparent, if supported */
  -webkit-box-shadow: 0 3px 10px 0px rgba(28, 43, 54, 0.4);
  box-shadow: 0 3px 10px 0px rgba(28, 43, 54, 0.4);
  z-index: 999999;
  color: #eee;
  font-size: 13px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-clip: padding-box;
}
.lt-ie9 div.hopscotch-bubble {
  background-color: #1c2b36;
  background: url(https://html-assets-prod.guideflow.com/5eb8fcbde7a6afbbc7c401a4e9bbe901f5adc625) repeat;
}
div.hopscotch-bubble * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
div.hopscotch-bubble.animate {
  -webkit-transition-property: top, left;
  transition-property: top, left;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
div.hopscotch-bubble.invisible {
  opacity: 0;
}
div.hopscotch-bubble.hide,
div.hopscotch-bubble .hide,
div.hopscotch-bubble .hide-all {
  display: none;
}
div.hopscotch-bubble h3 {
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin: -1px 15px 0 0;
  padding: 0;
}
div.hopscotch-bubble .hopscotch-bubble-container {
  padding: 15px;
  position: relative;
  text-align: left;
}
div.hopscotch-bubble .hopscotch-content {
  font-weight: normal;
  line-height: 17px;
  margin: -5px 0 11px;
  padding-top: 8px;
}
div.hopscotch-bubble .hopscotch-bubble-content {
  margin: 0 0 0 40px;
}
div.hopscotch-bubble.no-number .hopscotch-bubble-content {
  margin: 0;
}
div.hopscotch-bubble .hopscotch-bubble-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  padding: 8px;
  background: transparent url(https://html-assets-prod.guideflow.com/fa57aefade7842d69bdf0888aacf91fc795356e9) -192px -92px no-repeat;
  color: #eee;
  text-decoration: none;
  text-indent: -9999px;
}
div.hopscotch-bubble .hopscotch-bubble-close.hide,
div.hopscotch-bubble .hopscotch-bubble-close.hide-all {
  display: none;
}
div.hopscotch-bubble .hopscotch-bubble-number {
  background: transparent url(https://html-assets-prod.guideflow.com/fa57aefade7842d69bdf0888aacf91fc795356e9) 0 0 no-repeat;
  color: white;
  display: block;
  float: left;
  font-size: 17px;
  font-weight: bold;
  line-height: 31px;
  padding: 0 10px 0 0;
  text-align: center;
  width: 30px;
  height: 30px;
}
div.hopscotch-bubble .hopscotch-actions {
  margin: 10px 0 0;
  text-align: right;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container {
  position: absolute;
  width: 34px;
  height: 34px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,
div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {
  width: 0;
  height: 0;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
  top: -17px;
  left: 0;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 17px solid rgba(28, 43, 54, 0.85);
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
  bottom: -34px;
  left: 0;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 17px solid rgba(28, 43, 54, 0.85);
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
  top: 0;
  left: -17px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 17px solid rgba(28, 43, 54, 0.85);
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
  top: 0;
  right: -34px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 17px solid rgba(28, 43, 54, 0.85);
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent;
}
/*
    ES: this file did NOT come with the plugin (jquery.fileupload.js),
    although some CSS & JS was provided in the documentation (this is more of a DIY kinda plugin)
*/
.phr-file-uploader .dropzone {
  position: relative;
  border: 3px dashed #afafaf;
  background-color: rgba(0, 0, 0, 0.1);
  height: 150px;
  margin-bottom: 20px;
  -webkit-transition: background-color ease-in-out 0.15s;
  transition: background-color ease-in-out 0.15s;
}
.phr-file-uploader .dropzone .dropzone-content {
  line-height: 147px;
  text-align: center;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3);
  -webkit-transition: color ease-in-out 0.15s;
  transition: color ease-in-out 0.15s;
}
.phr-file-uploader .dropzone.draghover {
  border-style: solid;
  background-color: rgba(0, 0, 0, 0.15);
}
.phr-file-uploader .dropzone.draghover .dropzone-content {
  color: rgba(0, 0, 0, 0.5);
}
.phr-file-uploader .fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.phr-file-uploader .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
.phr-file-uploader .progressIE8 {
  position: relative;
  top: 7px;
  margin-bottom: -7px;
}
.phr-file-uploader .progressIE10 {
  position: relative;
  top: 8px;
  margin-bottom: -8px;
}
.phr-file-uploader .progress.bar {
  /* just for IE8 */
  background: url(https://html-assets-prod.guideflow.com/343c890b102e399447fe35a70b6e2542e6b9460f) !important;
  -webkit-filter: none;
  filter: none;
}
.phr-fileupload-dropzone {
  background-color: none;
  border: 3px dashed transparent;
}
.phr-fileupload-dropzone.draghover {
  border: 3px dashed #afafaf;
  background-color: rgba(0, 0, 0, 0.1);
}
/*!
 * Bootstrap Colorpicker v2.3.3
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url(https://html-assets-prod.guideflow.com/758cfead9a6e3fc5852c5d69031b3fc301efdcfb);
  cursor: crosshair;
  float: left;
}
.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid white;
  border-radius: 5px;
}
.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
.colorpicker-hue {
  background-image: url(https://html-assets-prod.guideflow.com/5d5d0bd67e88d21088754b30cf486c758f2b87e3);
}
.colorpicker-alpha {
  background-image: url(https://html-assets-prod.guideflow.com/e86a5adcaabb4cd1f8b891a644fe146661a8f62d);
  display: none;
}
.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
  background-size: contain;
}
.colorpicker {
  padding: 4px;
  min-width: 130px;
  margin-top: 1px;
  border-radius: 4px;
  z-index: 2500;
}
.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
  line-height: 0;
}
.colorpicker:after {
  clear: both;
}
.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.colorpicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 7px;
}
.colorpicker div {
  position: relative;
}
.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}
.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url(https://html-assets-prod.guideflow.com/e86a5adcaabb4cd1f8b891a644fe146661a8f62d);
  background-position: 0 100%;
}
.colorpicker-color div {
  height: 10px;
}
.colorpicker-selectors {
  display: none;
  height: 10px;
  margin-top: 5px;
  clear: both;
}
.colorpicker-selectors i {
  cursor: pointer;
  float: left;
  height: 10px;
  width: 10px;
}
.colorpicker-selectors i + i {
  margin-left: 3px;
}
.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  cursor: pointer;
  height: 16px;
  vertical-align: text-top;
  width: 16px;
}
.colorpicker.colorpicker-inline {
  position: relative;
  display: inline-block;
  float: none;
  z-index: auto;
}
.colorpicker.colorpicker-horizontal {
  width: 110px;
  min-width: 110px;
  height: auto;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  width: 100px;
  height: 15px;
  float: left;
  cursor: col-resize;
  margin-left: 0px;
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  display: block;
  height: 15px;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  border: none;
  margin-top: 0px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url(https://html-assets-prod.guideflow.com/09d39324502c921104761e1c6533952eefcab27f);
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url(https://html-assets-prod.guideflow.com/8c1facfc541698e55dfb649aac986e7d3f255682);
}
.colorpicker.colorpicker-hidden {
  display: none;
}
.colorpicker.colorpicker-visible {
  display: block;
}
.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}
.colorpicker-right:before {
  left: auto;
  right: 6px;
}
.colorpicker-right:after {
  left: auto;
  right: 7px;
}
.colorpicker-no-arrow:before {
  border-right: 0;
  border-left: 0;
}
.colorpicker-no-arrow:after {
  border-right: 0;
  border-left: 0;
}
/*@import "plugins/magnific_popup.less";*/
/*
    Updating this plugin: We will only need to load "jquery dataTables bootstrap css/less" file.
    This covers the integration of the plugins styles to the bootstrap framework.
*/
div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_filter {
  text-align: right;
}
div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
  color: #999;
}
div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}
div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}
/*@media screen and (max-width: 767px) {
    div.dataTables_wrapper > div.row > div,
    div.dataTables_length,
    div.dataTables_filter,
    div.dataTables_info,
    div.dataTables_paginate {
        text-align: center;
    }

    div.DTTT {
        margin-bottom: 0.5em;
    }
}*/
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
  position: absolute;
  top: 9px;
  margin-top: 1px;
  right: 8px;
  display: block;
  font-family: 'Font Awesome 5 Pro';
  opacity: 0.5;
  font-size: 90%;
}
table.dataTable thead .sorting:after {
  opacity: 0.2;
  content: "\f0dc";
}
table.dataTable thead .sorting_asc:after {
  content: "\f0de";
}
table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
}
div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
  display: none;
}
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}
/*table.dataTable thead > tr > th {
	padding-right: 30px;
}*/
table.dataTable th:active,
table.dataTable th:focus {
  outline: none;
}
table.dataTable thead th.text-right {
  padding-right: 28px;
}
table.dataTable td.text-right {
  padding-right: 28px;
}
table.dataTable thead th {
  border-bottom: 2px solid #caced5;
  border-top: none;
}
table.dataTable thead tr.col-groups th {
  border-bottom: none;
}
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
  color: #428efa;
  border-bottom: 2px solid #428efa;
}
table.dataTable thead th.sorting_disabled {
  padding-right: 0;
}
/* Condensed */
table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after {
  top: 6px;
  right: 6px;
}
/* Scrolling */
div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
  border-top: none;
}
div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}
/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
  border-collapse: separate !important;
}
table.table-bordered thead th,
table.table-bordered thead td {
  border-left-width: 0;
  border-top-width: 0;
}
table.table-bordered tbody th,
table.table-bordered tbody td {
  border-left-width: 0;
  border-bottom-width: 0;
}
table.table-bordered tfoot th,
table.table-bordered tfoot td {
  border-left-width: 0;
  border-bottom-width: 0;
}
table.table-bordered th:last-child,
table.table-bordered td:last-child {
  border-right-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}
/*
 * TableTools styles
 */
.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th {
  background-color: #08c;
  color: white;
}
.table.dataTable tbody tr.active.guideflow_hovered td,
.table.dataTable tbody tr.active.guideflow_hovered th {
  background-color: #0075b0 !important;
}
.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a {
  color: white;
}
.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
  background-color: #017ebc;
}
table.DTTT_selectable tbody tr {
  cursor: pointer;
}
div.DTTT .btn.guideflow_hovered {
  text-decoration: none !important;
}
ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
}
ul.DTTT_dropdown.dropdown-menu a {
  color: #333 !important;
  /* needed only when demo_page.css is included */
}
ul.DTTT_dropdown.dropdown-menu li {
  position: relative;
}
ul.DTTT_dropdown.dropdown-menu li.guideflow_hovered a {
  background-color: #0088cc;
  color: white !important;
}
div.DTTT_collection_background {
  z-index: 2002;
}
/* TableTools information display */
div.DTTT_print_info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  color: #333;
  padding: 10px 30px;
  opacity: 0.95;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}
div.DTTT_print_info h6 {
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  margin: 1em;
}
div.DTTT_print_info p {
  font-size: 14px;
  line-height: 20px;
}
div.dataTables_processing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  border: none;
}
/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
  background-color: white;
  margin-bottom: 0;
}
div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
  border-top: none;
  margin: 0 !important;
}
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
  border-top: none;
}
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
  border-top: none;
  margin-top: 0 !important;
}
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
  display: none;
}
/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
  margin: 0 !important;
}
.phr-table-empty-bs-row,
.dataTables_empty {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  background-color: white;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  color: #98a6ad;
  padding: 15px !important;
}
.phr-no-results {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  background-color: white;
  border: none;
  color: #98a6ad;
  padding: 15px !important;
}
@media (max-width: 767px) {
  .phr-no-results,
  .phr-table-empty-bs-row,
  .dataTables_empty {
    font-size: 16px;
  }
}
.modal .modal-footer .pagination > li > a,
.modal .modal-footer .pagination > li > span {
  border: 1px solid #dddddd !important;
}
div.FixedHeader_Cloned th,
div.FixedHeader_Cloned td {
  background-color: white !important;
}
/*
 Grid
 MIT-style license. Copyright 2012 Matt V. Murphy
*/
.g_Base {
  /* Base grid container */
  position: relative;
  padding: 0px;
  width: 100%;
  height: 100%;
  line-height: 100%;
  font-size: 12px;
  background-color: white;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  direction: ltr;
  -webkit-tap-highlight-color: transparent;
}
.g_BaseResize {
  /* Used as control for resizing the grid */
  position: absolute;
  z-index: 5;
  bottom: 0px;
  right: 0px;
  background-color: #eee;
  cursor: nw-resize;
  -webkit-user-select: none;
}
.g_BaseResize.guideflow_hovered {
  background-color: #ccc;
}
.g_RS {
  /* Used as control for resizing a grid column */
  display: none;
  width: 4px;
  cursor: e-resize;
  -webkit-user-select: none;
}
.g_ResizeDragger {
  /* Displays as vertical ruler when resizing a column */
  position: absolute;
  z-index: 5;
  top: 0px;
  width: 3px;
  background-color: #ccc;
}
.g_EmptySetMsg {
  /* Displayed when no rows are rendered in the grid body */
  padding: 10px;
  font-style: italic;
}
.g_Head {
  /* Base header container */
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.g_Body {
  /* Base body container */
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.g_Foot {
  /* Base footer container */
  position: absolute;
  z-index: 2;
  left: 0px;
  overflow: hidden;
}
.g_HeadFixed {
  /* Base header fixed container if fixedCols > 0 */
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.g_BodyFixed {
  /* Base body fixed container if fixedCols > 0 */
  position: absolute;
  *position: static;
  z-index: 1;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.g_BodyFixed2 {
  /* Inner base body fixed container if fixedCols > 0. Used for IE7 support */
  *position: absolute;
  *z-index: 1;
  *top: 0px;
  *left: 0px;
  *overflow: hidden;
}
.g_FootFixed {
  /* Base footer fixed container if fixedCols > 0 */
  position: absolute;
  z-index: 3;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
}
.g_Cl {
  /* Grid column container */
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  overflow: hidden;
}
.g_HR {
  /* Grid header cell */
  padding: 4px 12px 4px 6px !important;
  border-width: 0px 1px 1px 0px;
  border-color: #ccc !important;
  zoom: 1;
  background-color: #eee;
  background-position: 0px 0px;
  background-repeat: repeat-x;
  font-weight: bold;
  color: #333 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.g_BR {
  /* Grid body cell */
  border-width: 0px 0px 1px 0px;
}
.g_FR {
  /* Grid footer cell */
  border-width: 1px 1px 0px 0px;
  border-color: #ccc !important;
  background-color: #eee;
  background-position: 0px -19px;
  background-repeat: repeat-x;
}
.g_C {
  /* Grid cell (all) */
  padding: 6px 12px 6px 6px;
  border-color: #eee;
  border-style: solid;
  color: #333;
  height: 1.5em;
  line-height: 1.5em;
  vertical-align: top;
  white-space: nowrap;
  visibility: hidden;
  cursor: default;
  overflow: hidden;
}
/* OVERRIDE */
.g_C {
  /* Grid cell (all) */
  height: 3em;
  line-height: 2.0em;
  vertical-align: middle;
}
/* OVERRIDE */
.g_HR {
  /* Grid header cell */
  font-weight: 600;
  line-height: 2.25em;
}
.g_SH {
  /* Label container for checkbox / radio selection element */
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 15px;
}
.g_Cb,
.g_Rd {
  /* Checkbox and radio selection elements */
  margin: -1px 0px 0px 0px;
  padding: 0px;
  width: 15px;
  height: 15px;
  max-height: 1.0em;
  vertical-align: middle;
  overflow: hidden;
}
.g_Rd {
  margin-top: -2px;
}
@media print {
  /* Print overrides */
  .g_Base,
  .g_Head,
  .g_Body,
  .g_Foot {
    overflow: visible;
  }
  .g_HeadStatic,
  .g_FootStatic {
    margin-left: 0px !important;
  }
  .g_BodyFixed2 {
    margin-top: 0px !important;
  }
}
/*
 *  Document: easy_pie_chart.less
 *
 *  Easy Pie Chart
 *
 */
.easyPieChart {
  position: relative;
  text-align: center;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 300;
}
.easyPieChart small {
  font-size: 14px;
}
.easyPieChart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
/*
  # Mixed Authors - modified and pulled together
*/
.animation-slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  visibility: visible !important;
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(8%);
    transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
    transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(8%);
    transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
    transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.animation-slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  visibility: visible !important;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  50% {
    -webkit-transform: translateY(-8%);
    transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  50% {
    -webkit-transform: translateY(-8%);
    transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.animation-slideLeft {
  -webkit-animation-name: slideLeft;
  animation-name: slideLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
  }
  50% {
    ransform: translateX(-8%);
  }
  65% {
    -webkit-transform: translateX(4%);
    transform: translateX(4%);
  }
  80% {
    -webkit-transform: translateX(-4%);
    transform: translateX(-4%);
  }
  95% {
    -webkit-transform: translateX(2%);
    transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
  }
  50% {
    ransform: translateX(-8%);
  }
  65% {
    -webkit-transform: translateX(4%);
    transform: translateX(4%);
  }
  80% {
    -webkit-transform: translateX(-4%);
    transform: translateX(-4%);
  }
  95% {
    -webkit-transform: translateX(2%);
    transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.animation-slideRight {
  -webkit-animation-name: slideRight;
  animation-name: slideRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
  }
  50% {
    -webkit-transform: translateX(8%);
    transform: translateX(8%);
  }
  65% {
    -webkit-transform: translateX(-4%);
    transform: translateX(-4%);
  }
  80% {
    -webkit-transform: translateX(4%);
    transform: translateX(4%);
  }
  95% {
    -webkit-transform: translateX(-2%);
    transform: translateX(-2%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
  }
  50% {
    -webkit-transform: translateX(8%);
    transform: translateX(8%);
  }
  65% {
    -webkit-transform: translateX(-4%);
    transform: translateX(-4%);
  }
  80% {
    -webkit-transform: translateX(4%);
    transform: translateX(4%);
  }
  95% {
    -webkit-transform: translateX(-2%);
    transform: translateX(-2%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.animation-slideExpandUp {
  -webkit-animation-name: slideExpandUp;
  animation-name: slideExpandUp;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  visibility: visible !important;
}
@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5);
    transform: translateY(100%) scaleX(0.5);
  }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5);
    transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5);
    transform: translateY(2%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1);
    transform: translateY(0%) scaleX(1.1);
  }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9);
    transform: translateY(0%) scaleX(0.9);
  }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05);
    transform: translateY(0%) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95);
    transform: translateY(0%) scaleX(0.95);
  }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02);
    transform: translateY(0%) scaleX(1.02);
  }
  100% {
    -webkit-transform: translateY(0%) scaleX(1);
    transform: translateY(0%) scaleX(1);
  }
}
@keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5);
    transform: translateY(100%) scaleX(0.5);
  }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5);
    transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5);
    transform: translateY(2%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1);
    transform: translateY(0%) scaleX(1.1);
  }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9);
    transform: translateY(0%) scaleX(0.9);
  }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05);
    transform: translateY(0%) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95);
    transform: translateY(0%) scaleX(0.95);
  }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02);
    transform: translateY(0%) scaleX(1.02);
  }
  100% {
    -webkit-transform: translateY(0%) scaleX(1);
    transform: translateY(0%) scaleX(1);
  }
}
.animation-expandUp {
  -webkit-animation-name: expandUp;
  animation-name: expandUp;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  visibility: visible !important;
}
@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
    transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12);
    transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    -webkit-transform: translateY(3%);
    transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1);
    transform: translateY(0%) scale(1) scaleY(1);
  }
}
@keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
    transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12);
    transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    -webkit-transform: translateY(3%);
    transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1);
    transform: translateY(0%) scale(1) scaleY(1);
  }
}
.animation-fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1.0s;
  animation-duration: 1.0s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animation-expandOpen {
  -webkit-animation-name: expandOpen;
  animation-name: expandOpen;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  visibility: visible !important;
}
@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  80% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  90% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  80% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  90% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animation-bigEntrance {
  -webkit-animation-name: bigEntrance;
  animation-name: bigEntrance;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  visibility: visible !important;
}
@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
.animation-hatch {
  -webkit-animation-name: hatch;
  animation-name: hatch;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  visibility: visible !important;
}
@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6);
    transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05);
    transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1);
    transform: rotate(2deg) scaleY(1);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  65% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6);
    transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05);
    transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1);
    transform: rotate(2deg) scaleY(1);
  }
  50% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  65% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.animation-bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6);
    transform: translateY(0%) scaleY(0.6);
  }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1);
    transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
    transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
    transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
    transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6);
    transform: translateY(0%) scaleY(0.6);
  }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1);
    transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
    transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
    transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
    transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
.animation-pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
}
.animation-floating {
  -webkit-animation-name: floating;
  animation-name: floating;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(8%);
    transform: translateY(8%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(8%);
    transform: translateY(8%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.animation-tossing {
  -webkit-animation-name: tossing;
  animation-name: tossing;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
}
@keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
}
.animation-pullUp {
  -webkit-animation-name: pullUp;
  animation-name: pullUp;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
    transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
    transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
    transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
    transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.animation-pullDown {
  -webkit-animation-name: pullDown;
  animation-name: pullDown;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
    transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
    transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
    transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
    transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.animation-stretchLeft {
  -webkit-animation-name: stretchLeft;
  animation-name: stretchLeft;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3);
    transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
    transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
  }
  100% {
    ransform: scaleX(1);
  }
}
@keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3);
    transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
    transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
  }
  100% {
    ransform: scaleX(1);
  }
}
.animation-stretchRight {
  -webkit-animation-name: stretchRight;
  animation-name: stretchRight;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3);
    transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
    transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3);
    transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
    transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
/* Extend with more animations :: from proui auth */
.animation-pulseSlow {
  -webkit-animation-name: pulseSlow;
  animation-name: pulseSlow;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes pulseSlow {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes pulseSlow {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.animation-floatingHor {
  -webkit-animation-name: floatingHor;
  animation-name: floatingHor;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes floatingHor {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(8%);
    transform: translateX(8%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes floatingHor {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(8%);
    transform: translateX(8%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.animation-fadeInQuick {
  -webkit-animation-name: fadeInQuick;
  animation-name: fadeInQuick;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  visibility: visible !important;
}
@-webkit-keyframes fadeInQuick {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeInQuick {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animation-fadeInQuickInv {
  -webkit-animation-name: fadeInQuickInv;
  animation-name: fadeInQuickInv;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  visibility: visible !important;
}
@-webkit-keyframes fadeInQuickInv {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeInQuickInv {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animation-fadeIn360 {
  -webkit-animation-name: fadeIn360;
  animation-name: fadeIn360;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  visibility: visible !important;
}
@-webkit-keyframes fadeIn360 {
  0% {
    -webkit-transform: rotate(0deg) scale(1.3);
    transform: rotate(0deg) scale(1.3);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
    opacity: 1;
  }
}
@keyframes fadeIn360 {
  0% {
    -webkit-transform: rotate(0deg) scale(1.3);
    transform: rotate(0deg) scale(1.3);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
    opacity: 1;
  }
}
.animation-fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  visibility: visible !important;
}
@keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
.animation-fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  visibility: visible !important;
}
@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
.magictime {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.magictime-halftime {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.magictime-quartertime {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.magic {
  -webkit-animation-name: magic;
  animation-name: magic;
}
.openDownLeft {
  -webkit-animation-name: openDownLeft;
  animation-name: openDownLeft;
}
.openDownRight {
  -webkit-animation-name: openDownRight;
  animation-name: openDownRight;
}
.openUpLeft {
  -webkit-animation-name: openUpLeft;
  animation-name: openUpLeft;
}
.openUpRight {
  -webkit-animation-name: openUpRight;
  animation-name: openUpRight;
}
.openDownLeftRetourn {
  -webkit-animation-name: openDownLeftRetourn;
  animation-name: openDownLeftRetourn;
}
.openDownRightRetourn {
  -webkit-animation-name: openDownRightRetourn;
  animation-name: openDownRightRetourn;
}
.openUpLeftRetourn {
  -webkit-animation-name: openUpLeftRetourn;
  animation-name: openUpLeftRetourn;
}
.openUpRightRetourn {
  -webkit-animation-name: openUpRightRetourn;
  animation-name: openUpRightRetourn;
}
.openDownLeftOut {
  -webkit-animation-name: openDownLeftOut;
  animation-name: openDownLeftOut;
}
.openDownRightOut {
  -webkit-animation-name: openDownRightOut;
  animation-name: openDownRightOut;
}
.openUpLeftOut {
  -webkit-animation-name: openUpLeftOut;
  animation-name: openUpLeftOut;
}
.openUpRightOut {
  -webkit-animation-name: openUpRightOut;
  animation-name: openUpRightOut;
}
.perspectiveDown {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveDown;
  animation-name: perspectiveDown;
}
.perspectiveLeft {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveLeft;
  animation-name: perspectiveLeft;
}
.perspectiveRight {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveRight;
  animation-name: perspectiveRight;
}
.perspectiveUp {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveUp;
  animation-name: perspectiveUp;
}
.perspectiveDownRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveDownRetourn;
  animation-name: perspectiveDownRetourn;
}
.perspectiveLeftRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveLeftRetourn;
  animation-name: perspectiveLeftRetourn;
}
.perspectiveRightRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveRightRetourn;
  animation-name: perspectiveRightRetourn;
}
.perspectiveUpRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveUpRetourn;
  animation-name: perspectiveUpRetourn;
}
.puffIn {
  -webkit-animation-name: puffIn;
  animation-name: puffIn;
}
.puffOut {
  -webkit-animation-name: puffOut;
  animation-name: puffOut;
}
.rotateDown {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateDown;
  animation-name: rotateDown;
}
.rotateLeft {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateLeft;
  animation-name: rotateLeft;
}
.rotateRight {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateRight;
  animation-name: rotateRight;
}
.rotateUp {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateUp;
  animation-name: rotateUp;
}
.slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
.slideLeft {
  -webkit-animation-name: slideLeft;
  animation-name: slideLeft;
}
.slideRight {
  -webkit-animation-name: slideRight;
  animation-name: slideRight;
}
.slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.slideDownRetourn {
  -webkit-animation-name: slideDownRetourn;
  animation-name: slideDownRetourn;
}
.slideLeftRetourn {
  -webkit-animation-name: slideLeftRetourn;
  animation-name: slideLeftRetourn;
}
.slideRightRetourn {
  -webkit-animation-name: slideRightRetourn;
  animation-name: slideRightRetourn;
}
.slideUpRetourn {
  -webkit-animation-name: slideUpRetourn;
  animation-name: slideUpRetourn;
}
.swap {
  -webkit-animation-name: swap;
  animation-name: swap;
}
.twisterInDown {
  -webkit-animation-name: twisterInDown;
  animation-name: twisterInDown;
}
.twisterInUp {
  -webkit-animation-name: twisterInUp;
  animation-name: twisterInUp;
}
.vanishIn {
  -webkit-animation-name: vanishIn;
  animation-name: vanishIn;
}
.vanishOut {
  -webkit-animation-name: vanishOut;
  animation-name: vanishOut;
}
.swashOut {
  -webkit-animation-name: swashOut;
  animation-name: swashOut;
}
.swashIn {
  -webkit-animation-name: swashIn;
  animation-name: swashIn;
}
.foolishOut {
  -webkit-animation-name: foolishOut;
  animation-name: foolishOut;
}
.foolishIn {
  -webkit-animation-name: foolishIn;
  animation-name: foolishIn;
}
.holeOut {
  -webkit-animation-name: holeOut;
  animation-name: holeOut;
}
.tinRightOut {
  -webkit-animation-name: tinRightOut;
  animation-name: tinRightOut;
}
.tinLeftOut {
  -webkit-animation-name: tinLeftOut;
  animation-name: tinLeftOut;
}
.tinUpOut {
  -webkit-animation-name: tinUpOut;
  animation-name: tinUpOut;
}
.tinDownOut {
  -webkit-animation-name: tinDownOut;
  animation-name: tinDownOut;
}
.tinRightIn {
  -webkit-animation-name: tinRightIn;
  animation-name: tinRightIn;
}
.tinLeftIn {
  -webkit-animation-name: tinLeftIn;
  animation-name: tinLeftIn;
}
.tinUpIn {
  -webkit-animation-name: tinUpIn;
  animation-name: tinUpIn;
}
.tinDownIn {
  -webkit-animation-name: tinDownIn;
  animation-name: tinDownIn;
}
.bombRightOut {
  -webkit-animation-name: bombRightOut;
  animation-name: bombRightOut;
}
.bombLeftOut {
  -webkit-animation-name: bombLeftOut;
  animation-name: bombLeftOut;
}
.boingInUp {
  -webkit-animation-name: boingInUp;
  animation-name: boingInUp;
}
.boingOutDown {
  -webkit-animation-name: boingOutDown;
  animation-name: boingOutDown;
}
.spaceOutUp {
  -webkit-animation-name: spaceOutUp;
  animation-name: spaceOutUp;
}
.spaceOutRight {
  -webkit-animation-name: spaceOutRight;
  animation-name: spaceOutRight;
}
.spaceOutDown {
  -webkit-animation-name: spaceOutDown;
  animation-name: spaceOutDown;
}
.spaceOutLeft {
  -webkit-animation-name: spaceOutLeft;
  animation-name: spaceOutLeft;
}
.spaceInUp {
  -webkit-animation-name: spaceInUp;
  animation-name: spaceInUp;
}
.spaceInRight {
  -webkit-animation-name: spaceInRight;
  animation-name: spaceInRight;
}
.spaceInDown {
  -webkit-animation-name: spaceInDown;
  animation-name: spaceInDown;
}
.spaceInLeft {
  -webkit-animation-name: spaceInLeft;
  animation-name: spaceInLeft;
}
.spaceOutLeftTop {
  -webkit-animation-name: spaceOutLeftTop;
  animation-name: spaceOutLeftTop;
}
.spaceOutLeftBottom {
  -webkit-animation-name: spaceOutLeftBottom;
  animation-name: spaceOutLeftBottom;
}
.spaceInLeftTop {
  -webkit-animation-name: spaceInLeftTop;
  animation-name: spaceInLeftTop;
}
.spaceInLeftBottom {
  -webkit-animation-name: spaceInLeftBottom;
  animation-name: spaceInLeftBottom;
}
@-webkit-keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg);
  }
}
@keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg);
  }
}
@-webkit-keyframes openDownLeft {
  0% {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openDownLeft {
  0% {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownRight {
  0% {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openDownRight {
  0% {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpLeft {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openUpLeft {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpRight {
  0% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openUpRight {
  0% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownLeftRetourn {
  0% {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openDownLeftRetourn {
  0% {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openDownRightRetourn {
  0% {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openDownRightRetourn {
  0% {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openUpLeftRetourn {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openUpLeftRetourn {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openDownLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openDownLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openDownRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openUpLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openUpRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes perspectiveDown {
  0% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
  100% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
}
@keyframes perspectiveDown {
  0% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
  100% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
}
@-webkit-keyframes perspectiveLeft {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
}
@keyframes perspectiveLeft {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
}
@-webkit-keyframes perspectiveRight {
  0% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  100% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
}
@keyframes perspectiveRight {
  0% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  100% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
}
@-webkit-keyframes perspectiveUp {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
}
@keyframes perspectiveUp {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
}
@-webkit-keyframes perspectiveDownRetourn {
  0% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
  100% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes perspectiveDownRetourn {
  0% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
  100% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes perspectiveLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes perspectiveLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@-webkit-keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
  100% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
  100% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@-webkit-keyframes perspectiveUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes perspectiveUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
@-webkit-keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }
}
@keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }
}
@-webkit-keyframes rotateDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@keyframes rotateDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@-webkit-keyframes rotateLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@keyframes rotateLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@-webkit-keyframes rotateRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@keyframes rotateRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@-webkit-keyframes rotateUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@keyframes rotateUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slideLeft {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideRight {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes slideDownRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes slideDownRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes slideLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRightRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes slideRightRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes slideUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px);
    transform: scale(0, 0) translate(-700px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
    transform: scale(1, 1) translate(0px, 0px);
  }
}
@keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px);
    transform: scale(0, 0) translate(-700px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
    transform: scale(1, 1) translate(0px, 0px);
  }
}
@-webkit-keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  30% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  30% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@-webkit-keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  30% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  30% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@-webkit-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes swashOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@keyframes swashOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@-webkit-keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes foolishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
    transform: scale(1, 1) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
    transform: scale(0, 0) rotate(0deg);
  }
}
@keyframes foolishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
    transform: scale(1, 1) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
    transform: scale(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}
@keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}
@-webkit-keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
    transform: scale(1, 1) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
    transform: scale(0, 0) rotateY(180deg);
  }
}
@keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
    transform: scale(1, 1) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
    transform: scale(0, 0) rotateY(180deg);
  }
}
@-webkit-keyframes tinRightOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }
}
@keyframes tinRightOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }
}
@-webkit-keyframes tinLeftOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }
}
@keyframes tinLeftOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }
}
@-webkit-keyframes tinUpOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }
}
@keyframes tinUpOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }
}
@-webkit-keyframes tinDownOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }
}
@keyframes tinDownOut {
  0%,
  20%,
  40%,
  50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
  10%,
  30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }
}
@-webkit-keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@-webkit-keyframes tinLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@keyframes tinLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@-webkit-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes bombLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
@keyframes bombLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes boingInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(-90deg);
    transform: perspective(800px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(50deg);
    transform: perspective(800px) rotateX(50deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes boingInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(-90deg);
    transform: perspective(800px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(50deg);
    transform: perspective(800px) rotateX(50deg);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes boingOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
    transform: perspective(800px) rotateX(0deg) rotateY(10deg);
  }
  30% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
    transform: perspective(800px) rotateX(10deg) rotateY(10deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg);
  }
}
@keyframes boingOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  20% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
    transform: perspective(800px) rotateX(0deg) rotateY(10deg);
  }
  30% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  40% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
    transform: perspective(800px) rotateX(10deg) rotateY(10deg);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg);
  }
}
@-webkit-keyframes spaceOutUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.2) translate(0%, -200%);
    transform: scale(0.2) translate(0%, -200%);
  }
}
@keyframes spaceOutUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.2) translate(0%, -200%);
    transform: scale(0.2) translate(0%, -200%);
  }
}
@-webkit-keyframes spaceOutRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.2) translate(200%, 0%);
    transform: scale(0.2) translate(200%, 0%);
  }
}
@keyframes spaceOutRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.2) translate(200%, 0%);
    transform: scale(0.2) translate(200%, 0%);
  }
}
@-webkit-keyframes spaceOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.2) translate(0%, 200%);
    transform: scale(0.2) translate(0%, 200%);
  }
}
@keyframes spaceOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.2) translate(0%, 200%);
    transform: scale(0.2) translate(0%, 200%);
  }
}
@-webkit-keyframes spaceOutLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(0.2) translate(-200%, 0%);
    transform: scale(0.2) translate(-200%, 0%);
  }
}
@keyframes spaceOutLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(0.2) translate(-200%, 0%);
    transform: scale(0.2) translate(-200%, 0%);
  }
}
@-webkit-keyframes spaceInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.2) translate(0%, -200%);
    transform: scale(0.2) translate(0%, -200%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.2) translate(0%, -200%);
    transform: scale(0.2) translate(0%, -200%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceInRight {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.2) translate(200%, 0%);
    transform: scale(0.2) translate(200%, 0%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInRight {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.2) translate(200%, 0%);
    transform: scale(0.2) translate(200%, 0%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.2) translate(0%, 200%);
    transform: scale(0.2) translate(0%, 200%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.2) translate(0%, 200%);
    transform: scale(0.2) translate(0%, 200%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceInLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(0.2) translate(-200%, 0%);
    transform: scale(0.2) translate(-200%, 0%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(0.2) translate(-200%, 0%);
    transform: scale(0.2) translate(-200%, 0%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceOutLeftTop {
  0% {
    opacity: 1;
    -webkit-transform-origin: -375px 70px;
    transform-origin: -375px 70px;
    -webkit-transform: scale(1, 1) skewY(0) translate(0%, 0%);
    transform: scale(1, 1) skewY(0) translate(0%, 0%);
  }
  20% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.3;
    -webkit-transform-origin: -375px 70px;
    transform-origin: -375px 70px;
    -webkit-transform: scale(0, 0) skewY(10deg) translate(-375px, 70px);
    transform: scale(0, 0) skewY(10deg) translate(-375px, 70px);
  }
}
@keyframes spaceOutLeftTop {
  0% {
    opacity: 1;
    -webkit-transform-origin: -375px 70px;
    transform-origin: -375px 70px;
    -webkit-transform: scale(1, 1) skewY(0) translate(0%, 0%);
    transform: scale(1, 1) skewY(0) translate(0%, 0%);
  }
  20% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.3;
    -webkit-transform-origin: -375px 70px;
    transform-origin: -375px 70px;
    -webkit-transform: scale(0, 0) skewY(10deg) translate(-375px, 70px);
    transform: scale(0, 0) skewY(10deg) translate(-375px, 70px);
  }
}
@-webkit-keyframes spaceInLeftTop {
  0% {
    opacity: 0.3;
    -webkit-transform-origin: -375px 70px;
    transform-origin: -375px 70px;
    -webkit-transform: scale(0, 0) skewY(10deg) translate(-375px, 70px);
    transform: scale(0, 0) skewY(10deg) translate(-375px, 70px);
  }
  80% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: -375px 70px;
    transform-origin: -375px 70px;
    -webkit-transform: scale(1, 1) skewY(0) translate(0%, 0%);
    transform: scale(1, 1) skewY(0) translate(0%, 0%);
  }
}
@keyframes spaceInLeftTop {
  0% {
    opacity: 0.3;
    -webkit-transform-origin: -375px 70px;
    transform-origin: -375px 70px;
    -webkit-transform: scale(0, 0) skewY(10deg) translate(-375px, 70px);
    transform: scale(0, 0) skewY(10deg) translate(-375px, 70px);
  }
  80% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: -375px 70px;
    transform-origin: -375px 70px;
    -webkit-transform: scale(1, 1) skewY(0) translate(0%, 0%);
    transform: scale(1, 1) skewY(0) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceOutLeftBottom {
  0% {
    opacity: 1;
    -webkit-transform-origin: -375px 140px;
    transform-origin: -375px 140px;
    -webkit-transform: scale(1, 1) skewY(0) translate(0%, 0%);
    transform: scale(1, 1) skewY(0) translate(0%, 0%);
  }
  20% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.3;
    -webkit-transform-origin: -375px 140px;
    transform-origin: -375px 140px;
    -webkit-transform: scale(0, 0) skewY(10deg) translate(-375px, 140px);
    transform: scale(0, 0) skewY(10deg) translate(-375px, 140px);
  }
}
@keyframes spaceOutLeftBottom {
  0% {
    opacity: 1;
    -webkit-transform-origin: -375px 140px;
    transform-origin: -375px 140px;
    -webkit-transform: scale(1, 1) skewY(0) translate(0%, 0%);
    transform: scale(1, 1) skewY(0) translate(0%, 0%);
  }
  20% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.3;
    -webkit-transform-origin: -375px 140px;
    transform-origin: -375px 140px;
    -webkit-transform: scale(0, 0) skewY(10deg) translate(-375px, 140px);
    transform: scale(0, 0) skewY(10deg) translate(-375px, 140px);
  }
}
@-webkit-keyframes spaceInLeftBottom {
  0% {
    opacity: 0.3;
    -webkit-transform-origin: -375px 140px;
    transform-origin: -375px 140px;
    -webkit-transform: scale(0, 0) skewY(10deg) translate(-375px, 140px);
    transform: scale(0, 0) skewY(10deg) translate(-375px, 140px);
  }
  80% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: -375px 140px;
    transform-origin: -375px 140px;
    -webkit-transform: scale(1, 1) skewY(0) translate(0%, 0%);
    transform: scale(1, 1) skewY(0) translate(0%, 0%);
  }
}
@keyframes spaceInLeftBottom {
  0% {
    opacity: 0.3;
    -webkit-transform-origin: -375px 140px;
    transform-origin: -375px 140px;
    -webkit-transform: scale(0, 0) skewY(10deg) translate(-375px, 140px);
    transform: scale(0, 0) skewY(10deg) translate(-375px, 140px);
  }
  80% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: -375px 140px;
    transform-origin: -375px 140px;
    -webkit-transform: scale(1, 1) skewY(0) translate(0%, 0%);
    transform: scale(1, 1) skewY(0) translate(0%, 0%);
  }
}
.animated {
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: white;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}
.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-timepicker-duration {
  margin-left: 5px;
  color: #888888;
}
.ui-timepicker-list.guideflow_hovered .ui-timepicker-duration {
  color: #888888;
}
.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}
.ui-timepicker-list.guideflow_hovered .ui-timepicker-selected {
  background: white;
  color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li.guideflow_hovered,
.ui-timepicker-list .ui-timepicker-selected.guideflow_hovered {
  background: #1980EC;
  color: white;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li.guideflow_hovered .ui-timepicker-duration {
  color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled.guideflow_hovered,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888888;
  cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled.guideflow_hovered,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}
/*!
 * jQuery UI Slider 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-slider.ui-slider-horizontal {
  margin-right: 9px;
  margin-left: 9px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  height: 7px;
  position: relative;
}
.ui-slider .ui-slider-handle {
  top: -7px;
  border: 1px solid #9f9f9f;
  background-color: white;
  /*transition: box-shadow .3s;*/
  border-radius: 10px;
  height: 20px;
  width: 20px;
  outline-color: transparent;
}
.ui-slider.range-default .ui-slider-range {
  background-color: #58666e;
}
.ui-slider.range-default .ui-slider-handle:focus {
  -webkit-box-shadow: 0 0 3px 0.5px #58666e;
  box-shadow: 0 0 3px 0.5px #58666e;
}
.ui-slider > .slide-back.range-default {
  background-color: #58666e;
}
.ui-slider.range-primary .ui-slider-range {
  background-color: #7965f7;
}
.ui-slider.range-primary .ui-slider-handle:focus {
  -webkit-box-shadow: 0 0 3px 0.5px #7965f7;
  box-shadow: 0 0 3px 0.5px #7965f7;
}
.ui-slider > .slide-back.range-primary {
  background-color: #7965f7;
}
.ui-slider.range-info .ui-slider-range {
  background-color: #00b7ff;
}
.ui-slider.range-info .ui-slider-handle:focus {
  -webkit-box-shadow: 0 0 3px 0.5px #00b7ff;
  box-shadow: 0 0 3px 0.5px #00b7ff;
}
.ui-slider > .slide-back.range-info {
  background-color: #00b7ff;
}
.ui-slider.range-success .ui-slider-range {
  background-color: #35db94;
}
.ui-slider.range-success .ui-slider-handle:focus {
  -webkit-box-shadow: 0 0 3px 0.5px #35db94;
  box-shadow: 0 0 3px 0.5px #35db94;
}
.ui-slider > .slide-back.range-success {
  background-color: #35db94;
}
.ui-slider.range-warning .ui-slider-range {
  background-color: #f7e246;
}
.ui-slider.range-warning .ui-slider-handle:focus {
  -webkit-box-shadow: 0 0 3px 0.5px #f7e246;
  box-shadow: 0 0 3px 0.5px #f7e246;
}
.ui-slider > .slide-back.range-warning {
  background-color: #f7e246;
}
.ui-slider.range-danger .ui-slider-range {
  background-color: #f94362;
}
.ui-slider.range-danger .ui-slider-handle:focus {
  -webkit-box-shadow: 0 0 3px 0.5px #f94362;
  box-shadow: 0 0 3px 0.5px #f94362;
}
.ui-slider > .slide-back.range-danger {
  background-color: #f94362;
}
/* Select2   4.0.0 */
.select2-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 34px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: #fff;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15);
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1110;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: white;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  visibility: hidden;
  display: none !important;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.select2-spinner {
  background-image: url(https://html-assets-prod.guideflow.com/41bab417818e9ed2f533ddb6a218e8eb7a6c927c);
  width: 16px;
  height: 16px;
  position: absolute;
  right: 23px;
  top: 10px;
  z-index: 100;
}
.select2.select2-container--default {
  border: 1px solid #cbd5dd;
  border-color: #caced5;
}
.select2-container--default .select2-selection__placeholder {
  color: #999999;
}
.select2-container--default .select2-selection--single {
  background-color: transparent;
  min-height: initial;
  height: auto;
  margin-right: 10px;
}
.select2-container--default .select2-selection--single:focus {
  outline: none;
  border-color: #00b7ff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  white-space: normal;
  overflow: hidden;
  height: 31px;
  line-height: 33px;
  padding-left: 0;
  padding-right: 0;
  border: none;
  border-radius: 0;
  margin-top: -5px;
  font-size: 14px;
  color: #777;
}
.has-error .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #b53817 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered .knows-picker-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 100%;
  display: block;
}
.select2-container--default .select2-selection--single .select2-selection__rendered .knows-picker-item-text.w-sub {
  max-width: 60%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered .knows-picker-item-subtext {
  float: right;
  margin-right: 5px;
  margin-top: 0;
  font-size: 12px;
  color: #98a6ad;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 45%;
  padding-left: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;
  position: absolute;
  top: 0;
  right: 1px;
  width: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888888 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 3px 0 3px;
  height: 0;
  left: 50%;
  margin-left: -3px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.has-error .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #b53817 transparent transparent transparent;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove.guideflow_hovered {
  color: #333;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option {
  overflow: hidden;
  color: #777;
  font-size: 13px;
  padding: 2px 13px;
}
.select2-container--default .select2-results__option.select2-results__message {
  padding-top: 6px;
  padding-bottom: 6px;
}
.select2-container--default .select2-results__option .knows-picker-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}
.select2-container--default .select2-results__option .knows-picker-item-text.w-sub {
  max-width: 60%;
}
.select2-container--default .select2-results__option .knows-picker-item-subtext {
  font-size: 11px;
  float: right;
  margin-right: 3px;
  margin-top: 1px;
  color: #98a6ad;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 45%;
  padding-left: 15px;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] .select2-selection__placeholder {
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
nav.phr.app-menu {
  /*
            used in layer1, here so cascade will override other styles.
     */
}
nav.phr.app-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav.phr.app-menu li > a {
  text-transform: capitalize;
  display: block;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #6e8699;
  text-decoration: none;
  font-weight: normal;
  -webkit-transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s;
  transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s;
}
nav.phr.app-menu li.locked-page > a {
  color: #5b7080 !important;
}
nav.phr.app-menu > ul > li > a {
  background-color: #0f2035;
  padding-left: 6px;
}
nav.phr.app-menu > ul > li.active > a {
  background-color: #1a4465 !important;
  color: #fff;
}
nav.phr.app-menu > ul > li.guideflow_hovered > a {
  background-color: #0f2035;
  color: #fff;
}
nav.phr.app-menu > ul > li > ul > li > a {
  padding-left: 12px;
  background-color: #000000;
}
nav.phr.app-menu > ul > li > ul > li.active > a {
  background-color: #0f2035;
  color: #00b7ff;
}
nav.phr.app-menu > ul > li > ul > li.guideflow_hovered > a {
  background-color: #0f2035;
}
nav.phr.app-menu > ul > li > ul > li > ul > li > a {
  padding-left: 12px;
}
nav.phr.app-menu li.app-menu-header {
  text-transform: uppercase;
  padding: 6px;
  background-color: #0f2035;
  color: #5c798f;
  font-size: 12px;
  line-height: 17px;
  cursor: default;
}
nav.phr.app-menu li.app-menu-header.guideflow_hovered {
  background-color: inherit;
}
nav.phr.app-menu li .app-menu-icon {
  margin-right: 8px;
}
nav.phr.app-menu li.app-menu-divider {
  width: 100%;
  height: 2px;
  min-height: 2px;
  max-height: 2px;
  padding: 0;
  margin: 10px 0;
  font-size: 0;
  background-color: #000000;
}
nav.phr.app-menu #onboarding-tasks-pending {
  color: #fad733;
  -webkit-animation-name: color;
  animation-name: color;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
nav.phr.app-menu #post-onboarding-employee-tasks-pending {
  color: #fad733;
  -webkit-animation-name: color;
  animation-name: color;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
nav.phr.app-menu #app-checklist-not-rolled-out {
  color: #fad733;
  -webkit-animation-name: color;
  animation-name: color;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes color {
  0% {
    color: #869FB1;
  }
  50% {
    color: #fad733;
  }
  90% {
    color: #fad733;
  }
  100% {
    color: #869FB1;
  }
}
@keyframes color {
  0% {
    color: #869FB1;
  }
  50% {
    color: #fad733;
  }
  90% {
    color: #fad733;
  }
  100% {
    color: #869FB1;
  }
}
.phr.company-info {
  position: relative;
  z-index: 0;
  line-height: 0;
  max-height: 86px;
  padding: 8px;
  overflow-y: hidden;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.25);
  white-space: normal;
}
.lt-ie9 .phr.company-info {
  background: url(https://html-assets-prod.guideflow.com/71415e0a8b661ea27fc4e009cabcba068843e610) repeat;
}
.phr.company-info .phr.company-brand {
  z-index: 0;
  text-align: center;
  font-size: 1.2em;
}
.phr.company-info .phr.company-brand .phr.company-logo.as-text {
  width: 184px;
  height: 70px;
  line-height: 26px;
  font-size: 15px;
  white-space: normal;
  background-color: transparent;
  border: none;
  color: white;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}
.phr.company-info .phr.company-brand .phr.company-logo.as-text a {
  color: white;
  text-transform: uppercase;
}
.phr.company-info .phr.company-brand img {
  width: 184px;
}
.phr.company-info .phr.company-edit {
  display: block;
  position: absolute;
  top: 24px;
  right: -18%;
  bottom: auto;
  left: auto;
  margin-right: -16px;
  margin-top: -16px;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.75);
  z-index: 3;
  cursor: pointer;
  -webkit-transition: right ease-in-out 0.2s;
  transition: right ease-in-out 0.2s;
}
.phr.company-info .phr.company-edit i {
  -webkit-transition: color ease-in-out 0.2s;
  transition: color ease-in-out 0.2s;
}
.lt-ie9 .phr.company-info .phr.company-edit {
  color: #ccc;
}
.phr.company-info .phr.company-edit i.guideflow_hovered {
  color: rgba(255, 255, 255, 0.95);
}
.lt-ie9 .phr.company-info .phr.company-edit i.guideflow_hovered {
  color: white;
}
.phr.company-info .phr.company-edit-mask {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  z-index: 2;
  background-color: #000000;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.2s, background-color ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, background-color ease-in-out 0.2s;
}
.lt-ie9 .phr.company-info .phr.company-edit-mask {
  display: none;
  background: url(https://html-assets-prod.guideflow.com/83b9db6a3a2a0d22e7515b5ec6daa851b9e6a68e) repeat;
  bottom: -20px;
}
.role-admin .phr.company-info .phr.company-edit-mask.guideflow_hovered + .phr.company-brand {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
.role-admin .phr.company-info.guideflow_hovered .phr.company-edit-mask {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.3);
}
.lt-ie9 .role-admin .phr.company-info.guideflow_hovered .phr.company-edit-mask {
  display: block;
}
.role-admin .phr.company-info.guideflow_hovered .phr.company-edit {
  display: block;
  right: 13%;
}
.phr.suite-menu .suite-app {
  margin-left: 1px;
  margin-right: 1px;
  max-height: 60px;
  white-space: nowrap;
  -webkit-transition: background-color 0.4s ease-in-out 0.3s;
  transition: background-color 0.4s ease-in-out 0.3s;
  overflow: hidden;
}
.phr.suite-menu .suite-app > .badge {
  display: none !important;
}
.phr.suite-menu .suite-app.guideflow_hovered {
  background-color: rgba(225, 240, 240, 0.15);
}
.phr.suite-menu .suite-app a {
  display: inline-block;
  position: relative;
  padding: 9px 6px 0 6px;
  min-height: 60px;
  min-width: 85px;
  text-align: center;
  background-color: initial;
  -webkit-transition: width 0.4s ease-in-out 0.3s;
  transition: width 0.4s ease-in-out 0.3s;
}
.phr.suite-menu .suite-app a > i.phr-font-go > .app-detail {
  display: none;
}
.phr.suite-menu .suite-app.active a {
  background-color: rgba(225, 240, 240, 0.3);
}
.lt-ie9 .phr.suite-menu .suite-app.active a {
  background-color: #52c0e0;
}
.phr.suite-menu .suite-app.expired a {
  border-bottom: 3px solid rgba(255, 75, 75, 0.9) !important;
  /* if also active, show expired */
  background-color: initial;
}
.lt-ie9 .phr.suite-menu .suite-app.expired a {
  border-bottom: 3px solid #e85458 !important;
}
.phr.suite-menu .suite-app a i {
  color: white;
  font-size: 30px;
  font-weight: 100;
  -webkit-transition: color 0.4s ease-in-out 0.3s;
  transition: color 0.4s ease-in-out 0.3s;
}
.phr.suite-menu .suite-app .app-detail {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  color: white;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  font-family: "cronos-pro", sans-serif;
  font-variant-caps: all-petite-caps;
  z-index: initial;
  -webkit-transition: background-color 0.4s ease-in-out 0.3s, opacity 0.4s ease-in-out 0.3s;
  transition: background-color 0.4s ease-in-out 0.3s, opacity 0.4s ease-in-out 0.3s;
}
.lt-ie9 .phr.suite-menu .suite-app .app-detail {
  display: none;
}
.phr.suite-menu .suite-app a.icon-link {
  min-width: 55px;
  padding-top: 17px;
}
.phr.suite-menu .suite-app a.icon-link > i {
  font-size: 20px;
}
.phr.suite-menu .suite-app a.icon-link > .app-detail {
  display: none;
}
.phr.suite-menu .suite-app .badge {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 12px;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out 0.3s;
  transition: opacity 0.4s ease-in-out 0.3s;
}
.lt-ie9 .phr.suite-menu .suite-app .badge {
  display: none;
}
.phr.suite-menu .suite-app.app-taskmanager .badge {
  top: 2px;
}
.phr.suite-menu .suite-app.guideflow_hovered a {
  background-color: rgba(225, 240, 240, 0.15) !important;
}
.lt-ie9 .phr.suite-menu .suite-app.guideflow_hovered .app-detail {
  display: inline-block;
}
.phr.suite-menu .suite-app.guideflow_hovered .badge {
  opacity: 0.9;
}
.lt-ie9 .phr.suite-menu .suite-app.guideflow_hovered .badge {
  display: block;
}
.phr.suite-menu .suite-app.app-go a {
  min-width: 55px;
  padding-top: 14px;
}
.phr.suite-menu .suite-app.app-go a > .app-detail {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .phr.suite-menu .suite-app a {
    min-width: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .phr.suite-menu .suite-app.pull-right {
    float: unset !important;
  }
  .phr.suite-menu .suite-app .app-detail {
    display: inline-block;
  }
}
.phr.user-info .phr-avatar {
  position: relative;
  top: -1px;
  z-index: 0;
}
.phr.user-info .phr.avatar-edit {
  display: none;
  position: absolute;
  top: 0;
  left: 29px;
  color: rgba(255, 255, 255, 0.75);
  z-index: 3;
  cursor: pointer;
  border-radius: 50%;
}
.phr.user-info .phr.avatar-edit i {
  -webkit-transition: color ease-in-out 0.2s;
  transition: color ease-in-out 0.2s;
}
.lt-ie9 .phr.user-info .phr.avatar-edit {
  color: #ddd;
}
.phr.user-info .phr.avatar-edit i.guideflow_hovered {
  color: rgba(255, 255, 255, 0.95);
}
.lt-ie9 .phr.user-info .phr.avatar-edit i.guideflow_hovered {
  color: white;
}
.phr.user-info .phr.avatar-edit-mask {
  display: inline-block;
  position: absolute;
  width: 41px;
  height: 41px;
  top: 0;
  z-index: 2;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
  border-radius: 50%;
}
.lt-ie9 .phr.user-info .phr.avatar-edit-mask {
  display: none;
  background: url(https://html-assets-prod.guideflow.com/83b9db6a3a2a0d22e7515b5ec6daa851b9e6a68e) repeat;
  top: -2px;
}
.phr.user-info.guideflow_hovered .phr-avatar {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
.phr.user-info.guideflow_hovered .phr.avatar-edit-mask {
  opacity: 0.3;
}
.lt-ie9 .phr.user-info.guideflow_hovered .phr.avatar-edit-mask {
  display: inline-block;
}
.phr.user-info.guideflow_hovered .phr.avatar-edit {
  display: inline-block;
}
.hs-form-booleancheckbox-display {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.error-page {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin-top: 50px;
  margin-left: 0;
}
@media screen and (min-width: 1200px) {
  .error-page {
    margin-left: 200px;
  }
}
.error-page .header {
  text-align: center;
}
@media (min-width: 1200px) {
  .error-page .header {
    margin-top: 10%;
  }
}
@media (max-width: 1199px) and (orientation: portrait) {
  .error-page .header {
    margin-top: 260px;
  }
}
@media (max-width: 1199px) and (orientation: landscape) {
  .error-page .header {
    margin-top: 130px;
  }
}
.error-page .header .img {
  background-repeat: no-repeat;
  background-size: 120px;
  height: 120px;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
}
.error-page .header .title {
  font-weight: 600;
  font-size: 30px;
  margin-top: 21px;
  margin-bottom: 15px;
}
.error-page .content {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  margin-top: 10.5px;
  margin-bottom: 10.5px;
  line-height: 30px;
}
.error-page.not-setup .header .img {
  background-image: url(https://html-assets-prod.guideflow.com/3d773e45ac4e58771940568cad47431bd53afd1a);
}
.error-page.no-access .header .img {
  background-image: url(https://html-assets-prod.guideflow.com/d9bd6ffe5fa5a15be4ee3e445039ea899dbcd6b3);
}
.error-page.not-found .header .img {
  background-image: url(https://html-assets-prod.guideflow.com/8e9424f60903f59b485310a1de79603daa23e4cd);
}
.error-page.error .header .img {
  background-image: url(https://html-assets-prod.guideflow.com/9c958f4323f60cb956ad164a93c86f0d5c1e05aa);
}
.error-page.expired .header .img {
  background-image: url(https://html-assets-prod.guideflow.com/7079be102f55a7b3186467f1a2687e2ced53c0a8);
}
.error-page.in-maintenance .header .img {
  background-image: url(https://html-assets-prod.guideflow.com/40a9947789bb350209350032f7e2a5b4a49985b6);
}
.error-page.payment-required .header .img {
  background-image: url(https://html-assets-prod.guideflow.com/d9bd6ffe5fa5a15be4ee3e445039ea899dbcd6b3);
}
.block {
  display: block;
  margin: 0 0 10px;
  padding: 20px 15px 1px;
  background-color: white;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*box-shadow: 0 1px 1px @phr-gray-50-50-50-0p2;*/
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  overflow: auto;
}
.block.full {
  padding: 20px 15px;
}
.block.full .block-content-full {
  margin: -20px -15px;
}
.block .block-content-full {
  margin: -20px -15px -1px;
}
.dashboard-title {
  margin-bottom: 20px;
  margin-top: 0 !important;
  color: #98a6ad;
  font-weight: 300;
  font-size: 18px;
}
.bg-lighter {
  background-color: #fbfbfb;
  border-color: #fbfbfb;
}
.bg-light {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.bg-dark {
  background-color: #e4e6ea;
  border-color: #e4e6ea;
}
.bg-darker {
  background-color: #e4e6ea;
  border-color: #e4e6ea;
}
.bg-darkest {
  background-color: #000000;
  border-color: #000000;
}
.bg-black {
  background-color: #000000;
  border-color: #000000;
}
.phr.page-content.content-loading {
  opacity: 0.2;
}
.phr-component {
  opacity: 1.0;
  -webkit-transition: opacity ease-in 0.2s;
  transition: opacity ease-in 0.2s;
}
.phr-component.content-loading {
  height: 85px;
  background-color: white;
  margin: 0;
}
.phr-component .phr.content-loading-indicator {
  background: url(https://html-assets-prod.guideflow.com/b4bf4ff1994dd11154665e9295445917938cdcc2) no-repeat 0 0;
  display: none;
  height: 50px;
  width: 50px;
  margin-left: -25px;
  margin-top: 18px;
  position: relative;
  left: 50%;
  background-color: white;
  /* the GIF only works against a white background */
}
.phr-component .phr-table-loading-indicator {
  display: inline-block;
  height: 50px;
  width: 50px;
  margin-left: -25px;
  margin-top: -5px;
  margin-bottom: 15px;
  position: relative;
  left: 50%;
  background: none !important;
  background-color: transparent !important;
  padding-top: 0 !important;
}
.phr-component .phr-table-empty-hide {
  display: none !important;
}
/* hide the gross, gif indicator unless we are in lt-ie10, lt-ie9 */
.lt-ie10 .phr.content-loading-indicator,
.lt-ie9 .phr.content-loading-indicator {
  display: inline-block !important;
}
.lt-ie10 .uil-ripple-css,
.lt-ie9 .uil-ripple-css {
  display: none !important;
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
.uil-ripple-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
}
.uil-ripple-css div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 12px;
  border-style: solid;
  /*-ms-animation: uil-ripple 2s ease-out infinite;
  -moz-animation: uil-ripple 2s ease-out infinite;
  -webkit-animation: uil-ripple 2s ease-out infinite;
  -o-animation: uil-ripple 2s ease-out infinite;*/
  -webkit-animation: uil-ripple 2s ease-out infinite;
  animation: uil-ripple 2s ease-out infinite;
}
.uil-ripple-css div:nth-of-type(1) {
  border-color: #d9edf7;
}
.uil-ripple-css div:nth-of-type(2) {
  border-color: #d7d3eb;
  /*-ms-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;*/
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
::-moz-selection {
  color: white;
  background: #e2defd;
}
::selection {
  color: white;
  background: #e2defd;
}
.m-none {
  margin: 0 !important;
}
.m-xxs {
  margin: 4px !important;
}
.m-xs {
  margin: 8px !important;
}
.m-sm {
  margin: 10px !important;
}
.m {
  margin: 15px !important;
}
.m-md {
  margin: 20px !important;
}
.m-lg {
  margin: 30px !important;
}
.m-t-none {
  margin-top: 0 !important;
}
.m-t-xxs {
  margin-top: 4px !important;
}
.m-t-xs {
  margin-top: 8px !important;
}
.m-t-sm {
  margin-top: 10px !important;
}
.m-t {
  margin-top: 15px !important;
}
.m-t-md {
  margin-top: 20px !important;
}
.m-t-lg {
  margin-top: 30px !important;
}
.m-r-none {
  margin-right: 0 !important;
}
.m-r-xxs {
  margin-right: 4px !important;
}
.m-r-xs {
  margin-right: 8px !important;
}
.m-r-sm {
  margin-right: 10px !important;
}
.m-r {
  margin-right: 15px !important;
}
.m-r-md {
  margin-right: 20px !important;
}
.m-r-lg {
  margin-right: 30px !important;
}
.m-b-none {
  margin-bottom: 0 !important;
}
.m-b-xxs {
  margin-bottom: 4px !important;
}
.m-b-xs {
  margin-bottom: 8px !important;
}
.m-b-sm {
  margin-bottom: 10px !important;
}
.m-b {
  margin-bottom: 15px !important;
}
.m-b-md {
  margin-bottom: 20px !important;
}
.m-b-lg {
  margin-bottom: 30px !important;
}
.m-l-none {
  margin-left: 0 !important;
}
.m-l-xxs {
  margin-left: 4px !important;
}
.m-l-xs {
  margin-left: 8px !important;
}
.m-l-sm {
  margin-left: 10px !important;
}
.m-l {
  margin-left: 15px !important;
}
.m-l-md {
  margin-left: 20px !important;
}
.m-l-lg {
  margin-left: 30px !important;
}
/*#phr.shorthand-variant(m-t-n, margin-top,-1);
#phr.shorthand-variant(m-r-n, margin-right,-1);
#phr.shorthand-variant(m-b-n, margin-bottom,-1);
#phr.shorthand-variant(m-l-n, margin-left,-1);*/
.p-none {
  padding: 0 !important;
}
.p-xxs {
  padding: 4px !important;
}
.p-xs {
  padding: 8px !important;
}
.p-sm {
  padding: 10px !important;
}
.p {
  padding: 15px !important;
}
.p-md {
  padding: 20px !important;
}
.p-lg {
  padding: 30px !important;
}
.p-t-none {
  padding-top: 0 !important;
}
.p-t-xxs {
  padding-top: 4px !important;
}
.p-t-xs {
  padding-top: 8px !important;
}
.p-t-sm {
  padding-top: 10px !important;
}
.p-t {
  padding-top: 15px !important;
}
.p-t-md {
  padding-top: 20px !important;
}
.p-t-lg {
  padding-top: 30px !important;
}
.p-r-none {
  padding-right: 0 !important;
}
.p-r-xxs {
  padding-right: 4px !important;
}
.p-r-xs {
  padding-right: 8px !important;
}
.p-r-sm {
  padding-right: 10px !important;
}
.p-r {
  padding-right: 15px !important;
}
.p-r-md {
  padding-right: 20px !important;
}
.p-r-lg {
  padding-right: 30px !important;
}
.p-b-none {
  padding-bottom: 0 !important;
}
.p-b-xxs {
  padding-bottom: 4px !important;
}
.p-b-xs {
  padding-bottom: 8px !important;
}
.p-b-sm {
  padding-bottom: 10px !important;
}
.p-b {
  padding-bottom: 15px !important;
}
.p-b-md {
  padding-bottom: 20px !important;
}
.p-b-lg {
  padding-bottom: 30px !important;
}
.p-l-none {
  padding-left: 0 !important;
}
.p-l-xxs {
  padding-left: 4px !important;
}
.p-l-xs {
  padding-left: 8px !important;
}
.p-l-sm {
  padding-left: 10px !important;
}
.p-l {
  padding-left: 15px !important;
}
.p-l-md {
  padding-left: 20px !important;
}
.p-l-lg {
  padding-left: 30px !important;
}
.no-select,
.phr-checkbox,
.phr-radio {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.visible-admin {
  display: none !important;
}
body.role-admin .visible-admin {
  display: block !important;
}
body.role-manager .visible-manager {
  display: block !important;
}
body.role-employee .visible-employee {
  display: block !important;
}
body.role-admin .hidden-admin {
  display: none !important;
}
body.role-manager .hidden-manager {
  display: none !important;
}
body.role-employee .hidden-employee {
  display: none !important;
}
/*.title-bar-variation(@names; @colors; @index) when (iscolor(extract(@colors, @index))) and (@index > 0) {
    .title-bar-variation(@names; @colors; (@index - 1));

    @name: extract(@names, @index);
    @color: extract(@colors, @index);

    &.title-bar-@{name} {
        border-bottom-color: fade(@color,50%);

        .badge {
            background-color: darken(@color,10%);
        }

        .design-big-bar {
            background-color: darken(@color,5%);
        }

        .design-small-bar {
            background-color: darken(@color,10%);
            display: none; // as requested
        }
    }
}*/
.phr-status.status-b-default {
  border-color: #999 !important;
}
.phr-status.status-b-all {
  border-color: #999 !important;
}
.phr-status.status-b-out {
  border-color: #999 !important;
}
.phr-status.status-b-archived {
  border-color: #444 !important;
}
.phr-status.status-b-outstanding {
  border-color: #7965f7 !important;
}
.phr-status.status-b-inprogress {
  border-color: #00b7ff !important;
}
.phr-status.status-b-approved {
  border-color: #35db94 !important;
}
.phr-status.status-b-in {
  border-color: #35db94 !important;
}
.phr-status.status-b-ontime {
  border-color: #35db94 !important;
}
.phr-status.status-b-graced {
  border-color: #69e4b0 !important;
}
.phr-status.status-b-early {
  border-color: #f7e246 !important;
}
.phr-status.status-b-late {
  border-color: #f7e246 !important;
}
.phr-status.status-b-pendingapproval {
  border-color: #f7e246 !important;
}
.phr-status.status-b-pendingmyapproval {
  border-color: #7965f7 !important;
}
.phr-status.status-b-rejected {
  border-color: #f94362 !important;
}
.phr-status.status-b-missing {
  border-color: #f94362 !important;
}
.phr-status.status-b-notsubmitted {
  border-color: #bfbfbf !important;
}
.phr-status.status-b-underreview {
  border-color: #c19850 !important;
}
.phr-status.status-b-overdue {
  border-color: #f94362 !important;
}
.phr-status.status-b-sent {
  border-color: #d5b989 !important;
}
.phr-status.status-b-awaitingsignature {
  border-color: #ac9ffa !important;
}
.phr-status.status-b-signedaccepted {
  border-color: #27c24c !important;
}
.phr-status.status-b-signeddeclined {
  border-color: #f94362 !important;
}
.phr-status.status-bg-default {
  background-color: #999 !important;
}
.phr-status.status-bg-all {
  background-color: #999 !important;
}
.phr-status.status-bg-out {
  background-color: #999 !important;
}
.phr-status.status-bg-archived {
  background-color: #444 !important;
}
.phr-status.status-bg-outstanding {
  background-color: #7965f7 !important;
}
.phr-status.status-bg-inprogress {
  background-color: #00b7ff !important;
}
.phr-status.status-bg-approved {
  background-color: #35db94 !important;
}
.phr-status.status-bg-in {
  background-color: #35db94 !important;
}
.phr-status.status-bg-ontime {
  background-color: #35db94 !important;
}
.phr-status.status-bg-graced {
  background-color: #69e4b0 !important;
}
.phr-status.status-bg-early {
  background-color: #f7e246 !important;
}
.phr-status.status-bg-late {
  background-color: #f7e246 !important;
}
.phr-status.status-bg-pendingapproval {
  background-color: #f7e246 !important;
}
.phr-status.status-bg-pendingmyapproval {
  background-color: #7965f7 !important;
}
.phr-status.status-bg-rejected {
  background-color: #f94362 !important;
}
.phr-status.status-bg-missing {
  background-color: #f94362 !important;
}
.phr-status.status-bg-notsubmitted {
  background-color: #bfbfbf !important;
}
.phr-status.status-bg-underreview {
  background-color: #c19850 !important;
}
.phr-status.status-bg-overdue {
  background-color: #f94362 !important;
}
.phr-status.status-bg-sent {
  background-color: #d5b989 !important;
}
.phr-status.status-bg-awaitingsignature {
  background-color: #ac9ffa !important;
}
.phr-status.status-bg-signedaccepted {
  background-color: #27c24c !important;
}
.phr-status.status-bg-signeddeclined {
  background-color: #f94362 !important;
}
.phr-status.status-c-default {
  color: #999 !important;
}
.phr-status.status-c-all {
  color: #999 !important;
}
.phr-status.status-c-out {
  color: #999 !important;
}
.phr-status.status-c-archived {
  color: #444 !important;
}
.phr-status.status-c-outstanding {
  color: #7965f7 !important;
}
.phr-status.status-c-inprogress {
  color: #00b7ff !important;
}
.phr-status.status-c-approved {
  color: #35db94 !important;
}
.phr-status.status-c-in {
  color: #35db94 !important;
}
.phr-status.status-c-ontime {
  color: #35db94 !important;
}
.phr-status.status-c-graced {
  color: #69e4b0 !important;
}
.phr-status.status-c-early {
  color: #f7e246 !important;
}
.phr-status.status-c-late {
  color: #f7e246 !important;
}
.phr-status.status-c-pendingapproval {
  color: #f7e246 !important;
}
.phr-status.status-c-pendingmyapproval {
  color: #7965f7 !important;
}
.phr-status.status-c-rejected {
  color: #f94362 !important;
}
.phr-status.status-c-missing {
  color: #f94362 !important;
}
.phr-status.status-c-notsubmitted {
  color: #bfbfbf !important;
}
.phr-status.status-c-underreview {
  color: #c19850 !important;
}
.phr-status.status-c-overdue {
  color: #f94362 !important;
}
.phr-status.status-c-sent {
  color: #d5b989 !important;
}
.phr-status.status-c-awaitingsignature {
  color: #ac9ffa !important;
}
.phr-status.status-c-signedaccepted {
  color: #27c24c !important;
}
.phr-status.status-c-signeddeclined {
  color: #f94362 !important;
}
.cursor-auto {
  cursor: auto;
}
.cursor-copy {
  cursor: copy;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-default {
  cursor: default;
}
.cursor-help {
  cursor: help;
}
.cursor-move {
  cursor: move;
}
.cursor-no-drop {
  cursor: no-drop;
}
.cursor-none {
  cursor: none;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.cursor-vertical-text {
  cursor: vertical-text;
}
.cursor-wait {
  cursor: wait;
}
.cursor-zoom-in {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.cursor-zoom-out {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
/*
    This file is for all the PurelyHR animations.
    The used prefix of .phr.motus sets up the basics/defaults
    .motus.name will be used to define our animations.

    <div class="phr motus motus-open"></div>


    This also means if we are in a container that 
    already defines phr prefix we can piggyback on it.

    <div class="phr cool-container motus motus-open"></div>

*/
.phr.motus {
  -webkit-animation-duration: 332ms;
  animation-duration: 332ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.is-exiting {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}
.lt-ie9 .is-exiting {
  display: none !important;
  visibility: hidden !important;
}
.motus-fadeinright {
  -webkit-animation-name: motus-fadeinright;
  animation-name: motus-fadeinright;
}
.lt-ie9 .motus-fadeinright {
  display: block;
  visibility: visible;
}
@-webkit-keyframes motus-fadeinright {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}
@keyframes motus-fadeinright {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}
.motus-fadeinleft {
  -webkit-animation-name: motus-fadeinleft;
  animation-name: motus-fadeinleft;
}
.lt-ie9 .motus-fadeinleft {
  display: block;
  visibility: visible;
}
@-webkit-keyframes motus-fadeinleft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes motus-fadeinleft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.motus-fadeintop {
  -webkit-animation-name: motus-fadeintop;
  animation-name: motus-fadeintop;
}
.lt-ie9 .motus-fadeintop {
  display: block;
  visibility: visible;
}
@-webkit-keyframes motus-fadeintop {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes motus-fadeintop {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.motus-fadeinbottom {
  -webkit-animation-name: motus-fadeinbottom;
  animation-name: motus-fadeinbottom;
}
.lt-ie9 .motus-fadeinbottom {
  display: block;
  visibility: visible;
}
@-webkit-keyframes motus-fadeinbottom {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes motus-fadeinbottom {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.phr-control-group.required .form-control,
.phr-control-group.form-group.required .form-control,
.form-group .phr-control-group.required .form-control,
.phr-control-group .form-group.required .form-control {
  background-color: rgba(98, 181, 229, 0.075);
}
.phr-control-group.required .phr-checkbox-list,
.phr-control-group.form-group.required .phr-checkbox-list,
.form-group .phr-control-group.required .phr-checkbox-list,
.phr-control-group .form-group.required .phr-checkbox-list {
  background-color: rgba(98, 181, 229, 0.075);
}
.phr-control-group.has-error .form-control,
.phr-control-group.form-group.has-error .form-control,
.form-group .phr-control-group.has-error .form-control,
.phr-control-group .form-group.has-error .form-control {
  color: #b53817;
  border-color: #b53817;
  background-color: #f9edef;
}
.phr-control-group.has-error .phr-checkbox-list,
.phr-control-group.form-group.has-error .phr-checkbox-list,
.form-group .phr-control-group.has-error .phr-checkbox-list,
.phr-control-group .form-group.has-error .phr-checkbox-list {
  color: #b53817;
  border-color: #b53817;
  background-color: #f9edef;
}
.phr-control-group.has-error label,
.phr-control-group.form-group.has-error label,
.form-group .phr-control-group.has-error label,
.phr-control-group .form-group.has-error label {
  color: #b53817;
}
.phr-control-group.has-error .help-block,
.phr-control-group.form-group.has-error .help-block,
.form-group .phr-control-group.has-error .help-block,
.phr-control-group .form-group.has-error .help-block {
  color: #b53817;
}
.phr-control-group.has-error .input-group-addon,
.phr-control-group.form-group.has-error .input-group-addon,
.form-group .phr-control-group.has-error .input-group-addon,
.phr-control-group .form-group.has-error .input-group-addon {
  color: #b53817;
  border-color: #b53817;
  background-color: #f9edef;
}
.phr-control-group.has-focus .form-control,
.phr-control-group.form-group.has-focus .form-control,
.form-group .phr-control-group.has-focus .form-control,
.phr-control-group .form-group.has-focus .form-control {
  color: #4dcdff;
  background-color: #d6f3ff;
}
.phr-control-group.has-focus label,
.phr-control-group.form-group.has-focus label,
.form-group .phr-control-group.has-focus label,
.phr-control-group .form-group.has-focus label {
  color: #00b7ff;
}
.error-summary {
  color: #b53817;
  border-top: 2px solid #b53817;
}
.phr-hidden-validation-field {
  position: absolute !important;
  top: -10000px;
  left: -10000px;
}
#phr-layout-sidebar-content > .content > section {
  padding: 20px;
  border-bottom: 1px solid #fbfbfb;
}
#phr-layout-sidebar-content > .content > section h3 {
  /* from angulr: */
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  margin-top: 0;
}
.phr-approval-sidepanel {
  /* from angulr, overriding bootstrap's .nav.nav-tabs for the sidepanel */
}
.phr-approval-sidepanel ul.nav.nav-tabs,
.phr-approval-sidepanel ol.nav.nav-tabs {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-color: #caced5;
  border-bottom: 2px solid #caced5;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li,
.phr-approval-sidepanel ol.nav.nav-tabs > li {
  margin-bottom: -2px;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li > a,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-right: 2px;
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 0;
  cursor: pointer;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li > a > i,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a > i {
  padding: 10px;
  margin-right: 0 !important;
  color: #98a6ad;
  /*color: @phr-green !important;*/
  font-size: 16px;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li > a > .tab-title,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a > .tab-title {
  display: none;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li.active,
.phr-approval-sidepanel ol.nav.nav-tabs > li.active {
  border-bottom: 2px solid #00b7ff !important;
}
.phr-approval-sidepanel .tab-content > .tab-pane {
  padding: 20px;
}
.phr-approval-sidepanel .tab-content > .tab-pane > h3.pane-header {
  /* from angulr: */
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  margin-top: 0;
  margin-bottom: 5px;
}
.title-bar {
  position: relative;
  width: 100%;
  border-bottom: solid 1px rgba(153, 153, 153, 0.5);
  font-weight: normal;
  padding: 0 0 8px 0;
  margin-bottom: 20px;
}
.title-bar h1,
.title-bar h2,
.title-bar h3,
.title-bar h4,
.title-bar h5,
.title-bar h6,
.title-bar .h1,
.title-bar .h2,
.title-bar .h3,
.title-bar .h4,
.title-bar .h5,
.title-bar .h6 {
  margin: 0;
  padding: 0;
}
.title-bar .design-big-bar {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 33.33%;
  height: 3px;
  background-color: #676767;
  display: none;
}
.title-bar .design-small-bar {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 66.66%;
  height: 1px;
  background-color: #676767;
  display: none;
}
.phr-approval-status-alert {
  background-color: white;
  border: 1px solid;
  font-size: 16px;
}
.phr-approval-status-alert.alert-info {
  border-color: #00b7ff;
  color: #00b7ff;
}
.phr-approval-status-alert.alert-danger {
  border-color: #f94362;
  color: #f94362;
}
.phr-approval-status-alert.alert-primary {
  border-color: #7965f7;
  color: #7965f7;
}
.phr-approval-status-alert.alert-success {
  border-color: #35db94;
  color: #35db94;
}
.phr-approval-status-alert.alert-warning {
  border-color: #f7e246;
  color: #f7e246;
}
ul.nav-horizontal {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.nav-horizontal li {
  display: inline-block;
  margin: 0 3px 9px;
  text-align: center;
}
ul.nav-horizontal li:first-child {
  margin-left: 0;
}
ul.nav-horizontal a {
  display: block;
  min-width: 140px;
  padding: 0;
  padding-bottom: 10px;
  background-color: white;
  border-radius: 0px;
  color: #777777;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 3px #afafaf;
}
ul.nav-horizontal a:focus {
  text-decoration: underline;
}
ul.nav-horizontal i {
  display: block;
  height: 55px;
  margin-right: 0;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 42px;
}
ul.nav-horizontal li.active a,
ul.nav-horizontal li.guideflow_hovered a {
  color: #7965f7;
  text-decoration: none;
  border-bottom-color: #7965f7;
}
ul.nav-horizontal li.active a i,
ul.nav-horizontal li.guideflow_hovered a i {
  color: #7965f7;
}
@media (min-width: 768px) and (max-width: 1199px) {
  ul.nav-horizontal a {
    min-width: 132px;
  }
}
.phr-settings-auto-save {
  position: absolute;
  left: -10px;
}
.phr-assignable-toggle {
  cursor: pointer;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  background-color: white;
  padding: 0 0 6px 6px;
}
.phr-assignable-toggle.expanded {
  background-color: #f5f5f5;
  border-top: 1px solid #e4e6ea;
  border-bottom: 1px solid #e4e6ea;
}
.phr-assignable-toggle:not(.expanded).guideflow_hovered {
  border-top: 1px solid #e4e6ea;
  border-bottom: 1px solid #e4e6ea;
  background-color: #fbfbfb;
}
.phr-assignable-toggle .btn.pull-right {
  position: relative;
  top: 20px;
  right: 16px;
}
.phr-assignable-toggle.collapsed + .phr-assignable-section {
  display: none;
}
.phr-assignable-toggle.expanded + .phr-assignable-section {
  display: block;
}
.phr-checkbox {
  cursor: pointer;
}
.phr-checkbox[disabled="disabled"] {
  cursor: not-allowed;
}
label.phr-checkbox {
  margin-bottom: 0;
}
.phr-checkbox input {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.lt-ie9 .phr-checkbox input,
.lt-ie10 .phr-checkbox input {
  width: auto !important;
  height: auto !important;
}
.phr-checkbox input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox input.indeterminate + i {
  border-color: #58666e;
}
.phr-checkbox input[type="checkbox"]:checked + i,
.phr-checkbox input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox input.indeterminate + i {
  border-color: #58666e;
}
.phr-checkbox input[type="checkbox"]:checked + i:before,
.phr-checkbox input[type="checkbox"][indeterminate="true"] + i:before,
.phr-checkbox input.indeterminate + i:before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  color: #58666e;
}
.phr-checkbox input[type="checkbox"]:checked + i:before {
  content: "\f00c";
}
.phr-checkbox input[type="checkbox"][indeterminate="true"] + i:before,
.phr-checkbox input.indeterminate + i:before {
  content: "\f068";
}
.phr-checkbox input[disabled] + i,
fieldset[disabled] .phr-checkbox input + i {
  border-color: #d8dbe0;
}
.phr-checkbox input[disabled] + i:before,
fieldset[disabled] .phr-checkbox input + i:before {
  color: #caced5;
}
.phr-checkbox i {
  position: relative;
  width: 18px;
  height: 18px;
  line-height: 1;
  border: 1px solid #caced5;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
  background-color: white;
  margin-right: 4px;
  margin-left: 7px;
  margin-top: 1px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.lt-ie9 .phr-checkbox i,
.lt-ie10 .phr-checkbox i {
  display: none;
}
.phr-checkbox.checkbox-default input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-default input.indeterminate + i {
  border-color: #58666e;
}
.phr-checkbox.checkbox-default input[type="checkbox"]:checked + i,
.phr-checkbox.checkbox-default input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-default input.indeterminate + i {
  border-color: #58666e;
}
.phr-checkbox.checkbox-default input[type="checkbox"]:checked + i:before,
.phr-checkbox.checkbox-default input[type="checkbox"][indeterminate="true"] + i:before,
.phr-checkbox.checkbox-default input.indeterminate + i:before {
  color: #58666e;
}
.phr-checkbox.checkbox-primary input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-primary input.indeterminate + i {
  border-color: #7965f7;
}
.phr-checkbox.checkbox-primary input[type="checkbox"]:checked + i,
.phr-checkbox.checkbox-primary input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-primary input.indeterminate + i {
  border-color: #7965f7;
}
.phr-checkbox.checkbox-primary input[type="checkbox"]:checked + i:before,
.phr-checkbox.checkbox-primary input[type="checkbox"][indeterminate="true"] + i:before,
.phr-checkbox.checkbox-primary input.indeterminate + i:before {
  color: #7965f7;
}
.phr-checkbox.checkbox-info input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-info input.indeterminate + i {
  border-color: #00b7ff;
}
.phr-checkbox.checkbox-info input[type="checkbox"]:checked + i,
.phr-checkbox.checkbox-info input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-info input.indeterminate + i {
  border-color: #00b7ff;
}
.phr-checkbox.checkbox-info input[type="checkbox"]:checked + i:before,
.phr-checkbox.checkbox-info input[type="checkbox"][indeterminate="true"] + i:before,
.phr-checkbox.checkbox-info input.indeterminate + i:before {
  color: #00b7ff;
}
.phr-checkbox.checkbox-success input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-success input.indeterminate + i {
  border-color: #35db94;
}
.phr-checkbox.checkbox-success input[type="checkbox"]:checked + i,
.phr-checkbox.checkbox-success input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-success input.indeterminate + i {
  border-color: #35db94;
}
.phr-checkbox.checkbox-success input[type="checkbox"]:checked + i:before,
.phr-checkbox.checkbox-success input[type="checkbox"][indeterminate="true"] + i:before,
.phr-checkbox.checkbox-success input.indeterminate + i:before {
  color: #35db94;
}
.phr-checkbox.checkbox-warning input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-warning input.indeterminate + i {
  border-color: #f7e246;
}
.phr-checkbox.checkbox-warning input[type="checkbox"]:checked + i,
.phr-checkbox.checkbox-warning input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-warning input.indeterminate + i {
  border-color: #f7e246;
}
.phr-checkbox.checkbox-warning input[type="checkbox"]:checked + i:before,
.phr-checkbox.checkbox-warning input[type="checkbox"][indeterminate="true"] + i:before,
.phr-checkbox.checkbox-warning input.indeterminate + i:before {
  color: #f7e246;
}
.phr-checkbox.checkbox-danger input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-danger input.indeterminate + i {
  border-color: #f94362;
}
.phr-checkbox.checkbox-danger input[type="checkbox"]:checked + i,
.phr-checkbox.checkbox-danger input[type="checkbox"][indeterminate="true"] + i,
.phr-checkbox.checkbox-danger input.indeterminate + i {
  border-color: #f94362;
}
.phr-checkbox.checkbox-danger input[type="checkbox"]:checked + i:before,
.phr-checkbox.checkbox-danger input[type="checkbox"][indeterminate="true"] + i:before,
.phr-checkbox.checkbox-danger input.indeterminate + i:before {
  color: #f94362;
}
.phr-checkbox-list {
  margin-bottom: 0;
  padding: 7px 12px;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.phr-checkbox-list.non-empty {
  max-height: 100px;
  overflow-y: auto;
  padding: 8px 4px;
  padding-bottom: 3px;
}
.phr-checkbox-list.non-empty label.phr-checkbox {
  position: relative;
  font-weight: normal;
  display: block;
  height: 29px;
  padding: 0;
  padding-bottom: 8px;
  margin-bottom: 0;
}
.phr-checkbox-list.non-empty label.phr-checkbox .checkbox-text {
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  left: 36px;
  right: 4px;
  -webkit-transition: color ease-in-out 0.15s;
  transition: color ease-in-out 0.15s;
}
.phr-checkbox-list.non-empty input[type="checkbox"][disabled] ~ .checkbox-text {
  color: #96a1ac;
}
.phr-date-navigator-container.navigator .loading-indicator {
  right: 97px;
}
.phr-date-navigator-container.with-picker div.form-control {
  cursor: pointer;
}
.phr-date-navigator-container div.form-control {
  text-align: left;
  line-height: 22px;
  overflow-y: hidden;
}
.phr-date-navigator-container .input-group-btn.first > .btn {
  z-index: 2;
  margin-left: -1px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.phr-date-navigator-container .input-group-btn .btn[disabled],
.phr-date-navigator-container .input-group-btn .btn.disabled {
  border-color: #caced5;
  opacity: 1;
  color: #98a6ad !important;
}
.phr-comments-list {
  margin-top: 18px;
}
.phr-comments-list .m-b-n-sm {
  margin-bottom: -10px;
}
.phr-comments-list .pos-rlt {
  position: relative;
}
.phr-comments-list .panel {
  margin-bottom: 20px;
  background-color: white;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
}
.phr-comments-list .panel-default {
  border-color: #caced5;
}
.phr-comments-list .panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd !important;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.phr-comments-list .no-border,
.phr-comments-list .no-borders {
  border-color: transparent;
  border-width: 0;
}
.phr-comments-list .bg-light {
  color: #333333;
  background-color: #f5f5f5;
}
.phr-comments-list .bg-light.lter,
.phr-comments-list .bg-light .lter {
  background-color: #fbfbfb;
}
.phr-comments-list .b-a {
  border: 1px solid #caced5 !important;
}
.phr-comments-list .b-b {
  border-bottom: 1px solid #caced5;
}
.phr-comments-list .b-light {
  border-color: #f5f5f5;
}
.phr-comments-list .arrow {
  /* .arrow affects the partial calendar (in the punch create/edit modal) */
  z-index: 10;
  border-width: 9px;
}
.phr-comments-list .arrow,
.phr-comments-list .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.phr-comments-list .arrow:after {
  border-width: 8px;
  content: "";
}
.phr-comments-list .arrow.left {
  top: 50%;
  left: -9px;
  margin-top: -9px;
  border-right-color: rgba(0, 0, 0, 0.15);
  border-left-width: 0;
}
.phr-comments-list .arrow.left:after {
  bottom: -8px;
  left: 1px;
  border-right-color: white;
  border-left-width: 0;
}
.phr-comments-list .form-control {
  /* ES: we must override the purelyhr/bootstrap styles here */
  background-color: #fff !important;
}
.phr-comments-list.slim {
  margin-top: 0;
  max-height: 300px;
  overflow-y: auto;
}
.phr-comments-list.slim .panel-heading {
  padding: 3px 6px !important;
}
.phr-comments-list.slim .panel-heading .comment-date {
  font-size: 12px;
}
.phr-comments-list.slim .panel-heading .phr-delete-item i {
  padding-right: 10px;
}
.phr-comments-list.slim .panel-heading .visibility-display {
  padding-right: 11px;
  padding-top: 2px;
}
.phr-comments-list.slim .panel {
  border-top: none;
}
.phr-comments-list.slim .panel-body {
  padding: 5px 5px 10px 5px;
  border-bottom: 1px solid #f0f0f0;
  /* from angulr: */
  color: #58666e;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.phr-comments-list.slim .phr-avatar img {
  width: 38px !important;
  height: 38px !important;
  margin-top: 3px;
}
.phr-comments-list.slim .media {
  margin-top: 10px;
}
.phr-comments-list.slim .comment-user,
.phr-comments-list.slim .comment-date {
  margin-left: 3px;
}
.phr-comments-list.slim .text-muted {
  /* from angulr: */
  color: #58666e;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.phr-comments-list.slim .text-super-muted {
  /* from angulr: */
  color: #96a1ac;
  font-size: 13px;
  line-height: 18.5714px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.phr-comments-list.slim i.fa.text-super-muted {
  /* from angulr: */
  font-size: 12px;
}
.phr-prototype-comment form {
  padding-left: 8px;
}
.phr-prototype-comment .form-control {
  /* ES: we must override the purelyhr/bootstrap styles here */
  background-color: #fff !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.phr-prototype-comment .panel {
  margin-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.phr-prototype-comment .panel-footer {
  border-top: none;
}
.phr-prototype-comment.slim textarea.phr-new-comment {
  resize: vertical;
}
.phr-prototype-comment.slim .panel-footer {
  padding: 5px 5px 0px;
}
.phr-prototype-comment.slim .panel-footer select {
  width: 100% !important;
}
.phr-prototype-comment.slim .phr-new-comment {
  margin-top: 5px;
  margin-bottom: 5px;
}
.phr-prototype-comment.slim .visibility-body .well {
  padding: 0 7px 0;
  margin: 0 0 0 9px;
}
.phr-prototype-comment.slim .visibility-body p {
  margin: 5px 0 0 18px;
}
.phr-prototype-comment.slim .visibility-body .radio span {
  font-size: 13px;
  margin-top: 1px;
}
.phr-prototype-comment.slim .visibility-header {
  margin-bottom: 5px;
}
.phr-prototype-comment.slim .visibility-header button {
  margin-left: 8px;
  padding: 2px 8px;
}
.phr-prototype-comment.slim .visibility-header .selected-visibility {
  font-size: 13px;
  margin-top: 3px;
  padding-left: 0;
  margin-left: 0;
}
.phr-knows-picker-container.navigator .loading-indicator {
  right: 97px;
}
.phr-knows-picker-container.navigator.slim .content {
  position: relative;
}
.phr-knows-picker-container.navigator.slim .loading-indicator {
  right: 13px;
}
.phr-knows-picker-container .input-group-btn.first > .btn {
  z-index: 2;
  margin-left: -1px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.phr-knows-picker-container .input-group-btn .btn[disabled],
.phr-knows-picker-container .input-group-btn .btn.disabled {
  border-color: #caced5;
  opacity: 1;
  color: #98a6ad !important;
}
.phr-label {
  margin: 0;
  border-left: solid 8px;
  padding: 10px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  overflow: hidden;
  cursor: default;
}
.phr-label.clickable {
  cursor: pointer;
}
.phr-label.label-default {
  color: #e5e5e5;
  border-color: #7a7a7a;
  background-color: #999;
}
.phr-label.label-all {
  color: #e5e5e5;
  border-color: #7a7a7a;
  background-color: #999;
}
.phr-label.label-out {
  color: #e5e5e5;
  border-color: #7a7a7a;
  background-color: #999;
}
.phr-label.label-archived {
  color: #919191;
  border-color: #252525;
  background-color: #444;
}
.phr-label.label-outstanding {
  color: #f8f6ff;
  border-color: #462bf4;
  background-color: #7965f7;
}
.phr-label.label-inprogress {
  color: #99e2ff;
  border-color: #008bc2;
  background-color: #00b7ff;
}
.phr-label.label-approved {
  color: #b7f2d9;
  border-color: #20b374;
  background-color: #35db94;
}
.phr-label.label-in {
  color: #b7f2d9;
  border-color: #20b374;
  background-color: #35db94;
}
.phr-label.label-ontime {
  color: #b7f2d9;
  border-color: #20b374;
  background-color: #35db94;
}
.phr-label.label-graced {
  color: #ebfbf4;
  border-color: #35db94;
  background-color: #69e4b0;
}
.phr-label.label-early {
  color: #fdf9d9;
  border-color: #f4d90b;
  background-color: #f7e246;
}
.phr-label.label-late {
  color: #fdf9d9;
  border-color: #f4d90b;
  background-color: #f7e246;
}
.phr-label.label-pendingapproval {
  color: #fdf9d9;
  border-color: #f4d90b;
  background-color: #f7e246;
}
.phr-label.label-pendingmyapproval {
  color: #f8f6ff;
  border-color: #462bf4;
  background-color: #7965f7;
}
.phr-label.label-rejected {
  color: #fed7de;
  border-color: #f70831;
  background-color: #f94362;
}
.phr-label.label-missing {
  color: #fed7de;
  border-color: #f70831;
  background-color: #f94362;
}
.phr-label.label-notsubmitted {
  color: #ffffff;
  border-color: #a0a0a0;
  background-color: #bfbfbf;
}
.phr-label.label-underreview {
  color: #e9dac1;
  border-color: #9c7737;
  background-color: #c19850;
}
.phr-label.label-overdue {
  color: #fed7de;
  border-color: #f70831;
  background-color: #f94362;
}
.phr-label.label-sent {
  color: #fdfcf9;
  border-color: #c59e5b;
  background-color: #d5b989;
}
.phr-label.label-awaitingsignature {
  color: #ffffff;
  border-color: #7965f7;
  background-color: #ac9ffa;
}
.phr-label.label-signedaccepted {
  color: #98eaab;
  border-color: #1d8f38;
  background-color: #27c24c;
}
.phr-label.label-signeddeclined {
  color: #fed7de;
  border-color: #f70831;
  background-color: #f94362;
}
.phr-label.label-late {
  color: white !important;
  background-color: #debc1b !important;
}
.phr-label.label-notcreated {
  border-top: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  border-left: 8px solid #a0a0a0;
  color: #a0a0a0;
  padding-top: 9px;
  padding-bottom: 9px;
}
@media (max-width: 991px) {
  .phr-table td.phr-mobile-status {
    position: relative;
    padding-left: 15px;
  }
  .phr-table td.phr-mobile-status .phr-label.label-bar {
    position: absolute;
    border-left: 0;
    padding: 0;
    top: 2px;
    left: 0;
    bottom: 2px;
    width: 4px;
  }
}
@media (min-width: 992px) {
  .phr-table td.phr-mobile-status .phr-label.label-bar {
    display: none;
  }
}
.label-indicator.for-tab {
  margin-left: 6px;
  position: relative;
  top: -1px;
}
.phr-log-entry-list {
  padding: 10px;
  padding-left: 2px;
  /* from angulr theme: STREAMLINE */
}
.phr-log-entry-list .streamline {
  position: relative;
  border-color: #caced5;
}
.phr-log-entry-list .m-b {
  margin-bottom: 15px;
}
.phr-log-entry-list .m-l {
  margin-left: 15px;
}
.phr-log-entry-list .b-l {
  border-left: 1px solid #caced5;
}
.phr-log-entry-list .sl-item {
  position: relative;
  padding-bottom: 1px;
  border-color: #caced5;
}
.phr-log-entry-list .sl-item:before,
.phr-log-entry-list .sl-item:after {
  display: table;
  content: " ";
}
.phr-log-entry-list .streamline .sl-item:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 9px;
  height: 9px;
  margin-left: -5px;
  background-color: white;
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  content: '';
}
.phr-log-entry-list .sl-item:after {
  top: 6px;
  clear: both;
}
.phr-log-entry-list .sl-item.b-l {
  margin-left: -1px;
}
.phr-log-entry-list .b-success {
  border-color: #27c24c;
}
.phr-log-entry-list .b-warning {
  border-color: #fad733;
}
.phr-log-entry-list .b-info {
  border-color: #23b7e5;
}
.phr-log-entry-list .text-muted {
  /* from angulr: */
  color: #96a1ac;
  font-size: 13px;
  line-height: 18.5714px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.phr-log-entry-list p {
  /* from angulr: */
  color: #58666e;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
div.orgChart {
  margin: 10px;
  padding: 20px;
}
div.orgChart table {
  width: 100%;
}
div.orgChart tr.lines td.line {
  width: 1px;
  height: 20px;
}
div.orgChart tr.lines td.top {
  border-top: 1px solid #e4e6ea;
}
div.orgChart tr.lines td.left {
  border-right: 1px solid #e4e6ea;
}
div.orgChart tr.lines td.right {
  border-left: 0px solid #e4e6ea;
}
div.orgChart tr.lines td.half {
  width: 50%;
}
div.orgChart td {
  text-align: center;
  vertical-align: top;
  padding: 0px 2px;
}
div.orgChart .node {
  cursor: default;
  border: 1px solid #e7e7e7;
  display: inline-block;
  padding: 5px;
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbfbfb));
  background: -webkit-linear-gradient(top, #fff 0%, #fbfbfb 100%);
  background: linear-gradient(to bottom, #fff 0%, #fbfbfb 100%);
  line-height: 1.3em;
  border-radius: 4px;
  position: relative;
}
.phr-org-chart .node {
  top: 2px;
  min-height: 60px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.035);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.035);
}
.phr-org-chart .node.root div,
.phr-org-chart .node.company div {
  padding: 20px;
  font-size: 18px;
  font-weight: 600;
  white-space: normal;
  max-width: none;
  overflow-y: visible;
}
.phr-org-chart .node.department div {
  font-size: 16px;
  font-weight: 600;
  padding: 20px;
  white-space: normal;
  max-width: none;
  overflow-y: visible;
}
.phr-org-chart .node.managers,
.phr-org-chart .node.employees {
  padding: 0;
}
.phr-org-chart .node.managers .header,
.phr-org-chart .node.employees .header {
  background-color: #fbfbfb;
  border-bottom: 1px solid #e4e6ea;
  padding: 10px;
  font-weight: 600;
}
.phr-org-chart .node.managers .content,
.phr-org-chart .node.employees .content {
  padding: 10px;
  min-width: 100px;
  max-width: 300px;
  overflow-x: hidden;
  max-height: 247px;
  overflow-y: auto;
  white-space: nowrap;
}
/*.org-add-button, .org-del-button, .org-confirm-del-button{
    position: absolute;
    font-size: 12px;
}

.org-add-button{
    bottom: 3px;
    left: 5px;
    padding-left: 13px;
    background: url(./add.png) no-repeat 0 3px;

}

.org-add-button.guideflow_hovered, .org-del-button.guideflow_hovered{
    background-color: @phr-gray-eef;
    border-radius: 2px;
    cursor: pointer;
}

.org-del-button{
    background: url(./delete.png) no-repeat;
    width: 12px;
    height: 12px;
    bottom: 7px;
    right: 5px;
}

.org-input{
    width: 90px;
}

.org-confirm-del-button{
    display: none;
}*/
.phr-partial-calendar.picker {
  position: absolute;
  z-index: 30;
  background-color: white;
  margin-right: 15px;
  top: 36px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.025), 1px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.025), 1px 1px 2px rgba(0, 0, 0, 0.05);
}
.phr-partial-calendar {
  min-width: 250px;
  /*.arrow-block.start {
        left: 0;
    }*/
  /*.arrow-block.end {
        right: 0;
    }*/
}
.phr-partial-calendar table,
table.phr-partial-calendar {
  table-layout: fixed;
  margin-bottom: 0;
}
.phr-partial-calendar table.header thead > tr,
table.phr-partial-calendar.header thead > tr {
  border: 1px solid #caced5;
  border-bottom: none;
}
.phr-partial-calendar table.header thead > tr > th,
table.phr-partial-calendar.header thead > tr > th {
  border: none;
}
.phr-partial-calendar table.header .phr-next-btn,
table.phr-partial-calendar.header .phr-next-btn {
  border-left: 1px solid #caced5;
}
.phr-partial-calendar table.header .phr-previous-btn,
table.phr-partial-calendar.header .phr-previous-btn {
  border-right: 1px solid #caced5;
}
.phr-partial-calendar table.header .phr-next-btn,
table.phr-partial-calendar.header .phr-next-btn,
.phr-partial-calendar table.header .phr-previous-btn,
table.phr-partial-calendar.header .phr-previous-btn {
  vertical-align: middle;
  cursor: pointer;
  width: 45px;
}
.phr-partial-calendar table.header .phr-next-btn.guideflow_hovered,
table.phr-partial-calendar.header .phr-next-btn.guideflow_hovered,
.phr-partial-calendar table.header .phr-previous-btn.guideflow_hovered,
table.phr-partial-calendar.header .phr-previous-btn.guideflow_hovered {
  background-color: #f5f5f5;
  color: #555;
}
.phr-partial-calendar table.header .phr-next-btn.disabled,
table.phr-partial-calendar.header .phr-next-btn.disabled,
.phr-partial-calendar table.header .phr-previous-btn.disabled,
table.phr-partial-calendar.header .phr-previous-btn.disabled {
  background-color: white;
  color: #bbb;
}
.phr-partial-calendar table.header .phr-next-btn.disabled.guideflow_hovered,
table.phr-partial-calendar.header .phr-next-btn.disabled.guideflow_hovered,
.phr-partial-calendar table.header .phr-previous-btn.disabled.guideflow_hovered,
table.phr-partial-calendar.header .phr-previous-btn.disabled.guideflow_hovered {
  background-color: white;
  color: #bbb;
}
.phr-partial-calendar table.content thead > tr,
table.phr-partial-calendar.content thead > tr {
  border: 1px solid #caced5;
}
.phr-partial-calendar table.content thead > tr > th,
table.phr-partial-calendar.content thead > tr > th {
  border: none;
}
.phr-partial-calendar table.content tbody,
table.phr-partial-calendar.content tbody {
  border: 1px solid #caced5;
}
.phr-partial-calendar td,
.phr-partial-calendar th {
  text-align: center;
  -webkit-transition: background 147ms ease-in-out;
  transition: background 147ms ease-in-out;
}
.phr-partial-calendar tr.guideflow_hovered > td {
  opacity: 0.75;
  cursor: pointer;
}
.phr-partial-calendar.squished td,
.phr-partial-calendar.squished th {
  padding: 3px;
}
.phr-partial-calendar .not-in-range {
  background-color: white;
}
.phr-partial-calendar .out-of-view {
  background-color: #f9f9f9;
  color: #bbb;
}
.phr-partial-calendar .disabled {
  color: #bbb;
}
.phr-partial-calendar .out-of-view.disabled {
  background-color: #f9f9f9;
  color: #bbb;
}
.phr-partial-calendar .month .picker,
.phr-partial-calendar .year .picker {
  padding: 0 2px;
}
.phr-partial-calendar.squished .month .picker,
.phr-partial-calendar.squished .year .picker {
  padding: 2px 2px;
}
.phr-partial-calendar select {
  background-color: white !important;
  border-color: #caced5 !important;
  color: #777 !important;
}
.phr-partial-calendar select:focus {
  border-color: #00b7ff !important;
  color: #777 !important;
}
.phr-partial-calendar:not(.squished) .month-display {
  padding: 5px 0 6px 0;
}
.phr-partial-calendar.squished .month-display {
  padding: 7px 0 8px 0;
}
.phr-partial-calendar .in-range {
  color: #555;
}
.phr-partial-calendar .in-range,
.phr-partial-calendar .in-range.calendar-default {
  background-color: rgba(88, 102, 110, 0.1);
}
.phr-partial-calendar .in-range .arrow,
.phr-partial-calendar .in-range.calendar-default .arrow {
  border-right-color: rgba(88, 102, 110, 0.3);
  border-left-color: rgba(88, 102, 110, 0.3);
}
.phr-partial-calendar .in-range.selected,
.phr-partial-calendar .in-range.calendar-default.selected {
  color: white;
  background-color: rgba(88, 102, 110, 0.3);
}
.phr-partial-calendar .in-range.selected .arrow,
.phr-partial-calendar .in-range.calendar-default.selected .arrow {
  border-right-color: rgba(88, 102, 110, 0.5);
  border-left-color: rgba(88, 102, 110, 0.5);
}
.phr-partial-calendar .in-range.calendar-primary {
  background-color: rgba(121, 101, 247, 0.1);
}
.phr-partial-calendar .in-range.calendar-primary .arrow {
  border-right-color: #4f35f4;
  border-left-color: #4f35f4;
}
.phr-partial-calendar .in-range.calendar-primary.selected {
  color: white;
  background-color: #4f35f4;
}
.phr-partial-calendar .in-range.calendar-primary.selected .arrow {
  border-right-color: #2b0cea;
  border-left-color: #2b0cea;
}
.phr-partial-calendar .in-range.calendar-info {
  background-color: rgba(0, 183, 255, 0.1);
}
.phr-partial-calendar .in-range.calendar-info .arrow {
  border-right-color: #0092cc;
  border-left-color: #0092cc;
}
.phr-partial-calendar .in-range.calendar-info.selected {
  color: white;
  background-color: #0092cc;
}
.phr-partial-calendar .in-range.calendar-info.selected .arrow {
  border-right-color: #006e99;
  border-left-color: #006e99;
}
.phr-partial-calendar .in-range.calendar-success {
  background-color: rgba(53, 219, 148, 0.1);
}
.phr-partial-calendar .in-range.calendar-success .arrow {
  border-right-color: #21bc7a;
  border-left-color: #21bc7a;
}
.phr-partial-calendar .in-range.calendar-success.selected {
  color: white;
  background-color: #21bc7a;
}
.phr-partial-calendar .in-range.calendar-success.selected .arrow {
  border-right-color: #1a905e;
  border-left-color: #1a905e;
}
.phr-partial-calendar .in-range.calendar-warning {
  background-color: rgba(247, 226, 70, 0.1);
}
.phr-partial-calendar .in-range.calendar-warning .arrow {
  border-right-color: #f5da15;
  border-left-color: #f5da15;
}
.phr-partial-calendar .in-range.calendar-warning.selected {
  color: #9d8b07;
  background-color: #f5da15;
}
.phr-partial-calendar .in-range.calendar-warning.selected .arrow {
  border-right-color: #ceb709;
  border-left-color: #ceb709;
}
.phr-partial-calendar .in-range.calendar-danger {
  background-color: rgba(249, 67, 98, 0.1);
}
.phr-partial-calendar .in-range.calendar-danger .arrow {
  border-right-color: #f71239;
  border-left-color: #f71239;
}
.phr-partial-calendar .in-range.calendar-danger.selected {
  color: white;
  background-color: #f71239;
}
.phr-partial-calendar .in-range.calendar-danger.selected .arrow {
  border-right-color: #cf0729;
  border-left-color: #cf0729;
}
.phr-partial-calendar .start-range,
.phr-partial-calendar .end-range {
  position: relative;
  /*.arrow-block {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 1px;
        }*/
}
.phr-partial-calendar .start-range .arrow,
.phr-partial-calendar .end-range .arrow {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}
.phr-partial-calendar.squished .start-range .arrow,
.phr-partial-calendar.squished .end-range .arrow {
  border-top-width: 14px;
  border-bottom-width: 14px;
}
.phr-partial-calendar .arrow.start {
  left: 0;
  border-left: 6px solid #dfdfdf;
}
.phr-partial-calendar .arrow.end {
  right: 1px;
  border-right: 6px solid #dfdfdf;
}
.phr-partial-calendar .not-in-range.selected {
  -webkit-box-shadow: inset 0 3px 5px -2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 3px 5px -2px rgba(0, 0, 0, 0.3);
}
.phr-partial-calendar .not-in-range.selected,
.phr-partial-calendar.calendar-default .not-in-range.selected {
  background-color: #58666e !important;
  color: white;
}
.phr-partial-calendar.calendar-primary .not-in-range.selected {
  background-color: #7965f7 !important;
  color: white;
}
.phr-partial-calendar.calendar-info .not-in-range.selected {
  background-color: #00b7ff !important;
  color: white;
}
.phr-partial-calendar.calendar-success .not-in-range.selected {
  background-color: #35db94 !important;
  color: white;
}
.phr-partial-calendar.calendar-warning .not-in-range.selected {
  background-color: #f7e246 !important;
  color: #9d8b07;
}
.phr-partial-calendar.calendar-danger .not-in-range.selected {
  background-color: #f94362 !important;
  color: white;
}
.phr-partial-calendar tr.guideflow_hovered .selected {
  opacity: 1;
  cursor: default;
}
.phr-profile-item {
  padding-left: 6px;
  margin: 25px 0;
  border: none;
  border-left: 3px solid;
}
.phr-profile-item.item-default {
  border-color: rgba(88, 102, 110, 0.5);
}
.phr-profile-item.item-primary {
  border-color: rgba(121, 101, 247, 0.5);
}
.phr-profile-item.item-info {
  border-color: rgba(0, 183, 255, 0.5);
}
.phr-profile-item.item-danger {
  border-color: rgba(249, 67, 98, 0.5);
}
.phr-profile-item.item-success {
  border-color: rgba(53, 219, 148, 0.5);
}
.phr-profile-item.item-warning {
  border-color: rgba(247, 226, 70, 0.5);
}
.phr-elipses-fitted {
  overflow: hidden;
  text-overflow: ellipsis;
}
.phr-radio {
  cursor: pointer;
}
label.phr-radio {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.phr-radio input[type="radio"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
  width: 0;
  height: 0;
  opacity: 0;
}
.lt-ie9 .phr-radio input[type="radio"],
.lt-ie10 .phr-radio input[type="radio"] {
  width: auto !important;
  height: auto !important;
}
.phr-radio input[type="radio"] + i {
  position: relative;
  width: 18px;
  height: 18px;
  line-height: 1;
  border: 1px solid #caced5;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
  background-color: white;
  margin-top: -2px;
  margin-right: 4px;
  margin-left: -18px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  border-radius: 50%;
}
.lt-ie9 .phr-radio input[type="radio"] + i,
.lt-ie10 .phr-radio input[type="radio"] + i {
  display: none;
}
.phr-radio input[type="radio"] + i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: transparent;
  content: "";
  -webkit-transition: all .2s;
  transition: all .2s;
  border-radius: 50%;
}
.phr-radio input[type="radio"]:checked + i {
  border-color: #58666e;
}
.phr-radio input[type="radio"]:checked + i:before {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-color: #58666e;
}
.phr-radio input[type="radio"][disabled] + i,
fieldset[disabled] .phr-radio input[type="radio"] + i {
  border-color: #d8dbe0 !important;
}
.phr-radio input[type="radio"][disabled] + i:before,
fieldset[disabled] .phr-radio input[type="radio"] + i:before {
  background-color: #caced5 !important;
}
.phr-radio.radio-default input:checked + i {
  border-color: #58666e;
}
.phr-radio.radio-default input:checked + i:before {
  background-color: #58666e;
}
.phr-radio.radio-primary input:checked + i {
  border-color: #7965f7;
}
.phr-radio.radio-primary input:checked + i:before {
  background-color: #7965f7;
}
.phr-radio.radio-info input:checked + i {
  border-color: #00b7ff;
}
.phr-radio.radio-info input:checked + i:before {
  background-color: #00b7ff;
}
.phr-radio.radio-success input:checked + i {
  border-color: #35db94;
}
.phr-radio.radio-success input:checked + i:before {
  background-color: #35db94;
}
.phr-radio.radio-warning input:checked + i {
  border-color: #f7e246;
}
.phr-radio.radio-warning input:checked + i:before {
  background-color: #f7e246;
}
.phr-radio.radio-danger input:checked + i {
  border-color: #f94362;
}
.phr-radio.radio-danger input:checked + i:before {
  background-color: #f94362;
}
.phr-report-overview > .header table {
  margin-bottom: 0;
}
.phr-report-overview > .header table > thead > tr > th {
  border: none;
}
.phr-report-overview > .content table {
  margin-bottom: 0;
}
.phr-report-overview > .content table > tbody > tr:first-of-type > td {
  border-top: none !important;
}
.phr-status-filter {
  margin-bottom: 12px;
}
.phr-status-filter div.status-tabs.loading {
  height: 93px;
  background-color: #fbfbfb;
  border-top: 3px solid #f5f5f5;
  border-bottom: 3px solid #98a6ad;
  margin: 0;
  padding: 0;
}
.phr-status-filter ul.status-tabs {
  height: 93px;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fbfbfb;
  border-top: 3px solid #f5f5f5;
}
.phr-status-filter ul.status-tabs li.status-tab {
  position: relative;
  float: left;
  width: 140px;
  height: 90px;
  background-color: white;
  text-align: center;
  cursor: pointer;
  border-right: 3px solid #f5f5f5;
}
.phr-status-filter ul.status-tabs li.status-tab .count {
  font-size: 36px;
  font-weight: 300;
  color: #000000;
  text-align: center;
  margin-top: 19px;
  margin-bottom: 10.5px;
  line-height: 1.1;
  position: relative;
  top: -10px;
  -webkit-transition: all 128ms ease-out;
  transition: all 128ms ease-out;
}
.phr-status-filter ul.status-tabs li.status-tab .name {
  text-transform: uppercase;
  font-size: 13px;
  color: #333333;
  text-align: center;
  position: relative;
  bottom: 10px;
  -webkit-transition: all 128ms ease-out;
  transition: all 128ms ease-out;
}
.phr-status-filter ul.status-tabs li.status-tab .colorbar {
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 100%;
  -webkit-transition: all 128ms ease-out;
  transition: all 128ms ease-out;
  background-color: #8fc6f5;
}
.phr-status-filter ul.status-tabs li.status-tab.active .count {
  color: #428efa;
}
.phr-status-filter ul.status-tabs li.status-tab.active .name {
  font-weight: 600;
  color: #428efa;
}
.phr-status-filter ul.status-tabs li.status-tab.active .colorbar {
  height: 8px;
  background-color: #428efa;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-default .colorbar {
  background-color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-default .count {
  color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-default .name {
  color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-default .colorbar {
  background-color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-all .colorbar {
  background-color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-all .count {
  color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-all .name {
  color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-all .colorbar {
  background-color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-out .colorbar {
  background-color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-out .count {
  color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-out .name {
  color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-out .colorbar {
  background-color: #999;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-archived .colorbar {
  background-color: #444;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-archived .count {
  color: #444;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-archived .name {
  color: #444;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-archived .colorbar {
  background-color: #444;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-outstanding .colorbar {
  background-color: #7965f7;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-outstanding .count {
  color: #7965f7;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-outstanding .name {
  color: #7965f7;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-outstanding .colorbar {
  background-color: #7965f7;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-inprogress .colorbar {
  background-color: #00b7ff;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-inprogress .count {
  color: #00b7ff;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-inprogress .name {
  color: #00b7ff;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-inprogress .colorbar {
  background-color: #00b7ff;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-approved .colorbar {
  background-color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-approved .count {
  color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-approved .name {
  color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-approved .colorbar {
  background-color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-in .colorbar {
  background-color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-in .count {
  color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-in .name {
  color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-in .colorbar {
  background-color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-ontime .colorbar {
  background-color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-ontime .count {
  color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-ontime .name {
  color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-ontime .colorbar {
  background-color: #35db94;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-graced .colorbar {
  background-color: #69e4b0;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-graced .count {
  color: #69e4b0;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-graced .name {
  color: #69e4b0;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-graced .colorbar {
  background-color: #69e4b0;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-early .colorbar {
  background-color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-early .count {
  color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-early .name {
  color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-early .colorbar {
  background-color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-late .colorbar {
  background-color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-late .count {
  color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-late .name {
  color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-late .colorbar {
  background-color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-pendingapproval .colorbar {
  background-color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-pendingapproval .count {
  color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-pendingapproval .name {
  color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-pendingapproval .colorbar {
  background-color: #f7e246;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-pendingmyapproval .colorbar {
  background-color: #7965f7;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-pendingmyapproval .count {
  color: #7965f7;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-pendingmyapproval .name {
  color: #7965f7;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-pendingmyapproval .colorbar {
  background-color: #7965f7;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-rejected .colorbar {
  background-color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-rejected .count {
  color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-rejected .name {
  color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-rejected .colorbar {
  background-color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-missing .colorbar {
  background-color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-missing .count {
  color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-missing .name {
  color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-missing .colorbar {
  background-color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-notsubmitted .colorbar {
  background-color: #bfbfbf;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-notsubmitted .count {
  color: #bfbfbf;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-notsubmitted .name {
  color: #bfbfbf;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-notsubmitted .colorbar {
  background-color: #bfbfbf;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-underreview .colorbar {
  background-color: #c19850;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-underreview .count {
  color: #c19850;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-underreview .name {
  color: #c19850;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-underreview .colorbar {
  background-color: #c19850;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-overdue .colorbar {
  background-color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-overdue .count {
  color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-overdue .name {
  color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-overdue .colorbar {
  background-color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-sent .colorbar {
  background-color: #d5b989;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-sent .count {
  color: #d5b989;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-sent .name {
  color: #d5b989;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-sent .colorbar {
  background-color: #d5b989;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-awaitingsignature .colorbar {
  background-color: #ac9ffa;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-awaitingsignature .count {
  color: #ac9ffa;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-awaitingsignature .name {
  color: #ac9ffa;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-awaitingsignature .colorbar {
  background-color: #ac9ffa;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-signedaccepted .colorbar {
  background-color: #27c24c;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-signedaccepted .count {
  color: #27c24c;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-signedaccepted .name {
  color: #27c24c;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-signedaccepted .colorbar {
  background-color: #27c24c;
}
.phr-status-filter ul.status-tabs li.status-tab.tab-signeddeclined .colorbar {
  background-color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-signeddeclined .count {
  color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-signeddeclined .name {
  color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.active.tab-signeddeclined .colorbar {
  background-color: #f94362;
}
.phr-status-filter ul.status-tabs li.status-tab.guideflow_hovered {
  background-color: #fbfbfb;
}
.phr-status-filter ul.status-tabs li.status-tab.guideflow_hovered .colorbar {
  height: 8px;
}
.phr-status-filter ul.status-tabs li.status-tab:last-of-type {
  border-right: none !important;
}
.phr-switch {
  margin: 1px 0;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 28px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.phr-switch input {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.phr-switch span {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 28px;
  border-radius: 28px;
  background-color: #f5f5f5;
  border: 1px solid #caced5;
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}
.phr-switch span:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 1px;
  bottom: 1px;
  width: 24px;
  background-color: white;
  border: 1px solid #caced5;
  border-radius: 50%;
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.phr-switch input:checked + span:after {
  left: 26px;
  border: none;
  -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);
}
.phr-switch input:checked + span {
  background-color: #58666e;
  border-color: #58666e;
}
.phr-switch.switch-default input:checked + span {
  background-color: #58666e;
  border-color: #58666e;
}
.phr-switch.switch-default input[disabled]:checked + span {
  background-color: rgba(88, 102, 110, 0.3);
  border-color: rgba(88, 102, 110, 0.25);
}
.phr-switch.switch-primary input:checked + span {
  background-color: #7965f7;
  border-color: #7965f7;
}
.phr-switch.switch-primary input[disabled]:checked + span {
  background-color: rgba(121, 101, 247, 0.3);
  border-color: rgba(121, 101, 247, 0.25);
}
.phr-switch.switch-info input:checked + span {
  background-color: #00b7ff;
  border-color: #00b7ff;
}
.phr-switch.switch-info input[disabled]:checked + span {
  background-color: rgba(0, 183, 255, 0.3);
  border-color: rgba(0, 183, 255, 0.25);
}
.phr-switch.switch-success input:checked + span {
  background-color: #35db94;
  border-color: #35db94;
}
.phr-switch.switch-success input[disabled]:checked + span {
  background-color: rgba(53, 219, 148, 0.3);
  border-color: rgba(53, 219, 148, 0.25);
}
.phr-switch.switch-warning input:checked + span {
  background-color: #f7e246;
  border-color: #f7e246;
}
.phr-switch.switch-warning input[disabled]:checked + span {
  background-color: rgba(247, 226, 70, 0.3);
  border-color: rgba(247, 226, 70, 0.25);
}
.phr-switch.switch-danger input:checked + span {
  background-color: #f94362;
  border-color: #f94362;
}
.phr-switch.switch-danger input[disabled]:checked + span {
  background-color: rgba(249, 67, 98, 0.3);
  border-color: rgba(249, 67, 98, 0.25);
}
.lt-ie9 .phr-switch input {
  position: static;
  opacity: 1;
  filter: alpha(opacity=100);
}
.lt-ie9 .phr-switch span,
.lt-ie9 .phr-switch span:after {
  display: none !important;
}
@media (min-width: 1200px) {
  .modal-dialog.simple-mode {
    width: 35%;
  }
}
.modal-dialog.simple-mode .phr-user-selector .hide-simple {
  display: none !important;
}
@media (min-width: 1200px) {
  .modal-dialog.advanced-mode {
    width: 90vw;
  }
}
.modal-dialog.advanced-mode .phr-user-selector .hide-advanced {
  display: none !important;
}
.modal-dialog .phr-user-selector .phr-table-row td {
  cursor: pointer;
}
.phr-user-team .phr-team-member {
  clear: both;
  padding-bottom: 8px !important;
  border-top: 1px solid #e4e6ea;
  padding-top: 5px;
}
.phr-user-team .phr-team-member .phr-member-info .phr-member-name {
  font-size: 16px;
}
.phr-user-team .phr-team-member:last-of-type {
  border-bottom: 1px solid #e4e6ea;
}
.phr-user-team .header .btn-xs {
  display: none;
}
.phr-user-team .header .btn-addon {
  display: block;
}
.phr-user-team .divider {
  display: none;
}
.phr-user-team .divider.empty {
  display: block;
}
.phr-user-team.slim .divider {
  display: block;
}
.phr-user-team.slim .phr-no-results {
  padding: 0px !important;
  font-size: 18px !important;
}
.phr-user-team.slim .phr-team-member {
  border-top: none;
  border-bottom: none;
}
.phr-user-team.slim .phr-team-member .phr-member-info .phr-member-name {
  font-size: 14px;
}
.phr-user-team.slim .phr-user-team-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 220px;
}
.phr-user-team.slim small {
  margin-top: 4px !important;
}
.phr-user-team.slim .header .btn-xs {
  display: block !important;
}
.phr-user-team.slim .header .btn-addon {
  display: none !important;
}
.phr-user-team.slim .header .title {
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 0;
}
.phr-gantt-chart {
  width: 100%;
}
.phr-gantt-chart thead tr {
  height: 20px;
}
.phr-gantt-chart .date-header {
  width: 80%;
}
.phr-gantt-chart .date-header .date-container {
  width: 100%;
}
.phr-gantt-chart .date-header .date-container .date {
  color: black;
}
.phr-gantt-chart .date-header .date-container .date.weekday {
  border-right: 1px solid gray;
}
.phr-gantt-chart .date-header .date-container .date.weekend {
  background-color: #ccc;
}
.phr-gantt-chart .gantt-bar-container {
  position: relative;
  width: 100%;
  height: 30px;
  padding: 5px 0 5px 0;
}
.phr-gantt-chart .gantt-bar-container .gantt-bar-slack {
  position: absolute;
  background-color: #b0b0b0;
  height: 10px;
}
.phr-gantt-chart .gantt-bar-container .gantt-bar-time {
  position: absolute;
  height: 20px;
}
/*

    STYLES SPECIFIC TO PURELYHR'S COMPONENTS OR TEMPLATES

*/
.slide-back {
  position: absolute;
  height: 100%;
}
.brand-blue {
  color: #428efa !important;
}
.phr-report-filters {
  margin-top: 1px;
}
@media (min-width: 1200px) {
  .phr-report-filters {
    display: block;
    visibility: visible;
  }
}
table.no-overtime .regular-hours,
table.no-overtime .overtime-hours {
  display: none !important;
}
table.no-leave .shift-hours,
table.no-leave .paid-leave-hours,
table.no-leave .unpaid-leave-hours {
  display: none !important;
}
table.no-leave.no-overtime .shift-hours,
table.no-overtime.no-leave .shift-hours {
  display: none !important;
}
/* Group list styles */
.phr-group-list .phr-group-list-item {
  position: relative;
}
.phr-group-list .phr-group-list-item .status-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
}
.phr-group-list .phr-group-list-item[data-item-id]:first-child {
  border-top: 1px solid #efefef;
}
.phr-group-list .phr-group-list-item[data-item-id] {
  padding-bottom: 7px;
  padding-top: 7px;
  border-bottom: 1px solid #efefef;
  border-left: 3px solid white;
  padding-left: 10px;
}
.phr-group-list .phr-group-list-item[data-item-id] .active-icon {
  display: none;
}
.phr-group-list .phr-group-list-item[data-item-id].active {
  font-weight: 600;
  background-color: #f8f9f9;
}
.phr-group-list .phr-group-list-item[data-item-id].active .status-indicator {
  background-color: #7965f7;
}
.phr-group-list .phr-group-list-item[data-item-id].active .active-icon {
  display: inline-block;
}
.phr-group-list .phr-group-list-item[data-item-id].active .inactive-icon {
  display: none;
}
.phr-group-list .phr-group-list-item[data-item-id] .phr-group-list-control-container a {
  text-decoration: none;
  margin-right: 6px;
  font-size: 14px;
}
.phr-group-list .phr-group-list-item[data-item-id] .label-indicator.for-group-list {
  margin-left: 6px;
  font-size: 10.5px;
  padding-bottom: 3px;
  position: relative;
  top: -2px;
}
.phr-group-list .phr-group-list-item[data-item-id].guideflow_hovered {
  cursor: pointer;
  background-color: #f8f9f9;
}
/* Document storage display */
.phr-document-storage-indicator {
  position: relative;
  bottom: 11px;
}
.phr-document-storage-indicator .phr-storage-indicator {
  margin-top: 7px;
}
.btn.btn-xl {
  padding: 14px 40px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3333333;
  border-radius: 4px;
}
/* setup checklist */
#ChecklistWrapper .checklist-title {
  font-family: "solitaire-mvb-pro", sans-serif;
}
#ChecklistWrapper .checklist-title-notice {
  font-family: "solitaire-mvb-pro", sans-serif;
}
#ChecklistWrapper .list-group .list-group-item {
  cursor: pointer;
}
#ChecklistWrapper .list-group .list-group-item .badge {
  margin-top: 6px;
}
#ChecklistWrapper .list-group .list-group-item .icon {
  float: left;
  font-size: 32px;
  width: 56px;
}
#ChecklistWrapper .list-group .list-group-item .list-group-item-heading {
  font-weight: 600;
  font-size: 16px;
}
#ChecklistWrapper #RollOut {
  padding: 16px 100px;
}
.primary-border-left {
  border-left: 4px solid #428efa;
}
#notiBar {
  position: fixed !important;
  z-index: 1040 !important;
  /*set to 1040 so that it displays in the background and faded out when a modal pops up*/
  color: #fff !important;
  text-align: center !important;
  overflow: hidden !important;
  height: 48px !important;
  font-size: 14px !important;
  /* styles from alerts that were desired*/
  border-radius: 0 !important;
  font-weight: 400 !important;
  -webkit-box-shadow: 0 0 15px 2px rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 0 15px 2px rgba(255, 255, 255, 0.2) !important;
  border: 1px solid transparent !important;
  border-width: 0 !important;
}
#notiBarClose {
  text-shadow: none !important;
  margin-left: 30px !important;
  width: 17.2px !important;
  height: 17.2px !important;
  font-size: 17.2px !important;
  opacity: 1 !important;
}
#notiBar.notiBarTop #notiBarClose {
  color: #fff !important;
  margin: 8px !important;
}
#notiBar.notiBarBottomRight #notiBarClose,
#notiBar.notiBarBottomLeft #notiBarClose {
  margin: 7px !important;
  color: #707070 !important;
  top: -5px !important;
  right: -25px !important;
}
#notiBar.notiBarTop {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 32px !important;
}
#notiBar.notiBarTop.news {
  background-color: #29d869 !important;
}
#notiBar.notiBarTop #notiBarSpan {
  width: 435px !important;
  height: 15px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 2.14 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  color: #ffffff !important;
  margin: auto !important;
}
#notiBar.notiBarBottomRight #notiBarIcon,
#notiBar.notiBarBottomLeft #notiBarIcon {
  margin: 16.4px 15.1px auto 23.5px !important;
  font-size: 32px;
  color: #29d869;
}
#notiBarGoToLink {
  margin: auto 9px !important;
}
#notiBar.notiBarTop #notiBarIcon {
  margin: auto 6.4px auto 18px !important;
  font-size: 12px !important;
  color: #ffffff !important;
}
#notiBar.notiBarTop #notiBarGoToLink {
  width: 12.3px !important;
  height: 11.5px !important;
  color: #ffffff !important;
}
#notiBar.notiBarBottomRight,
#notiBar.notiBarBottomLeft {
  margin-bottom: 21px !important;
  /*width: 444px !important;*/
  height: 63px !important;
  line-height: 63px !important;
  border-radius: 4px !important;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
}
#notiBar.notiBarBottomRight.news,
#notiBar.notiBarBottomLeft.news {
  background-color: #ffffff !important;
}
#notiBar.notiBarBottomRight {
  bottom: 0 !important;
  right: 1em !important;
}
#notiBar.notiBarBottomLeft {
  bottom: 0 !important;
  left: 1em !important;
}
#notiBar.notiBarBottomRight #notiBarSpan,
#notiBar.notiBarBottomLeft #notiBarSpan {
  height: 23px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #505050;
  vertical-align: text-bottom;
}
#notiBar.notiBarBottomRight #notiBarGoToLink,
#notiBar.notiBarBottomLeft #notiBarGoToLink {
  width: 6.7px;
  height: 13.9px;
  color: #35db94;
}
/*#notiBar > a {
    color: inherit;
}*/
.contentToMoveDown {
  top: 32px !important;
  /* height of #notiBar*/
}
.contentToMoveDownSlightlyMore {
  top: 92px !important;
  /* height of #notiBar + 60px */
}
.contentToMoveDownEvenMore {
  position: relative !important;
  top: 32px !important;
  /* height of #notiBar*/
}
#notiBarExample.news {
  background: red;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, orange, yellow, green, cyan, blue, violet);
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: -webkit-gradient(linear, left top, right top, from(orange), color-stop(yellow), color-stop(green), color-stop(cyan), color-stop(blue), to(violet));
  background: linear-gradient(to right, orange, yellow, green, cyan, blue, violet);
  /* Standard syntax (must be last) */
}
/* all of these phr-* are only used in documentation for examples atm */
#notiBar.phr-purple,
#notiBarExample.phr-purple {
  background-color: #7965f7;
}
#notiBar.phr-green,
#notiBarExample.phr-green {
  background-color: #8fe5bc;
}
#notiBar.phr-red,
#notiBarExample.phr-red {
  background-color: #f94362;
}
#notiBar.phr-blue,
#notiBarExample.phr-blue {
  background-color: #428efa;
}
/* common/error are both only used used in documentation for examples atm */
#notiBar.common,
#notiBarExample.common {
  background-color: gray;
}
#notiBar.error,
#notiBarExample.error {
  background-color: red;
}
/*for future use maybe to have generic colors to be used without providing anything*/
#notiBar.red,
#notiBarExample.red {
  background-color: red;
}
#notiBar.orange,
#notiBarExample.orange {
  background-color: orange;
}
#notiBar.yellow,
#notiBarExample.yellow {
  background-color: yellow;
}
#notiBar.green,
#notiBarExample.green {
  background-color: green;
}
#notiBar.blue,
#notiBarExample.blue {
  background-color: blue;
}
#notiBar.purple,
#notiBarExample.purple {
  background-color: purple;
}
#notiBar.pink,
#notiBarExample.pink {
  background-color: pink;
}
#notiBar.brown,
#notiBarExample.brown {
  background-color: brown;
}
#notiBar.gray,
#notiBarExample.gray {
  background-color: gray;
  color: #000 !important;
}
#notiBar.black,
#notiBarExample.black {
  background-color: black;
}
#notiBar.white,
#notiBarExample.white {
  background-color: white;
  color: #000 !important;
}
#notiBar.news.newsScheduledMaintenance {
  background-color: #f94362 !important;
  border-bottom: 1px solid #e1594c !important;
}
#notiBar.news.newsOutagesOrMajorBugs {
  background-color: #f94362 !important;
}
#notiBar.news.newsAnnouncement {
  background-color: #35db94 !important;
  border-bottom: 1px solid #1cc159 !important;
}
#notiBar.news.newsNewFeature,
#notiBar.news.newsUpdate,
#notiBar.news.newsBugFix {
  border-left: 6px solid #35db94 !important;
  -webkit-box-shadow: 1px 0 3px rgba(76, 222, 129, 0.7) !important;
  box-shadow: 1px 0 3px rgba(76, 222, 129, 0.7) !important;
}
#notiBar.clickableNoti {
  cursor: pointer !important;
}
/*

    STYLES SPECIFIC TO THE (MVC PORTION OF THE) API'S COMPONENTS OR TEMPLATES

*/
.test-info {
  color: #00b7ff;
}
/*!
 * Bootstrap Docs (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under the Creative Commons Attribution 3.0 Unported License. For
 * details, see http://creativecommons.org/licenses/by/3.0/.
 */
/*
 * Bootstrap Documentation
 * Special styles for presenting Bootstrap's documentation and code examples.
 */
/*
 * Scaffolding
 *
 * Update the basics of our documents to prep for docs content.
 */
body {
  position: relative;
  /* For scrollspy */
}
/* Keep code small in tables on account of limited space */
.table code {
  font-size: 13px;
  font-weight: normal;
}
/* Inline code within headings retain the heading's background-color */
h2 code,
h3 code,
h4 code {
  background-color: inherit;
}
#toc {
  height: 100%;
  position: fixed;
  background: #333;
  -webkit-box-shadow: inset -5px 0 5px 0 #000;
  box-shadow: inset -5px 0 5px 0 #000;
  width: 150px;
  padding-top: 20px;
  color: white;
}
#toc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#toc li {
  padding: 5px 10px;
}
#toc a {
  color: white;
  text-decoration: none;
  display: block;
}
#toc .toc-h2 {
  padding-left: 10px;
}
#toc .toc-h3 {
  padding-left: 20px;
}
#toc .toc-active {
  background: #336699;
  -webkit-box-shadow: inset -5px 0 10px -5px #000;
  box-shadow: inset -5px 0 10px -5px #000;
}
/* Outline button for use within the docs */
.btn-outline {
  color: #563d7c;
  background-color: transparent;
  border-color: #563d7c;
}
.btn-outline.guideflow_hovered,
.btn-outline:focus,
.btn-outline:active {
  color: white;
  background-color: #563d7c;
  border-color: #563d7c;
}
/* Inverted outline button (white on dark) */
.btn-outline-inverse {
  color: white;
  background-color: transparent;
  border-color: #cdbfe3;
}
.btn-outline-inverse.guideflow_hovered,
.btn-outline-inverse:focus,
.btn-outline-inverse:active {
  color: #563d7c;
  text-shadow: none;
  background-color: white;
  border-color: white;
}
/* Bootstrap "B" icon */
.bs-docs-booticon {
  display: block;
  font-weight: 500;
  color: white;
  text-align: center;
  cursor: default;
  background-color: #563d7c;
  border-radius: 15%;
}
.bs-docs-booticon-sm {
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 28px;
}
.bs-docs-booticon-lg {
  width: 144px;
  height: 144px;
  font-size: 108px;
  line-height: 140px;
}
.bs-docs-booticon-inverse {
  color: #563d7c;
  background-color: white;
}
.bs-docs-booticon-outline {
  background-color: transparent;
  border: 1px solid #cdbfe3;
}
/*
 * Fancy skip link
 *
 * Make it look a bit less "bare bones"
 * Also includes focus suppression for the Chrome tabindex="-1" workaround
 */
#skippy {
  display: block;
  padding: 1em;
  color: white;
  background-color: #6f5499;
  outline: 0;
}
#skippy .skiplink-text {
  padding: .5em;
  outline: 1px dotted;
}
#content:focus {
  outline: none;
}
/*
 * Main navigation
 *
 * Turn the `.navbar` at the top of the docs purple.
 */
.bs-docs-nav {
  margin-bottom: 0;
  background-color: white;
  border-bottom: 0;
}
.bs-home-nav .bs-nav-b {
  display: none;
}
.bs-docs-nav .navbar-brand,
.bs-docs-nav .navbar-nav > li > a {
  font-weight: 500;
  color: #563d7c;
}
.bs-docs-nav .navbar-nav > li > a.guideflow_hovered,
.bs-docs-nav .navbar-nav > .active > a,
.bs-docs-nav .navbar-nav > .active > a.guideflow_hovered {
  color: #463265;
  background-color: #f9f9f9;
}
.bs-docs-nav .navbar-toggle .icon-bar {
  background-color: #563d7c;
}
.bs-docs-nav .navbar-header .navbar-toggle {
  border-color: white;
}
.bs-docs-nav .navbar-header .navbar-toggle.guideflow_hovered,
.bs-docs-nav .navbar-header .navbar-toggle:focus {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
/*
 * Footer
 *
 * Separated section of content at the bottom of all pages, save the homepage.
 */
.bs-docs-footer {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 100px;
  color: #767676;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}
.bs-docs-footer-links {
  padding-left: 0;
  margin-top: 20px;
}
.bs-docs-footer-links li {
  display: inline;
  padding: 0 2px;
}
.bs-docs-footer-links li:first-child {
  padding-left: 0;
}
@media (min-width: 768px) {
  .bs-docs-footer p {
    margin-bottom: 0;
  }
}
/*
 * Social buttons
 *
 * Twitter and GitHub social action buttons (for homepage and footer).
 */
.bs-docs-social {
  margin-bottom: 20px;
  text-align: center;
}
.bs-docs-social-buttons {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.bs-docs-social-buttons li {
  display: inline-block;
  padding: 5px 8px;
  line-height: 1;
}
.bs-docs-social-buttons .twitter-follow-button {
  width: 225px !important;
}
.bs-docs-social-buttons .twitter-share-button {
  width: 98px !important;
}
/* Style the GitHub buttons via CSS instead of inline attributes */
.github-btn {
  overflow: hidden;
  border: 0;
}
/*
 * Homepage
 *
 * Tweaks to the custom homepage and the masthead (main jumbotron).
 */
/* Share masthead with page headers */
.bs-docs-masthead,
.bs-docs-header {
  position: relative;
  padding: 30px 15px;
  color: #cdbfe3;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #6f5499;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));
  background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);
  background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@phr-purple-563d7c', endColorstr='@phr-purple-6f5499', GradientType=0);
  background-repeat: repeat-x;
}
/* Masthead (headings and download button) */
.bs-docs-masthead .bs-docs-booticon {
  margin: 0 auto 30px;
}
.bs-docs-masthead h1 {
  font-weight: 300;
  line-height: 1;
  color: white;
}
.bs-docs-masthead .lead {
  margin: 0 auto 30px;
  font-size: 20px;
  color: white;
}
.bs-docs-masthead .version {
  margin-top: -15px;
  margin-bottom: 30px;
  color: #9783b9;
}
.bs-docs-masthead .btn {
  width: 100%;
  padding: 15px 30px;
  font-size: 20px;
}
@media (min-width: 480px) {
  .bs-docs-masthead .btn {
    width: auto;
  }
}
@media (min-width: 768px) {
  .bs-docs-masthead {
    padding: 80px 0;
  }
  .bs-docs-masthead h1 {
    font-size: 60px;
  }
  .bs-docs-masthead .lead {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .bs-docs-masthead .lead {
    width: 80%;
    font-size: 30px;
  }
}
/*
 * Page headers
 *
 * Jumbotron-esque headers at the top of every page that's not the homepage.
 */
/* Page headers */
.bs-docs-header {
  margin-bottom: 40px;
  font-size: 20px;
}
.bs-docs-header h1 {
  margin-top: 0;
  color: white;
}
.bs-docs-header p {
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.4;
}
.bs-docs-header .container {
  position: relative;
}
@media (min-width: 768px) {
  .bs-docs-header {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 24px;
    text-align: left;
  }
  .bs-docs-header h1 {
    font-size: 60px;
    line-height: 1;
  }
}
@media (min-width: 992px) {
  .bs-docs-header h1,
  .bs-docs-header p {
    margin-right: 380px;
  }
}
/*
 * Homepage featurettes
 *
 * Reasons to use Bootstrap, entries from the Expo, and more.
 */
.bs-docs-featurette {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 16px;
  line-height: 1.5;
  color: #555;
  text-align: center;
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
}
.bs-docs-featurette + .bs-docs-footer {
  margin-top: 0;
  border-top: 0;
}
.bs-docs-featurette-title {
  margin-bottom: 5px;
  font-size: 30px;
  font-weight: normal;
  color: #333;
}
.half-rule {
  width: 100px;
  margin: 40px auto;
}
.bs-docs-featurette h3 {
  margin-bottom: 5px;
  font-weight: normal;
  color: #333;
}
.bs-docs-featurette-img {
  display: block;
  margin-bottom: 20px;
  color: #333;
}
.bs-docs-featurette-img.guideflow_hovered {
  color: #337ab7;
  text-decoration: none;
}
.bs-docs-featurette-img img {
  display: block;
  margin-bottom: 15px;
}
@media (min-width: 480px) {
  .bs-docs-featurette .img-responsive {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .bs-docs-featurette {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .bs-docs-featurette-title {
    font-size: 40px;
  }
  .bs-docs-featurette .lead {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .bs-docs-featurette .img-responsive {
    margin-top: 0;
  }
}
/*
 * Featured sites
 *
 * Homepage thumbnails from the Expo.
 */
.bs-docs-featured-sites {
  margin-right: -1px;
  margin-left: -1px;
}
.bs-docs-featured-sites .col-xs-6 {
  padding: 1px;
}
.bs-docs-featured-sites .img-responsive {
  margin-top: 0;
}
@media (min-width: 768px) {
  .bs-docs-featured-sites .col-sm-3:first-child img {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .bs-docs-featured-sites .col-sm-3:last-child img {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}
/*
 * Examples
 *
 * Linked docs examples.
 */
.bs-examples .thumbnail {
  margin-bottom: 10px;
}
.bs-examples h4 {
  margin-bottom: 5px;
}
.bs-examples p {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .bs-examples {
    margin-right: -10px;
    margin-left: -10px;
  }
  .bs-examples > [class^="col-"] {
    padding-right: 10px;
    padding-left: 10px;
  }
}
/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */
/* By default it's not affixed in mobile views, so undo that */
.bs-docs-sidebar.affix {
  position: static;
}
@media (min-width: 768px) {
  .bs-docs-sidebar {
    padding-left: 20px;
  }
}
/* First level of nav */
.bs-docs-sidenav {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* All levels of nav */
.bs-docs-sidebar .nav > li > a {
  display: block;
  padding: 4px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #767676;
}
.bs-docs-sidebar .nav > li > a.guideflow_hovered,
.bs-docs-sidebar .nav > li > a:focus {
  padding-left: 19px;
  color: #563d7c;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #563d7c;
}
.bs-docs-sidebar .nav > .active > a,
.bs-docs-sidebar .nav > .active.guideflow_hovered > a,
.bs-docs-sidebar .nav > .active:focus > a {
  padding-left: 18px;
  font-weight: bold;
  color: #563d7c;
  background-color: transparent;
  border-left: 2px solid #563d7c;
}
/* Nav: second level (shown on .active) */
.bs-docs-sidebar .nav .nav {
  display: none;
  /* Hide by default, but at >768px, show it */
  padding-bottom: 10px;
}
.bs-docs-sidebar .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: normal;
}
.bs-docs-sidebar .nav .nav > li > a.guideflow_hovered,
.bs-docs-sidebar .nav .nav > li > a:focus {
  padding-left: 29px;
}
.bs-docs-sidebar .nav .nav > .active > a,
.bs-docs-sidebar .nav .nav > .active.guideflow_hovered > a,
.bs-docs-sidebar .nav .nav > .active:focus > a {
  padding-left: 28px;
  font-weight: 500;
}
/* Back to top (hidden on mobile) */
.back-to-top,
.bs-docs-theme-toggle {
  display: none;
  padding: 4px 10px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #999;
}
.back-to-top.guideflow_hovered,
.bs-docs-theme-toggle.guideflow_hovered {
  color: #563d7c;
  text-decoration: none;
}
.bs-docs-theme-toggle {
  margin-top: 0;
}
@media (min-width: 768px) {
  .back-to-top,
  .bs-docs-theme-toggle {
    display: block;
  }
}
/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
  .bs-docs-sidebar .nav > .active > ul {
    display: block;
  }
  /* Widen the fixed sidebar */
  .bs-docs-sidebar.affix,
  .bs-docs-sidebar.affix-bottom {
    width: 213px;
  }
  .bs-docs-sidebar.affix {
    position: fixed;
    /* Undo the static from mobile first approach */
    top: 20px;
  }
  .bs-docs-sidebar.affix-bottom {
    position: absolute;
    /* Undo the static from mobile first approach */
  }
  .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
  .bs-docs-sidebar.affix .bs-docs-sidenav {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  .bs-docs-sidebar.affix-bottom,
  .bs-docs-sidebar.affix {
    width: 263px;
  }
}
/*
 * Docs sections
 *
 * Content blocks for each component or feature.
 */
/* Space things out */
.bs-docs-section {
  margin-bottom: 60px;
}
.bs-docs-section:last-child {
  margin-bottom: 0;
}
h1[id] {
  padding-top: 20px;
  margin-top: 0;
}
/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */
/* Common styles for all types */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  background-color: white;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-default,
.bs-callout-default h4 {
  border-left-color: #777777;
  color: #5e5e5e;
}
.bs-callout-primary,
.bs-callout-primary h4 {
  border-left-color: #7965f7;
  color: #4f35f4;
}
.bs-callout-info,
.bs-callout-info h4 {
  border-left-color: #00b7ff;
  color: #0092cc;
}
.bs-callout-danger,
.bs-callout-danger h4 {
  border-left-color: #f94362;
  color: #f71239;
}
.bs-callout-warning,
.bs-callout-warning h4 {
  border-left-color: #f7e246;
  color: #f5da15;
}
.bs-callout-success,
.bs-callout-success h4 {
  border-left-color: #35db94;
  color: #21bc7a;
}
.bs-callout-dark,
.bs-callout-dark h4 {
  border-left-color: #0f2035;
  color: #04080d;
}
.bs-callout-black,
.bs-callout-black h4 {
  border-left-color: #000000;
  color: #000000;
}
/*
 * Color swatches
 *
 * Color swatches and associated values for our grayscale and brand colors.
 */
.color-swatches {
  margin: 0 -5px;
  overflow: hidden;
  /* clearfix */
}
.color-swatch {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 5px;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .color-swatch {
    width: 100px;
    height: 100px;
  }
}
/* Framework colors */
.color-swatches .gray-darker {
  background-color: #222222;
}
.color-swatches .gray-dark {
  background-color: #333333;
}
.color-swatches .gray {
  background-color: #555555;
}
.color-swatches .gray-light {
  background-color: #777777;
}
.color-swatches .gray-lighter {
  background-color: #eeeeee;
}
.color-swatches .brand-primary {
  background-color: #7965f7;
}
.color-swatches .brand-success {
  background-color: #35db94;
}
.color-swatches .brand-warning {
  background-color: #f7e246;
}
.color-swatches .brand-danger {
  background-color: #f94362;
}
.color-swatches .brand-info {
  background-color: #00b7ff;
}
/* Docs colors */
.color-swatches .bs-purple {
  background-color: #563d7c;
}
.color-swatches .bs-purple-light {
  background-color: #c7bfd3;
}
.color-swatches .bs-purple-lighter {
  background-color: #e5e1ea;
}
.color-swatches .bs-gray {
  background-color: #f9f9f9;
}
/*
 * Team members
 *
 * Avatars, names, and usernames for core team.
 */
.bs-team .team-member {
  line-height: 32px;
  color: #555;
}
.bs-team .team-member.guideflow_hovered {
  color: #333;
  text-decoration: none;
}
.bs-team .github-btn {
  float: right;
  width: 180px;
  height: 20px;
  margin-top: 6px;
}
.bs-team img {
  float: left;
  width: 32px;
  margin-right: 10px;
  border-radius: 4px;
}
/*
 * Wall of Browser Bugs
 *
 * Better display for the responsive table on the Wall of Browser Bugs.
 */
.bs-docs-browser-bugs td p {
  margin-bottom: 0;
}
.bs-docs-browser-bugs th:first-child {
  width: 18%;
}
/*
 * Grid examples
 *
 * Highlight the grid columns within the docs so folks can see their padding,
 * alignment, sizing, etc.
 */
.show-grid {
  margin-bottom: 15px;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #eee;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86, 61, 124, 0.2);
}
/*
 * Examples
 *
 * Isolated sections of example content for each component or feature. Usually
 * followed by a code snippet.
 */
.bs-example {
  position: relative;
  padding: 45px 15px 15px;
  margin: 0 -15px 15px;
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px 0;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05);
}
/* Echo out a label for the example */
.bs-example:after {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: 600;
  color: #959595;
  text-transform: uppercase;
  letter-spacing: 1px;
  content: "Example";
}
.bs-example-padded-bottom {
  padding-bottom: 24px;
}
/* Tweak display of the code snippets when following an example */
.bs-example + .highlight,
.bs-example + .zero-clipboard + .highlight {
  margin: -15px -15px 15px;
  border-width: 0 0 1px;
  border-radius: 0;
}
/* Make the examples and snippets not full-width */
@media (min-width: 768px) {
  .bs-example {
    margin-right: 0;
    margin-left: 0;
    background-color: white;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .bs-example + .highlight,
  .bs-example + .zero-clipboard + .highlight {
    margin-top: -16px;
    margin-right: 0;
    margin-left: 0;
    border-width: 1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .bs-example-standalone {
    border-radius: 4px;
  }
}
/* Undo width of container */
.bs-example .container {
  width: auto;
}
/* Tweak content of examples for optimum awesome */
.bs-example > p:last-child,
.bs-example > ul:last-child,
.bs-example > ol:last-child,
.bs-example > blockquote:last-child,
.bs-example > .form-control:last-child,
.bs-example > .table:last-child,
.bs-example > .navbar:last-child,
.bs-example > .jumbotron:last-child,
.bs-example > .alert:last-child,
.bs-example > .panel:last-child,
.bs-example > .list-group:last-child,
.bs-example > .well:last-child,
.bs-example > .progress:last-child,
.bs-example > .table-responsive:last-child > .table {
  margin-bottom: 0;
}
.bs-example > p > .close {
  float: none;
}
/* Typography */
.bs-example-type .table .type-info {
  color: #767676;
  vertical-align: middle;
}
.bs-example-type .table td {
  padding: 15px 0;
  border-color: #eee;
}
.bs-example-type .table tr:first-child td {
  border-top: 0;
}
.bs-example-type h1,
.bs-example-type h2,
.bs-example-type h3,
.bs-example-type h4,
.bs-example-type h5,
.bs-example-type h6 {
  margin: 0;
}
/* Contextual background colors */
.bs-example-bg-classes p {
  padding: 15px;
}
/* Images */
.bs-example > .img-circle,
.bs-example > .img-rounded,
.bs-example > .img-thumbnail {
  margin: 5px;
}
/* Tables */
.bs-example > .table-responsive > .table {
  background-color: white;
}
/* Buttons */
.bs-example > .btn,
.bs-example > .btn-group {
  margin-top: 5px;
  margin-bottom: 5px;
}
.bs-example > .btn-toolbar + .btn-toolbar {
  margin-top: 10px;
}
/* Forms */
.bs-example-control-sizing select,
.bs-example-control-sizing input[type="text"] + input[type="text"] {
  margin-top: 10px;
}
.bs-example-form .input-group {
  margin-bottom: 10px;
}
.bs-example > textarea.form-control {
  resize: vertical;
}
/* List groups */
.bs-example > .list-group {
  max-width: 400px;
}
/* Navbars */
.bs-example .navbar:last-child {
  margin-bottom: 0;
}
.bs-navbar-top-example,
.bs-navbar-bottom-example {
  z-index: 1;
  padding: 0;
  overflow: hidden;
  /* cut the drop shadows off */
}
.bs-navbar-top-example .navbar-header,
.bs-navbar-bottom-example .navbar-header {
  margin-left: 0;
}
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
  position: relative;
  margin-right: 0;
  margin-left: 0;
}
.bs-navbar-top-example {
  padding-bottom: 45px;
}
.bs-navbar-top-example:after {
  top: auto;
  bottom: 15px;
}
.bs-navbar-top-example .navbar-fixed-top {
  top: -1px;
}
.bs-navbar-bottom-example {
  padding-top: 45px;
}
.bs-navbar-bottom-example .navbar-fixed-bottom {
  bottom: -1px;
}
.bs-navbar-bottom-example .navbar {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .bs-navbar-top-example .navbar-fixed-top,
  .bs-navbar-bottom-example .navbar-fixed-bottom {
    position: absolute;
  }
}
/* Pagination */
.bs-example .pagination {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* Pager */
.bs-example > .pager {
  margin-top: 0;
}
/* Example modals */
.bs-example-modal {
  background-color: #f5f5f5;
}
.bs-example-modal .modal {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: block;
}
.bs-example-modal .modal-dialog {
  left: auto;
  margin-right: auto;
  margin-left: auto;
}
/* Example dropdowns */
.bs-example > .dropdown > .dropdown-toggle {
  float: left;
}
.bs-example > .dropdown > .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 5px;
  clear: left;
}
/* Example tabbable tabs */
.bs-example-tabs .nav-tabs {
  margin-bottom: 15px;
}
/* Tooltips */
.bs-example-tooltips {
  text-align: center;
}
.bs-example-tooltips > .btn {
  margin-top: 5px;
  margin-bottom: 5px;
}
.bs-example-tooltip .tooltip {
  position: relative;
  display: inline-block;
  margin: 10px 20px;
  opacity: 1;
}
/* Popovers */
.bs-example-popover {
  padding-bottom: 24px;
  background-color: #f9f9f9;
}
.bs-example-popover .popover {
  position: relative;
  display: block;
  float: left;
  width: 260px;
  margin: 20px;
}
/* Scrollspy demo on fixed height div */
.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 10px;
  overflow: auto;
}
.bs-example > .nav-pills-stacked-example {
  max-width: 300px;
}
/* Simple collapse example */
#collapseExample .well {
  margin-bottom: 0;
}
/* Don't wrap event names in Events tables in JS plugin docs */
.bs-events-table > thead > tr > th:first-child,
.bs-events-table > tbody > tr > td:first-child {
  white-space: nowrap;
}
.bs-events-table > thead > tr > th:first-child {
  width: 150px;
}
.js-options-table > thead > tr > th:nth-child(1),
.js-options-table > thead > tr > th:nth-child(2) {
  width: 100px;
}
.js-options-table > thead > tr > th:nth-child(3) {
  width: 50px;
}
/*
 * Code snippets
 *
 * Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS.
 */
.highlight {
  padding: 9px 14px;
  margin-bottom: 14px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  border-radius: 4px;
}
.highlight pre {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  word-break: normal;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.highlight pre code {
  font-size: inherit;
  color: #333;
  /* Effectively the base text color */
}
.highlight pre code:first-child {
  display: inline-block;
  padding-right: 45px;
}
/*
 * Responsive tests
 *
 * Generate a set of tests to show the responsive utilities in action.
 */
/* Responsive (scrollable) doc tables */
.table-responsive .highlight pre {
  white-space: normal;
}
/* Utility classes table  */
.bs-table th small,
.responsive-utilities th small {
  display: block;
  font-weight: normal;
  color: #999;
}
.responsive-utilities tbody th {
  font-weight: normal;
}
.responsive-utilities td {
  text-align: center;
}
.responsive-utilities td.is-visible {
  color: #468847;
  background-color: #dff0d8 !important;
}
.responsive-utilities td.is-hidden {
  color: #ccc;
  background-color: #f9f9f9 !important;
}
/* Responsive tests */
.responsive-utilities-test {
  margin-top: 5px;
}
.responsive-utilities-test .col-xs-6 {
  margin-bottom: 10px;
}
.responsive-utilities-test span {
  display: block;
  padding: 15px 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  border-radius: 4px;
}
.visible-on .col-xs-6 .hidden-xs,
.visible-on .col-xs-6 .hidden-sm,
.visible-on .col-xs-6 .hidden-md,
.visible-on .col-xs-6 .hidden-lg,
.hidden-on .col-xs-6 .hidden-xs,
.hidden-on .col-xs-6 .hidden-sm,
.hidden-on .col-xs-6 .hidden-md,
.hidden-on .col-xs-6 .hidden-lg {
  color: #999;
  border: 1px solid #ddd;
}
.visible-on .col-xs-6 .visible-xs-block,
.visible-on .col-xs-6 .visible-sm-block,
.visible-on .col-xs-6 .visible-md-block,
.visible-on .col-xs-6 .visible-lg-block,
.hidden-on .col-xs-6 .visible-xs-block,
.hidden-on .col-xs-6 .visible-sm-block,
.hidden-on .col-xs-6 .visible-md-block,
.hidden-on .col-xs-6 .visible-lg-block {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}
/*
 * Glyphicons
 *
 * Special styles for displaying the icons and their classes in the docs.
 */
.bs-glyphicons {
  margin: 0 -10px 20px;
  overflow: hidden;
}
.bs-glyphicons-list {
  padding-left: 0;
  list-style: none;
}
.bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  background-color: #f9f9f9;
  border: 1px solid white;
}
.bs-glyphicons .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
  word-wrap: break-word;
  /* Help out IE10+ with class names */
}
.bs-glyphicons li.guideflow_hovered {
  color: white;
  background-color: #563d7c;
}
@media (min-width: 768px) {
  .bs-glyphicons {
    margin-right: 0;
    margin-left: 0;
  }
  .bs-glyphicons li {
    width: 12.5%;
    font-size: 12px;
  }
}
/*
 * Customizer
 *
 * Since this is so form control heavy, we have quite a few styles to customize
 * the display of inputs, headings, and more. Also included are all the download
 * buttons and actions.
 */
.bs-customizer .toggle {
  float: right;
  margin-top: 25px;
}
/* Headings and form contrls */
.bs-customizer label {
  margin-top: 10px;
  font-weight: 500;
  color: #555;
}
.bs-customizer h2 {
  padding-top: 30px;
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-customizer h3 {
  margin-bottom: 0;
}
.bs-customizer h4 {
  margin-top: 15px;
  margin-bottom: 0;
}
.bs-customizer .bs-callout h4 {
  margin-top: 0;
  /* lame, but due to specificity we have to duplicate */
  margin-bottom: 5px;
}
.bs-customizer input[type="text"] {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  background-color: #fafafa;
}
.bs-customizer .help-block {
  margin-bottom: 5px;
  font-size: 12px;
}
/* For the variables, use regular weight */
#less-section label {
  font-weight: normal;
}
/* Downloads */
.bs-customize-download .btn-outline {
  padding: 20px;
}
/* Error handling */
.bs-customizer-alert {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  padding: 15px 0;
  color: white;
  background-color: #d9534f;
  border-bottom: 1px solid #b94441;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.bs-customizer-alert .close {
  margin-top: -4px;
  font-size: 24px;
}
.bs-customizer-alert p {
  margin-bottom: 0;
}
.bs-customizer-alert .glyphicon {
  margin-right: 5px;
}
.bs-customizer-alert pre {
  margin: 10px 0 0;
  color: white;
  background-color: #a83c3a;
  border-color: #973634;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.bs-dropzone {
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  color: #777;
  text-align: center;
  border: 2px dashed #eee;
  border-radius: 4px;
}
.bs-dropzone .import-header {
  margin-bottom: 5px;
}
.bs-dropzone .glyphicon-download-alt {
  font-size: 40px;
}
.bs-dropzone hr {
  width: 100px;
}
.bs-dropzone .lead {
  margin-bottom: 10px;
  font-weight: normal;
  color: #333;
}
/*.bs-dropzone*/
#import-manual-trigger {
  cursor: pointer;
}
.bs-dropzone p:last-child {
  margin-bottom: 0;
}
/*
 * Brand guidelines
 *
 * Extra styles for displaying wordmarks, logos, etc.
 */
/* Logo series wrapper */
.bs-brand-logos {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
  color: #563d7c;
  background-color: #f9f9f9;
  border-radius: 4px;
}
/* Individual items */
.bs-brand-item {
  padding: 60px 0;
  text-align: center;
}
.bs-brand-item + .bs-brand-item {
  border-top: 1px solid white;
}
.bs-brand-logos .inverse {
  color: white;
  background-color: #563d7c;
}
/* Heading content within */
.bs-brand-item h1,
.bs-brand-item h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.bs-brand-item .bs-docs-booticon {
  margin-right: auto;
  margin-left: auto;
}
/* Make the icons stand out on what is/isn't okay */
.bs-brand-item .glyphicon {
  width: 30px;
  height: 30px;
  margin: 10px auto -10px;
  line-height: 30px;
  color: white;
  border-radius: 50%;
}
.bs-brand-item .glyphicon-ok {
  background-color: #5cb85c;
}
.bs-brand-item .glyphicon-remove {
  background-color: #d9534f;
}
@media (min-width: 768px) {
  .bs-brand-item {
    display: table-cell;
    width: 1%;
  }
  .bs-brand-item + .bs-brand-item {
    border-top: 0;
    border-left: 1px solid white;
  }
  .bs-brand-item h1 {
    font-size: 60px;
  }
}
/*
 * ZeroClipboard styles
 */
.zero-clipboard {
  position: relative;
  display: none;
}
.btn-clipboard {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  padding: 5px 8px;
  font-size: 12px;
  color: #767676;
  cursor: pointer;
  background-color: white;
  border: 1px solid #e1e1e8;
  border-radius: 0 4px 0 4px;
}
.btn-clipboard-hover {
  color: white;
  background-color: #563d7c;
  border-color: #563d7c;
}
@media (min-width: 768px) {
  .zero-clipboard {
    display: block;
  }
  .bs-example + .zero-clipboard .btn-clipboard {
    top: -16px;
    border-top-right-radius: 0;
  }
}
/*
 * Miscellaneous
 *
 * Odds and ends for optimum docs display.
 */
/* Pseudo :focus state for showing how it looks in the docs */
#focusedInput {
  border-color: #cccccc;
  /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
}
/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+aspnet+csharp+css-extras+git+handlebars+http+json+less+markdown&plugins=line-numbers */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
code[class*="language-"],
pre[class*="language-"] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  font-size: inherit !important;
}
/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #272822;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}
.token.punctuation {
  color: #f8f8f2;
}
.namespace {
  opacity: .7;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #f92672;
}
.token.boolean,
.token.number {
  color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #a6e22e;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.function {
  color: #e6db74;
}
.token.keyword {
  color: #66d9ef;
}
.token.regex,
.token.important {
  color: #fd971f;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
pre.line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}
pre.line-numbers > code {
  position: relative;
}
.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}
.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}
/*

    STYLES SPECIFIC TO THE DOCUMENTATION PROJECT'S COMPONENTS OR TEMPLATES

*/
.test-info {
  color: #00b7ff;
}
/*

    STYLES SPECIFIC TO TASK-MANAGER'S COMPONENTS OR TEMPLATES

*/
.no-content {
  text-align: center;
  color: #bbb;
  font-weight: 600;
}
.project-settings {
  position: relative;
  float: right;
  bottom: 69px;
  right: 10px;
  z-index: 20;
  opacity: 0;
}
.project-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  width: 95%;
}
.client-title span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  max-width: 95%;
  display: inline-block;
}
.client-settings {
  opacity: 0;
  position: relative;
  bottom: 21px;
}
.module-wrapper {
  width: 270px;
  margin: 0 5px;
  max-height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}
.task-card {
  margin: 0 5px 10px 5px;
  min-height: 30px;
  width: 95%;
  cursor: pointer;
  overflow: hidden;
}
.task-container {
  min-height: 20px;
  overflow-y: auto;
  -webkit-transition: max-height ease-in-out 0.31s;
  transition: max-height ease-in-out 0.31s;
}
.task-card.guideflow_hovered {
  background-color: #f3f3f3;
}
.task-text {
  white-space: normal;
}
.task-priority {
  border-radius: 20px;
  margin: 5px 0 0 8px;
  width: 50px;
}
.state-highlight {
  height: 1.5em;
  line-height: 1.2em;
  border-radius: 4px;
  margin: 0 5px 10px 5px;
}
.user-drag {
  margin: 10px;
  padding: 5px 20px 5px 20px;
  display: inline-block;
}
.user-drag.current-user {
  background-color: #e9f5ff;
}
.user-drag.hide-user-content {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  color: transparent !important;
}
.user-drag.user-being-dragged {
  opacity: .5;
}
.user-drag.guideflow_hovered {
  cursor: pointer;
  background-color: #f3f3f3;
}
.task-drop {
  height: 20px !important;
  width: 50px !important;
}
.modules-tasks-wrapper {
  position: absolute;
  clear: both;
  top: 100px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0px 10px 0px 10px;
  -webkit-transition: top ease-in-out 0.31s;
  transition: top ease-in-out 0.31s;
}
.clear {
  clear: both;
}
.fill-screen {
  position: fixed;
  bottom: 15px;
  top: 65px;
  margin-top: 100px;
  right: 15px;
  left: 215px;
  overflow: hidden;
}
.title-adjust {
  position: relative;
  left: 6px;
}
.add-task {
  position: relative;
  top: 10px;
}
.cancelTask {
  position: relative;
  top: 3px;
  left: 5px;
}
.notransition {
  -webkit-transition: none !important;
  transition: none !important;
}
.moduleContainer {
  white-space: nowrap;
  width: 100%;
  overflow-x: auto;
  -webkit-transition: height ease-in-out 0.31s;
  transition: height ease-in-out 0.31s;
}
.add-task-list {
  position: absolute;
  right: 5px;
  top: 0px;
}
.priority-filter {
  position: absolute;
  right: 188px;
  top: 5px;
  font-size: 20px;
}
.priority-filter-btn {
  position: absolute;
  right: 157px;
  top: -16px;
  cursor: pointer;
}
.phr-priority {
  margin: 10px;
  margin-top: 11px;
  display: inline-block;
  height: 40px;
  cursor: pointer;
  font-size: 22px;
  padding: 20px;
  height: 74px;
  border: 1px solid #ddd;
}
.phr-priority.guideflow_hovered {
  cursor: pointer;
  background-color: #f3f3f3;
}
.phr-priority.priority-being-dragged {
  opacity: .5;
}
.phr-priority.hide-priority-content {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  overflow: hidden;
}
.phr-priority.hide-priority-content span {
  color: transparent;
}
.phr-priority i {
  margin-left: 5px;
}
.inner-collapsible {
  white-space: nowrap;
  width: 100%;
  overflow-x: auto;
}
.collapsible-closed {
  height: 0px;
  overflow-y: hidden;
}
.collapsible-open {
  height: 130px;
  overflow-y: hidden;
}
.collapsible {
  -webkit-transition: height ease-in-out 0.31s;
  transition: height ease-in-out 0.31s;
}
.module-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.edit-btn {
  position: relative;
  top: -6px;
  right: 5px;
}
.task-name-text {
  width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  left: 6px;
}
.task-edit-name {
  position: relative;
  bottom: 5px;
  margin-bottom: 5px;
}
.task-edit-name input {
  font-size: 24px;
  padding-left: 5px;
}
.task-edit-name-buttons {
  position: relative;
  top: 5px;
}
.task-description-text {
  position: relative;
  left: 6px;
  margin-top: 1px;
}
.task-description-text-area {
  padding: 0px 5px;
  line-height: 22px;
}
.profile-subsections {
  margin-left: 5px;
}
.phr-timebar {
  display: block;
  width: 100%;
  height: 50px;
  z-index: 1;
  padding: 0 10px;
  overflow: hidden;
}
.phr-timebar .timebar-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 13px;
}
.phr-timebar .timebar-curtime {
  position: absolute;
  top: 8px;
  right: auto;
  bottom: 7px;
  left: auto;
  margin-left: -1px;
  width: 2px;
  z-index: 2;
  background-color: #FF0000;
}
.phr-timebar .timebar-bg {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  background-color: #a0b9c9;
}
.phr-timebar .timebar-event.type-leave {
  position: absolute;
  height: 100%;
  z-index: 3;
  margin-top: 1px;
}
.phr-timebar .node-start,
.phr-timebar .node-end {
  position: absolute;
  width: 10px;
  height: 10px;
  margin-top: 7px;
  margin-left: -5px;
  z-index: 3;
}
.phr-timebar .node-start {
  margin-left: -5px;
}
.phr-timebar .node-end {
  margin-right: -5px;
}
.phr-timebar .node-connector {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: 0;
  margin: 0 -1px;
  z-index: 2;
}
.phr-timebar .node-extra {
  display: none;
  top: 0;
  z-index: 3;
  color: #696969;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 1px #eee;
}
.phr-timebar .node-extra .text-wrapper {
  padding: 0 8px;
  margin-top: -1px;
  background-color: rgba(216, 216, 216, 0.6);
  overflow: hidden;
  white-space: nowrap;
}
.lt-ie9 .phr-timebar .node-extra .text-wrapper {
  background-color: #dcdcdc;
  background: url(https://html-assets-prod.guideflow.com/ec50fe5e2b56bbb330241c7b2a611b8eb7cf2c80) repeat;
}
.phr-timebar {
  position: absolute;
  margin-top: 3px;
}
.phr-timebar .timebar-event.type-shift {
  background-color: #5c798f;
}
.phr-timebar .timebar-event.type-shift .node-start,
.phr-timebar .timebar-event.type-shift .node-end {
  z-index: 10;
}
.phr-timebar .timebar-event.type-shift .node-connector {
  height: 10px;
  border: dashed 1px #a0b9c9;
  border-top: none;
}
.phr-timebar .timebar-event.type-lunch .node-start,
.phr-timebar .timebar-event.type-lunch .node-end {
  border-top: 10px solid #485f70;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  z-index: 10;
}
.phr-timebar .timebar-event.type-lunch .node-connector {
  height: 10px;
  top: 23px;
  border: none;
}
.phr-timebar .timebar-event.type-break .node-start,
.phr-timebar .timebar-event.type-break .node-end {
  border-right: 5px solid transparent;
  border-bottom: 10px solid #7792a7;
  border-left: 5px solid transparent;
  z-index: 10;
}
.phr-timebar .timebar-event.type-break .node-end {
  margin-left: -7px;
}
.phr-timebar .timebar-event.type-break .node-connector {
  height: 10px;
  top: 23px;
  border: none;
}
.phr-timebar .timebar-event.type-scheduledshift .node-start,
.phr-timebar .timebar-event.type-scheduledshift .node-end {
  background-color: #5c798f;
  border-radius: 20px;
  border: 1px solid #5c798f;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
  box-shadow: 0 0 0 1px #fff inset;
}
.phr-timebar .node-time {
  display: none;
  white-space: nowrap;
}
.phr-timebar .timebar-event.type-scheduledshift .node-time {
  display: block;
  position: absolute;
  top: 33px;
  color: #ccc;
  font-size: 13px;
}
.phr-timebar .timebar-event.type-scheduledshift .node-start + .node-time {
  margin-left: -4px;
}
.phr-timebar .timebar-event.type-scheduledshift .node-end + .node-time {
  margin-right: -2px;
}
.phr-timebar .timebar-event.type-shift .node-time {
  display: block;
  position: absolute;
  top: -1px;
  color: #ccc;
  font-size: 13px;
}
.phr-timebar .timebar-event.type-shift .node-start + .node-time {
  margin-left: -4px;
}
.phr-timebar .timebar-event.type-shift .node-end + .node-time {
  margin-right: -2px;
}
/* for debugging */
/*.timebar-wrapper {
        background-image: repeating-linear-gradient( 90deg, @phr-gray-204-204-204-0p4, @phr-gray-204-204-204-0p4, 4.17%, @phr-gray-221-221-221-0p4 4.17%, @phr-gray-221-221-221-0p4 8.34% );
    }*/
.phr-timebar .timebar-event.type-leave .node-extra {
  background-color: rgba(128, 128, 128, 0.5);
  display: block;
  margin-top: 1px;
  padding-bottom: 1px;
}
.phr-timebar .timebar-event.type-leave .node-extra .text-wrapper {
  position: relative;
  top: 1px;
}
.whosin-legend .legend-punch-type {
  /* display: inline-block; */
  margin-left: 12px;
}
.whosin-legend .legend-punch-type .blockpart {
  display: inline-block;
  float: left;
  width: 10px;
  height: 10px;
  z-index: 2;
}
.whosin-legend .legend-punch-type.lunch .blockpart {
  border-top: 10px solid #485f70;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}
.whosin-legend .legend-punch-type.break .blockpart {
  border-right: 5px solid transparent;
  border-bottom: 10px solid #7792a7;
  border-left: 5px solid transparent;
}
.whosin-legend .legend-punch-type.schedule .blockpart {
  background-color: #5c798f;
  border-radius: 20px;
  border: 1px solid #5c798f;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
  box-shadow: 0 0 0 1px #fff inset;
}
.whosin-legend .legend-punch-type .text {
  padding-left: 4px;
  line-height: 14px;
}
.whosin-legend .legend-status-type {
  display: inline;
  position: relative;
  padding-left: 12px;
  margin-right: 12px;
}
#whosin {
  width: 100%;
  min-width: 100%;
}
#whosin tbody tr td {
  position: relative;
  height: 80px;
  min-height: 80px;
}
.phr.whosin-report-row {
  position: relative;
  padding-bottom: -1px;
  overflow: hidden;
}
.phr.whosin-report-row .phr.whosin-user-container {
  position: relative;
  height: 96px;
  width: 320px;
  background-color: #fbfbfb;
  border-right: 1px solid #caced5;
}
.phr.whosin-report-row .phr.whosin-user-container .phr.user-avatar {
  width: 100px;
}
.phr.whosin-report-row .phr.whosin-user-container .phr-status {
  position: absolute;
  right: 0;
  height: 96px;
  width: 8px;
}
.phr.whosin-report-row .phr.whosin-user-container .phr-punch-buttons {
  position: absolute;
  top: auto;
  right: 6px;
  bottom: 6px;
  left: auto;
}
.phr.whosin-report-row .phr.whosin-summary-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 157px;
  height: 104px;
  background-color: #fbfbfb;
  border-left: 1px solid #caced5;
}
.phr.whosin-report-row .phr.whosin-timebar-wrapper {
  position: absolute;
  top: 0;
  right: 314px;
  bottom: 0;
  left: 320px;
}
.phr.whosin-report-row .phr.whosin-timebar-wrapper .whosin-timebar-start-time {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 8px;
  margin-left: -7px;
  color: #ccc;
  font-size: 13px;
}
.phr.whosin-report-row .phr.whosin-timebar-wrapper .whosin-timebar-end-time {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: auto;
  left: auto;
  margin-right: -4px;
  color: #ccc;
  font-size: 13px;
}
/*

    STYLES SPECIFIC TO TIME-CLOCK'S COMPONENTS OR TEMPLATES

*/
@media (min-width: 1200px) {
  .phr-timeclock.welcome .welcome-container {
    margin-top: 5%;
    margin-left: 25%;
    margin-right: 25%;
    background-color: white;
    padding: 40px 0 50px 0;
    border: 2px solid #c3c9cc;
    min-width: 560px;
  }
}
@media (max-width: 1199px) and (orientation: portrait) {
  .phr-timeclock.welcome .welcome-container {
    margin-top: 260px;
  }
}
@media (max-width: 1199px) and (orientation: landscape) {
  .phr-timeclock.welcome .welcome-container {
    margin-top: 130px;
  }
}
.phr-timeclock.welcome .welcome-container h3.hello-message {
  font-weight: 300;
}
.phr-timeclock.welcome .welcome-container h3.get-started-message {
  font-weight: 600;
}
.phr-timeclock.welcome .welcome-container h4 {
  font-weight: 300;
}
#scheduleTemplateListWrapper .day,
#scheduleListWrapper .day {
  position: relative;
  padding: 6px;
  font-size: 1.2em;
}
#scheduleTemplateListWrapper .day.on,
#scheduleListWrapper .day.on {
  color: #00b7ff;
  background-color: #fbfbfb;
}
#scheduleTemplateListWrapper .day.off,
#scheduleListWrapper .day.off {
  color: #bbb;
  background-color: white;
}
#timerecord .timecard-details-header-row td {
  vertical-align: bottom;
  padding-bottom: 5px;
  border-bottom: 2px solid #e4e6ea;
}
/*

    STYLES SPECIFIC TO TIME-SHEET'S COMPONENTS OR TEMPLATES

*/
.phr-timesheet {
  margin: 15px;
}
.phr-timesheet #clear-time-entries-tooltip {
  position: absolute;
}
.phr-timesheet .phr-set-comment-for-day {
  color: #98a6ad;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out;
}
.phr-approvable.editable .phr-timesheet .day-label.guideflow_hovered .phr-set-comment-for-day {
  color: #00b7ff;
  font-size: 12.5px;
}
.phr-approvable.editable .phr-timesheet .hours.guideflow_hovered .phr-set-comment-for-day {
  color: #00b7ff;
  font-size: 12.5px;
}
.phr-approvable.not-editable .phr-timesheet .phr-set-comment-for-day {
  color: #dfe3e6;
}
.phr-timesheet .total-label {
  font-size: 16px;
  font-weight: 600;
}
.phr-timesheet .total-label.week {
  font-size: 14px;
}
.phr-timesheet .day-label.today .num {
  color: white !important;
}
.phr-timesheet .zero {
  color: #98a6ad !important;
}
.phr-timesheet .hours .time-display,
.phr-timesheet .hours input {
  font-size: 15px !important;
}
.phr-timesheet input.time-input.blocked-alert,
.phr-timesheet input.time-input[data-blocked-alert] {
  /* invalid data - will not be autosaved */
  background-color: #fad733 !important;
}
.phr-timesheet input.time-input.invalid-time-entry-to-be-removed {
  cursor: pointer;
  background-color: #fb8ea1 !important;
  /* invalid data - will not be autosaved */
}
.phr-timesheet input.time-input[data-warning-alert] {
  border: 1px solid #fad733 !important;
}
.phr-timesheet input.time-input.invalid {
  /* invalid data - will not be autosaved */
  background-color: #ffe5e5 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .phr-timesheet.day-per-row .day-label {
    padding-left: 0 !important;
  }
  .phr-timesheet.day-per-row .hours {
    padding-left: 5px !important;
    padding-right: 0 !important;
  }
  .phr-timesheet.day-per-row .hours input {
    margin-top: 5px;
  }
}
.phr-timesheet.day-per-row input.time-input {
  /* when "clean" */
  background-color: #f6f6f6;
  -webkit-transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}
.phr-timesheet.day-per-row.detailed div.day-data .hours input {
  background-color: white;
}
.phr-timesheet.day-per-row.detailed div.day-data .hours input.zero {
  background-color: #f6f6f6;
}
.phr-timesheet.day-per-row.detailed div.day-data.high .hours input {
  background-color: white !important;
}
.phr-timesheet.day-per-row .total-label.grand {
  font-weight: bold;
}
.phr-timesheet.day-per-row .total-label.shift,
.phr-timesheet.day-per-row .total-label.overtime,
.phr-timesheet.day-per-row .total-label.regular,
.phr-timesheet.day-per-row .total-label.paid-leave,
.phr-timesheet.day-per-row .total-label.unpaid-leave,
.phr-timesheet.day-per-row .total-label.total {
  color: #777;
}
.phr-timesheet.day-per-row .total-label.start,
.phr-timesheet.day-per-row .total-label.end {
  color: #00b7ff;
}
.phr-timesheet.day-per-row .hours {
  color: #777777;
}
.phr-timesheet.day-per-row .hours.total {
  font-weight: 600;
}
.phr-timesheet.day-per-row .total-hours.week {
  font-weight: 600;
  color: #555 !important;
}
.phr-timesheet.day-per-row .total-hours.grand {
  font-size: 16px !important;
  color: #00b7ff !important;
}
.phr-timesheet.day-per-row .total-hours.grand.total {
  font-weight: 600 !important;
}
.phr-timesheet.day-per-row .header {
  border-bottom: 2px solid #efefef;
  margin-top: 8px;
  clear: both;
}
.phr-timesheet.day-per-row .totals-container {
  display: table;
  width: 100%;
}
.phr-timesheet.day-per-row .totals-container .totals-cell {
  display: table-cell;
  width: 16%;
  vertical-align: middle;
}
.phr-timesheet.day-per-row .totals-container .totals-cell.hours {
  padding-top: 6px;
}
.phr-timesheet.day-per-row .day-data {
  padding-bottom: 7px;
  padding-top: 7px;
  border-bottom: 1px solid #efefef;
  border-left: 3px solid white;
}
.phr-timesheet.day-per-row .day-data.high {
  background-color: #E8F4FB;
  border-left: 3px solid #57B0E4;
}
.phr-timesheet.day-per-row .day-data.dayHasTimeEntriesThatNeedToBeRemoved {
  cursor: pointer;
  background-color: #f2dede;
  border-left: 3px solid #fb8ea1;
}
.phr-timesheet.day-per-row .day-data.dayHasTimeEntriesThatNeedToBeRemoved div.hours input {
  cursor: pointer;
  background-color: #fb8ea1 !important;
  /* invalid data - will not be autosaved */
}
.phr-timesheet.day-per-row .day-data .phr-set-comment-for-day {
  padding-top: 5px;
}
.phr-timesheet.day-per-row .day-data .day-label {
  margin-top: 6px;
}
.phr-timesheet.day-per-row .day-data .day-label .day-part .date-num-wrapper {
  padding-top: 1px;
}
.phr-timesheet.day-per-row .day-data .day-label .day-part .date-num-wrapper .num {
  font-weight: 400;
  color: #999;
  font-size: 16px;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  font-size: 15px;
}
.phr-timesheet.day-per-row .day-data .day-label .date-part.dow {
  font-size: 16px;
  font-weight: 600;
}
.phr-timesheet.day-per-row .week-total {
  border-bottom: 1px solid #efefef;
  padding-top: 5px;
  padding-bottom: 5px;
}
.phr-timesheet.week-per-row .total-label.shift,
.phr-timesheet.week-per-row .total-label.overtime,
.phr-timesheet.week-per-row .total-label.regular,
.phr-timesheet.week-per-row .total-label.paid-leave,
.phr-timesheet.week-per-row .total-label.unpaid-leave {
  font-size: 15px;
}
.phr-timesheet.week-per-row .total-label.shift.week,
.phr-timesheet.week-per-row .total-label.overtime.week,
.phr-timesheet.week-per-row .total-label.regular.week {
  font-size: 16px;
  margin-top: 16px;
}
.phr-timesheet.week-per-row .timesheet-divider {
  margin-top: 30px;
  margin-bottom: 0px;
  clear: both;
}
.phr-timesheet.week-per-row .week-data {
  background-color: #E8F4FB;
}
.phr-timesheet.week-per-row .week-data .out-of-range {
  margin-top: 13px;
}
.phr-timesheet.week-per-row .week-leave {
  padding-bottom: 7px;
  padding-top: 7px;
  border-bottom: 1px solid #eee;
}
.phr-timesheet.week-per-row .total-hours {
  font-size: 16px;
}
.phr-timesheet.week-per-row .total-hours.grand {
  padding-top: 3px;
  font-size: 16px !important;
  color: #00b7ff !important;
}
.phr-timesheet.week-per-row .total-hours.grand.total {
  font-weight: 600;
}
.phr-timesheet.week-per-row .total-hours.week {
  padding-top: 3px;
}
.phr-timesheet.week-per-row .total-hours.week.shift,
.phr-timesheet.week-per-row .total-hours.week.overtime,
.phr-timesheet.week-per-row .total-hours.week.regular {
  margin-top: 13px !important;
}
.phr-timesheet.week-per-row .total-hours.unpaid-leave,
.phr-timesheet.week-per-row .total-hours.paid-leave {
  font-size: 14px !important;
}
.phr-timesheet.week-per-row .week-label {
  font-weight: 700;
  white-space: nowrap;
  font-size: 16px;
  margin-top: 13px;
}
.phr-timesheet.week-per-row .days-of-week .day-label {
  width: 14.2857%;
  float: left;
  text-align: center;
  border-top: 3px solid white;
}
.phr-timesheet.week-per-row .days-of-week .day-label.high {
  border-top: 3px solid #428efa !important;
}
.phr-timesheet.week-per-row .days-of-week .day-label.high .num {
  color: #16AAD8 !important;
}
.phr-timesheet.week-per-row .days-of-week .day-label .date-part.dow {
  font-weight: 600;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  font-size: 20px;
}
.phr-timesheet.week-per-row .days-of-week .day-label .date-part.num {
  font-weight: 400;
  color: #98a6ad;
  font-size: 15px;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  margin-bottom: 8px;
}
.phr-timesheet.week-per-row .days-of-week .phr-set-comment-for-day {
  position: relative;
  top: 11px;
  right: 4px;
  float: right;
  height: 0px;
  font-size: 80%;
}
.phr-timesheet.week-per-row .days-of-week .hours {
  width: 14.2857%;
  float: left;
  padding: 0px 2.5px;
  text-align: center;
}
.phr-timesheet.week-per-row .days-of-week .hours.day.unpaid-leave,
.phr-timesheet.week-per-row .days-of-week .hours.day.paid-leave {
  padding-top: 3px;
}
.phr-timesheet.week-per-row .days-of-week .dayHasTimeEntriesThatNeedToBeRemoved {
  cursor: pointer;
}
.phr-timesheet.week-per-row .days-of-week .dayHasTimeEntriesThatNeedToBeRemoved input.invalid-time-entry-to-be-removed {
  cursor: pointer;
  background-color: #fb8ea1 !important;
  /* invalid data - will not be autosaved */
}
.phr-timesheet.week-per-row .grand-total {
  margin-top: 10px;
}
.phr-timesheet.week-per-row .grand-total .total-label {
  padding: 3px;
}
.phr-timesheet.week-per-row .grand-total.multi-week .total-label,
.phr-timesheet.week-per-row .grand-total.multi-week .total-hours {
  border-top: 1px solid #eee;
  border-top: double 3px #D3D5D3;
  padding-top: 10px;
}
.phr-timesheet.advanced .no-click {
  cursor: not-allowed;
}
.phr-timesheet.advanced.mobile .time-display {
  margin: 0 !important;
}
.phr-timesheet.advanced.mobile .add-time {
  margin-top: 1px;
}
.phr-timesheet.advanced .week-label {
  margin-top: 15px;
}
.phr-timesheet.advanced .total-hours.week {
  margin-top: 3px !important;
}
.phr-timesheet.advanced .time-display {
  font-size: 16px;
  position: relative;
  height: 35px;
  /* matches the input height of the Simple format */
  line-height: 33px;
  cursor: pointer;
  border: 1px solid rgba(98, 181, 229, 0.4);
  -webkit-transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
  border-radius: 2px;
  background-color: white;
  text-align: center;
  margin: 10px 2px;
}
.phr-timesheet.advanced .time-display.guideflow_hovered {
  border: 1px solid #428efa;
  color: rgba(75, 132, 165, 0.7);
}
.phr-timesheet.advanced .time-display.guideflow_hovered .add-time {
  color: white;
  background-color: #428efa;
  /* as requested */
}
.phr-timesheet.advanced .time-display .hours {
  width: 100%;
}
.phr-timesheet.advanced .time-display .add-time {
  position: absolute;
  top: -1px;
  right: -1px;
  text-align: center;
  width: 16px;
  height: 16px;
  font-size: 10px;
  border-bottom-left-radius: 2px;
  line-height: 14px;
  padding-left: 0px;
  cursor: pointer;
  background-color: rgba(98, 181, 229, 0.25);
  color: #428efa;
  -webkit-transition: border 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: border 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  font-size: 16px;
  font-weight: 500;
}
/* popover adjustments */
.phr-paid-leave-breakdown span,
.phr-unpaid-leave-breakdown span {
  cursor: pointer;
  border-bottom: 1px dotted #ccc;
  -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.phr-paid-leave-breakdown span.guideflow_hovered,
.phr-unpaid-leave-breakdown span.guideflow_hovered {
  border-color: #428efa;
  color: #428efa;
}
.phr-leave-breakdown-item .eventTitle {
  clear: both;
}
.phr-leave-breakdown-item .eventTitle {
  margin-left: 13px;
  margin-right: 20px;
}
.phr-leave-breakdown-item .eventType {
  width: 20px;
}
.phr-timer-button-disabled {
  color: #52c0e0;
}
.profile-header {
  background: url(https://html-assets-prod.guideflow.com/5ac6980a94ddd34647866514532d8f8b4d89514a) center center;
  background-size: cover;
  color: #58666e;
  background-position-x: 265px;
}
.profile-header.client {
  background: url(https://html-assets-prod.guideflow.com/f6155bfc9c6d36c6ac0e84b4f0f5645ef5aa17eb) center center;
  background-size: cover;
  color: #58666e;
  background-position-x: 0;
  background-repeat: no-repeat;
}
.profile-header.project {
  background: url(https://html-assets-prod.guideflow.com/b589942b8dc37787c51f16d2e2cfc3a947214623) center center;
  background-size: cover;
  color: #58666e;
  background-position-x: 0;
  background-position-y: -75px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1600px) {
  .profile-header.project {
    background-position-y: -135px;
  }
}
.profile-header.module {
  background: url(https://html-assets-prod.guideflow.com/efc6d094c7d1a05e14ac4cf553bd1a49e8422e79) center center;
  background-size: cover;
  color: #58666e;
  background-position-x: 0;
  background-repeat: no-repeat;
}
.profile-header.task {
  background: url(https://html-assets-prod.guideflow.com/294a9783a7fca6b76a30e6ad26d3f6824a222f0a) center center;
  background-size: cover;
  color: #58666e;
  background-position-x: 0;
  background-position-y: -108px;
  background-repeat: no-repeat;
}
.profile-header .header-section {
  color: white;
  background: url(https://html-assets-prod.guideflow.com/5eb8fcbde7a6afbbc7c401a4e9bbe901f5adc625);
  background: rgba(0, 0, 0, 0.4) !important;
}
.profile-header a.summary-total {
  text-decoration: none;
  color: inherit;
}
.profile-header a.summary-total.guideflow_hovered {
  text-decoration: none;
  color: inherit;
}
.profile-header .wrapper-lg {
  padding: 30px;
}
.profile-header .bg-white-opacity {
  background-color: rgba(84, 91, 118, 0.5);
}
.profile-header .inline {
  display: inline-block !important;
}
.profile-header .font-bold {
  font-weight: 700;
}
.profile-header .m {
  margin: 15px;
}
.profile-header .clear {
  display: block;
  overflow: hidden;
}
.profile-header .nblock {
  display: block;
}
.phr-timesheet-format {
  width: 274px;
  height: 135px;
  border: 3px solid;
  border-color: rgba(166, 166, 166, 0.5);
  background-size: 262px 123px;
  background-position: 6px 6px;
  background-repeat: no-repeat;
  -webkit-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
}
.phr-timesheet-format.simple-img {
  background-image: url(https://html-assets-prod.guideflow.com/08e57491af8e9e4ad085d615d8897e68bff4b0ec);
}
.phr-timesheet-format.detailed-img {
  background-image: url(https://html-assets-prod.guideflow.com/4314554b0e11e7ce92f393f3268aff2c9c96a7fa);
}
.phr-timesheet-format.detailed-lunch-img {
  background-image: url(https://html-assets-prod.guideflow.com/b054a627348b9152afcec3714a71bb8ffc5804bb);
}
.phr-timesheet-format.advanced-img {
  background-image: url(https://html-assets-prod.guideflow.com/56eb331a3c543eb4d3f09b776c6dae759681d061);
}
.phr-timesheet-format .phr-zoom-img {
  background-image: url(https://html-assets-prod.guideflow.com/08f715d3f9db68f95883db37e387f0c113da36f3);
  height: 100px;
  width: 100px;
  position: relative;
  right: -90px;
  bottom: -25px;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.phr-timesheet-format.guideflow_hovered {
  border-color: rgba(166, 166, 166, 0.8);
}
.phr-timesheet-format.guideflow_hovered .phr-zoom-img {
  opacity: 1;
}
.phr-timesheet-format.lg {
  width: 868px;
  height: 428px;
  border: 2px solid #e4e6ea;
  background-size: 856px 422px;
  background-position: 6px 6px;
  background-repeat: no-repeat;
}
.phr-timesheet-format.lg.simple-img {
  background-image: url(https://html-assets-prod.guideflow.com/98f6e63300c98ee5bd739aa845e25f6ead0c784a);
}
.phr-timesheet-format.lg.detailed-img {
  background-image: url(https://html-assets-prod.guideflow.com/9c3e94a26b206e6d624bf7920ed9f440a93713a2);
}
.phr-timesheet-format.lg.detailed-lunch-img {
  background-image: url(https://html-assets-prod.guideflow.com/03dc515ef06ba3b0d8be0d773f3769aca6b45cd9);
}
.phr-timesheet-format.lg.advanced-img {
  background-image: url(https://html-assets-prod.guideflow.com/e87ab6f0cb8a7995d40b7be25450a374135a634f);
}
/* REQUESTED */
table#teamCalendar {
  border: none;
  /* the table itself has no border */
}
table#teamCalendar .date-dow {
  font-size: 16px;
  color: #333;
}
table#teamCalendar .date-num {
  color: #999;
  font-weight: 400;
  font-size: 14px;
}
table#teamCalendar th.date {
  font-size: 100% !important;
}
table#teamCalendar th.date.weekend .date-dow {
  color: #999;
}
table#teamCalendar th.date.weekend .date-num {
  color: #999;
}
table#teamCalendar td.total-title {
  text-align: right;
}
table#teamCalendar td.hours {
  font-size: 12.5px;
}
table#teamCalendar tr.total-row td {
  background-color: #E8F4FB;
  /* lighter blue */
  font-size: 14px;
  font-weight: 600;
  border-top: 2px solid #e4e6ea;
}
table#teamCalendar tr.total-row td.grand-total {
  color: #00b7ff;
}
table#teamCalendar tr.total-row td .total.hours {
  padding-top: 10px;
}
table#teamCalendar thead tr th.date {
  padding-left: 0;
}
table#teamCalendar thead .sorting:after,
table#teamCalendar thead .sorting_asc:after,
table#teamCalendar thead .sorting_desc:after {
  top: 28%;
}
table#teamCalendar td[data-hours] {
  -webkit-transition: background-color 128ms ease-in-out, color 128ms ease-in-out;
  transition: background-color 128ms ease-in-out, color 128ms ease-in-out;
}
table#teamCalendar.colorized {
  /* only when colorized */
}
table#teamCalendar.colorized td.weekend {
  background-color: rgba(248, 249, 249, 0.9);
}
table#teamCalendar.colorized tr.guideflow_hovered td.weekend {
  background-color: rgba(232, 234, 234, 0.9);
}
table#advancedCalendar tr.total-row td {
  border-top: 2px solid #e4e6ea;
}
@media screen and (max-width: 991px) {
  .nav.nav-pills > li > a {
    padding: 10px 12px;
  }
}
#Tabs .phr-state-tabs-wrapper .nav {
  padding: 10px 15px;
  border-bottom: 1px solid #caced5;
  background-color: white;
}
#Tabs .phr-state-tabs-wrapper .pane-header {
  display: none !important;
}
.timeoff-spectrum.spectrum-mode-display {
  width: 100%;
  margin: 0;
  border: none;
  background: none;
  border-radius: 2px;
  /*&>.sp-replacer {
            
        }*/
}
.timeoff-spectrum.spectrum-mode-display > .sp-dd {
  display: none;
}
.timeoff-spectrum.spectrum-mode-display > .sp-preview {
  width: 100%;
  margin-right: 0;
  border: none;
  border-radius: 2px;
}
.timeoff-spectrum.spectrum-mode-display > .sp-preview > .sp-preview-inner {
  border-radius: 2px;
}
.timeoff-spectrum.spectrum-mode-picker {
  padding: 5px;
  border: solid 1px #caced5;
  background-color: #f5f5f5;
  border-radius: 3px;
}
.timeoff-spectrum.spectrum-mode-picker.guideflow_hovered .sp-dd {
  color: #333;
}
.timeoff-spectrum.spectrum-mode-picker > .sp-dd {
  color: #666;
  -webkit-transition: all 180ms ease;
  transition: all 180ms ease;
}
.timeoff-calendar {
  position: relative;
  z-index: 0;
}
.timeoff-calendar > .mask {
  display: block;
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.3;
  filter: alpha(opacity=30);
  background-color: #333;
  min-width: 50vw;
  min-height: 75vh;
}
.timeoff-calendar > .mask.mask-show {
  background-color: #333;
}
.timeoff-calendar .fc-content .fc-time {
  font-weight: 400;
  margin-right: 3px;
  margin-left: 3px;
  text-transform: lowercase;
  color: #000;
}
.timeoff-calendar .time-start,
.timeoff-calendar .time-sep,
.timeoff-calendar .time-end {
  color: #000;
}
.timeoff-calendar .fc-title {
  font-weight: 600;
}
.timeoff-calendar .fc-view .fc-day-header {
  background-color: #e3eaef;
}
.timeoff-calendar .fc-view .fc-widget-header,
.timeoff-calendar .fc-view .fc-widget-content {
  border-color: #d3dade;
}
.timeoff-calendar .fc-sat,
.timeoff-calendar .fc-sun {
  background-color: #fafafa;
}
.timeoff-calendar .fc-day-number {
  color: #606d74;
  font-weight: 300;
}
.calendar-birthdays,
.calendar-special,
.calendar-holiday,
.calendar-holiday-partial,
.calendar-mobile-event {
  display: inline;
  float: left;
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #777;
  margin: 0 4px;
}
@media (min-width: 0px) and (max-width: 319px) {
  .fc-event-container .fc-event {
    padding: 1px 0px 1px 8px !important;
  }
  .fc-event-container .fc-event .fa-fw {
    width: 1em !important;
  }
  .fc-event-container .fc-event .event-timeofftype {
    padding: 0px 2px !important;
    z-index: 3;
  }
  .fc-toolbar .fc-right {
    /*display:none;*/
  }
  .fc-toolbar .fc-refreshCalendar-button,
  .fc-toolbar .fc-showTips-button,
  .fc-toolbar .fc-viewFilters-button,
  .fc-toolbar .fc-viewLegend-button {
    display: none;
  }
  .fc-toolbar .fc-today-button {
    display: none;
  }
  .fc-button {
    height: auto !important;
  }
  .fc-content .fc-time {
    display: inline;
  }
  .fc-content .fc-time .time-start {
    display: inline;
  }
  .fc-content .fc-time .time-sep {
    display: none;
  }
  .fc-content .fc-time .time-end {
    display: none;
  }
  .fc-content .fc-time {
    display: none;
  }
  .calendar-birthdays,
  .calendar-special,
  .calendar-holiday,
  .calendar-holiday-partial {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 479px) {
  .fc-event-container .fc-event {
    padding: 1px 0px 1px 8px !important;
  }
  .fc-event-container .fc-event .fa-fw {
    width: 1em !important;
  }
  .fc-event-container .fc-event .event-timeofftype {
    padding: 0px 2px !important;
    z-index: 3;
  }
  .fc-toolbar .fc-right {
    /*display:none;*/
  }
  .fc-toolbar .fc-refreshCalendar-button,
  .fc-toolbar .fc-showTips-button,
  .fc-toolbar .fc-viewFilters-button,
  .fc-toolbar .fc-viewLegend-button {
    display: none;
  }
  .fc-toolbar .fc-today-button {
    display: none;
  }
  .fc-button {
    height: auto !important;
  }
  .fc-content .fc-time {
    display: inline;
  }
  .fc-content .fc-time .time-start {
    display: inline;
  }
  .fc-content .fc-time .time-sep {
    display: none;
  }
  .fc-content .fc-time .time-end {
    display: none;
  }
  .fc-content .fc-time {
    display: none;
  }
  .calendar-birthdays,
  .calendar-special,
  .calendar-holiday,
  .calendar-holiday-partial {
    display: none;
  }
  .calendar-mobile-event {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .fc-event-container .fc-event {
    padding: 1px 0px 1px 8px !important;
  }
  .fc-event-container .fc-event .fa-fw {
    width: 1em !important;
  }
  .fc-event-container .fc-event .event-timeofftype {
    padding: 0px 2px !important;
    z-index: 3;
  }
  .fc-toolbar .fc-right {
    /*display:none;*/
  }
  .fc-toolbar .fc-refreshCalendar-button,
  .fc-toolbar .fc-showTips-button,
  .fc-toolbar .fc-viewFilters-button,
  .fc-toolbar .fc-viewLegend-button {
    display: none;
  }
  .fc-toolbar .fc-today-button {
    display: none;
  }
  .fc-button {
    height: auto !important;
  }
  .fc-content .fc-time {
    display: inline;
  }
  .fc-content .fc-time .time-start {
    display: inline;
  }
  .fc-content .fc-time .time-sep {
    display: none;
  }
  .fc-content .fc-time .time-end {
    display: none;
  }
  .fc-content .fc-time {
    display: none;
  }
  .calendar-birthdays,
  .calendar-special,
  .calendar-holiday,
  .calendar-holiday-partial {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fc-event-container .fc-event {
    padding: 1px 0px 1px 8px !important;
  }
  .fc-event-container .fc-event .fa-fw {
    width: 1em !important;
  }
  .fc-event-container .fc-event .event-timeofftype {
    padding: 0px 2px !important;
    z-index: 3;
  }
  .fc-content .fc-time {
    display: none;
  }
  .calendar-mobile-event {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fc-content .fc-time {
    display: inline;
  }
  .fc-content .fc-time .time-start {
    display: inline;
  }
  .fc-content .fc-time .time-sep {
    display: none;
  }
  .fc-content .fc-time .time-end {
    display: none;
  }
  .calendar-mobile-event {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  .fc-content .fc-time {
    display: inline;
  }
  .fc-content .fc-time .time-start {
    display: inline;
  }
  .fc-content .fc-time .time-sep {
    display: none;
  }
  .fc-content .fc-time .time-end {
    display: none;
  }
  .calendar-mobile-event {
    display: none;
  }
}
@media (min-width: 1366px) and (max-width: 1599px) {
  .fc-content .fc-time {
    display: inline;
  }
  .fc-content .fc-time .time-start {
    display: inline;
  }
  .fc-content .fc-time .time-sep {
    display: none;
  }
  .fc-content .fc-time .time-end {
    display: none;
  }
  .calendar-mobile-event {
    display: none;
  }
}
@media (min-width: 1600px) and (max-width: 1799px) {
  .calendar-mobile-event {
    display: none;
  }
}
@media (min-width: 1800px) {
  .calendar-mobile-event {
    display: none;
  }
}
@media print {
  .fc-content .fc-time {
    display: inline;
  }
  .fc-content .fc-time .time-start {
    display: inline;
  }
  .fc-content .fc-time .time-sep {
    display: none;
  }
  .fc-content .fc-time .time-end {
    display: none;
  }
}
.request-restriction {
  display: inline;
  float: left;
  opacity: 0.8;
  filter: alpha(opacity=80);
  margin: 0 4px;
  font-size: 22px !important;
  position: relative;
  top: 1px;
}
.request-restriction.request-restriction-lock {
  color: #f94362;
}
.request-restriction.request-restriction-unlock {
  color: #777;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/*

    PLEASE READ

    The way these events where rendering has been changed.
    A lot of the work for sizing is now being taken care of by
    fullcalendar itself. Some of these styles are still applied however
    so make changes with care.

    //TODO: Remove unused styles.

*/
.fc-event-container .timeoff-calendar-event {
  margin: 3px 5px;
}
.timeoff-calendar-event {
  z-index: 0;
  position: relative;
  padding: 2px;
  font-size: 12px;
  -webkit-transition: all 80ms ease-in 0ms;
  transition: all 80ms ease-in 0ms;
}
.timeoff-calendar-event.guideflow_hovered {
  background-color: rgba(255, 255, 255, 0.85) !important;
  padding: 2px 2px;
  margin: 3px 0px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 100ms ease-in 200ms;
  transition: all 100ms ease-in 200ms;
}
.timeoff-calendar-event.nohover,
.timeoff-calendar-event.nohover.guideflow_hovered {
  padding: 2px;
  margin: auto;
  -webkit-transition: none !important;
  transition: none !important;
}
.timeoff-calendar-event .event-status-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
}
.timeoff-calendar-event .event-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .60;
  filter: alpha(opacity=60);
}
.timeoff-calendar-event .event-container {
  z-index: 1;
  margin-left: 7px;
}
.timeoff-calendar-event .event-container .event-timeofftype {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  padding-right: 3px;
  padding-left: 3px;
  opacity: .30;
  filter: alpha(opacity=30);
  text-align: center;
  color: #000;
  font-weight: 900;
}
.timeoff-calendar-event .event-container .event-name,
.timeoff-calendar-event .event-container .event-time {
  white-space: nowrap;
  overflow: hidden;
}
.timeoff-calendar-event .event-container .event-name {
  font-weight: 400;
}
.timeoff-calendar-event .event-container .event-timeofftype + .event-name {
  margin-right: 14px;
}
.timeoff-calendar-event.event-partial .event-container,
.timeoff-calendar-event.event-partial-morning .event-container,
.timeoff-calendar-event.event-partial-afternoon .event-container {
  margin-left: 0;
  position: relative;
}
.timeoff-calendar-event.event-partial .event-timeofftype,
.timeoff-calendar-event.event-partial-morning .event-timeofftype,
.timeoff-calendar-event.event-partial-afternoon .event-timeofftype {
  top: -2px;
  right: -2px;
}
.timeoff-calendar-event.event-partial .event-top,
.timeoff-calendar-event.event-partial-morning .event-top,
.timeoff-calendar-event.event-partial-afternoon .event-top {
  height: 15px;
  padding-left: 4px;
}
.timeoff-calendar-event.event-partial .event-top .event-time,
.timeoff-calendar-event.event-partial-morning .event-top .event-time,
.timeoff-calendar-event.event-partial-afternoon .event-top .event-time {
  color: #999;
  margin-left: 7px;
}
.timeoff-calendar-event.event-partial .event-bottom,
.timeoff-calendar-event.event-partial-morning .event-bottom,
.timeoff-calendar-event.event-partial-afternoon .event-bottom {
  height: 15px;
  padding-left: 8px;
}
.timeoff-calendar-event.event-partial .event-bottom .fa.fa-question-circle,
.timeoff-calendar-event.event-partial-morning .event-bottom .fa.fa-question-circle,
.timeoff-calendar-event.event-partial-afternoon .event-bottom .fa.fa-question-circle {
  padding-left: 3px;
}
.timeoff-calendar-event.event-partial .event-bottom .event-name,
.timeoff-calendar-event.event-partial-morning .event-bottom .event-name,
.timeoff-calendar-event.event-partial-afternoon .event-bottom .event-name {
  font-weight: 400;
}
.timeoff-table-small > thead > tr > th,
.timeoff-table-small > thead > tr > td {
  font-weight: 600;
  font-size: 14px;
  color: #333333;
}
.timeoff-manager-list-item .timeoff-manager-list-item-extra {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-transition: all 160ms;
  transition: all 160ms;
}
.timeoff-manager-list-item > .timeoff-manager-list-item-extra {
  opacity: 1;
  filter: alpha(opacity=100);
}
.block.phr.user-profile {
  padding-bottom: 0;
}
.phr.user-profile {
  min-height: 109px;
  padding-top: 0;
}
.phr.user-profile .user-profile-section {
  margin-left: -15px;
  margin-right: -15px;
  border-top: 1px solid #caced5;
  background-color: #fbfbfb;
  color: #333333;
  font-size: 16px;
  text-align: center;
}
.phr.user-profile .user-profile-section .row {
  margin-left: 0;
  margin-right: 0;
}
.phr.user-profile .user-profile-section .row > * {
  padding-top: 15px;
  padding-bottom: 15px;
  border-left: solid 1px #caced5;
}
.phr.user-profile .user-profile-section .row > *:first-child {
  border-left: none;
}
.phr.user-profile .user-profile-section .row > *.guideflow_hovered,
.phr.user-profile .user-profile-section .row > *:active {
  background-color: #f3f3f3;
  color: #2b2b2b;
}
.phr.user-profile .user-profile-avatar {
  float: left;
  margin-right: 10px;
  min-width: 80px;
  min-height: 109px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  /*&:after {
          content: "\f007";
          font-size: 60px;
          text-align:center;
          font-family: "Font Awesome 5 Pro";
          display: block;
        }*/
}
.phr.user-profile .user-profile-item {
  font-size: 14px;
  color: #aaaaaa;
}
.phr.user-profile .user-profile-item .fa {
  color: #c4c4c4;
}
.lt-ie9 .phr.user-profile .user-profile-avatar-wrapper {
  display: none;
}
.tour-counter {
  font-family: Calibri;
  font-style: italic;
  font-size: 12px;
  color: #92c947;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.tour-reveal {
  z-index: 10001;
}
.tour-overlay {
  position: fixed;
  background-color: grey;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.fc-view {
  overflow: visible;
}
.fc-view .fc-widget-header {
  background-color: #fff;
}
.fc-view .fc-widget-header,
.fc-view .fc-widget-content {
  border-color: #e3eaef;
  font-weight: normal;
}
.fc-view .fc-day-header {
  padding: 4px 4px;
}
.fc-view .fc-event {
  padding: 4px 8px;
  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
}
.fc-view .fc-event-hori {
  padding: 4px 8px;
}
.fc-toolbar {
  overflow: hidden;
  background-color: #428efa;
  color: #fff;
  margin: 0;
}
.fc-toolbar .fc-button {
  color: #fff;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  margin: 0;
  height: 50px;
  line-height: 28px;
  padding: 10px;
}
.fc-toolbar.fc-header-toolbar {
  height: 50px;
  border-radius: 3px 3px 0 0;
  margin-bottom: 0;
}
.fc-toolbar.fc-header-toolbar .fc-button {
  color: #fff;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  margin: 0;
  height: 50px;
  line-height: 28px;
  padding: 10px;
}
.fc-toolbar.fc-footer-toolbar {
  margin-top: 0;
  padding: 0;
  border-radius: 0 0 0 0;
}
.fc-toolbar.fc-footer-toolbar .fc-button {
  color: #fff;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  margin: 0;
  margin-top: 6px;
}
.fc-toolbar h2 {
  font-size: 20px;
  line-height: 50px;
  margin: 0;
  text-transform: uppercase;
}
.fc-row.guideflow_hovered,
.fc-row:focus,
.fc-row:active {
  position: relative;
  z-index: 1000;
}
.fc-event {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-event-inner {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fc-state-highlight {
  background-color: #f1ffed;
}
.fc-bg .fc-today {
  background-color: #8fc6f5 !important;
  opacity: 0.25;
}
.fc-view.fc-month-view .fc-today {
  /*border-top: 3px solid @phr-blue-16AAD8 !important;*/
  color: #0f2035 !important;
  display: table-cell;
  height: 100%;
  /* 
                JC: added this to allow for first week on calendar to show the 
                border-top. when display:table-cell is default for some reason 
                the top calendar row doesn't show... */
}
.fc-list-view .timeoff-calendar-event {
  margin: 4px 2px 4px 32px;
}
.fc-list-view .fc-list-heading {
  border-top: 2px solid #caced5;
  color: #333333;
  font-size: 24px;
}
.fc-list-view .fc-list-heading,
.fc-list-view .fc-list-heading td,
.fc-list-view .fc-list-heading .fc-widget-header {
  background-color: #fff !important;
}
.fc-list-view .fc-list-heading td {
  border: none;
}
.fc-overlay {
  display: none;
  position: absolute;
  min-width: 300px;
  padding: 17px 0;
  top: auto;
  left: 50%;
  margin-left: -150px;
  z-index: 1000;
}
.fc-overlay.left {
  left: 100%;
  top: -15px;
  padding: 0 10px;
  margin: 0;
}
.fc-overlay.right {
  left: auto;
  right: 100%;
  top: -15px;
  padding: 0 10px;
  margin: 0;
}
.fc-overlay.top {
  top: auto;
  bottom: -30px;
}
.fc-overlay .panel {
  padding: 15px 20px;
}
.fc-overlay .pull-up {
  top: 26px;
}
.fc-overlay .pull-down {
  bottom: 11px;
}
.fc-event.guideflow_hovered,
.fc-event:focus,
.fc-event:active {
  z-index: 1000;
}
.fc-event.guideflow_hovered .fc-overlay,
.fc-event:focus .fc-overlay,
.fc-event:active .fc-overlay {
  display: block;
}
.fc-time-grid-event {
  overflow: visible;
}
.fc-time-grid .fc-event.guideflow_hovered {
  z-index: 1000 !important;
}
/*
    Move anything related to the sidebar here. 

    If to much content appears, create a folder for each "thing" to help orginize and find stuff.

*/
[data-layout="sidebar"] .phr.page-sidebar {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  padding-top: 60px;
  border-left: 1px solid #caced5;
  background-color: #fff;
}
@media print {
  [data-layout="sidebar"] .phr.page-sidebar {
    display: none !important;
  }
}
[data-layout="sidebar"] .phr.page-sidebar .sidebar-top {
  max-height: 230px;
  overflow: auto;
}
[data-layout="sidebar"] .phr.page-sidebar .sidebar-bottom {
  position: absolute;
  right: 0;
  bottom: -9px;
  left: 0;
  min-height: 220px;
  height: 220px;
  max-height: 220px;
}
[data-layout="sidebar"] .phr.page-sidebar .sidebar-bottom .manager-list {
  min-height: 220px;
  height: 220px;
  max-height: 220px;
  padding: 20px 15px;
  border-top: 1px solid #caced5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
[data-layout="sidebar"] .phr.page-sidebar .sidebar-bottom .manager-list .manager-list-scroll-area {
  height: 166px;
  overflow-x: hidden;
  overflow-y: auto;
}
[data-layout="sidebar"] .phr.page-sidebar .pane-header {
  /* from angulr: */
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  margin-top: 0;
}
[data-layout="sidebar"] .timeoff-sidebar-scroll-area {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
  padding: 0 12px;
}
/*
    JC: for now we are using this in one spot, so I have code that's very spicific. this can be turned into a "effect" or something later.
    This has to do with LI widths and its used to center the content equally
*/
/* Overlay style */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0f2035;
  color: #fff;
  z-index: 2000;
  /* Overlay closing cross */
  /* Menu style */
  /* Effects */
}
.overlay .overlay-closeme {
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  border: none;
  color: rgba(255, 255, 255, 0.8) !important;
  outline: none;
  z-index: 100;
  text-shadow: none !important;
}
.overlay nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 40%;
  font-size: 48px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
}
.overlay ul li {
  display: inline-block;
  width: 25%;
  /*height: 20%;*/
  /*height: calc(100% / 5);*/
  /*min-height: 54px;*/
}
.overlay ul li a {
  font-weight: 300;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  display: block;
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.overlay ul li a.guideflow_hovered,
.overlay ul li a:focus {
  color: rgba(51, 144, 204, 0.9);
}
.overlay-default {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-default.openme {
  opacity: 0.90;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.overlay-default.openme nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.overlay-default nav {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.overlay-default nav ul {
  opacity: 0.4;
  -webkit-transform: translateY(-25%) rotateX(35deg);
  transform: translateY(-25%) rotateX(35deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}
.overlay-default.closeme nav ul {
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
}
@media screen and (max-height: 30.5em) {
  .overlay nav {
    height: 70%;
    font-size: 34px;
  }
  .overlay ul li {
    min-height: 34px;
  }
}
@media (min-width: 0px) and (max-width: 319px) {
  body[data-layout="sidebar"] #phr-layout-sidebar-content {
    display: none;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    margin-right: -18px !important;
    -webkit-transition: all 180ms ease;
    transition: all 180ms ease;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-sidebar-content {
    display: block !important;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-page-content {
    margin-right: 295px !important;
  }
  body[data-layout="sidebar"] {
    background-color: white !important;
  }
  body[data-layout="sidebar"] #phr-layout-main-container {
    margin-top: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] #page-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    bottom: 0px !important;
    padding-bottom: 0;
  }
  body[data-layout="sidebar"] #TimeOffCalendar {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] .page-heading {
    display: none !important;
  }
}
@media (min-width: 320px) and (max-width: 479px) {
  body[data-layout="sidebar"] #phr-layout-sidebar-content {
    display: none;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    margin-right: -18px !important;
    -webkit-transition: all 180ms ease;
    transition: all 180ms ease;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-sidebar-content {
    display: block !important;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-page-content {
    margin-right: 295px !important;
  }
  body[data-layout="sidebar"] {
    background-color: white !important;
  }
  body[data-layout="sidebar"] #phr-layout-main-container {
    margin-top: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] #page-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    bottom: 0px !important;
    padding-bottom: 0;
  }
  body[data-layout="sidebar"] #TimeOffCalendar {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] .page-heading {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  body[data-layout="sidebar"] #phr-layout-sidebar-content {
    display: none;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    margin-right: -18px !important;
    -webkit-transition: all 180ms ease;
    transition: all 180ms ease;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-sidebar-content {
    display: block !important;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-page-content {
    margin-right: 295px !important;
  }
  body[data-layout="sidebar"] {
    background-color: white !important;
  }
  body[data-layout="sidebar"] #phr-layout-main-container {
    margin-top: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] #page-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    bottom: 0px !important;
    padding-bottom: 0;
  }
  body[data-layout="sidebar"] #TimeOffCalendar {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] .page-heading {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body[data-layout="sidebar"] #phr-layout-sidebar-content {
    display: none;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    margin-right: -18px !important;
    -webkit-transition: all 180ms ease;
    transition: all 180ms ease;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-sidebar-content {
    display: block !important;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-page-content {
    margin-right: 295px !important;
  }
  body[data-layout="sidebar"] {
    background-color: white !important;
  }
  body[data-layout="sidebar"] #phr-layout-main-container {
    margin-top: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] #page-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    bottom: 0px !important;
    padding-bottom: 0;
  }
  body[data-layout="sidebar"] #TimeOffCalendar {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body[data-layout="sidebar"] .page-heading {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body[data-layout="sidebar"] #phr-layout-sidebar-content {
    display: none;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    margin-right: -18px !important;
    -webkit-transition: all 180ms ease;
    transition: all 180ms ease;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-sidebar-content {
    display: block !important;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-page-content {
    margin-right: 295px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  body[data-layout="sidebar"] #phr-layout-sidebar-content {
    display: none;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    margin-right: -18px !important;
    -webkit-transition: all 180ms ease;
    transition: all 180ms ease;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-sidebar-content {
    display: block !important;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-page-content {
    margin-right: 295px !important;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  body[data-layout="sidebar"] #phr-layout-sidebar-content {
    display: none;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    margin-right: -18px !important;
    -webkit-transition: all 180ms ease;
    transition: all 180ms ease;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-sidebar-content {
    display: block !important;
  }
  body[data-layout="sidebar"].force-show-sidebar #phr-layout-page-content {
    margin-right: 295px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  body[data-layout="sidebar"] #phr-layout-sidebar-content {
    display: block;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    margin-right: 295px;
  }
  .phr-sidebar-toggle {
    display: none;
  }
}
@media (min-width: 1600px) and (max-width: 1799px) {
  body[data-layout="sidebar"] #phr-layout-sidebar-content {
    display: block;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    margin-right: 295px;
  }
  .phr-sidebar-toggle {
    display: none;
  }
}
@media (min-width: 1800px) {
  body[data-layout="sidebar"] #phr-layout-sidebar-content {
    display: block;
  }
  body[data-layout="sidebar"] #phr-layout-page-content {
    margin-right: 295px;
  }
  .phr-sidebar-toggle {
    display: none;
  }
}
.card {
  position: relative;
  padding: 16px;
  margin: 0 0 8px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26);
  overflow: hidden;
  z-index: 0;
}
.card .card-icon,
.card .card-icon-small {
  position: absolute;
  right: -10px;
  bottom: -14px;
  font-size: 6em;
  z-index: -1;
  opacity: 0.5;
}
.card .card-icon-small {
  font-size: 3em;
  right: -5px;
  bottom: -7px;
}
.card .card-content {
  opacity: 0.9;
}
.card .card-title,
.card p {
  margin: 0;
}
.card .card-callout {
  padding: 4px;
  margin: 4px 0 4px -4px;
}
.card-default {
  background-color: #fafafa;
  color: #7a7a7a;
}
.card-default .card-title small {
  color: #adadad;
}
.card-default .card-icon {
  color: #989898;
}
.card-default .card-callout {
  background: -webkit-gradient(linear, left top, right top, from(rgba(236, 236, 236, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(236, 236, 236, 0.8) 0, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(236, 236, 236, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(236, 236, 236, 0.8) 0, rgba(255, 255, 255, 0) 100%);
}
.card-dark {
  background-color: #4f4f4f;
  color: #b3b3b3;
}
.card-dark .card-title small {
  color: #818181;
}
.card-dark .card-icon {
  color: #959595;
}
.card-dark .card-callout {
  background: -webkit-gradient(linear, left top, right top, from(rgba(39, 39, 39, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(39, 39, 39, 0.8) 0, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(39, 39, 39, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(39, 39, 39, 0.8) 0, rgba(255, 255, 255, 0) 100%);
}
.card-primary {
  background-color: #afa3fa;
  color: #fff;
}
.card-primary .card-title small {
  color: #d8d6e3;
}
.card-primary .card-icon {
  color: #efeef3;
}
.card-primary .card-callout {
  background: -webkit-gradient(linear, left top, right top, from(rgba(115, 109, 153, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(115, 109, 153, 0.8) 0, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(115, 109, 153, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(115, 109, 153, 0.8) 0, rgba(255, 255, 255, 0) 100%);
}
.card-info {
  background-color: #00b7ff;
  color: #fff;
}
.card-info .card-title small {
  color: #b5dfec;
}
.card-info .card-icon {
  color: #d6edf4;
}
.card-info .card-callout {
  background: -webkit-gradient(linear, left top, right top, from(rgba(49, 156, 189, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(49, 156, 189, 0.8) 0, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(49, 156, 189, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(49, 156, 189, 0.8) 0, rgba(255, 255, 255, 0) 100%);
}
.card-success {
  background-color: #8fe5bc;
  color: #eff9f1;
}
.card-success .card-title small {
  color: #a4deb2;
}
.card-success .card-icon {
  color: #c2e9cb;
}
.card-success .card-callout {
  background: -webkit-gradient(linear, left top, right top, from(rgba(55, 152, 79, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(55, 152, 79, 0.8) 0, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(55, 152, 79, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(55, 152, 79, 0.8) 0, rgba(255, 255, 255, 0) 100%);
}
.card-warning {
  background-color: #faee90;
  color: #fff;
}
.card-warning .card-title small {
  color: #f8f1ce;
}
.card-warning .card-icon {
  color: #fdfbf2;
}
.card-warning .card-callout {
  background: -webkit-gradient(linear, left top, right top, from(rgba(226, 195, 50, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(226, 195, 50, 0.8) 0, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(226, 195, 50, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(226, 195, 50, 0.8) 0, rgba(255, 255, 255, 0) 100%);
}
.card-danger {
  background-color: #fb8ea1;
  color: #fff;
}
.card-danger .card-title small {
  color: #efccc3;
}
.card-danger .card-icon {
  color: #f7e8e3;
}
.card-danger .card-callout {
  background: -webkit-gradient(linear, left top, right top, from(rgba(201, 85, 55, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(201, 85, 55, 0.8) 0, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(201, 85, 55, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(201, 85, 55, 0.8) 0, rgba(255, 255, 255, 0) 100%);
}
.alert-primary hr {
  border-top-color: #493f8b;
}
.alert-primary .alert-link {
  color: #b3acda;
}
.alert-success hr {
  border-top-color: #187a30;
}
.alert-success .alert-link {
  color: #6de289;
}
.alert-info hr {
  border-top-color: #137d9f;
}
.alert-info .alert-link {
  color: #7ed5f0;
}
.alert-warning hr {
  border-top-color: #d1ad05;
}
.alert-warning .alert-link {
  color: #fceb97;
}
.alert-danger hr {
  border-top-color: #d71212;
}
.alert-danger .alert-link {
  color: #f8aeae;
}
.bootstrap-growl.alert.alert-success {
  color: #ecfbf0 !important;
}
.bootstrap-growl.alert.alert-info {
  color: #d1f4ff !important;
}
.bootstrap-growl.alert.alert-warning {
  color: #5c5843 !important;
}
#TimeOffCalendar .fa-stack {
  width: 1em;
  height: 1em;
  line-height: 1em;
}
.page-heading .page-title {
  font-size: 27px !important;
  margin-top: 27px !important;
}
.page-heading .page-heading-action-container {
  top: 5px;
}
.page-heading small {
  display: none !important;
}
.page-subtitle {
  display: none !important;
}
.fc-time:before,
.fc-time:after {
  display: none !important;
}
.fc-day-number {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  color: #96a1ac;
  line-height: 24px;
  font-weight: 300;
}
.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
  padding-right: 8px;
}
.fc-toolbar .fc-today-button {
  margin-left: 30px !important;
  margin-top: 10px !important;
  height: 30px;
  line-height: 15px;
  border: 1px solid #fff;
  padding: 0 10px;
}
.fc-toolbar .fc-today-button.guideflow_hovered:not(.fc-state-disabled) {
  color: #7965f7;
  background-color: #fff;
}
#TimeOffCalendar {
  background-color: white;
}
#TimeOffCalendar .fc-day-number {
  font-size: 22px;
}
#TimeOffCalendar .fc-day-number i.fa {
  padding-top: 7px;
  font-size: 18px;
}
/* Override default grouping bottom margin. */
.p-t-sm {
  padding-top: 8px;
}
.timeoff-scoll-area {
  height: 158px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#phr-layout-page-content {
  /* this adds a bit of space at the bottom of our page container, which allows the user to scroll content a bit so the it doesn't look ugly */
}
/* Slows down color change on loading spinners */
[data-loading-text] {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.timeoff-tooltip-placeholder {
  display: inline-block;
  width: 20px;
  height: 1px;
}
.danger-tooltip.tooltip > .tooltip-inner,
.tooltip-danger.tooltip > .tooltip-inner {
  background-color: #f94362;
}
.danger-tooltip.tooltip.top > .tooltip-arrow,
.tooltip-danger.tooltip.top > .tooltip-arrow {
  border-top-color: #f94362;
}
.danger-tooltip.tooltip-arrow,
.tooltip-danger.tooltip-arrow {
  border-right-color: #f94362;
}
.danger-tooltip.tooltip.left > .tooltip-arrow,
.tooltip-danger.tooltip.left > .tooltip-arrow {
  border-left-color: #f94362;
}
.danger-tooltip.tooltip.bottom > .tooltip-arrow,
.tooltip-danger.tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #f94362;
}
/* TOOL TIP -- TABLE */
.tooltip > .tooltip-inner p {
  text-align: left;
  padding: 5px 5px 0 5px;
}
.tooltip > .tooltip-inner table {
  text-align: left;
}
.tooltip > .tooltip-inner table tr td {
  padding: 5px;
}
.tooltip > .tooltip-inner table tr td:nth-child(1):not([colspan]) {
  font-weight: 600;
  text-align: right;
  vertical-align: top;
}
.tooltip > .tooltip-inner table tr td:nth-child(2) {
  text-align: left;
  vertical-align: top;
}
.nowrap {
  white-space: nowrap;
}
section.timeoff-usefultip {
  background-color: #eee;
  padding: 24px;
  padding-top: 8px;
}
.bootstrap-growl.alert {
  -webkit-box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, 0.2);
  position: relative;
  border-width: 0;
  padding: 12px 20px !important;
}
.bootstrap-growl.alert.alert-dismissible .close {
  text-shadow: none;
  margin-left: 12px !important;
  float: right;
  font-size: 21px;
  line-height: 1;
  color: #000 !important;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
  right: auto;
  top: auto;
}
@media screen and (min-device-width: 2000px) and (max-device-width: 5000px) {
  /*html {zoom: 1.5;}*/
}
/* HELP ICON */
.purelyhr-timeoff-info-spacer {
  position: absolute;
  top: 10px;
  right: -8px;
  z-index: 1001;
}
@media (max-width: 767px) {
  .purelyhr-timeoff-info-spacer {
    position: relative;
    right: 0;
  }
}
/* MODAL LABEL */
.modal-label {
  padding-top: 8px;
  text-align: right;
}
@media (max-width: 767px) {
  .modal-label {
    text-align: left;
  }
}
/*
    IE Support
*/
.lt-ie9 .phr.checkbox {
  padding-left: 30px;
}
i.fa .badge {
  -webkit-transition: all 180ms;
  transition: all 180ms;
  display: inline-block;
  min-width: 10px;
  position: absolute;
  top: 2px;
  left: 40px;
  border-radius: 10px;
  margin-left: -13px;
  padding: 2px 5px !important;
  font-family: "solitaire-mvb-pro", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  cursor: pointer;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a.guideflow_hovered {
  border: inherit;
}
.phr-approval-sidepanel ul.nav.nav-tabs,
.phr-approval-sidepanel ol.nav.nav-tabs {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-color: #caced5;
  border-bottom: 2px solid #caced5;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li,
.phr-approval-sidepanel ol.nav.nav-tabs > li,
.phr-approval-sidepanel ul.nav.nav-tabs > li,
.phr-approval-sidepanel ol.nav.nav-tabs > li {
  margin-bottom: -2px;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li.guideflow_hovered > a > i > .count-badge,
.phr-approval-sidepanel ol.nav.nav-tabs > li.guideflow_hovered > a > i > .count-badge,
.phr-approval-sidepanel ul.nav.nav-tabs > li.guideflow_hovered > a > i > .count-badge,
.phr-approval-sidepanel ol.nav.nav-tabs > li.guideflow_hovered > a > i > .count-badge {
  /* Put stuff here if you want it to change on hover */
}
.phr-approval-sidepanel ul.nav.nav-tabs > li.active,
.phr-approval-sidepanel ol.nav.nav-tabs > li.active,
.phr-approval-sidepanel ul.nav.nav-tabs > li.active,
.phr-approval-sidepanel ol.nav.nav-tabs > li.active {
  border-bottom: 2px solid #23b7e5 !important;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li > a,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a,
.phr-approval-sidepanel ul.nav.nav-tabs > li > a,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-right: 2px;
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 0;
  cursor: pointer;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li > a > .tab-title,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a > .tab-title,
.phr-approval-sidepanel ul.nav.nav-tabs > li > a > .tab-title,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a > .tab-title {
  display: none;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li > a > i,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a > i,
.phr-approval-sidepanel ul.nav.nav-tabs > li > a > i,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a > i {
  position: relative;
  padding: 10px;
  margin-right: 0 !important;
  color: #96a1ac;
  font-size: 16px;
}
.phr-approval-sidepanel ul.nav.nav-tabs > li > a > i .count-badge,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a > i .count-badge,
.phr-approval-sidepanel ul.nav.nav-tabs > li > a > i .count-badge,
.phr-approval-sidepanel ol.nav.nav-tabs > li > a > i .count-badge {
  -webkit-transition: all 180ms;
  transition: all 180ms;
  display: inline-block;
  min-width: 10px;
  position: absolute;
  top: 2px;
  left: 31px;
  border-radius: 10px;
  margin-left: -13px;
  padding: 2px 5px !important;
  color: white;
  background-color: #f94362;
  font-family: "solitaire-mvb-pro", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  cursor: pointer;
}
.card {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.card-default {
  background-color: #f5f4f4;
}
.card-success {
  background-color: #35db94;
}
.card .card-icon-small {
  font-size: 4em;
  right: 6px;
  bottom: 0px;
  opacity: 0.24;
}
/*
    MODAL
*/
.modal.seventy.fullscreen {
  width: 70%;
  overflow-y: auto;
}
.modal-dialog.seventy.fullscreen {
  width: 70%;
  height: 70%;
  /*.modal-content {
            position: relative;
            width: 100%;
            height: 100%;
        }
        .modal-header { #phr.pos(absolute,0,0,auto,0); }
        .modal-body {
            #phr.pos(absolute,57px,0,64px,0);
            overflow-y: scroll;
            #phr.scroll()
        }
        .modal-footer { #phr.pos(absolute,auto,0,0,0); }*/
}
.modal-dialog.new-timeOff-request {
  width: 90%;
  max-width: 1200px;
  max-height: 80vh;
}
.modal-dialog.new-timeOff-request .modal-body {
  max-height: 80vh;
  overflow-y: auto;
}
.modal-backdrop {
  z-index: 1040 !important;
  bottom: 0;
}
/*
    TABLE
*/
.table > tbody > tr > td {
  vertical-align: middle;
}
.table > tbody > tr {
  -webkit-transition: background-color 180ms;
  transition: background-color 180ms;
}
.table > tbody > tr.guideflow_hovered {
  background-color: #fdfdfd;
}
.page-heading .btn {
  font-weight: 400;
  color: #333333;
}
/*
    TEXT/ FONT
*/
.text-line-mash {
  line-height: 90%;
}
.text-description {
  line-height: 1.6;
  /* letter-spacing: 1px; */
  font-weight: 300;
  font-size: 16px;
}
.text-normal {
  line-height: 1.6;
  font-size: 14px;
  font-weight: normal;
}
.text-bold,
strong {
  font-weight: 600;
}
.text-bolder {
  font-weight: 700;
}
.text-boldest {
  font-weight: 900;
}
.text-italic {
  font-style: italic;
}
.text-underline {
  text-decoration: underline;
}
.text-dark {
  color: #333333;
}
.text-warning {
  color: #f7e246;
}
/* Jason decided to make the whole base font color this, so this has become useless. Remove the tag when you find it (insure that the color is still the same after removing) */
.text-steel {
  color: #333333;
}
.text-size-15,
.font-15 {
  font-size: 15px;
}
label {
  font-weight: normal;
}
@media (max-width: 767px) {
  .screen-xs-text-left {
    text-align: left;
  }
  .screen-xs-text-center {
    text-align: center;
  }
  .screen-xs-text-right {
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .screen-sm-text-left {
    text-align: left;
  }
  .screen-sm-text-center {
    text-align: center;
  }
  .screen-sm-text-right {
    text-align: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .screen-md-text-left {
    text-align: left;
  }
  .screen-md-text-center {
    text-align: center;
  }
  .screen-md-text-right {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .screen-lg-text-left {
    text-align: left;
  }
  .screen-lg-text-center {
    text-align: center;
  }
  .screen-lg-text-right {
    text-align: right;
  }
}
/*
    JQUERY UI
*/
.ui-dialog-titlebar {
  border: none !important;
}
.ui-dialog {
  padding: 0 !important;
}
.ui-button:focus {
  outline: none;
}
/* css for timepicker */
.ui-timepicker-div {
  border: 0px;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 65px 10px 10px;
}
.ui-slider {
  border: 3px solid #8C8C8C;
}
.ui-datepicker-buttonpane {
  border: 0px;
}
.ui-widget-header {
  background: none !important;
  font-weight: normal !important;
  font-size: 16px !important;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
}
.ui-timepicker-div .ui-widget-header {
  border: none !important;
  background-color: #23b7e5 !important;
}
#ui-datepicker-div {
  border: solid 1px #23b7e5 !important;
  padding: 3px !important;
  -webkit-box-shadow: 0px 0px 2px #aaa !important;
  box-shadow: 0px 0px 2px #aaa !important;
}
.ui-datepicker-header {
  border: none !important;
  background-color: #23b7e5 !important;
}
.ui-datepicker {
  z-index: 1200 !important;
}
.ui-datepicker-today > .ui-state-default.ui-state-highlight {
  background: none;
  border-color: #d2dae1;
  background-color: #e7f8ff;
  color: #000;
}
.ui-tabs-nav {
  padding: 0 !important;
}
.ui-tabs .ui-tabs-nav li {
  margin-right: 8px !important;
}
.ui-tabs a {
  background: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer !important;
}
.ui-tabs .ui-tabs-nav li {
  border-bottom-width: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  padding: 0;
  border: solid 1px #eee;
  border-bottom: none;
}
.ui-tabs .ui-state-hover a {
  color: #555;
}
.ui-tabs .ui-state-default {
  border: solid 1px #eee;
  border-bottom: none;
  background-color: #eee;
}
.ui-tabs .ui-state-default.ui-state-active {
  border: solid 1px #1398be;
  border-bottom: none;
  background-color: #16AAD8;
}
.calendarDay_Container {
  -webkit-box-shadow: 0px 0px 2px #ccc;
  box-shadow: 0px 0px 2px #ccc;
}
.calendarDay_MonthName {
  height: 20px;
}
.calendarDay_DayOfMonth {
  font-size: 75px;
  line-height: 75px;
}
.calendarDay_StatusColor {
  margin-top: 5px;
  height: 10px;
}
.input-group > .well {
  background-color: #fefefe !important;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fefefe;
  opacity: 1;
}
.form-control-static {
  border-bottom: 1px dashed #bbb;
}
.block {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}
html,
body {
  background-color: #f5f5f5;
}
body {
  position: relative;
}
.timeoff-label-status {
  padding: 0px 6px;
  border: 1px solid;
  border-radius: 2px;
  font-size: 0.90em;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  margin-left: 4px !important;
}
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
  position: absolute;
  top: 9px;
  margin-top: 1px;
  right: 8px;
  display: block;
  font-family: 'Font Awesome 5 Pro';
  opacity: 0.5;
  font-size: 90%;
}
table.dataTable thead .sorting:after {
  opacity: 0.2;
  content: "\f0dc";
}
table.dataTable thead .sorting_asc:after {
  content: "\f0de";
}
table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
}
div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
  display: none;
}
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}
table.dataTable thead > tr > th {
  font-size: 16px;
  font-weight: 600;
}
.table thead .sorting_asc,
.table thead .sorting_desc {
  color: #428efa;
  border-bottom: solid 2px #428efa !important;
}
.hbox {
  display: table;
  /* width: 100%; */
  /* height: 100%; */
  /* border-spacing: 0; */
  table-layout: fixed;
}
.hbox .col {
  display: table-cell;
  float: none;
  height: 100%;
  vertical-align: top;
}
.hbox .col.w-sm {
  width: 225px;
}
.hbox .col.w-md {
  width: 320px;
}
.hbox .col.w-lg {
  width: 380px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .hbox-auto-sm {
    display: block;
  }
  .hbox-auto-sm > .col {
    display: block;
    width: auto;
    height: auto;
  }
  .hbox-auto-sm > .col.w-sm,
  .hbox-auto-sm > .col.w-md,
  .hbox-auto-sm > .col.w-lg {
    width: auto;
  }
}
@media (max-width: 767px) {
  .hbox-auto-xs {
    display: block;
  }
  .hbox-auto-xs > .col {
    display: block;
    width: auto;
    height: auto;
  }
  .hbox-auto-xs > .col.w-sm,
  .hbox-auto-xs > .col.w-md,
  .hbox-auto-xs > .col.w-lg {
    width: auto;
  }
}
/* CARDS ALT*/
.card-dangeralt {
  background-color: #fff;
  color: #ff5000;
  border: 1px solid #ff5000;
}
.card-dangeralt .card-content {
  opacity: 1 !important;
}
.card-dangeralt .card-icon,
.card-dangeralt .card-icon-small {
  opacity: 1 !important;
}
/* FULL CALENDAR COLOR OVERRIDE*/
.fc {
  color: #333 !important;
}
.expand-child > td:first-child {
  padding-left: 23px !important;
}
/* Found on summary report to hide multi day requests until button is clicked */
@media (min-width: 0px) and (max-width: 319px) {
  body[data-layout="sidebar"] #page-wrapper .main-left {
    top: 60px !important;
    bottom: 0 !important;
  }
  #page-wrapper {
    -webkit-transition: margin-left ease-in 180ms !important;
    transition: margin-left ease-in 180ms !important;
  }
}
@media (min-width: 320px) and (max-width: 479px) {
  body[data-layout="sidebar"] #page-wrapper .main-left {
    top: 60px !important;
    bottom: 0 !important;
  }
  #page-wrapper {
    -webkit-transition: margin-left ease-in 180ms !important;
    transition: margin-left ease-in 180ms !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  body[data-layout="sidebar"] #page-wrapper .main-left {
    top: 60px !important;
    bottom: 0 !important;
  }
  #page-wrapper {
    -webkit-transition: margin-left ease-in 180ms !important;
    transition: margin-left ease-in 180ms !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body[data-layout="sidebar"] #page-wrapper .main-left {
    top: 60px !important;
    bottom: 0 !important;
  }
  #page-wrapper {
    -webkit-transition: margin-left ease-in 180ms !important;
    transition: margin-left ease-in 180ms !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-wrapper {
    -webkit-transition: margin-left ease-in 180ms !important;
    transition: margin-left ease-in 180ms !important;
  }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  #page-wrapper {
    -webkit-transition: margin-left ease-in 180ms !important;
    transition: margin-left ease-in 180ms !important;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  #page-wrapper {
    -webkit-transition: margin-left ease-in 180ms !important;
    transition: margin-left ease-in 180ms !important;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  #page-wrapper {
    -webkit-transition: margin-left ease-in 180ms !important;
    transition: margin-left ease-in 180ms !important;
  }
}
@media (min-width: 1600px) and (max-width: 1799px) {
  #page-wrapper {
    -webkit-transition: margin-left ease-in 180ms !important;
    transition: margin-left ease-in 180ms !important;
  }
}
@media (min-width: 1800px) {
  #page-wrapper {
    -webkit-transition: margin-left ease-in 180ms !important;
    transition: margin-left ease-in 180ms !important;
  }
}
@media print {
  .main-top {
    display: block !important;
    position: relative !important;
  }
  .main-top .navbar {
    display: block !important;
  }
  .main-top .toolbar {
    display: none !important;
  }
  .main-top .suite-menu {
    display: none !important;
  }
  .brand-purelyhr {
    position: absolute;
    right: 0;
  }
  .brand-purelyhr > * {
    display: inline !important;
  }
  .user-profile-avatar {
    -webkit-print-color-adjust: exact;
  }
  body {
    overflow: initial;
  }
  .page-heading {
    height: auto !important;
    top: 12px;
  }
  .page-heading > .page-title {
    margin: 0 !important;
  }
  .page-subtitle {
    display: none !important;
  }
  .page-heading-action-container {
    display: none !important;
    opacity: 0;
    width: 0;
    height: 0;
  }
  .page-heading-action-container > * {
    display: none !important;
    opacity: 0;
    width: 0;
    height: 0;
  }
  #phr-layout-main-container {
    overflow-y: initial;
    margin-top: 8px;
  }
  #page-wrapper {
    margin-left: 0;
  }
  #phr-layout-sidebar-content {
    margin-right: 0;
    display: none;
  }
  .action-container {
    opacity: 0;
  }
  .block {
    border: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    margin-top: 0;
    margin-bottom: 0;
  }
  .block.full {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .tooltip,
  .danger-tooltip {
    display: none !important;
  }
  #tabs > div {
    display: inherit !important;
  }
  .tab-content > .tab-pane,
  .tab-pane {
    display: inherit !important;
  }
  .expand-child {
    display: table-row !important;
  }
  /* Found on summary report to hide multi day requests until button is clicked */
  #phr-layout-page-content {
    margin-right: 0 !important;
  }
  #phr-layout-sidebar-content,
  #phr-layout-sidebar-content > .content {
    display: none !important;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen {
  .onlyprint {
    visibility: hidden;
    display: none !important;
  }
}
@media print {
  .noprint {
    visibility: hidden;
    display: none !important;
  }
  .onlyprint {
    visibility: visible;
    display: inherit;
  }
}
/*

    STYLES SPECIFIC TO WARNING'S COMPONENTS OR TEMPLATES

*/
@media (min-width: 1200px) {
  .phr-warnings.welcome .welcome-container {
    margin-top: 5%;
    margin-left: 25%;
    margin-right: 25%;
    background-color: white;
    padding: 40px 0 50px 0;
    border: 2px solid #c3c9cc;
    min-width: 560px;
  }
}
@media (max-width: 1199px) and (orientation: portrait) {
  .phr-warnings.welcome .welcome-container {
    margin-top: 260px;
  }
}
@media (max-width: 1199px) and (orientation: landscape) {
  .phr-warnings.welcome .welcome-container {
    margin-top: 130px;
  }
}
.phr-warnings.welcome .welcome-container h3.hello-message {
  font-weight: 300;
}
.phr-warnings.welcome .welcome-container h3.get-started-message {
  font-weight: 600;
}
.phr-warnings.welcome .welcome-container h4 {
  font-weight: 300;
}
.phr.warnings.help {
  background-size: 100px;
  color: #58666e;
  background-position-y: 25px;
  background-position-x: 20px;
  background-repeat: no-repeat;
}
.phr.warnings.help.create-img {
  background-image: url(https://html-assets-prod.guideflow.com/e7295c34d9ab3ba6d814071638440401aa3dd777);
}
.phr.warnings.help.approve-img {
  background-image: url(https://html-assets-prod.guideflow.com/6208c369d1c6fe422246870c686869bb621baa1e);
}
.phr.warnings.help.send-img {
  background-image: url(https://html-assets-prod.guideflow.com/9ecba04e924eba74d2be83facf826d0e565a9b5c);
}
.phr.warnings.help.sign-img {
  background-image: url(https://html-assets-prod.guideflow.com/a80943066653410a1d265cb74926aede071eec88);
}
.phr.warnings.help.finalize-img {
  background-image: url(https://html-assets-prod.guideflow.com/39e0091025067da70b79b05d99c9fca70dc4a6d9);
}
.phr-previous-warning-list {
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #e4e6ea;
}
.phr-previous-warning-list > .header > .navigation-buttons {
  position: relative;
  top: -1px;
}
.phr-previous-warning-list > .content {
  margin-top: 16px;
  max-height: 245px;
  overflow-y: auto;
  overflow-x: hidden;
}
.phr-previous-warning-list > .content > .warning-list-item {
  cursor: pointer;
  padding: 5px 10px;
  margin-bottom: 5px;
  border-left-width: 4px;
  border-left-style: solid;
}
.phr-previous-warning-list > .content > .warning-list-item.active {
  background-color: rgba(0, 183, 255, 0.1) !important;
}
.in-modal .phr-previous-warning-list {
  padding: 0;
  margin-bottom: 16px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
}
.in-modal .phr-previous-warning-list > .header > .navigation-buttons {
  display: none;
}
.in-modal .phr-previous-warning-list > .header > h3 {
  font-size: 16px;
  color: #58666e;
}
.in-modal .phr-previous-warning-list > .content {
  margin-top: 8px;
  margin-left: 2px;
  max-height: 160px;
}
.in-modal .phr-previous-warning-list > .content > .warning-list-item {
  padding: 4px 10px;
  margin-bottom: 4px;
}
.phr-previous-warning-details {
  padding: 0;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
}
.phr-previous-warning-details > .header > h3 {
  font-size: 16px;
  color: #58666e;
}
.phr-previous-warning-details > .content {
  margin-top: 8px;
}
.phr-previous-warning-details > .content .key {
  font-weight: 600;
}
.phr-previous-warning-details > .content .value {
  font-size: 13px;
}
.phr-previous-warning-details > .content .value.long-text {
  max-height: 107px;
  overflow-y: auto;
  overflow-x: hidden;
}
.phr-previous-warning-details > .content ul.value {
  padding-left: 16px;
}
.phr-previous-warning-details > .content > hr {
  margin: 6px 0;
}
/*

    STYLES SPECIFIC TO STAFF'S COMPONENTS OR TEMPLATES

*/
.phr-upgrade-container {
  background-color: white;
  margin-bottom: 50px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .phr-upgrade-container {
    margin-bottom: 0px;
  }
}
.phr-upgrade-container div.phr-upgrade-content {
  max-width: 1630px;
}
.phr-upgrade-container hr {
  border-top: 3px solid #f0f3f4;
  width: 75%;
  max-width: 930px;
}
.phr-upgrade-container .paid-documents-preview {
  width: 95%;
}
.phr-upgrade-container .paid-documents-preview .paid-documents-preview-img {
  background-image: url(https://html-assets-prod.guideflow.com/d5d5e0fccb1678bf621ebb61916c3802f5f8ff44);
  background-size: contain;
  background-repeat: no-repeat;
  width: 95%;
  height: 0;
  padding-top: 24.74%;
  /* (img-height / img-width * container-width) https://goo.gl/FQ64S4 */
  -webkit-box-shadow: 0px 0px 19px #888888;
  box-shadow: 0px 0px 19px #888888;
  max-width: 800px;
}
.phr-upgrade-container .paid-reports-preview {
  width: 95%;
  max-width: 800px;
}
.phr-upgrade-container .paid-reports-preview .paid-reports-preview-img {
  background-image: url(https://html-assets-prod.guideflow.com/cfcf3655db5a11c74fa8aecab6b238c7f3008fc5);
  background-size: contain;
  background-repeat: no-repeat;
  width: 95%;
  height: 0;
  padding-top: 30.17%;
  /* (img-height / img-width * container-width) https://goo.gl/FQ64S4 */
  -webkit-box-shadow: 0px 0px 19px #888888;
  box-shadow: 0px 0px 19px #888888;
  max-width: 800px;
}
.phr-upgrade-container #comparisonTable {
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .phr-upgrade-container #comparisonTable {
    margin-top: 0px;
  }
}
.phr-upgrade-container #comparisonTable th.divider-right,
.phr-upgrade-container #comparisonTable td.divider {
  border-right: 3px solid #f0f3f4;
}
.phr-upgrade-container #comparisonTable thead div.comparison-header {
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 767px) {
  .phr-upgrade-container #comparisonTable thead div.comparison-header {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 18px;
  }
}
.phr-upgrade-container #comparisonTable tbody div.comparison-item {
  text-align: right;
  color: #96a1ac;
  font-size: 20px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .phr-upgrade-container #comparisonTable tbody div.comparison-item {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.phr-upgrade-container #comparisonTable tbody i {
  font-size: 20px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .phr-upgrade-container #comparisonTable tbody i {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.phr-upgrade-container #comparisonTable tbody i.fa-check {
  color: #35db94;
}
.phr-upgrade-container #comparisonTable tbody i.fa-close {
  color: #f94362;
}
.phr-upgrade-container .upgrade-button-container {
  margin-top: 60px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .phr-upgrade-container .upgrade-button-container a.btn-xl {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .phr-staff.welcome .welcome-container {
    margin-top: 5%;
  }
}
@media (max-width: 1199px) and (orientation: portrait) {
  .phr-staff.welcome .welcome-container {
    margin-top: 260px;
  }
}
@media (max-width: 1199px) and (orientation: landscape) {
  .phr-staff.welcome .welcome-container {
    margin-top: 130px;
  }
}
.phr-staff.welcome .welcome-container h3.hello-message {
  font-weight: 300;
}
.phr-staff.welcome .welcome-container h3.get-started-message {
  font-weight: 600;
}
.phr-staff.welcome .welcome-container h4 {
  font-weight: 300;
}
.phr-staff.welcome .dashboard-plus-img {
  background-image: url(https://html-assets-prod.guideflow.com/1ee76ab29358a11fe2baf1c9737a98487100bd82);
  background-repeat: no-repeat;
  background-size: 35px;
  position: absolute;
  top: 325px;
  right: 67px;
}
.phr-staff.welcome .dashboard-text {
  position: absolute;
  top: 360px;
  right: 25px;
}
.phr-staff.welcome .feedback-arrow-img {
  background-image: url(https://html-assets-prod.guideflow.com/02142a0d5bee4529a269550ed867f0ad689af5ad);
  background-repeat: no-repeat;
  background-size: 120px;
  position: fixed !important;
  bottom: 0px;
  left: 10px;
}
@media (min-width: 1200px) {
  .phr-staff.welcome .feedback-arrow-img {
    margin-left: 200px;
  }
}
.phr-staff.welcome .feedback-text {
  position: fixed !important;
  bottom: 10px;
  left: 150px;
}
@media (min-width: 1200px) {
  .phr-staff.welcome .feedback-text {
    margin-left: 200px;
  }
}
.phr-staff.welcome .module-menu-arrow-img {
  background-image: url(https://html-assets-prod.guideflow.com/5cea6fa241bac5346c4bf5b99846f432208a4c5f);
  background-repeat: no-repeat;
  background-size: 150px;
  position: absolute;
  top: 260px;
  left: 10px;
  margin-left: 200px;
}
.phr-staff.welcome .module-menu-text {
  position: absolute;
  top: 390px;
  left: 60px;
  margin-left: 200px;
}
.phr-staff.welcome .suite-menu-arrow-img {
  background-image: url(https://html-assets-prod.guideflow.com/88c91563b60968da27baa52828909c7f1dec3219);
  background-repeat: no-repeat;
  background-size: 90px;
  position: absolute;
  top: 60px;
  left: 30px;
  margin-left: 200px;
}
.phr-staff.welcome .suite-menu-text {
  position: absolute;
  top: 130px;
  left: 120px;
  margin-left: 200px;
}
.phr-staff.welcome .preferences-arrow-img {
  background-image: url(https://html-assets-prod.guideflow.com/688900bf97d3de0266c422b6ea188d95f25b71a2);
  background-repeat: no-repeat;
  background-size: 70px;
  position: absolute;
  top: 60px;
  right: 0;
}
.phr-staff.welcome .preferences-text {
  position: absolute;
  top: 200px;
  right: 25px;
}
.phr-staff.welcome .menu-mobile-text {
  position: absolute;
  top: 190px;
  left: 20px;
}
.phr-staff.welcome .menu-mobile-arrow-img {
  background-image: url(https://html-assets-prod.guideflow.com/dff311a34ca6cc6a8a31f7f0942a15d780dde897);
  background-repeat: no-repeat;
  background-size: 90px;
  position: absolute;
  top: 60px;
  left: 40px;
}
.phr-staff.welcome .mobile-module-menu-arrow-img {
  background-image: url(https://html-assets-prod.guideflow.com/f00f388b7bf25dea51c5e58ff771aab073d807fd);
  background-repeat: no-repeat;
  background-size: 70px;
  position: absolute;
  top: 60px;
  left: 10px;
}
.phr-staff.welcome .mobile-module-menu-text {
  position: absolute;
  top: 190px;
  left: 85px;
}
.phr-staff.welcome .mobile-module-menu-text h4 {
  font-size: 15px;
}
.phr-staff.welcome .mobile-module-menu-text p {
  font-size: 11px;
}
.phr-staff.welcome .mobile-suite-menu-arrow-img {
  background-image: url(https://html-assets-prod.guideflow.com/3680dbd6abc417d0cc9d17485647843e2e6dd223);
  background-repeat: no-repeat;
  background-size: 50px;
  position: absolute;
  top: 60px;
  left: 60px;
}
.phr-staff.welcome .mobile-suite-menu-text {
  position: absolute;
  top: 100px;
  left: 110px;
}
.phr-staff.welcome .mobile-suite-menu-text h4 {
  font-size: 15px;
}
.phr-staff.welcome .mobile-suite-menu-text p {
  font-size: 11px;
}
.phr-staff.welcome .mobile-preferences-arrow-img {
  background-image: url(https://html-assets-prod.guideflow.com/ca4a34245c7d4edbfce73956e94fe7a16fc16899);
  background-repeat: no-repeat;
  background-size: 75px;
  position: absolute;
  top: 60px;
  right: 0px;
}
.phr-staff.welcome .mobile-preferences-text {
  position: absolute;
  top: 320px;
  right: 90px;
}
.phr-staff.welcome .mobile-preferences-text h4 {
  font-size: 15px;
}
.phr-staff.welcome .mobile-preferences-text p {
  font-size: 11px;
}
.phr-staff.welcome p {
  line-height: 1.4;
}
.phr-staff.welcome .animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.phr-staff.welcome .is-exiting {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}
@-webkit-keyframes animate-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes animate-top-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes animate-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes animate-top-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animate-bottom-out {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes animate-bottom-out {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animate-bottom-in {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes animate-bottom-in {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.phr-staff.welcome .mobile-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.phr-staff.welcome .mobile-container-bottom {
  margin-top: 50px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.phr-staff.welcome .mobile-container-top.out {
  -webkit-animation-name: animate-top-out;
  animation-name: animate-top-out;
}
.phr-staff.welcome .mobile-container-top.in {
  -webkit-animation-name: animate-top-in;
  animation-name: animate-top-in;
}
.phr-staff.welcome .mobile-container-bottom.out {
  -webkit-animation-name: animate-bottom-out;
  animation-name: animate-bottom-out;
}
.phr-staff.welcome .mobile-container-bottom.in {
  -webkit-animation-name: animate-bottom-in;
  animation-name: animate-bottom-in;
}
.phr-staff.welcome .scroll-down {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}
.phr-avatar-component img {
  border-radius: 50%;
}
.phr-avatar-container {
  background-color: white;
  position: relative;
  left: 22px;
  top: 21px;
  float: left;
  padding: 4px;
  border-radius: 50%;
}
.phr-mobile-avatar-container {
  background-color: white;
  padding: 5px;
  width: 118px;
  height: 118px;
  margin-left: auto;
  margin-right: auto;
}
.profile-header.user {
  background: none !important;
  background-color: #152d47 !important;
  height: 130px;
}
@media (max-width: 991px) {
  .profile-header.user {
    height: 200px !important;
  }
}
@media (min-width: 992px) {
  .profile-header-content {
    height: 108px;
  }
}
@media (max-width: 991px) {
  .profile-header-content {
    height: 180px;
  }
}
.profile-header-content .phr-avatar-container .phr-avatar-edit {
  height: 148px;
  width: 148px;
  position: absolute;
  bottom: 4px;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
  border-radius: 50%;
}
.profile-header-content .phr-avatar-container .fa-edit {
  font-size: 50px;
  color: white;
  position: absolute;
  bottom: 57px;
  left: 57px;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
  cursor: pointer;
}
.profile-header-content .phr-avatar-container .fa-edit.guideflow_hovered {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.profile-header-content .phr-avatar-container.guideflow_hovered .phr-avatar-edit {
  background-color: black;
  opacity: .5;
  filter: alpha(opacity=50);
}
.profile-header-content .phr-avatar-container.guideflow_hovered .fa-edit {
  opacity: .8;
  filter: alpha(opacity=80);
}
.profile-header-content .phr-avatar-container.guideflow_hovered .phr-avatar {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.user-header-info {
  margin-left: 41px;
  margin-top: 15px;
  margin-right: 0px;
  height: 108px;
  float: left;
}
.user-header-contact {
  float: right;
  position: relative;
  top: 50px;
  right: 25px;
}
.user-profile-content {
  height: 500px;
  clear: both;
}
@media (max-width: 991px) {
  .phr-state-tabs-wrapper > ul.nav {
    margin-left: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media (max-width: 991px) {
  .phr-state-tabs-wrapper > ul.nav li + li {
    margin-left: 0px !important;
  }
}
/* Employee Report */
table.table-employee-report {
  /* PERSONAL */
  /* CONTACT */
  /* ADDRESS */
  /* EMPLOYMENT */
  /* ACCOUNT */
}
table.table-employee-report.hide-email .col-email {
  display: none !important;
}
table.table-employee-report.hide-gender .col-gender {
  display: none !important;
}
table.table-employee-report.hide-birthdate .col-birthdate {
  display: none !important;
}
table.table-employee-report.hide-age .col-age {
  display: none !important;
}
table.table-employee-report.hide-birthplace .col-birthplace {
  display: none !important;
}
table.table-employee-report.hide-nationality .col-nationality {
  display: none !important;
}
table.table-employee-report.hide-maritalstatus .col-maritalstatus {
  display: none !important;
}
table.table-employee-report.hide-marriagedate .col-marriagedate {
  display: none !important;
}
table.table-employee-report.hide-spousename .col-spousename {
  display: none !important;
}
table.table-employee-report.hide-custompersonalfield1 .col-custompersonalfield1 {
  display: none !important;
}
table.table-employee-report.hide-custompersonalfield2 .col-custompersonalfield2 {
  display: none !important;
}
table.table-employee-report.hide-custompersonalfield3 .col-custompersonalfield3 {
  display: none !important;
}
table.table-employee-report.hide-homephone .col-homephone {
  display: none !important;
}
table.table-employee-report.hide-workphone .col-workphone {
  display: none !important;
}
table.table-employee-report.hide-mobilephone .col-mobilephone {
  display: none !important;
}
table.table-employee-report.hide-altemail .col-altemail {
  display: none !important;
}
table.table-employee-report.hide-otherphone .col-otherphone {
  display: none !important;
}
table.table-employee-report.hide-emergphone .col-emergphone {
  display: none !important;
}
table.table-employee-report.hide-emergcontactname .col-emergcontactname {
  display: none !important;
}
table.table-employee-report.hide-emergcontactrelation .col-emergcontactrelation {
  display: none !important;
}
table.table-employee-report.hide-customcontactfield1 .col-customcontactfield1 {
  display: none !important;
}
table.table-employee-report.hide-address .col-address {
  display: none !important;
}
table.table-employee-report.hide-city .col-city {
  display: none !important;
}
table.table-employee-report.hide-state .col-state {
  display: none !important;
}
table.table-employee-report.hide-country .col-country {
  display: none !important;
}
table.table-employee-report.hide-zip .col-zip {
  display: none !important;
}
table.table-employee-report.hide-jobtitle .col-jobtitle {
  display: none !important;
}
table.table-employee-report.hide-employeeid .col-employeeid {
  display: none !important;
}
table.table-employee-report.hide-hireddate .col-hireddate {
  display: none !important;
}
table.table-employee-report.hide-terminationdate .col-terminationdate {
  display: none !important;
}
table.table-employee-report.hide-yearsofservice .col-yearsofservice {
  display: none !important;
}
table.table-employee-report.hide-usertype .col-usertype {
  display: none !important;
}
table.table-employee-report.hide-department .col-department {
  display: none !important;
}
table.table-employee-report.hide-office .col-office {
  display: none !important;
}
table.table-employee-report.hide-performancemanager .col-performancemanager {
  display: none !important;
}
table.table-employee-report.hide-performancereviewmonth .col-performancereviewmonth {
  display: none !important;
}
table.table-employee-report.hide-performancereviewday .col-performancereviewday {
  display: none !important;
}
table.table-employee-report.hide-salary .col-salary {
  display: none !important;
}
table.table-employee-report.hide-lastbonus .col-lastbonus {
  display: none !important;
}
table.table-employee-report.hide-workdayhours .col-workdayhours {
  display: none !important;
}
table.table-employee-report.hide-username .col-username {
  display: none !important;
}
table.table-employee-report.hide-role .col-role {
  display: none !important;
}
table.table-employee-report.hide-joindate .col-joindate {
  display: none !important;
}
table.table-employee-report.hide-lastlogin .col-lastlogin {
  display: none !important;
}
table.table-employee-report.hide-mfaenrolled .col-mfaenrolled {
  display: none !important;
}
div#columnSelect div.col-select {
  max-height: none;
  margin-bottom: 20px;
}
table.phr-table.doc-user-history-table td {
  height: 32px;
}
table.phr-table .ibox {
  border: solid 2px #96a1ac;
  padding: 3px;
  border-radius: 4px;
  min-width: 30px;
  text-align: center;
  margin-right: 10px;
}
div#CompanyValuesList .icon {
  border: solid 2px #96a1ac;
  border-color: inherit;
  border-radius: 4px;
  min-width: 30px;
  text-align: center;
}
.modal-supported-company-value-row i.iconElem {
  border: solid 2px #96a1ac;
  border-color: inherit;
  padding: 3px;
  border-radius: 4px;
  min-width: 30px;
  text-align: center;
}
.add-first-btn {
  border: 2px solid #35db94;
  border-radius: 14px;
  padding: 12px;
  background-color: transparent;
  color: #35db94;
  -webkit-transition: all .2s;
  transition: all .2s;
  font-weight: 300;
  font-size: 24px;
  outline: none !important;
}
.add-first-btn i {
  font-size: 28px;
}
.add-first-btn.guideflow_hovered {
  background-color: #35db94;
  color: white;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.add-first-btn:active {
  background-color: #8ceac2;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
[data-employment-history].table .btn {
  -webkit-transition: all .25s;
  transition: all .25s;
  opacity: .25;
}
[data-employment-history].table tr.guideflow_hovered .btn {
  opacity: 1;
}
.table .btn.row-hover {
  -webkit-transition: all .25s;
  transition: all .25s;
  opacity: 0;
}
.table tr.guideflow_hovered .btn.row-hover {
  opacity: 1;
}
.doc-user-history-table small.signature-date {
  font-size: 11px;
  display: block;
}
.staff_upgrade_image1 {
  background-image: url(https://html-assets-prod.guideflow.com/6eab08d57bb41a1486605e3bea63f7efe6e12e85);
  background-size: contain;
  background-repeat: no-repeat;
  height: 398px;
  margin-bottom: 0px;
}
.staff_upgrade_image2 {
  background-image: url(https://html-assets-prod.guideflow.com/64c4962ca28c04b624f490c240f39c6ac6574d0b);
  background-size: contain;
  background-repeat: no-repeat;
  height: 380px;
  margin-top: -61px;
}
.phr-upgrade-container {
  background-image: url(https://html-assets-prod.guideflow.com/c6b23c9fb4e74713496f11e460b9c79ba503ba44);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
.custom-field-name-input {
  position: absolute;
  left: 95px;
  top: -54px;
}
.termination-types.phr-group-list .phr-group-list-item[data-enum] {
  padding-bottom: 12px;
  padding-top: 12px;
}
.modal-supported-company-value-row {
  padding-left: 24px;
  cursor: pointer;
}
.modal-supported-company-value-row .icon {
  font-size: 24px;
  font-weight: 600;
  border: 1px #7965f7 solid;
  padding: 4px;
  border-radius: 3px;
}
.supported-company-value-row {
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 2px dotted #caced5;
  border-radius: 4px;
}
.supported-company-value-row .icon {
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  font-size: 20px;
  font-weight: 600;
  border: 2px #7965f7 solid;
  padding: 4px;
  border-radius: 3px;
  min-width: 30px;
  text-align: center;
}
.supported-company-value-row .phr-delete-item {
  opacity: .1;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.supported-company-value-row .phr-card {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.supported-company-value-row.guideflow_hovered {
  background-color: #e4e6ea;
}
.supported-company-value-row.guideflow_hovered .icon {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.supported-company-value-row.guideflow_hovered .phr-card {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  background-color: #efefef;
}
.supported-company-value-row.guideflow_hovered .phr-delete-item {
  opacity: 1;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.inline-block {
  display: inline-block;
}