 
/*@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed'); 
 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro'); */
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,300i,400,400i,600,700&display=swap");

.wrapper
{ 
  padding: 1px;     
} 

@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(3, 93, 209, 0.911);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(80, 69, 175, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(3, 93, 209, 0.911);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(3, 93, 209, 0.911);
  }
}

.pulse-animation-image
{
  float: left; 
  width: 115px;
  height: 115px;
  font: 13px/0px 'Barlow Semi Condensed', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px; 
  text-align: center; 
  border-radius: 50%;
  animation: shadow-pulse 1s infinite;
}



html,body{
 
background-size: cover;
background-repeat: no-repeat;
height: 100%;
font-family: 'Source Sans Pro'; 
line-height: normal;
 
}
.fontsize{
    font-size: 12px;
}
.container{
height: 100%;
align-content: center;
}

.card-popup{
font-family: 'Source Sans Pro';
height: 500px; 
text-align: center;

margin-left: auto;
margin-right: auto; 
width: auto;
background-color: #ffffff !important;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
line-height: normal;
overflow-x: hidden;  
overflow-y: hidden;  
}
::-webkit-scrollbar {
  display: none;
}

.card-admin{
  font-family: 'Source Sans Pro';
    height: 500px;
    margin-top: auto;
    margin-bottom: auto;
    width: 530px;
    background-color: #FEDC01 !important;
    }
.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header-popup h3{
color: white;
padding: .75rem 1.25rem;
 margin-bottom: 0;
 font-size: 28px;
 font-weight: 700;
 color: #444;
 text-align: center;
 font-family: 'Source Sans Pro';
}
.card-header-popup p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(65, 69, 73, 0.7);
    text-align: center;
    font-family: 'Source Sans Pro';
}
.label-block {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
    font-weight: 600;
    width: 100%;
    font-family: 'Source Sans Pro';
}
.call-back-input {
    min-height: 45px;
    border-radius: 5px !important;
    border: 1px solid #ebebeb;
    color: #414549;
    font-size: 16px;
    width: 100% !important;
}
.card-footer-popup {
    background-color: #e4ecf8;
    padding: .75rem 1.25rem;
    font-size: 12px;
    border: none;
    width: 100%; 
   }

.social_icon{
position: absolute;
right: 20px;
top: -45px;
}

 
.input-group-prepend span{
width: 100px;
background-color: #FEDC01;
color: black;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

    .login_btn1{
        color: #004fb6 !important;
        background-color: #ffd900;
        width: 100%;
        font-size:18px;
        min-height: 45px;
        transition: all 0.5s ease 0s;
    }


.login_btn1:hover, .login_btn1:focus{
    background: #003b88;
    background-color: #003b88;
    border-color: #003b88;
    color: #fff!important;
}


.next_page_btn{ 
    width: 100%;
    font-size:18px;
    min-height: 45px; 
    transition: all 0.5s ease 0s;
}

.login_btn{
    color: black;
    background-color:#ffffff;
    width: 200px;
    }

    .login_btn:hover{
    color: black;
    background-color: #FFC312;
    }

.links{
color: white;
}

.links a{
margin-left: 4px;
}