/*
 * Specific styles of signin component
 */
 /*
 * General styles
 */
 
 @font-face {
     font-family: 'dejavu_sansbook';
     src: url('../fonts/dejavusans.eot');
     src: url('../fonts/dejavusans.eot?#iefix') format('embedded-opentype'), url('../fonts/dejavusans.woff') format('woff'), url('../fonts/dejavusans.ttf') format('truetype'), url('../fonts/dejavusans.svg#dejavu_sansbook') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: "MyriadProRegular";
     src: url('../fonts/MyriadWebPro.ttf') format("truetype");
 }
 @font-face {
     font-family: "proxima_nova_rgbold";
     font-style: normal;
     font-weight: normal;
     src: url("../fonts/proximanova-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold.woff") format("woff"), url("../fonts/proximanova-bold.ttf") format("truetype"), url("../fonts/proximanova-bold.svg#proxima_nova_rgbold") format("svg");
 }
 @font-face {
     font-family: "proxima_novalight";
     font-style: normal;
     font-weight: normal;
     src: url("../fonts/proximanova-light.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-light.woff") format("woff"), url("../fonts/proximanova-light.ttf") format("truetype"), url("../fonts/proximanova-light.svg#proxima_novalight") format("svg");
 }
 @font-face {
     font-family: "proxima_nova_rgregular";
     font-style: normal;
     font-weight: normal;
     src: url("../fonts/proximanova-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular.woff") format("woff"), url("../fonts/proximanova-regular.ttf") format("truetype"), url("../fonts/proximanova-regular.svg#proxima_nova_rgregular") format("svg");
 }
 @font-face {
     font-family: 'Conv_ProximaNovaCond-Regular';
     src: url('../fonts/ProximaNovaCond-Regular.eot');
     src: url('../fonts/ProximaNovaCond-Regular.woff') format('woff'), url('../fonts/ProximaNovaCond-Regular.ttf') format('truetype'), url('../fonts/ProximaNovaCond-Regular.svg') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: "cproxima_nova_rgregular";
     font-style: normal;
     font-weight: normal;
     src: url("../fonts/ProximaNova-Regular.otf") format("opentype");
 }
 body,
 html {
     height: 100%;
     background-repeat: no-repeat;
     background: url(../img/background.jpg);
     background-size: cover;
 }
 a{
   text-decoration: none !important;
   color: #5DA561;
 }
 
 .card-container.card {
     max-width: 500px;
     padding: 40px 40px;
     border: 4px solid #e5e5e5;
 }
 .btn {
     font-weight: 700;
     height: 36px;
     -moz-user-select: none;
     -webkit-user-select: none;
     user-select: none;
     cursor: default;
 }
 .btn span {
     margin-right: 5px;
 }
 /*
 * Card component
 */
 
 .card {
     background-color: white;
     /* just in case there no content*/
     
     padding: 20px 25px 30px;
     margin: 0 auto 25px;
     margin-top: 50px;
     /* shadows and rounded borders */
     
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
 }
 /*
 * Form styles
 */
 
 .profile-name-card {
     font-family: 'proxima_nova_rgregular';
     font-size: 23px;
     font-weight: bold;
     text-align: center;
     margin: 0 0 20px;
     min-height: 1em;
     color: #6d6d6d;
 }
 .reauth-email {
     display: block;
     color: #404040;
     line-height: 2;
     margin-bottom: 10px;
     font-size: 14px;
     text-align: center;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 .form-signin #inputEmail,
 .form-signin #inputPassword {
     direction: ltr;
     height: 44px;
     font-size: 16px;
 }
 .form-signin input[type=email],
 .form-signin input[type=password],
 .form-signin input[type=text] {
     background-color: #FFFFFF;
     border: 1px solid #CACACA;
     color: #A7A7A7;
     font-family: 'proxima_novalight';
     padding: 0 0 0 15px;
     margin-bottom: 20px;
 }
 .btn.btn-signin {
     background-color: #0bc5d1;
     padding: 0px;
     font-weight: 700;
     font-size: 14px;
     height: 36px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 0px;
     border: none;
     -o-transition: all 0.218s;
     -moz-transition: all 0.218s;
     -webkit-transition: all 0.218s;
     transition: all 0.218s;
 }
 .btn-register {
     background-color: #d3d3d3;
     padding: 0px;
     font-weight: 700;
     font-size: 14px;
     height: 36px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 0px;
     border: none;
     max-width: 110px;
 }
 .account-text {
     color: #939393;
     font-family: 'dejavu_sansbook';
     margin-top: 7px;
     text-align: center;
 }
 .header-help {
     color: #939393;
     font-family: 'dejavu_sansbook';
     text-align: center;
 }
 .btn-register:hover,
 .btn-register:active,
 .btn-register:focus {
     background-color: #b1b0b0 !important;
 }
 hr {
     margin: 30px -40px;
 }
 .join-btn {
     margin-top: -20px !important;
     padding: 0 30px !important;
     height: 44px !important;
 }
 
 @-moz-document url-prefix() {
  .join-btn {  
     margin-right: 40px;
 }
}

 .btn.btn-signin:hover,
 .btn.btn-signin:active,
 .btn.btn-signin:focus {
     background-color: #056f76;
 }
 .forgot-password {
     color: #939393;
     font-family: 'dejavu_sansbook';
     text-decoration: none !important;
 }
 .forgot-password:hover,
 .forgot-password:active,
 .forgot-password:focus {
     color: rgb(12, 97, 33);
 }
 .form-control {
     border-radius: 0 !important;
 }
 /*
.form-control:focus {
  border-color: #371C1C;
  outline: inherit;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}*/
 
 .message {
     font-family: 'dejavu_sansbook';
     margin-left: -40px;
     margin-right: -40px;
     padding: 20px 25px;
     margin-top: 20px;
     margin-bottom: -40px;
     text-align: center;
     color: white;
     font-size: 13px;
 }
 .message span {
     margin-right: 10px;
 }
 .success{
 background: #13DF01;
 }
 .danger{
 background: #f75a5a;
 }