/* You can add global styles to this file, and also import other style files */
.hr1 {
  display: block;
  height: 0px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0.2em 0;
}
.hr2{
 margin-bottom: 2px;
  background-color:slategray;
  color:white;height: 5px
}

[ui-view].ng-leave {
  display: none;
}

[ui-view].ng-leave.smooth {
  display: block;
}

.smooth.ng-animate {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


html {
  background-color: #efefef;
}

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  line-height: 1.42857143;
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
}

*:focus {
  outline: 0 !important;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
}

a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
}

label {
  font-weight: normal;
}


.selected {
  background-color:black;
  color:white;
  font-weight:bold;
}

.modal {
  background-color: #475069;
}

.hr4 {
  display: block;
  height: 0px;
  border: 0;

  border-top: 1px solid #ccc;

  margin: 0.9em 0;
}
.btnActiv {
  background-color: white;
  color:#1e222c;
}
.hbtn {
  border-radius: 20px;background: #3d445a;color: white;margin-top: 6px
}
.hbtn2 {
  border-radius: 20px;background: #3d445a;color: white;margin-top: 2px
}
ul, ol { list-style-type: disc; padding-left: 15px; }