// body,html {
  //height: 100%;
  //background-color: #d3d3d3;
//}




.navbar
{
    background-color: transparent;
}

.nav-link {color: #ffffff;font-size: 12px;}
.nav-link:hover {color: gray;}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-size: 12px;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}



/* Made with love by Mutiullah Samim*/

@import url('https://fonts.googleapis.com/css?family=Numans');




html,body{

background-image: url('../resim/acilis.jpg');
//background-image: url('http://getwallpapers.com/wallpaper/full/8/e/2/573249.jpg');
//background-size:100% auto;
background-size: cover;
//background-size: contain;
//background-repeat: no-repeat;
height: 100%;
//font-family: 'Numans', sans-serif;
}


.jumbotron{
background-color: rgba(199,199,199,0.7) !important;
}


.container{
height: 100%;
align-content: center;
}

.card{
//height: 370px;
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.5) !important;
}

.card-o{
//height: 370px;
margin-top: auto;
margin-bottom: auto;
width: 98%;
background-color: rgba(0,0,0,0.5) !important;
}

.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3{
color: white;
}

.social_icon{
position: absolute;
right: 20px;
top: -45px;
}

.input-group-prepend span{
width: 50px;
background-color: #3a90a2;
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_btn{
color: black;
background-color: #3a90a2;
width: 100px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}


.links a{
margin-left: 4px;
}

.bi-eye-slash{
position: absolute;
    margin-left: 280px;
    margin-top: 6px;
    cursor: pointer;
    color:black;
z-index: 9999;
    
}

.bi-key{
    color:black;
}


/* Small devices (landscape phones, 544px and up) */
@media (min-width: 244px) {  
  //h6 {font-size:1.1rem;} /*1rem = 16px*/
  h6 {font-size:9px;}
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
  //h6 {font-size:1.1rem;} /*1rem = 16px*/
  h6 {font-size:10px;}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  //h6 {font-size:2rem;} /*1rem = 16px*/
   h6 {font-size:12px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  //h6 {font-size:2.5rem;} /*1rem = 16px*/
   h6 {font-size:14px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  //h6 {font-size:3rem;} /*1rem = 16px*/    
   h6 {font-size:18px;}
}