@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);

.card-poscloud {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 1);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn-rounded{
  border-radius: 20px
}

/* On mouse-over, add a deeper shadow */

.card-poscloud:hover {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* On mouse-over, add a deeper shadow */

.panel {
  border: 2px solid orange;
  border-radius: 20px;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
}

.card-poscloud > .panel-heading {
  color: #0D498D;
  border: 1px #fcfcfc solid;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-poscloud > .panel-heading {
  color: #0D498D;
  background: #fcfcfc;
  border: 1px #fcfcfc solid;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.dataTables_wrapper .dataTables_filter {
  margin-bottom: 15px;
}

input[type=search] {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 34px;
}

.sidebar {
  margin-top: 57px;
}

.navbar-poscloud {
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(25, 110, 171, 0.55)), to(rgba(174, 207, 253, 0.28))) no-repeat;
  background: linear-gradient(to bottom right, rgba(25, 110, 171, 0.55), rgba(174, 207, 253, 0.28)) no-repeat;
  border-radius: 0;
  margin: 0;
}

.poscloud-icon {
  color: rgba(25, 24, 50, 0.9);
}

a {
  color: #516678;
}

.background-img {
  background-image: url("/images/trek_background2.jpg");
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  /*height: 100px;
  background-color: white;*/
}

/*****************MultiSelect **************************/
.MultiCheckBox {
  border:1px solid #e2e2e2;
  padding: 5px;
  border-radius:4px;
  cursor:pointer;
}

.MultiCheckBox .k-icon{
  font-size: 15px;
  float: right;
  font-weight: bolder;
  margin-top: -7px;
  height: 10px;
  width: 14px;
  color:#787878;
}

.MultiCheckBoxDetail {
  display:none;
  position:absolute;
  border:1px solid #e2e2e2;
  overflow-y:hidden;
}

.MultiCheckBoxDetailBody {
  overflow-y:scroll;
}

.MultiCheckBoxDetail .cont  {
  clear:both;
  overflow: hidden;
  padding: 2px;
}

.MultiCheckBoxDetail .cont:hover  {
  background-color:#cfcfcf;
}

.MultiCheckBoxDetailBody > div > div {
  float:left;
}

.MultiCheckBoxDetail>div>div:nth-child(1) {

}

.MultiCheckBoxDetailHeader {
  overflow:hidden;
  position:relative;
  height: 28px;
  background-color:#3d3d3d;
}

.MultiCheckBoxDetailHeader>input {
  position: absolute;
  top: 4px;
  left: 3px;
}

.MultiCheckBoxDetailHeader>div {
  position: absolute;
  top: 5px;
  left: 24px;
  color:#fff;
}

.icon-color{
  color:#28a745;
}

.card-border-color{
  border: 1px #d1a11b solid!important;
}