/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni&display=swap');

@font-face {
    font-family: NunitoExtraLight;
    src: url(fonts/NunitoSans_7pt-ExtraLight.ttf);
}

@font-face {
    font-family: NunitoMedium;
    src: url(fonts/NunitoSans_7pt-Medium.ttf);
}


/*
background site
*/

body{
    background-color: #F6F0E9;
}

.text-justify {
    text-align: justify;
    font-size: 24px;
}

.f33 {
    font-size: 33px;
}



h1.title
{
    font-family: 'Libre Bodoni', serif;
    font-size: 5em;
    font-weight: 400;

}

h2{
    font-family: 'NunitoMedium', serif;
    font-size: 2em;
    color:#5c5c5c;

}

h2.title{
    font-family: 'NunitoExtraLight', serif;
    font-size: 4em;
    
}

h5{
    font-size: 24px;
    font-weight: 800;
}


h6.title
{
    font-family: 'NunitoMedium', serif;
    font-size: 1.5em;
}

#terms-condition h3, #privacy h3{
    font-family: 'NunitoMedium', serif;
    font-size: 1.4em;
    padding-bottom:10px;
    padding-top:10px;
}



#terms-condition ul > li, #terms-condition ol > li, #privacy ul > li, #privacy ol > li{
    font-family: 'NunitoExtraLight', serif;
    font-size: 1em;
    text-align: justify;
    border-bottom:thin solid rgba(0,0,0,.1);
    padding:10px;
    line-height: 1.1em;
}

#terms-condition p, #privacy p{
    font-family: 'NunitoExtraLight', serif;
    font-size: 1em; 
    text-align: justify;
}

#terms-condition p > strong, #privacy p > strong{
    font-family: 'Libre Bodoni', serif;
    font-size: 1.1em;
    font-weight: 200;
}

#privacy table td > p{
    text-align: left;
}

.container-info p{
    font-family: 'NunitoExtraLight', serif;
    text-align: justify;
    font-size: 1.2em; 
}

div.inline-titles h1.title, div.inline-titles h2.title
{
    display:inline-block; 
    margin-right:15px;
}


.status
{
    font-family: 'NunitoExtraLight', serif;
    font-size: 1rem;
    color: #5c5c5c;

}

.logoeno
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.pass_show i{
    color:#5c5c5c;
}



.login-container {
        
    background-color: #F6F0E9;
    padding: 20px;
    
}

.email-error, .password-error, .password-confirm-error, .text-danger
{
    padding: 5px;
    padding-right:15px;
    font-family: 'NunitoExtraLight', serif;
    font-size: 1rem;
    color: #EF6161;
    
}

.login-container input[type="text"], .login-container input[type="password"], .login-container input[type="email"] {
    font-family: 'NunitoExtraLight', serif;
    border-top:none;
    border-left:none;
    border-right:none;
    border-radius: none;
    border-bottom: 2px solid rgba(0,0,0,.2);
    box-shadow: none;
    font-size: 1.2em;
    background: transparent;
}

.login-container input[type="text"]:focus, .login-container input[type="password"]:focus, .login-container input[type="email"]:focus {
    border-top:none;
    border-left:none;
    border-right:none;
    border-radius: none;
    box-shadow: none;
    border-bottom: 2px solid rgba(0,0,0,.5);
    font-size: 1.2em;
    background: transparent;
}



.login-container .form-control
{
    /*border:none !important;
    border-radius: none !important;*/
    border-radius: 0%;
    border-bottom: 2px solid rgba(0,0,0,.2);
    
}

.login-container .btn-eno-submit
{
    margin-top:20px;
    font-family: 'NunitoExtraLight', serif;
    background-color: #AFBCFF;
    color: #5c5c5c;
    font-weight: bold;
    font-size: 1rem;
    padding: 15px 50px;
    border: none;
    border-radius: 15px;
    cursor: pointer;
}

/*icons*/

.eno-eyes {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.916626 11C0.916626 11 4.58329 3.66669 11 3.66669C17.4166 3.66669 21.0833 11 21.0833 11' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.916626 11C0.916626 11 4.58329 18.3333 11 18.3333C17.4166 18.3333 21.0833 11 21.0833 11' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 13.75C12.5188 13.75 13.75 12.5188 13.75 11C13.75 9.48122 12.5188 8.25 11 8.25C9.48122 8.25 8.25 9.48122 8.25 11C8.25 12.5188 9.48122 13.75 11 13.75Z' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain; /* Ensure the icon fits within the element */
    background-repeat: no-repeat; /* Prevent the icon from repeating */
    width: 24px; /* Adjust width */
    height: 24px; /* Adjust height */
    display: inline-block; /* Ensure the icon behaves like an inline element */
    vertical-align: middle; /* Align the icon vertically */
    cursor: pointer; /* If it's interactive */
}

.eno-eyes-slash
{
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.83331 1.83331L20.1666 20.1666' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.15335 6.16236C3.35937 8.06231 1.83331 11 1.83331 11C1.83331 11 5.16664 17.4166 11 17.4166C12.8794 17.4166 14.4993 16.7506 15.8318 15.8477M10.0833 4.63668C10.3816 4.60177 10.6872 4.58331 11 4.58331C16.8333 4.58331 20.1666 11 20.1666 11C20.1666 11 19.5325 12.2207 18.3333 13.5974' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.8333 13.0498C12.3468 13.4852 11.7044 13.7501 11 13.7501C9.48117 13.7501 8.25 12.5189 8.25 11.0001C8.25 10.245 8.55427 9.56109 9.04688 9.06415' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain; /* Ensure the icon fits within the element */
    background-repeat: no-repeat; /* Prevent the icon from repeating */
    width: 24px; /* Adjust width */
    height: 24px; /* Adjust height */
    display: inline-block; /* Ensure the icon behaves like an inline element */
    vertical-align: middle; /* Align the icon vertically */
    cursor: pointer; /* If it's interactive */
}

  
  


.sidebar {
    background-color: #343a40;
    color: #fff;
    height: 100vh;
    padding-top: 20px;
}
.sidebar a {
    color: #fff;
    text-decoration: none;
}
.sidebar a:hover {
    color: #fff;
    text-decoration: none;
}
.page-content {
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 100vh;
}
.page-content h2 {
    margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
    h1.title
    {
       
        font-size: 4em;
       
    }

    h2.title{
        font-size: 3em;
    }

    h6.title
    {
        font-size: 1.2em;
    }        
}
@media screen and (max-width: 600px) {
    h1.title
    {
       
        font-size: 3em;
       
    }

    h2.title{
        font-size: 2.5em;
    }

    h6.title
    {
        font-size: 1.1em;
    }        
}

@media screen and (max-width: 380px)
{
    h1.title
    {
       
        font-size: 2em;
       
    }

    h2.title{
        font-size: 1.2em;
    }

    h6.title
    {
        font-size: 1em;
    }        
}