/* ---------------------------------------
----- Styles for podujatia.rvcmartin.sk -----
--------------------------------------- */

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
/*---------------------------------Dropzone---------------------------------*/
.dropzone {    
    border: 2px solid #DDDDDD;
    border-radius: 5px;
    color: #333333;
    font:  15px arial;
    height: 75px;  
    text-align: center;  
    width: 100%;
    background: #FFFFFF;    
    
}

.dropzone:hover {
    border: 2px dashed #d9d9d9;
    color: #333333;
    font-weight: bold;    
}

.dropzone.dropped {
    background: #f2f2f2;
    border: 2px solid #d9d9d9;
}

dropzone div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top:5px;
}

dropzone img {
    border-radius: 10px;
    vertical-align: middle;
    max-width: 100%;
    max-height:100%;
}

.dropzone [type="file"] {
    cursor: pointer;   
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%; 
    height: 75px;
}

/*----------------------------------Footer----------------------------------*/
.copyright, .copyright_text{
    float:left;
    margin-left: 10px;

}
.copyright_text {    
    margin-top: 14px;
    font-family: arial;
    font-size:13px;
}
a.footer, a.footer:hover {
    font-family: arial;
    font-size:13px;      
    color: black;
    text-decoration: underline;
}
/*----------------------------------login----------------------------------*/
.login_margin {
    margin-top: 22%;
}
.forgot_pass, .forgot_pass:hover  {
    font-size: 12px; 
    color: red;
    margin-top: 10px;  
}
/*---------------------------------Pass info-------------------------------*/
a.info, a.info:hover {
    color:black;    
}
/*---------------------------------Navbar---------------------------------*/
.navbar_padding {
    padding-left: 2%;
    padding-right: 2%;
}
a.navbar-brand.navbar_brand, a.navbar-brand.navbar_brand:hover {
    font-family: 'Arial bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    color: #333333;    
    line-height: normal;
    margin-top: 5%;
}
.navbar_marg {
    margin-top: 15px;
    margin-left: 1px;
}
/*---------------------------------Navbar---------------------------------*/
.content_padd {
    padding: 0 5%;
}
.panel_heading_text {
    font-family: 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
}     

.glyph_black {
    color: black;
    cursor:pointer;    
}
.glyph_red {
    color: red;
    cursor:pointer;
}

.margin_left {
    margin-left: 10px;
}
.users_disabled {
    color: #a6a6a6;
}
.min_width {        
    min-width: 400px;
    
}
.info_text {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    background-color: white;
    text-align: left;
} 
/*---------------------------------Notes---------------------------------*/
textarea.textarea_height {
    height: 200px; 
    
}

/*------------------------------Table public------------------------------*/
thead.EP_thead {
    background-color: #17174D;
    font-family: 'Roboto';    
    color: #ffffff;
    font-size: 15px;      
}

thead.EP_thead tr:hover {
    background-color: #17174D !important;
         }

tbody.EP_body {
    font-family: 'Roboto';
    color: #333333;
    font-size: 15px;    
}
.EP_a_black {
    font-family: 'Roboto';
    color: #00a3d9;   
    text-decoration: underline;
}
a.EP_a_black:hover {
    font-family: 'Roboto';
    color: #00a3d9;   
    text-decoration: none;
}
h3.rubik {
    font-family: 'Rubik';
    font-weight: 500;
}
body.roboto {
    font-family: 'Roboto';
}

tr:hover{
    background-color: #FFFFFF !important;
}

tr:nth-child(2n) {
    background-color: #f0f1f2;
}

tr:nth-child(2n):hover {
    background-color: #f0f1f2 !important;
}
/*--------------------------------Table get--------------------------------*/
.get_table {
    border: 1px solid #333333 !important;

}
.event_login {
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
}
.date_time {
    color: #999999;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;    
}
/*------------------------------Warning form------------------------------*/

.formWarning {
   font-family: 'Rubik';
   font-weight: 300;
   font-size: 16px;
   background-color: #FCF8E3;
   border-radius: 5px;   
   display: inline;        
}

.margin_right{
    margin-right: 0px;
}

.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

#activeWithoutBootstrap {
    background-color: #263999;
    font-family: 'Roboto';
    color: #ffffff;
}

/* The message box is shown when the user clicks on the password field */
#message {
    text-align: center;
    display:none;
    background: #f1f1f1;
    color: #000;
    position: relative;
    padding: 20px;
    margin-top: 10px;
}

#message2 {
    text-align: center;
    display:none;
    background: #f1f1f1;
    color: #000;
    position: relative;
    padding: 20px;
    margin-top: 10px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
}

.valid:before {
    position: relative;
    /*left: -35px;*/
    content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: red;
}

.invalid:before {
    position: relative;
    /*left: -35px;*/
    content: "✖";
}

#flash_message {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 0px;
    z-index: 1;
}

.requiredInput {
    color: red;
}

.blackPlaceholder::placeholder {
    color: black;
}