:root{
    --primary-color:#0F4069;
}
.input-group-addon{
    padding:5px 12px;
    text-align:center;
    background-color: #eee;
    border: 1px solid #ccc;
    width:1%;
    white-space: nowrap;
    vertical-align: middle;
    border-radius:5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: table-cell;
}
.txtbx{
    width: 100%;
    border:1px solid #dedede;
    height:38px;
    border-left:none;
    padding: 4px 6px;
    margin-bottom: 0px;
    box-shadow: inset 0px 0px 3px #c3bfbf;
}
.textbox-contaniner{
    margin-top:5px;
    display: table;
}
.control-label{
    margin-left: 0%;
    float: left;
    text-align: left;
}
#signupErrors {
    display :block;
    margin-left:18px;
    font-weight: bold;
    color:red;
}
.baseCont{
    margin: 0 auto;
    background-color:#fff;
    border: 1px solid #e1e1e1;
    margin-top: 10px;
    max-width: 500px
}
#loginButton{
    background-color: var(--primary-color);
    border:none; width: 100%;
    color: #fff;
    padding: 10px;
    font-size:18px;
}
.signupButton{
    background-color:#ED7526;
    border:none; width: 100%;
    color: #fff !important;
    padding: 10px;
    font-size:18px;
}
.left_form_bx{
    padding: 20px 10px 50px 10px;
}
.logLabel{
    font-size:20px;
    margin-left: 15px;
    font-weight: 600;
}
.inner-container{
    float:left;
    width: 100%;
    margin-bottom:20px;
}
#padding_spc{
    width: 100%;
    text-align:center;
}
.marleftauto{
    margin-left: 0%;
}
#descr{
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px;
    font-size: 16px;
}
.logo{
    display: block;
    text-align: center;
    font-size: 16px;
}
#top{
    text-align:center;
}
body{
    background-color: rgb(246, 246, 246);
    color: black !important;
    font-family: 'Open Sans', sans-serif;
}
a{
    color: #00a8e7;
}
.logo img{
    width: 30rem;
}
.r-connect,.primary-cl{
 color:var(--primary-color) !important;
}

/*********LOGIN ICON CSS***********/

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/fa-solid-900.eot");
    src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
      url("../fonts/fa-solid-900.woff2") format("woff2"),
      url("../fonts/fa-solid-900.woff") format("woff"),
      url("../fonts/fa-solid-900.ttf") format("truetype"),
      url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
  }
  
  .fa,
  .fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
  
  /* MaterialDesignIcons.com */
  @font-face {
    font-family: "Material Design Icons";
    src: url("../fonts/materialdesignicons-webfont.eot?v=3.2.89");
    src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=3.2.89")
        format("embedded-opentype"),
      url("../fonts/materialdesignicons-webfont.woff2?v=3.2.89") format("woff2"),
      url("../fonts/materialdesignicons-webfont.woff?v=3.2.89") format("woff"),
      url("../fonts/materialdesignicons-webfont.ttf?v=3.2.89") format("truetype"),
      url("../fonts/materialdesignicons-webfont.svg?v=3.2.89#materialdesigniconsregular")
        format("svg");
    font-weight: normal;
    font-style: normal;
  }
.fa-compass:before {
    content: "\f14e";
  }

  .fa-user:before {
    content: "\f007";
  }

  .fa-lock:before {
    content: "\f023";
  }
  .fa-unlock:before {
    content: "\f09c";
  }
  .fa-comment:before {
    content: "\f075";
  }

  /**timeout-screen**/
  #error{
    font-size: 300px; color: white;    margin-top: -40px;
  }
  .error-oops{
    margin-bottom: 100px; font-size: 82px; margin-top: -200px; font-weight: bold;
  }
  .new-tap-text{
    font-size:50px;line-height: 4rem !important;
  }
  .call-at{
    width: 640px;font-size:20px; padding:10px;border-color: #00A5A8 !important; background-color: #00B5B8 !important; color: #FFFFFF;
  }
  .f-50{
    font-size: 50px;
  }
  .f-14{
    font-size: 14px;
  }
  .copy-right-color{
    color: #23527c;
  }
  i {
    font-style: normal !important;
}