/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : Jul 18, 2024, 1:30:20?PM
    Author     : janos
*/

h1 {
    color: #BD2D21; 
    font-size: 64px; 
    text-shadow: 2px 2px #ffffff;
}

h2 {
    color: #BD2D21; 
    font-size: 4vw; 
    text-shadow: 2px 2px #ffffff;
}

h4 {
    color: #BD2D21; 
    font-size: 3vw; 
    text-shadow: 2px 2px #ffffff;
}

#bootstrap-overrides input[type="text"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus{
  border-color: #BD2D21;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  outline: 0 none;
  color: #BD2D21;
}
/*
table {
    border: 1px solid black; 
    border-collapse: collapse;
}

td {
    border: 1px solid black; 
    border-collapse: collapse;
}

div {
    border:1px solid black;
}*/

label {
    color: #BD2D21; 
    font-size: 14pt;
    font-weight: bold;
}

input[type="number"] {
    box-shadow: 3px 3px 5px #BD2D21;
    border: 1px solid #BD2D21;
    color: #BD2D21;
}

input[type="text"] {
    box-shadow: 3px 3px 5px #BD2D21;
    border: 1px solid #BD2D21;
    color: #BD2D21;
}

input[type="password"] {
    box-shadow: 3px 3px 5px #BD2D21;
    border: 1px solid #BD2D21;
    color: #BD2D21;
}

input[type="date"] {
    box-shadow: 3px 3px 5px #BD2D21;
    border: 1px solid #BD2D21;
    color: #BD2D21;
    text-align: center; 
}

input[type="radio"] {
    color: #BD2D21;
    background-color: #BD2D21;
    border: 1px solid #BD2D21;
    accent-color: #BD2D21;
}

input[type=checkbox]
{
    margin-top: 7px;
    box-shadow: 3px 3px 5px #BD2D21;
    border: 1px solid #BD2D21;
    color: #BD2D21;
}
    
input[type="checkbox"]:checked {
    background-color: #BD2D21;
    border: 1px solid #BD2D21;
}

select {
    box-shadow: 3px 3px 5px #BD2D21;
    border: 1px solid #BD2D21;
    color: #BD2D21;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.65rem auto;
}

select option {
        color: #BD2D21;
    }

textarea {
    box-shadow: 3px 3px 5px #BD2D21;
    border: 1px solid #BD2D21;
    color: #BD2D21;
}

.pg_notify{
    display: none;
    height: 0px !important;
    font-size: 0pt !important;
}

.head_div {
    width: 99%;
    background-color: rgba(255, 255, 255, .5);
    border: 3px solid #BD2D21;
    border-radius: 10px;
    box-shadow: 3px 3px 5px #BD2D21;
    padding: 5px;
}

.head_table {
    width: 100%;    
}

.head_col1 {
    width: 10%;
    text-align: left;
}

.head_col2 {
    width:70%; 
    text-align: center;
}

.head_col3 {
    width:10%; 
    text-align: center;
}

.head_logo {
    width: 150px; 
}

.head_flag {
    width: 50%; 
    height: 50%;
}

.wide_buttons {       
    }
    
.error_dialog {
    position: absolute; 
    z-index: 500; 
    top: 40%; 
    left: 35%; 
    width: 30%; 
    height: 150px; 
    border-radius: 10px; 
    background-color: white; 
    text-align: center; 
    box-shadow: 5px 5px lightgray;
}

.error_dialog_message {
    width: 100%; 
    height: 50%; 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.alert_message {    
}

.web {display: block;}
.mobile {display: none;}
         
@media only screen and (max-width: 980px) {
    h1 {
        color: #BD2D21; 
        font-size: 10vw; 
        text-shadow: 2px 2px #ffffff;
    }
 
    .head_table {
        width: 100%;

    }

    .head_col1 {
        width: 30%;
        text-align: left;
    }

    .head_col2 {
        width:50%; 
        text-align: center;
    }

    .head_col3 {
        width:20%; 
        text-align: right;
    }

    .head_logo {
        width: 150px; 
    }

    .head_flag {
        width: 100%; 
        height: 100%;
    }
    
    label {
        color: #BD2D21; 
        font-size: 28px;
        font-weight: bold;
        text-align: left;
    }
    
    input[type="date"] {
        box-shadow: 3px 3px 5px #BD2D21;
        border: 1px solid #BD2D21;
        color: #BD2D21;
        font-size: 28px;
        text-align: center;
    }
    
    input[type="text"] {
        box-shadow: 3px 3px 5px #BD2D21;
        border: 1px solid #BD2D21;
        color: #BD2D21;
        font-size: 28px;
    }
    
    input[type="number"] {
        box-shadow: 3px 3px 5px #BD2D21;
        border: 1px solid #BD2D21;
        color: #BD2D21;
        font-size: 28px;
        text-align: right;
    }
    
    input[type="password"] {
        box-shadow: 3px 3px 5px #BD2D21;
        border: 1px solid #BD2D21;
        color: #BD2D21;
        font-size: 28px;
    }
    
    input[type="checkbox"]
    {
        -ms-transform: scale(1); /* IE */
        -moz-transform: scale(1); /* FF */
        -webkit-transform: scale(1); /* Safari and Chrome */
        -o-transform: scale(1); /* Opera */
        transform: scale(1);
        margin-top: 10px;
        margin-left: 0px;
        box-shadow: 3px 3px 5px #BD2D21;
        border: 1px solid #BD2D21;
        color: #BD2D21;
    }
    
    input[type="checkbox"]:checked {
        background-color: #BD2D21;
        border: 1px solid #BD2D21;
    }
    
    .select {
        box-shadow: 3px 3px 5px #BD2D21;
        border: 1px solid #BD2D21;
        color: #BD2D21;
        font-size: 28px;
        appearance: none;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: right 0.7rem top 50%;
        background-size: 2rem auto;
    }
    
    .option {
        color: #BD2D21;
        font-size: 28px;
    }
    
    input[type="submit"] {
        box-shadow: 3px 3px 5px #BD2D21;
        padding: 10px;
        border-radius: 10px;
    }
    
    textarea {
        box-shadow: 3px 3px 5px #BD2D21;
        border: 1px solid #BD2D21;
        color: #BD2D21;
        font-size: 28px;
    }
    
    .wide_buttons {
        width: 25vw;
    }
    
    .error_dialog {
        position: absolute; 
        z-index: 500; 
        top: 40%; 
        left: 20%; 
        width: 60%; 
        height: 23vh; 
        border-radius: 10px; 
        background-color: white; 
        text-align: center; 
        box-shadow: 5px 5px lightgray;
    }
    
    .error_dialog_message {
        width: 100%; 
        height: 10vh; 
        display: flex; 
        justify-content: center; 
        align-items: center;
        font-size: 3vw;
    }
    
    .alert_message {
        font-size: 28px;
    }
    
    .web {display: none;}
    .mobile {display: block;}
}