﻿
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
.hidden{
    display: none;
}
.center {
    margin: auto;
    border: 1px solid #a1a5a1;
    border-radius: 10px;
    padding: 50px;
}
/* Move down content because we have a fixed navbar that is 50px tall */
html, body {
    margin: 0;
    height: 100%;
    overflow: hidden;
}



.FillParent {
    height: 100%;
    //width: 100%;
    overflow:auto;
}

.FillParentHeight {
    height: 100%;
    overflow:auto;
}

.FillParentWidth {
    width: 100%;
    /*overflow:auto;*/
}

.hide-boder {
    border: none !important;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5rem;
}

/*+WIJMO GRID SUPPORT*/
.v-transform {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    white-space: pre-wrap;
}

    .v-transform div {
        display: inline-block;
    }

.h-align-center {
    text-align: center;
}

.hightLight, 
.hightLight.wj-state-selected, 
.hightLight.wj-state-multi-selected  {
    background-color: #0085c7 !important;
}

.wj-state-selected, .wj-state-multi-selected {
    background: #0085c7!important;
    border: 2px solid #0085c7 !important;
    color:black!important;
}


.wj-alt:not(.wj-header):not(.wj-group):not(.hightLight) {
    background: #fff !important;
}
.wj-cell:not(.wj-alt):not(.wj-header):not(.wj-group):not(.hightLight):not(.wj-cell-lock) {
    background:#e6e6e6!important;
}



/*-WIJMO GRID SUPPORT*/

/*+BOOTSTRAP MULTISELECT FIX CONFLIG*/
multiselect-container, label{
    font-weight: 400!important;
}
/*-BOOTSTRAP MULTISELECT FIX CONFLIG*/


/*+MODEL BOOTSTRAP SUPPORT*/
.modal {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow:hidden;
}
/*-MODEL BOOTSTRAP SUPPORT*/

.rules_group_tools_list{
    padding: 0px!important;
}

.filter_rules_container input, 
.filter_rules_container select
{
    height: 30px;
}

.loading {
    position: absolute;
    top: 50%;
    /* Firefox */
    left: -moz-calc(50% - 40px);
    /* WebKit */
    left: -webkit-calc(50% - 40px);
    /* Opera */
    left: -o-calc(50% - 40px);
    /* Standard */
    left: calc(50% - 40px);
}
.loading-bar {
  display: inline-block;
  width: 12px;
  height: 35px;
  border-radius: 5px;
  animation: loading 1s ease-in-out infinite;
}
.loading-bar:nth-child(1) {
  background-color: #3498db;
  animation-delay: 0;
}
.loading-bar:nth-child(2) {
  background-color: #c0392b;
  animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #f1c40f;
  animation-delay: .18s;
}
.loading-bar:nth-child(4) {
  background-color: #27ae60;
  animation-delay: .27s;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}

.content-wrapper{
    background:white;
}
