.uploads{
  float: left;
  background-image: url("../style/images/upload.png");
  height: 33px;
  width: 40px;
  background-color: #E8E8E8 !important;
  /* box-shadow: 0px 1px 3px #808080 !important; */
  color: #fff !important;
  position: absolute !important;
  overflow: hidden !important;
  cursor: pointer !important;

}
.uploads:hover{

  background-color: #F59C1A !important;
  color: #fff !important;

}

input[type=file]
{
  /*display: inline;*/

  font-size: 14px !important;
  color: #fff !important;
  margin: 0px !important;
  width: 40px !important;
  background-color: #5A6977 !important;
  border: none !important;
  border-bottom:  #000 solid 1px !important;

  box-shadow: 0px 1px 3px #808080 !important;
}
input[type=file]:hover
{
  cursor: pointer;
  background-color: #000 !important;
  color: #fff !important;
}

input[type=button]
{
  display: inline-block;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  margin: 0px;
  padding: 5px 15px 6px 15px;
  border: none;
  border-bottom: #45AFFF solid 1px;
  /* border-radius: 2px; */
  cursor: pointer;
  background-color: #9BABB7;
}
.upload_btn{
  margin-left: 40px !important;
  width: 80%;
}
#imagesViewer>#images a img{
  width: 100%;
  height: 100%;
}
#imagesViewer>#images a{
  display: inline-block;
  border: #6699ff solid 5px;
  width :100px;
  height: 100px;
  -webkit-transition: border 0.6s ease-in-out, width 0.6s ease-in-out;
  -moz-transition: border 0.6s ease-in-out, width 0.6s ease-in-out;
  -ms-transition: border 0.6s ease-in-out, width 0.6s ease-in-out;
  -o-transition: border 0.6s ease-in-out, width 0.6s ease-in-out;
  transition: border 0.6s ease-in-out, width 0.6s ease-in-out;
  margin: 5px;
  position: relative;
}#imagesViewer>#images a:hover{
  width: 100px;
  border-left: #155097 solid 10px;
  -webkit-transition: border-left 0.3s ease-in-out, width 0.3s ease-in-out;
  -moz-transition: border-left 0.3s ease-in-out, width 0.3s ease-in-out;
  -ms-transition: border-left 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: border-left 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: border-left 0.3s ease-in-out, width 0.3s ease-in-out;
}
#imagesViewer>#images a i{
  position: absolute;
  top: 30%;
  left: 35%;
  cursor:pointer
}

#sessionticks{
  width: 70px;
  background: #4f5d73;
  font-weight: lighter;
  color: #fff;
}
#main-content, body{
  background-color: #0a3367;
  background-color: #141a25;

}
#left-sidebar,.top-navbar{
  background-color: #0a3367;
}

input{
  background-color: #cbd8e8 !important;
  color: #141a25 !important;
}
#left-sidebar .navbar-brand{
  background-color: #fff;
  margin: 0px;
  padding: 15px;
  /*border: none !important;*/
}
#left-sidebar .navbar-brand a{
  display: inline-block;
  text-align: center;
  width: 100%;
  white-space: normal;
}

#left-sidebar .btn-toggle-offcanvas {
  position: absolute;
  top: 0;
  right: 0;
}

.block-header {
  padding: 1px 0;
}
/*
b{
  color: #454545;
}
#main-content a{
  color:#fff;
}
#main-content .card .body, .card .card-body{
  color: #a5a8ad;
  background: #ffffff;
}*/