/*
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 : Nov 29, 2018, 4:47:50 PM
    Author     : Darko
*/
body{
    background-color: #FFFFFF;
    height:100%;
}

.head_logo{
    padding: 1%;
    width:100%;
}
.head_logo img{
    max-width:150px;
    display:block;
    height: auto;
    margin: auto;
}

.navbar{
    width:auto;
    background-color: #000000;
    font-family:  'Helvetica', 'Arial', sans-serif;
    font-weight: bold;
    border-bottom: 3px solid white;
}

.navbar .dropdown-item{
    color: #000000;
    font-family:  'Helvetica', 'Arial', sans-serif;
    font-weight: bold;
}

.table tr, .table td{
    vertical-align: middle;
    text-align: center;
    font-family:  'Helvetica', 'Arial', sans-serif;
    
    padding:1%;
    border-radius: 3px;
        
}

.competiton {
    text-align: center;
    font-family:  'Helvetica', 'Arial', sans-serif;
    font-size: 30px;
    color:#FFFFFF;
    background-image: url("competition_cover.png");
    width:100%;
    height:50px;
    background-size:cover;
    background-repeat:no-repeat;
       
    
}


.competiton img{
    max-width:30px;
    height: auto;
    padding: 5px;
}

.row1 img{
    max-width:30px;
    height: auto;
    padding: 5px;      
}

.team1{
    background-color: #32689B;
    width: 20%;
    color:#FFFFFF;
}

.team2{
    background-color: #99cc33;
    width: 20%;
    color:#FFFFFF;;
}

.result{
    background-image: url("circle.png");
   background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.result_wrong{
    background-image: url("circle_wrong.png");
   background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.breakpoint{
border-bottom:3px solid #dee2e6;
 }

.footer {
  background: #000000;
  padding: 10px 0;
}
.footer a {
  color: #BABFB7;
  font-size: 20px;
  padding: 10px;
  border-right: 1px solid #BABFB7;
  transition: all .5s ease;
}
.footer a:first-child {
  border-left: 1px solid #BABFB7;
}
.footer a:hover {
  color: white;
}

.footer-copyright {

    overflow: hidden;
    background-color:#101a46;
    color: #ffffff;

}


/**FAQ**/

.faq_background{
    background-image:url('background_i2.png');
    height: 600px;
    position: relative;
    opacity: 0.65;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: scroll;
   
   
}
.panel-group{
top: 50px;
width: 70%;
position: absolute;
text-align: center;
margin: 15%;
opacity: 0.9;
background-color:#dee2e6;
color:#FFFFFF;
border-radius: 5px;
}

.panel a{
    color: #666666;
}

.panel-body{
    color: #666666;
}