/* common css */


.container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 6% 10%;
  box-sizing: border-box;
  background: #161920; }

.sprite-image {
  background: url("../images/sprite.png") no-repeat 0 0; }

.sprite-before {
  position: relative; }
  .sprite-before:before {
    background: url("../images/sprite.png") no-repeat 0 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px; }

.sprite-after {
  position: relative; }
  .sprite-after:after {
    background: url("../images/sprite.png") no-repeat 0 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px; }

.remember-field {
  margin-bottom: 30px;
  position: relative; }
  .remember-field input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0; }
  .remember-field label {
    color: #fff;
    padding-left: 25px; }
    .remember-field label:before {
      width: 14px;
      height: 14px;
      border-radius: 2px;
      top: 1px;
      border: 1px solid #37383c;
      background: none; }
  .remember-field input[type="checkbox"]:checked + label:before {
    border-color: #1a202d;
    background: #00aeef url("../images/sprite.png") no-repeat -32px 2px; }

.select-wrap, .inactive-wrap {
  position: relative; }
  .select-wrap:after, .inactive-wrap:after {
    background-position: -2px 0;
    top: 5px;
    width: 12px;
    height: 10px; }
  .select-wrap .select-content, .inactive-wrap .select-content {
    cursor: pointer;
    position: relative; }
  .select-wrap .select-list, .inactive-wrap .select-list {
    display: none;
    position: absolute;
    z-index: 99;
    width: 100%; }
    .select-wrap .select-list li, .inactive-wrap .select-list li {
      cursor: pointer;
      position: relative; }
  .select-wrap .hidden-input, .inactive-wrap .hidden-input {
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: -1 !important; }


.select-campus {
  width: 100%; }

.select2-container--default .select2-selection--single {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #424141;
  border-radius: 0px;
  outline: none; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0px; }

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
  background-color: #1D2433;
  border-color: #1D2433;
  z-index: 1061; }

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #1D2333;
  color: #068DC3; }

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
  background-color: #1D2433;
  border-color: #1D2433;
  z-index: 1061; }

.select2-results__option {
  color: white;
  font-size: 14px; }

.popover-content {
  padding: 3px 10px;
  font-family: "Poppins Regular", arial;
  font-size: 12px;
  color: #515865; }

.orange {
  color: #F48F18;
  font-size: 13px; }

.popover.bottom {
  margin-top: 40px; }

.title {
  font-family: "Poppins",sans-serif;
  color: #fff; }

.title--grid-title {
  font-size: 12px;
  margin-bottom: 20px;
  font-weight: 500;
  margin-top: 15px; }

.forgot {
  padding: 15px 0;
    padding--webkit-box-pack: justify;
    padding--ms-flex-pack: justify;
    padding-justify-content: space-between; }
  .forgot .forgetPassword {
    font-family: "Poppins",sans-serif; }

.title {
  font-family: "Poppins",sans-serif;
  color: #fff; }

.title--grid-title {
  font-size: 12px;
  margin-bottom: 20px;
  font-weight: 500;
  margin-top: 15px; }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.my-auto {
  margin-bottom: auto; }

.my-auto {
  margin-top: auto; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.newrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.product-column {
  width: 33.3%; }

.product {
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 15px; }

.title {
  font-family: "Poppins",sans-serif;
  color: #fff; }

.title--product-title {
  font-size: 9px;
  margin-top: 5px; }

.available-on {
  color: #8295a7;
  font-family: "Poppins",sans-serif;
  font-size: 9px;
  font-weight: 500; }

.download-icon--apple {
  width: 16px;
  height: 18px; }

.download-icon {
  vertical-align: center;
  margin-left: 10px;
  -ms-flex-item-align: center;
  align-self: center; }

.login-right-section {
  background: #193663;
  padding: 2% 0; }

.banner {
  position: relative; }

.gsf-logo {
  margin-top: 11px;
  width: 127px;
  height: 25px; }

.check-out {
  margin-top: 10px;
  color: white; }

.check-out, .footer-link {
  font-size: 12px;
  font-family: "Poppins",sans-serif; }

.global-news {
  color: #00aeef !important; }

.footer-links {
  margin-top: 10px;
  margin-bottom: 10px; }

.footer-link {
  font-weight: 300px;
  margin: 10px 0;
  padding: 0 10px; }

.border-lr {
  border-left: 1px solid #3a4b7a;
  border-right: 1px solid #3a4b7a; }

.checkbox-label, .copy-right {
  font-size: 10px;
  color: #293d6e;
  font-family: "Poppins",sans-serif;
  font-weight: 400; }

.login-right-vector {
  width: 100%;
  height: 75vh;
  margin-top: -100px;
  left: 0; }

.desktop-logo {
  width: 100px;
  height: 100px;
  top: 100; }

.left-login-section {
  background: #161920;
  padding: 3% 5%; }

.col {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.product-span {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font: inherit; }

.addmargin {
  margin-top: 14px;
  margin-bottom: 14px; }

.error-modal-head {
  padding: 8px 15px 8px 15px;
  font-family: "Poppins Regular", arial;
  color: #FFFFFF;
  background-color: #F04124; }

.modal-body {
  font-family: "Poppins Regular", arial;
  color: #787878;
  font-size: 15px; }

.loaderDiv {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  background: #fbfbfb;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #28303E; }

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

.loader-text-div {
  position: relative;
  top: 25%;
  width: 100%;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center; }

.loaderImage {
  margin-right: 10px;
  width: 55px;
  background-repeat: no-repeat;
  z-index: 1002;
  color: #fff;
  z-index: 9999;
  top: 45%;
  left: 50%;
  position: static;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite; }

.loader-text-div .progress .progress-bar {
  letter-spacing: 2px;
  background-color: #444648; }

.loader-text-div .progress .progress-bar.active {
  animation: progress-bar-stripes 1s linear infinite; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.success-modal-head {
  padding: 8px 15px 8px 15px;
  font-family: "Poppins Regular", arial;
  color: #FFFFFF;
  background-color: #449d44; }

.error-modal-head {
  padding: 8px 15px 8px 15px;
  font-family: "Poppins Regular", arial;
  color: #FFFFFF;
  background-color: #F04124; }

.modal-body {
  font-family: "Poppins Regular", arial;
  color: #787878;
  font-size: 15px; }

.product-column span {
  cursor: pointer; }

.copy-right {
  color: white !important; }

.checkbox-label {
  font-size: 12px;
  color: #fff;
  margin-left: 5px; }

.checkbox-label, .copy-right {
  font-size: 10px;
  color: #293d6e;
  font-family: "Poppins",sans-serif;
  font-weight: 400; }

.modal-footer {
  border-top: 0px solid #e5e5e5; }

.focus {
  border: 0.1em solid white; }

.app {
  margin-top: 25px;
  margin-bottom: 15px; }