h2 {
    /*font: normal normal 36px/38px robotomedium !important;*/
    font: normal normal 36px/38px robotomedium !important;
    letter-spacing: 2px;
  }
  
  h1 {
    font: normal normal 36px/38px robotothin !important;
  }
  
  small {
    font: normal normal 12px/1px robotobold !important;
  }
  
  .logodiv {
    background: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 21vw;
    height: 10vh;
    max-width: 12vw;
    max-height: 10vh;
    min-width: 421px;
    min-height: 2vh;

  }
  
  
  .inputControl {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid black !important;
    border-radius: 0rem !important;
    font-weight: 700 !important;
    color: #000000;
  }
  
  *:focus {
    outline: none;
  }
  
  .logButton {
    background-color: #243782;
    color: white;
    border: none !important;
    font-weight: bold;
    height: 49px;
    border-radius: 8px;
  }
.logotext {
  font-size: min(max(68px, 24vw), 32px) !important;
}
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill::first-line,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    border: none;
    border-bottom: 1px solid black;
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    font: normal normal 19px/29px robotomedium !important;
    letter-spacing: 1.3px;
  }
  
  input:-internal-input-suggested {
    text-overflow: inherit;
    white-space: nowrap;
    overflow: hidden !important;
  }
  
  @media (max-width: 576px) {
    #secLoginSecreen {
      background: rgba(71, 86, 102, 0.62) 0% 0% no-repeat padding-box;
    }
  }
  
  @media (max-width: 768px) {
    #secLoginSecreen {
      background: rgba(71, 86, 102, 0.62) 0% 0% no-repeat padding-box;
    }
  }

#secLoginSecreen {
  background: url(../images/loginBg.png) no-repeat #fafafa 50% center;
  background-size: contain;
}
  
  #contentwrapper {
    background-image: url(../images/marketBg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .marketbtn {
    font: normal normal 25px/32px 'robotoregular' !important;
    letter-spacing: 1px;
    /* background-color: #203581; */
    /* color: white; */
    transition: 0.4s;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
    .marketbtn .dx-icon {
      float: right;
      padding-right: 30px;
      font-size: 30px;
      padding-top: 10px;
      color:white;
    }
  
  .dx-button-mode-contained.dx-state-hover {
    background-color: transparent!important;
    border: 1px solid transparent;
  }

  div#brand_wrapper {
    /*background-color: #203581;*/
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(235,236,238,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(235,236,238,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(235,236,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ebecee",GradientType=1);
}


.col-hover:hover{
  /*background-color: #3d5093;*/
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(235,236,238,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(235,236,238,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(235,236,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ebecee",GradientType=1);
}