.gcw_mainFhAdXO9Qv * {        padding: 0px !important;        margin: 0px !important;        color: inherit !important;        font-size: inherit !important;        font-family: inherit !important;        font-style: inherit !important;        font-weight: inherit !important;        background-color: inherit !important;        border:0px !important;        /*height: auto !important;*/    }    .gcw_mainFhAdXO9Qv {        display: inherit !important;        border: 1px solid #aaaaaa !important;        background-color: #ffffff !important;        color:  #000000 !important;        max-width: 400px !important;        width: auto !important;        margin:auto !important;        font-family: Roboto,Trebuchet MS,Tahoma,Verdana,Arial,sans-serif !important;        font-size:12px !important;        text-align:center !important;        padding:4px !important;        /*height: auto !important;*/    }    .gcw_headerFhAdXO9Qv {        border: 1px solid #FF6B7F !important;        background-color: #DB4865 !important;        font-size: 125% !important;        margin-bottom:4px !important;        padding:3px !important;        text-align:center !important;    }    .gcw_headerFhAdXO9Qv a {        text-decoration: none !important;        font-weight:bolder !important;        color:  #FFFFFF !important;    }    .gcw_ratesFhAdXO9Qv {        padding:2px !important;    }    #gcw_siteFhAdXO9Qv{        font-size: x-small;        text-align: right;        width: 400px;        display: block;        margin: auto;    }    .gcw_tableFhAdXO9Qv th {        font-weight: 700 !important;    }    .gcw_tableFhAdXO9Qv {        border-spacing: 0px !important;        width: 100% !important;        color: inherit !important;        margin: 0 !important;        border: 0px !important;        white-space:nowrap !important;        background-color: inherit !important;    }    .gcw_ttlFhAdXO9Qv {        width: 70% !important;        max-width: 0 !important;        overflow: hidden !important;        text-overflow: ellipsis !important;        white-space: nowrap !important;        margin:0px 0px !important;        padding:3px !important;        text-align:left !important;        height:18px !important;        line-height: 18px !important;        font-size:inherit !important;        color: inherit !important;    }    .gcw_signFhAdXO9Qv {        padding:4px 3px 4px 3px  !important;        text-align: right !important;        max-width: 3em !important;        overflow: hidden !important;        width: 0%;    }    .gcw_flagFhAdXO9Qv {        padding-right: 2px !important;        width: 24px !important;        max-width: 24px !important;    }    .gcw_flag_tdFhAdXO9Qv {        width: 24px !important;    }    #gcw_refreshFhAdXO9Qv {        margin-right:22px !important;        color: inherit !important;    }    .gcw_sourceFhAdXO9Qv {        font-size: 100% !important;        text-align: left !important;        position:relative !important;        color: #2C4359 !important;        padding: 5px 2px 1px 2px !important;    }    .gcw_infoFhAdXO9Qv {        position: absolute !important;        right: 0px !important;        bottom: 0px !important;        width: 16px !important;        height: 16px !important;        text-decoration: none !important;        line-height: 16px !important;        border: 0px solid transparent !important;        background-color: transparent !important;    }    .gcw_info-bgFhAdXO9Qv {        position: absolute !important;        margin: 0 auto !important;        left: 0 !important;        right: 0 !important;        width: 80% !important;        height: 80% !important;        border-radius: 25px !important;        border: 1px solid #4297D7 !important;        background-color:#ffffff !important;    }    .gcw_info-signFhAdXO9Qv {        position: absolute !important;        left: 0 !important;        right: 0 !important;        z-index: 10 !important;        width: 100% !important;        height: 100% !important;        text-align: center !important;        vertical-align: middle !important;        font-family: serif !important;        font-style: italic !important;        font-weight: bold !important;        font-size: 13px !important;        padding-bottom: 0px !important;        color: #2C4359 !important;    }    .gcw_valblockFhAdXO9Qv {        text-align:right !important;        width: 30%;        max-width: 8em;        min-width: 4em;        box-sizing: border-box !important;    }    .gcw_inputFhAdXO9Qv {        font:inherit !important;        color:#2C4359 !important;        font-weight:bolder !important;        background-color:#ffffff !important;        border:1px solid #4297D7 !important;        text-align:right !important;        padding:2px 2px !important;        margin:1px 0px 1px 2px !important;        display:inline !important;        box-sizing: border-box !important;        height: inherit !important;        width: 100%;    }



  .contact-form {
    margin: 0 auto;
    width: 40%;
    border-radius: 5px;
    position: relative;
}

.profile-pic {
    position: absolute;
    top: -10%;
    left: 30%;
}



.signin {
    margin-top: 125px;
    padding: 80px 0 20px 0;
    background-color: #3B8590;
    border-radius: 5px;
    text-align: center;
}

::placeholder {
  color: white;
}

:-ms-input-placeholder{
  color: white;
}
input.user {
    width: 80%;
    background: none;
    border: none;
    border-bottom: 1px solid white;
    color: white;
    padding: 20px;
    font-size: 18px;
    font-family: ClementePDac-ExtraLight;
    outline: none;
}
input.pass {
    width: 80%;
    background: none;
    border: none;
    border-top: 1px solid white;
    color: white;
    padding: 20px;
    font-size: 18px;
    font-family: ClementePDac-ExtraLight;
    outline: none;
}


.submit {
    margin-top: 20px;
    width: 100%;
    background: #C64444;
    border: none;
    border-radius: 5px;
    color: white;
    padding: 10px;
    font-size: 20px;
    font-family: ClementePDai-Regular;
  cursor: pointer;
  outline: none;
}
.submit:hover {
    background: #099E84;
  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.loader {
	border: 6px solid #f3f3f3; /* Light grey */
	border-top: 6px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 2s linear infinite;
  }


  .token-title{
    font-weight: 200;
    font-size: 14px;
  }

  .form-label{
    margin-left: 20px;
    font-size: 15px;
    font-weight: bold;
  }

  .form-input{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;

  }

  .form-control{
    width: 80%;
    margin-top:10px;
    margin-left: 40px;
    margin-right: 20px;
  }
.btn-submit{
  width: 60%;
  margin: 20px;
}

.text-red{
  color:red;
}