
html{
  height:100%;
}
body{
  color:#676767;
  background:#090f1d;
  height:100%;
  font-size: 14px;
  font-weight: 400;
}
.body{
  min-height:100%;
}

.navbar {
  background-color:transparent;
  color:#ffffff;
  border-radius:0;
  margin-bottom:0px;
  padding:20px 0px 10px 0px;
  /*min-height:64px;*/
}

.logo{
  margin:13px 0px;
}
.tr-logo{
  height:25px;
  /*opacity:0.2;*/
}
.tr-logo:hover{
  /*opacity: .8;*/
}

.panel{
  border-radius:0px;
  margin-bottom:0px;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none;
}

.panel-default{
  border:1px solid #ddd;
  border:none;
}

.panel-heading{
  border-radius:0px;
  border:none;
}


.no-gutter.row > div[class*='col-md'] {
  padding-left: 0;
  padding-right: 0;
}

/*.no-gutter:before{
  content:' ';
  background:#141b2e;
  height:40px;
  width:100%;
  left:0px;
  position:absolute;
}*/

.navbar-light .navbar-toggler{
  border-color: transparent;
}

.navbar-toggler:focus{
  box-shadow: none;
}


a, a:hover{
  color:#0f7fde;
  text-decoration:none;
}
.nav>li>a{
  font-size:13px;
}
.nav>li>a:hover, .nav>li>a:focus{
  background-color:#0d7fa3;
  color:#fff;
}
.bigNav>li>a:hover, .bigNav>li>a:focus{
  background-color:#f2f5fa;
  color:#0d7fa3;
}
.navbar-toggle{
  color:#fff;
  padding:11px 20px;
  margin-top:0px;
  margin-bottom:0px;
}
.navbar-toggle:hover{
  color:#fff;
  background-color:#fff;
  background-color:transparent;
  /*color:#fff;*/
}

.navbar-nav>li>a{
  color:#404040;
}

.navbar-light .navbar-nav .nav-link{
  color: #222;
}

.navbar-nav .nav-link{
  padding-left: 15px;
}

hr {
  margin-top:0px;
  margin-bottom:0px;
}

table{
  border-collapse:collapse;
  width:100%;
}
th, td{
  border:1px solid #bdbdbd;
  padding:2px 10px;
}
th{
  color:#0690ca;
}
.icoDate{
  height:13px;
  padding-right:5px;
}
.content-line{
  border-bottom:1px solid #141b2e;
  border-right:1px solid #141b2e;
  border-left:1px solid #141b2e;
  padding:10px 0;
  display:block;
}
.content-line:hover{
  background:#f2f5fa;
}
.media-object{
  width:75px;
}

p {
  color:#676767;
  margin-bottom: 0px;
}

footer{
  background:#363636;
  color:#fff;
}



footer>.container>.row{
  padding:7px 0px;
}

.container{
  padding-left:5px;
  padding-right:5px;
}

.lead{
  font-size:12px;
  color:#bec2ca;
  margin-bottom:0px;
}

.panel-heading{
  background:#141b2e;
  color:#333;
  color:#4e4e4e;
  color:#fff;
}
.center-content{
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee;
  padding-top:0px;
  padding-bottom:0px;


  border-left:1px solid transparent;
  border-right:1px solid transparent;
}
.center-heading{
  max-height:40px;
  line-height:20px;
  overflow:hidden;
  white-space:nowrap;

}
.padding-content{
  padding-top:15px;
  padding-bottom:15px;
}
.well{
  margin-top:12px;
  margin-bottom:12px;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none;
  padding:9px 13px;
  background-color:transparent;
}
.navbar-toggle>a>[class^="icon-"], .navbar-toggle>a>[class*=" icon-"]{
  padding:14px 10px;
  color:#00a0e3;
  line-height:29px;
}
.well>a>[class^="icon-"], .well>a>[class*=" icon-"]{
  padding:3px;
  color:#00a0e3;
}
.well>a>.icon-instagram:hover{
  color:#cc0166;
}
.well>a>.icon-twitter:hover{
  color:#006eb1;
}
.well>a>.icon-youtube-play:hover{
  color:#f80000;
}
.well>a>.icon-vk:hover{
  color:#4f7db3;
}

.pull-left .icon-x{
  font-size:20px;
}


img {
  opacity: 1;
  transition: opacity 0.3s;
}

img[data-src] {
  opacity: 0;
}
.media{
  padding:4px 9px;
}




.img-container{
  max-height:100px;
  overflow:hidden;
  margin-bottom:4px;
  padding-left:3px;
  padding-right:3px;
}

.line-paginat{
  margin-top:-15px;
  margin-left:0px;
  margin-right:0px;
}
.paginat{
  height:45px;
  line-height:45px;
  color:#485366;
  overflow:hidden;
}
.paginat:hover{
  color:inherit;
}
.left-paginat:hover{
  background:linear-gradient(to right, #ecf0f5, transparent);
}
.right-paginat:hover{
  background:linear-gradient(to left, #ecf0f5, transparent);
}

.js-img-viwer{
  display:block;
}





.th{
    color:#0d7fa3;
    padding-bottom:4px;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}
.table{
  border-top:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
  border:none;
  margin-bottom:0px;
}
.tabletd, .tr{
  border-left:1px solid #e8e8e8;
  border-bottom:1px solid #e8e8e8;
  border-bottom:1px solid #efefef;
  border:none;
}
.noborderbot{
  border-bottom:none;
}
.noborderleft{
  border-left:none;
}
[class*="td"], .tabletd>.td, .tr {
  margin-bottom: 0px;
  word-break:break-word;
  padding:2px;
}

/* неЧетные строки */
.table .tr:nth-child(odd){
}
 
/* Четные строки */
.table .tr:nth-child(even){
  background:#f2f5fa;
}
h3{
  margin-top:10px;
}
.panel{
  background-color:transparent;
}
.img-preview{
  border:1px solid #ecf0f5;
}





/*NEW*/
h4{
  font-size: 18px;
  font-weight: 400;
}
.pagination{
  margin: 0px;
}
.tb-borders{
  /*border-top: 1px solid #dbdee7 !important;
  border-bottom: 1px solid #dbdee7 !important;*/
}


.top-slide{
  /*animation-name: slidetop;
  animation-timing-function: ease-in-out;
  animation-duration: 0.5s;
  visibility: visible !important;*/

  /*-webkit-animation-duration: 0.2s;
  -webkit-animation-name: slidetop;
  -webkit-animation-timing-function: ease-in-out;
  */
}

@keyframes slidetop{
  0%{ transform:translateY(100px); opacity:0; }
  10%{ transform:translateY(90px); opacity:0.1; }
  20%{ transform:translateY(80px); opacity:0.2; }
  30%{ transform:translateY(70px); opacity:0.3; }
  40%{ transform:translateY(60px); opacity:0.4;  }
  50%{ transform:translateY(50px); opacity:0.5;  }
  60%{ transform:translateY(40px); opacity:0.6;  }
  70%{ transform:translateY(30px); opacity:0.7;  }
  80%{ transform:translateY(20px); opacity:0.8;  }
  90%{ transform:translateY(10px); opacity:0.9; }
  100%{ transform:translateY(0px); opacity:1; }
}

.header-slide{
  /*animation-name: slideheader;
  animation-timing-function: ease-in-out;
  animation-duration: 0.25s;
  visibility: visible !important;*/

  /*-webkit-animation-duration: 0.2s;
  -webkit-animation-name: slidetop;
  -webkit-animation-timing-function: ease-in-out;
  */
}

@keyframes slideheader{
  0%{ transform:translateY(-100px); opacity:0; }
  10%{ transform:translateY(-90px); opacity:0.1; }
  20%{ transform:translateY(-80px); opacity:0.2; }
  30%{ transform:translateY(-70px); opacity:0.3; }
  40%{ transform:translateY(-60px);  }
  50%{ transform:translateY(-50px);  }
  60%{ transform:translateY(-40px);  }
  70%{ transform:translateY(-30px);  }
  80%{ transform:translateY(-20px);  }
  90%{ transform:translateY(-10px); opacity:0.9; }
  100%{ transform:translateY(0px); opacity:1; }
}


.central-board{
/*  background: #fff;*/
  background: transparent;
  padding: 15px;
  width: 280px;
  border-radius: 7px;
/*  border: 1px solid #ececec;*/
  border: 1px solid #636eff;
  margin:0px auto;
}

.form-input-text{
    background: transparent;
    border: 1px solid #636eff;
    color: #fff;
}

.alert-area{
    position:absolute;
    z-index:200;
    bottom:0px;
}

.line{
  background: #000437;
  color: #fff;
  border-radius: 5px;
}
.line:hover{
  background: #030a61;
}