﻿/* Style - www.netbax.net © January 2025 - Autor by Chris Bax - net@netbax.net */

h3{
  font-family:tahoma;
font-size:20px
}

.row {
  min-height: 100%;
  align-items: center;

display:flex;
}
.col-md-6{position:relative;width:100%;padding-right:5px;padding-left:5px}
.bg-blue{ background-color: #007fff !important; color:#fff !important;}

.mb-5{margin-top:4rem !important}

.card{height:340px;
border-radius:10px;
background-color:F9F9F9;
color:#000;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}

.shadow{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15) !important}
.p-5{padding:2rem !important}
.text-center{text-align:center !important}
.font-weight-bold{font-weight:700!important}
.text-uppercase{text-transform:uppercase!important}
.mb-3{margin-bottom:1rem !important;}

.form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}

.form-control{
width:100%;
background-color:#fff;
border:1px solid #777;
border-radius:14px;
  padding: .5rem;
font-family:tahoma;
font-size:13px;
color:#000;
}

.form-control::placeholder{
color:#000;
font-family:tahoma;
font-size:11px;
opacity:1;
}

.iol{
color:#000;
font-family:tahoma;
font-size:17px;
color: #000;
text-transform: capitalize;
font-weight: 700;}

.container{width:500px;padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}@media (min-width:500px){.container{max-width:500px}}
.mt-3{margin-top:1rem !important}

.mx-2{margin-right:.5rem!important}

label{display:inline-block;margin-bottom:2rem;  font-family:tahoma;
font-size:17px}
.form-group{margin-bottom:1rem}
.submit{width:90px;padding:2px;float:left;background-color:#008000;border:1px solid #777;border-radius:20px;color:#fff;font-family:tahoma;font-size:13px;cursor:pointer;}
.submit:hover{width:90px;padding:2px;float:left;background-color:#00b300;border:1px solid #777;border-radius:20px;color:#fff;font-family:tahoma;font-size:13px;cursor:pointer;}

.submit1{width:90px;padding:2px;float:left;background-color:#ff0000;border:1px solid #777;border-radius:20px;color:#fff;font-family:tahoma;font-size:13px;cursor:pointer;}
.submit1:hover{width:90px;padding:2px;float:left;background-color:#e60000;border:1px solid #777;border-radius:20px;color:#fff;font-family:tahoma;font-size:13px;cursor:pointer;}

.submit2{width:70px;padding:2px;float:right;background-color:#fff;border:1px solid #777;border-radius:20px;color:#000;font-family:tahoma;font-size:13px;cursor:pointer;}
.submit2:hover{width:70px;padding:2px;float:right;background-color:#999;border:1px solid #777;border-radius:20px;color:#fff;font-family:tahoma;font-size:13px;cursor:pointer;}

.fa-user{color:#000;}
.fa-envelope{color:#000;}
.fa-id-card{color:#000;}
.fa-sign-out{color:#000;}




input[type=button]{
background-color:#ff0000;
border: none;
font-size: 15px;
border-radius: 20px;
cursor: pointer;
width: 120px;
height: 20px;
color:#fff;}

input[type=button]:hover{
background-color:#e60000;
border: none;
font-size: 15px;
border-radius: 20px;
cursor: pointer;
width: 120px;
height: 20px;
color:#fff;}


.button79 {
position:absolute;
left:50px;
top:30px;
border: none;
font-size: 14px;
border-radius: 0px;
cursor: pointer;
width: 48px;
height: 48px;
background:none;
background-image: url(upload/google1.png);
outline:none;
z-index: 0;}







.button69 {
position:absolute;
left:50px;
top:30px;
border: none;
font-size: 14px;
border-radius: 0px;
cursor: pointer;
width: 48px;
height: 48px;
background:none;
background-image: url(upload/signin.png);
outline:none;
z-index:99999;}


.button696 {
position:absolute;
left:50px;
top:30px;
border: none;
font-size: 14px;
border-radius: 0px;
cursor: pointer;
width: 48px;
height: 48px;
background:none;
background-image: url(upload/empty.png);
z-index:0;}







.dropdown-menu.show {  display: block; }


.dropdown-menu {
display:none;
width: 50%;
height:130px;
padding: 0rem 0;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
align-items: center;
border: 1px solid #ccc;
border-radius:10px;
text-decoration:none;
color: #000;
z-index:20;}



.dropdown-item {
display: block;
width: 90%;
padding: 0.25rem 0.5rem;
clear: both;
font-weight: 600;
font-family:lucida;
font-size:15px;
color: #000;
text-align: inherit;
background-color: transparent;
border-bottom: 1px solid #ccc;
border-radius:0px;
margin-bottom:0rem;
z-index:20;
text-transform: lowercase !important;}




.logout{
width: 50%;
background-color: #fff;
color: #000;
border: 1px solid #ccc;
text-decoration:none;
border-radius:20px; 
text-align:center;
align-items: center;}

.logout:hover{
width: 50%;
background-color: #ccc;
color: #000;
border: 1px solid #555;
text-decoration:none;
border-radius:20px; 
text-align:center;
align-items: center;}

a:link {

text-decoration:none;
text-transform: capitalize;
color: #000;
}

a:hover {
color: #000;
text-decoration:none;
text-transform: capitalize;
}

a:visited {

text-decoration:none;
text-transform: capitalize;
color: #000;
}

.text-danger{
font-family:tahoma;
font-size:17px;
color: #fff;
text-transform: capitalize;}

