body,html{
    margin:0;
    padding:0;
    height:100%;
    background: whitesmoke !important;
}

.user_card{
    height: 90%;
    width:40%;
    background: lightblue;
    position: relative;
    display:flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius:5px;
}

.brand_logo_container{
    position: relative;
    height: 150px;
    width: 150px;
    text-align:center;
}
.brand_logo{
height:150px;
width:150px;
border-radius:50%;
border: 2px solid black;
}
.logo_text{
    font-size: 15pt;
    padding-top: 10px;
color:black;
}

.form_container{
    margin-top:100px;
}

.login_btn{
    width:100%;
    background: darkblue !important;
    color: white !important;
}

.login_btn:focus{
   box-shadow: none !important;
   outline: 0px !important;
}

.login_container{
    padding: 0 2rem;
}

.input-group-text{
    background: darkblue !important;
    color:white !important;
    border: 0 !important;
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.input_user,
.input_pass:focus{
    box-shadow: none !important;
    outline: 0px !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color:darkblue !important;
}

.error-message{
    color:red;
    text-align:center;
    margin-bottom: 10px;
}

.links{
    margin-top:20px;
}

body {
    padding-top: 5rem;
  }
  .starter-template {
    padding: 3rem 1.5rem;
    text-align: center;
  }
  
  .greetings{
      color:whitesmoke;
      margin-right:20px;
    margin-top:10px;
  }

.container_calc{
	display:flex;
    width:100%;
    height:25%;
    margin-top:8%;
}

.container_btn_left{
    float:left;
    width:50%;
    margin-left:2%;
}

.container_btn_center{
	
    width:50%;
    margin-right: 2%;
}

.container_btn_right{
    float:right;
    width:50%;
    margin-right: 2%;
}

.container_btn_1{
    float:left;
    width:50%;
    margin-right: 2%;
}

.container_btn_2{
    float:right;
    width:50%;
    margin-right: 2%;
}

.container_btn_3{
    float:left;
    width:50%;
    margin-right: 2%;
}

#minut-btn{
    margin-right:1%;
}
.fas {
    font-size:1.95em;
}

.smart-scroll{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.scrolled-down{
   transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
   transform:translateY(0); transition: all 0.3s ease-in-out;
}

/* 
.btn_complex{
  width:200px;
  background-color:white;
  height:100px;
}
.type{
  background: url('https://image.shutterstock.com/z/stock-vector-car-icon-in-flat-style-car-symbol-isolated-on-white-background-transportation-icon-simple-vector-1219146226.jpg');
  background-size:cover;
  width:50%;
  height:90%;
  border: 1px solid black;
  margin: 2%;
  float:left;
}

.counter{
  width:40%;
  height:40%;
  margin:2%;
  float:right;
  border: 1px dotted black;
 
}
.counter_val{
   font-size:2em;
}

.btn{
    margin: 0 0.5em;
}

.minus{
    width:40%;
  height:40%;
  margin:2%;
   font-size:2em;
  float:right;
  border: 1px dotted black;
} */

.form-control{
    width:45%;
}

.left_text{
    width: 45%;
    float:left;
}

.right_text{
    width: 45%;
    float:right;
}

.center_text_modal{
    text-align:center;
}