body,html {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0
}

body,input,textarea,select,button {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #0D100E;
  line-height: 1.2em;
}

textarea,select,input {
  background-color: white;
  border: solid 1px #929995;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

a {
  color: #247BA0;
  text-decoration: none;
  cursor: pointer;
}

a:not(.disabled):hover {
  color: #70C1B3;
}

.text-bold {
  font-weight: 700;
}

.text-light {
  font-weight: 300;
}

.text-italic {
  font-style: italic;
}

::-webkit-input-placeholder {
  color: #929995;
}

:-moz-placeholder {
  color: #929995;
}

::-moz-placeholder {
  color: #929995;
}

:-ms-input-placeholder {
  color: #929995;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-10 {
  margin-top: 10px;
}

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

.margin-top-30 {
  margin-top: 30px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-right-5 {
  margin-right: 5px
}

.margin-right-10 {
  margin-right: 10px
}

.margin-left-10 {
  margin-left: 10px
}

.margin-left-5 {
  margin-left: 5px
}

.margin-left-20 {
  margin-left: 20px;
}

.text-grey {
  color: #929995;
}

.text-red {
  color: #FF1654;
}

.text-small {
  font-size: 12px;
}

.text-large {
  font-size: 20px;
  line-height: 20px;
}

.text-huge {
  font-size: 32px;
  line-height: 32px;
}

.text-enourmous {
  font-size: 48px;
  line-height: 48px;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.hide {
  display: none
}

.force-hide {
  display: none !important;
}

.float-right {
  float: right
}

.float-left {
  float: left
}

.overflow {
  overflow: hidden;
}

.pointer {
  cursor: pointer
}

th {
  text-align: left;
  font-weight: 600
}

.capitalized:first-letter {
  text-transform: uppercase
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.text-underline {
  text-decoration: underline;
}

.button {
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: 600;
  position: relative;
  box-shadow: 3px 3px 1px rgba(0,0,0,.1);
}

.button:active {
  box-shadow: none;
}

.button.disabled {
  opacity: .7;
  cursor: default;
}

.button.disabled.disabled-strong {
  opacity: .2;
}

.button.button-condensed {
  padding-left: 10px;
  padding-right: 10px;
}

.button.button-condensed-vertical {
  padding-top: 5px;
  padding-bottom: 5px;
}

.button-small {
  font-size: 12px;
  padding: 5px 10px;
}

.button-large {
  font-size: 20px;
  padding: 15px 20px;
}

.button-huge {
  font-size: 24px;
  padding: 20px 30px;
}

.button-link {
  background-color: transparent;
  color: #929995;
  text-decoration: underline;
  box-shadow: none;
}

.button-link-no-padding-right {
  padding-right: 0;
}

.button-link-no-padding-left {
  padding-left: 0;
}

.button-link:not(.disabled):hover {
  color: #A2A9A5;
}

.button-link-white {
  background-color: transparent;
  color: white;
  text-decoration: underline;
  box-shadow: none;
}

.button-link-white:not(.disabled):hover {
  text-decoration: none;
}

.button-default {
  background-color: #bac7c7;
  color: #0D100E;
}

.button-default:not(.disabled):hover {
  background-color: #cad7d7;
  color: #0D100E;
}

.button-primary {
  background-color: #247BA0;
  color: white;
}

.button-primary:not(.disabled):hover {
  background-color: #348BB0;
}

.button-success {
  background-color: #70C1B3;
  color: #0D100E;
}

.button-success:not(.disabled):hover {
  background-color: #80D1C3;
}

.button-important {
  background-color: #ff6666;
  color: white;
}

.button-important:not(.disabled):hover {
  background-color: #ee5555;
}

.button-green {
  background-color: #06D6A0;
  color: white;
}

.button-green:not(.disabled):hover {
  background-color: #06C690;
}

.button-red,.button-danger {
  background-color: #EF476F;
  color: white;
}

.button-red:not(.disabled):hover,.button-danger:not(.disabled):hover {
  background-color: #DF375F;
}

.button-ghost {
  padding: 9px 19px;
  border: dashed 1px #929995;
  color: #929995;
  background-color: white;
  box-shadow: none;
}

.button-ghost:not(.disabled):hover {
  border: dashed 1px #0D100E;
  color: #0D100E;
}

.button-hollow {
  padding: 9px 19px;
  border: solid 1px #929995;
  color: #0D100E;
  background-color: white;
  box-shadow: none;
}

.button-hollow:not(.disabled):hover {
  border: solid 1px #247BA0;
  color: #247BA0;
}

.button-blank {
  padding: 10px 20px;
  border: none;
  color: #0D100E;
  background-color: transparent;
  box-shadow: none;
}

.button-blank:not(.disabled):hover {
  opacity: 0.9;
}

.button-topmenu {
  background-color: #342c3c;
  color: white;
  box-shadow: none;
}

.button-topmenu:not(.disabled):hover {
  background-color: #241c2c;
}

.button-google {
  background-image: url(/img/btn_google_signin_dark_normal_web@2x.png);
  background-size: 100%;
  background-position: 0 0;
  height: 46px;
  width: 191px;
  padding: 0px;
  box-shadow: none;
}

.button-google:hover {
  background-image: url(/img/btn_google_signin_dark_pressed_web@2x.png);
}

.button-selector {
  padding: 9px 19px;
  border: solid 1px #929995;
  color: #0D100E;
  background-color: white;
  box-shadow: none;
}

.button-selector:not(.disabled):hover {
  border: solid 1px #247BA0;
  color: #247BA0;
}

.button-selector.selected {
  background-color: #70C1B3;
  border: solid 1px #70C1B3;
  color: white;
}

.button-fake {
  cursor: default;
  box-shadow: none;
}

.button-hollow-white {
  color: white;
  background-color: transparent;
  border: solid 1px white;
  border-radius: 4px;
  box-shadow: none;
}

.button-hollow-white:not(.disabled):hover {
  color: #B2DBBF;
  border-color: #B2DBBF;
}

.button-facebook {
  background-color: #3b5998;
  color: white;
}

.button-facebook:not(.disabled):hover {
  background-color: #2b4988;
}

.button-linkedin {
  background-color: #007bb5;
  color: white;
}

.button-linkedin:not(.disabled):hover {
  background-color: #108bc5;
}

.laginprogress {
  cursor: progress !important;
  opacity: 0.7;
  box-shadow: none;
}

form {
  display: inline
}

input:not([type=checkbox]):not([type=radio]) {
  border-radius: 4px;
  border: solid 1px #929995;
  padding: 10px;
  width: calc(100% - 22px);
}

input[type=checkbox], input[type=radio] {
  margin-right: 5px;
  cursor: pointer;
}

textarea {
  border-radius: 4px;
  border: solid 1px #929995;
  padding: 10px;
  font-size: 16px;
  width: calc(100% - 22px);
}

input:focus, textarea:focus {
  outline: none;
  box-shadow: none;
}

select {
  font-size: 16px;
  border: solid 1px #929995;
  background-color: white;
}

input:not([type=checkbox]):not([type=radio]).input-large {
  padding: 12px 10px !important;
  font-size: 20px;
}

.error-label {
  color: #FF1654;
  font-weight: 600;
  display: block;
}

body.popup-2-locked {
  overflow: hidden;
}

.popup-2-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  top: 0;
  left: 0;
}

.popup-2-overlay {
  background-color: rgba(146,153,149,.7);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-transition: opacity .2s ease-in-out,margin .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out,margin .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out,margin .2s ease-in-out;
  transition: opacity .2s ease-in-out,margin .2s ease-in-out;
}

.popup-2-box {
  width: 520px;
  left: calc((100% - 520px)/2);
  border-radius: 4px;
  top: 60px;
  position: absolute;
  z-index: 2;
  -webkit-transition: opacity .2s ease-in-out,top .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out,top .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out,top .2s ease-in-out;
  transition: opacity .2s ease-in-out,top .2s ease-in-out;
}

.popup-2-header {
  background-color: white;
  border-radius: 4px 4px 0 0;
  padding: 20px;
}

.popup-2-body {
  background-color: white;
  padding: 0 20px 20px 20px;
  max-height: calc(100vh - 220px);
  overflow-y: auto;
  -ms-overflow-style: none;
}

.popup-2-body.popup-2-no-footer {
  border-radius: 0 0 4px 4px;
  max-height: calc(100vh - 160px);
}

.popup-2-body.popup-2-no-header {
  border-radius: 4px 4px 0 0;
  max-height: calc(100vh - 160px);
}

.popup-2-body.popup-2-no-footer.popup-2-no-header {
  border-radius: 4px;
  max-height: calc(100vh - 100px);
}

.popup-2-footer {
  background-color: white;
  border-radius: 0 0 4px 4px;
  padding: 10px 20px;
  overflow: hidden;
}

@media screen and (max-width: 520px) {
  .popup-2-box {
    width: calc(100% - 10px);
    left: 5px;
    top: 5px;
  }

  .popup-2-body {
    max-height: calc(100vh - 130px);
  }

  .popup-2-body.popup-2-no-footer {
    max-height: calc(100vh - 90px);
  }
}

.popup-2-container.kindly-hidden .popup-2-overlay {
  opacity: 0;
}

.popup-2-container.kindly-hidden .popup-2-box {
  opacity: 0;
  top: -10%;
}

.popup-2-box-close {
  font-size: 200%;
  float: right;
  cursor: pointer;
}

.popup-2-box-close:not(.disabled):hover {
  opacity: .9;
}

.popup-2-loading {
  text-align: center;
  padding: 60px 0;
}

.anilogo-wrapper {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.anilogo {
  animation: anilogo .8s forwards ease-out;
  -webkit-animation: anilogo .8s forwards ease-out;
  -moz-animation: anilogo .8s forwards ease-out;
  -o-animation: anilogo .8s forwards ease-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.anilogo-1,.anilogo-2,.anilogo-3 {
  width: 40%;
  height: 80%;
  left: 30%;
  top: 10%;
  border-radius: 100%;
  position: absolute;
  animation: anilogoCircle 3.2s forwards ease-out;
  -webkit-animation: anilogoCircle 3.2s forwards ease-out;
  -moz-animation: anilogoCircle 3.2s forwards ease-out;
  -o-animation: anilogoCircle 3.2s forwards ease-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
}

.anilogo-1 {
  background-color: #247BA0;
}

.anilogo-2 {
  background-color: #247BA0;
}

.anilogo-3 {
  background-color: #247BA0;
}

.anilogo-1-wrapper,.anilogo-2-wrapper,.anilogo-3-wrapper {
  width: 100%;
  height: 50%;
  left: 0%;
  top: 25%;
  position: absolute;
}

.anilogo-1-wrapper {
  transform: rotate(90deg);
}

.anilogo-2-wrapper {
  transform: rotate(210deg);
}

.anilogo-3-wrapper {
  transform: rotate(330deg);
}

@keyframes anilogo {
  0% {
    transform: rotate(-180deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

@-webkit-keyframes anilogo {
  0% {
    -webkit-transform: rotate(-180deg);
  }

  100% {
    -webkit-transform: rotate(180deg);
  }
}

@-moz-keyframes anilogo {
  0% {
    -moz-transform: rotate(-180deg);
  }

  100% {
    -moz-transform: rotate(180deg);
  }
}

@-ms-keyframes anilogo {
  0% {
    -ms-transform: rotate(-180deg);
  }

  100% {
    -ms-transform: rotate(180deg);
  }
}

@keyframes anilogoCircle {
  0% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }

  25% {
    left: 70%;
    top: 35%;
    width: 15%;
    height: 30%;
    opacity: 1
  }

  50% {
    left: 70%;
    top: 35%;
    width: 15%;
    height: 30%;
    opacity: 1
  }

  75% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }

  100% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }
}

@-webkit-keyframes anilogoCircle {
  0% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }

  25% {
    left: 70%;
    top: 35%;
    width: 15%;
    height: 30%;
    opacity: 1
  }

  50% {
    left: 70%;
    top: 35%;
    width: 15%;
    height: 30%;
    opacity: 1
  }

  75% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }

  100% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }
}

@-moz-keyframes anilogoCircle {
  0% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }

  25% {
    left: 70%;
    top: 35%;
    width: 15%;
    height: 30%;
    opacity: 1
  }

  50% {
    left: 70%;
    top: 35%;
    width: 15%;
    height: 30%;
    opacity: 1
  }

  75% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }

  100% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }
}

@-ms-keyframes anilogoCircle {
  0% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }

  25% {
    left: 70%;
    top: 35%;
    width: 15%;
    height: 30%;
    opacity: 1
  }

  50% {
    left: 70%;
    top: 35%;
    width: 15%;
    height: 30%;
    opacity: 1
  }

  75% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }

  100% {
    left: 53%;
    top: 20%;
    width: 30%;
    height: 60%;
    opacity: 1
  }
}

.button-copy {
  color: #70C1B3;
  font-weight: 700;
  border: solid 1px #70C1B3 !important;
  text-align: center
}

.progress {
  background-color: #70C1B3;
  width: 100%;
  height: 10px;
}

.progress .bar {
  height: 100%;
  background-color: #B2DBBF;
}

.filewrap-wrapper {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  z-index: 103;
  padding: 20px;
  position: absolute;
  background-color: rgba(0,0,0,.5);
}

.filewrap {
  width: 100%;
  height: 100%;
  background-color: white;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.filemenu {
  height: 40px;
  width: calc(100% - 20px);
  position: absolute;
  background-color: white;
  padding: 10px;
  z-index: 2;
}

.file-delete-div-2 {
  margin-top: 5px;
}

.filemenu[specialType=notes] {
  background-color: #F3FFBD;
}

.filemenu-user-picture {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 4px;
}

.fileframe {
  height: 100%;
  top: 0%;
  width: 100%;
  left: 0%;
  border: none;
  padding: 0;
  position: absolute;
}

.fileframe-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}

.fileframe-pub {
  margin-top: 20px;
  height: 80%;
}

.fileframe-pub-img {
  margin-top: 40px;
  height: 80%;
}

.fileframe-pub-xls {
  margin-top: 15px;
  height: 90%;
}

.fileframe-pub-doc {
  margin-top: 0px;
  height: 100%;
}

.fileframe-pub-ppt {
  margin-top: 0px;
  height: 100%;
}

.fileframe-image {
  width: auto;
}

.fileframe-ytb, .fileframe-sld,.fileframe-pub {
  margin-top: 60px;
  height: -moz-calc(100% - 60px);
  height: -webkit-calc(100% - 60px);
  height: calc(100% - 60px);
}

@media screen and (max-width: 415px) {
  .popup-2-box {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    left: 0 !important;
  }

  .signon-grabber-right {
    display: none
  }

  .signon-grabber-left {
    width: 100% !important;
  }
}

.form-field-2 {
  overflow: auto;
  position: relative;
}

.form-error-2 {
  background-color: #ff0066;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px;
  color: white;
  display: none;
  text-align: center;
  cursor: pointer;
}

.form-error-2.shown {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.form-selector {
  color: #929995;
  border: solid 1px #929995;
  padding: 12px 0;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  width: 140px;
  text-align: center;
}

.form-selector:not(.selected):hover {
  background-color: #f1f1f1;
}

.form-selector-left {
  border-radius: 4px 0 0 4px;
}

.form-selector-right {
  border-radius: 0 4px 4px 0;
}

.form-selector.selected {
  border: solid 1px #70C1B3;
  background-color: #70C1B3;
  color: white;
}

.form-selector-negative.selected {
  border: solid 1px #FF1654;
  background-color: #FF1654;
  color: white;
}

.table-center {
  width: 100%;
  height: 100%;
}

.table-center td {
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}

#confirm-email {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100000;
}

#confirm-email-overlay {
  background-color: rgba(146,153,149,.7);
  width: 100%;
  height: 100%;
}

#confirm-email-box {
  width: 480px;
  left: calc((100% - 520px)/2);
  top: 30%;
  border-radius: 4px;
  position: absolute;
  z-index: 2;
  background-color: white;
  padding: 20px;
}

.help {
  cursor: help;
}

.has-popup-hint {
  display: inline;
}

.popup-hint-container {
  display: inline;
  position: relative;
}

.popup-hint {
  position: absolute;
  white-space: nowrap;
  background-color: #333;
  color: white;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 4px;
  display: none;
  z-index: 100;
}

.popup-hint * {
  position: relative;
  z-index: 10;
}

.popup-hint.shown {
  display: block;
}

.popup-hint-arrow {
  background-color: #333;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 1;
}