﻿@charset "utf-8";

/* CSS Document */
.navbar {
  background: #F97300;
}
.nav-link, .navbar-brand {
  color: #f4f4f4;
  cursor: pointer;
}
.nav-link {
  margin-right: 1em !important;
}
.nav-link:hover {
  background: #f4f4f4;
  color: #14A029 !important;
}
.navbar-collapse {
  justify-content: flex-end;
}
.navbar-toggler {
  background: #fff !important;
}
.bg-dark {
  background-color: #343a40 !important
}

.bg-primary {
  background-color: #14A029 !important
}
 /* .bg1 {
background: url('../img/inx960x640.jpg');
 background-attachment: fixed;
 background-size: cover;
 background-position: center;
}
.overlay1{
position: absolute;
 min-height: 100%;
 min-width: 100%;
 left: 0;
 top: 0; 
 background: rgba(244, 244, 244, 0.5);
}*/
.leftfoto{
float:left;
margin: 4px 10px 2px 0px;
/*border:1px solid #CCC;
padding:6px;*/
}

.rightfoto{
float:right;
margin: 4px 10px 2px 0px;
/* border:1px solid #CCC;
padding:6px;*/
}


/* AT: language selector */


 /* AT */
 #TopNav .nav-link{
  background: #ffffff;
  color: aqua;
} 

 #TopNav .nav-link, .navbar-brand {
  cursor: pointer;
  color: darkgrey;
}
 #TopNav .active {
  color: darkgreen;
} 
 #TopNav .nav-link:hover {
  background: #f4f4f4;
  color: #14A029 !important;
}

 .z-index-topnav {
  z-index: 3;
}

/* АТ - фиксированная ширина колонки */

.col-pixel-width-300 {
    flex: 0 0 330px;
}

/* ========= AT radio button style ============ */

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #14A029 !important;
    background-color: #14A029 !important;
}

/* This is the default state 
.custom-radio .custom-control-label::before {
    background-color: darkorange;  
}*/

/* This is the checked state */
/* .custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: greenyellow;  /* green */
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    /* background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E); */
   /*  border-radius: 50%;
}*/

/* active state i.e. displayed while the mouse is being pressed down 
 .custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #ff0000; / red /
}*/
    
/* the shadow; displayed while the element is in focus 
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); /* pink, 25% opacity */
/* }*/

