/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 15, 2021, 12:12:46 PM
    Author     : catalin.arsulescu
*/
body{
    padding:0 0.1em;
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
       
    }
  
}

footer {
    background-color: #555;
    color: white;
    padding: 15px;
    margin-top: 20px;
}
#harta{

    padding: 3px;
}
.eticheta{
    text-align: left;
    font-weight:600;
    margin-bottom: 5px;
    background-color: #f5f5f5;
    color : #000066;
    border-style: none;
}
.glyphicon{
    color :#000066;
}
.form-control , .input-group-text{
    border-color :#ccccff;
    margin-bottom: 10px;
    padding: 4px;
}
.input-group-text{

    color : #000066;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f5f5f5;
}
.gdpr{
    font-weight :500;
}
.gdpr-check{
    width :20px;
    float:left;
}
.acte-studii{
    font-weight :500;
}
.acte-studii-check{
    width :20px;
    float:left;
}

.sidebar-left a{
    text-decoration: none;
    font-size: 0.9em;
}
.sidebar-left {
    text-align: left;
    font-size: 0.9em;
    padding: 0 2px;
}
.card{
    background-color: #f5f5f5;
    border-style:solid ;
    border-width :2px;
    border-color :#ececec;
    border-radius: 8px;
    margin-top: 20px;
    padding-bottom: 0.1em;
}
.titlu{
    color :#000066;
}
.bg-light {
    background-color: #E9ECEF !important;
    color :#000066;
    margin-bottom: 30px;
}


.navbar-light .navbar-nav .nav-link {
    color: #000066;
}
#logo{
    font-size : 2rem;
    margin: auto;

}



#formular{
    width : 90%;
    margin-left: 30px;
    padding-left: 2px;
}
.gdpr{
    float:left;
    font-size:12px;
    text-align:left;
}
.nav-link {
    font-weight: 600;
}

.table.taxe td{
   /* padding: 1px;*/
    border-bottom-width: 0;
    text-align: left;
    font-family: Calibri,arial, verdana;

}
.input-group > .form-control, .input-group > .form-select #phoneNumber{

}
#phoneNumber{
    margin: 0 0.1em 0 0.2em;
}
.missing-field{
    color :red;
    padding-left: 3px;
}
.ales_zi{
    background-color: #fff;
      padding-left: 5px;
    padding-right: 5px;
}
.ales_zi:hover{
    cursor :pointer;
}
.ales_ora{
    background-color: #fff;
    border-style:solid;
     border-color :#1e90ff;
     
}
#programare_ore td {
    background-color: #51ce57;
    cursor:pointer;
  
}
.ora_de_prezentare_indisponibila{
    background-color: #e3bc08;
}
#programare_ore td a{
    
    color :red;
    text-decoration: none;
}
/*
.ora_de_prezentare{
    background-color: #51ce57;
    color :red;
    text-decoration: none;
}*/
 .ales_zi{
    background-color: #fff;
    color :#1e90ff;
    text-decoration: none;
    border-style:solid;
    border-color :#1e90ff;
}
.inainte{
    background-color: #00066e;
    color :#fff;
    font-weight: 700;
    width :30%;
}
.mesajverde{
    border :solid 1px #77754F;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color:#E9ECEF;
    border-radius: .3rem;
}
#legenda{
    text-align: left;
    list-style: none;
    margin:auto;
    width:30%;
}

.legenda1{
    color:blue;
    font-weight:700;
    font-size:42px;
    line-height: 0.7;
}
.legenda2{
    color:green;
    font-weight:700;
    font-size:42px;
    line-height: 0.7;
}
.legenda3{
    color:red;
    font-weight:700;
    font-size:42px;
    line-height: 0.7;
}
/*
.input-group > .form-control, .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 15%;
    max-width: 25%; 
}
*/
.nu-sint-robot{
     padding-left :1.2rem;
     margin-left: 10px;
}
.input-group.captcha{
    display :flex;
    flex-direction: row;
   margin-bottom:10px;
  
   width :80%;
}
@media only screen and (max-width: 500px) {

    .ascuns_pemobile{
        display:none;
    }
    body{
        padding : 0.2em;
    }

    #formular{
        width : 100%;
        margin-left: 1px;
    }
    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: 1px;
        padding-left: 1px;
        margin-top: 1px;
    }  

    #logo{
        font-size : 2rem;
        position: absolute;
        margin-left :200px;
        z-index:9999;
    }
    .sidebar-left{
        margin-left: 0.2em;
    }

}
#security_code_field{
    min-width: 55px;
}