body {
background-color: #f2f2f2;
width: 100%;
height: 100%;
margin: 0;
font-family: Roboto-Bold, arial, sans-serif; }

header {
  background-color: #232323;
  width: 100%; }

content {
  background-color: #f2f2f2;
  display: table;
  width: 100%;
  height: 100% }
  .wrapper { background-color: #f2f2f2; }
    .sidebar {
        float: left;
        background: #131313 url("../images/INTERFACE_TAJ_fond.jpg") no-repeat 0 0;
        width: 25%;
        height: 100vh; }
    .sidebar-top {
        width: 100%;
        text-align: center;
        color: #5daad8;
        font-weight: bold;
        font-size: 1.3rem;
        padding-bottom: 60px;
        border-bottom: rgba(156, 154, 155, 0.7) solid 1px; }
    .sidebar-two {
        width: 100%;
        font-size: 1.2rem;
        font-weight: bold;
        color: #9c9a9b;
        padding-top: 8px;
        padding-bottom: 11px;
        border-bottom: rgba(156, 154, 155, 0.7) solid 1px; }
    .sidebar-three {
        width: 100%;
        font-size: 1.2rem;
        font-weight: bold;
        color: #9c9a9b;
        padding-top: 11px;
        padding-bottom: 11px; }
        .input {
            height: 32px;
            width: 70%;
            padding: 4px 18px;
            border: 0px solid transparent;
            background: #e7e7e7;
            float: left;
            font-size: 1.2rem;
            color: #000; }


footer {
  background-color: #5e5e5e;
  width: 100%;  }


@keyframes bpulse {
  from {
    transform: scale3d(0.1, 0.1, 0.1);
    opacity: 0.9;
  }

  50% {
    transform: scale3d(2.38, 2.38, 2.38);
    opacity: 0.2;
  }

  to {
    transform: scale3d(0.1, 0.1, 0.1);
    opacity: 0.3;
  }
}

.bpulse {
  animation-name: bpulse;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes rpulse {
  from {
    transform: scale3d(0.4, 0.4, 0.4);
    opacity: 1;
  }

  50% {
    transform: scale3d(1, 1, 1);
    opacity: 0.4;
  }

  to {
    transform: scale3d(0.4, 0.4, 0.4);
    opacity: 1;
  }
}

.rpulse {
  animation-name: rpulse;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.menu .menu-item {
  display: flex;
  width:100%;
  padding-bottom: 0.5vw;
  padding-top: 0.5vw;
  cursor:default;
}

.menu .menu-item:hover {
  background-color:#383838;
}

.menu .menu-item .ico,
.menu .menu-item .item {
  margin-top: auto;
  margin-bottom: auto;
}

.menu .menu-item .ico {
  margin-left: 1vw;
  margin-right: 2vw;
}

.wrapper-top .tag-item {
  padding: 6px 14px;
  background-color: #383838;
  border-radius: 28px;
  border: 1px solid #505050;
  margin: 0 0.5vw;
}

.overlay {
  position:absolute;
  top:0;
  left:0;
  z-index:5;
  width:100vw;
  height:100vh;
  background-color:rgba(0,0,0,0.6);
}
.step {
  position:absolute;
  top:0;
  left:0;
  z-index:100;
  width:100vw;
  height:100vh;
}

.cols-ico {
  position:fixed;
  z-index:3;
  width:6vw;
  display:flex;
  flex-direction:column;
  margin:auto;
  align-items: center;
  top: 3vw;
  left: 3vw;
}
.bureau-ico {
  width:70%;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom:15px;
}
.bureau-ico img {
  width:100%;
  margin:auto;
}
.bureau-ico div {
  margin:auto;
  color:#fff;
  font-weight:bold;
  text-shadow: 2px 1px 1px #000;
}

.search-response,
.logo{
  width:100%;
  text-align:center;
  position: absolute;
  top: 30%;
}
.field-container{
  border: 1px solid #c4c4c4;
  border-radius: 20px;
  padding: 8px 15px;
  width: 25%;
  display: flex;
  margin: auto;
}
.clougle-field{
  border: 0 solid transparent;
  background-color: transparent;
  font-size: 16px;
  font-weight:bold;
  color:#3d3d3d;
}
.clougle-field:focus {
  outline: none;
}
.button-container {
  display:flex;
  width:25%;
  margin:auto;
}
.button-container .button {
  background-color: #e8e8e8;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  color: #3c4043;
  font-family: arial,sans-serif;
  font-size: 14px;
  margin:auto;
  margin-top: 3vw;
  padding: 4px 16px;
  line-height: 27px;
  min-width: 54px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.button-container .button:hover {
  background-color: #ececec;
}

select,
input{
  outline: none;
  font-size: 1em;
  padding-left: 5vw;
  padding-right: 5vw;
  height: 2vw;
  background: rgba(250, 250, 250, 0.8);
  color: #000;
  border: transparent 0 solid;
  border-radius: 2px;
  font-family: inherit;
}
