body {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.table-bordered {
    font-size: 12px;
}

.active-edit {
    background-color: #fffdb2;
    font-weight: bold;
}

.loadingDiv {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: #666;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 100;
    opacity: 0.4;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    background: url('../Content/images/ajax-loader.gif') 50% 50% no-repeat;
}
.bubble{
  animation: animateElement .4s;
  background:#f8f9fa;
 }

@keyframes animateElement{
  0% {
    opacity:0;
    -ms-transform: translate(0px, -100px,0px); /* IE 9 */
    -webkit-transform: translate(0px, -100px,0px); /* Safari */
    transform: translate(0px, -100px,0px);
  }
  100% {
    opacity:1;
    -ms-transform: translate(0px, 0px,0px); /* IE 9 */
    -webkit-transform: translate(0px, 0px,0px); /* Safari */
    transform: translate(0px,0px,0px);
  }
}
.thead-blue {
    color: #fff;
    background-color: #2b91ff;
    border-color: #007bff;
}

.callbacklater {
    font:bold 12px arial, verdana;
}




.newFB {
    font:bold 12px arial, verdana;
}


.font-white {
    color:#ffffff;
}

.btn-left-filter {
    background-color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #333;
    border-color: #ccc;
    border-left: 0;
}

.invalid-input {
    border-color:red;
}


.btn-purple {
    color: #fff;
    background-color: #8E44AD;
    border-color: #7D3C98;
}

.btn-purple.focus, .btn-purple:focus {
    outline:0;
    box-shadow: 0 0 0 0.2rem rgba(123,60,152,.5);
}

.btn-purple:hover {
    color: #fff;
    background-color: #633974;
    border-color: #512E5F;
}

.btn-brown {
    color: #fff;
    background-color: #DC7633;
    border-color: #D35400;
}
.btn-brown.focus, .btn-purple:focus {
    outline:0;
    box-shadow: 0 0 0 0.2rem rgba(220,118,51,.5);
}

.btn-brown:hover {
    color: #fff;
    background-color: #BA4A00;
    border-color: #BA4A00;
}

.text-white {
    color:#ffffff;
}

.tbl-foot {
    background-color:#343a40;
}

.tbl-foot td {
    color:#fff;
    border: 1px solid #606871;
    font-weight:bold;
}

.v-align-middle {
    vertical-align:middle !important;
}


.happy-emoji {
    background: url("images/Untitled.png") no-repeat #fff ;
    border:none;
}

.sad-emoji {
    background:url("images/sad_red.png") no-repeat #fff;
}

.bg-success-light {
  background-color:#28a745  !important;
  color:#fff;
}

.bg-danger-light {
    background-color:#dc3545 !important;
    color:#fff;
}