body {
    padding-top: 100px;
    padding-bottom: 20px;
}
@media (max-width: 810px) {
    body{
        padding-top: 200px;
    }
}

/* 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;
}

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

.navbar{
    background-color: black;
}
#loading-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  border: 0;
  z-index: 999999;
}

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;     /* Align the flex-items vertically */
  justify-content: center; /* Optional, to align inner flex-items 
                              horizontally within the column  */
}

.datepicker {
width: 100px !important; 
}

.rcorners2 {
    border-radius: 25px !important; 
    border: 1px solid black !important; 
    padding: 8px !important;  
    margin-left: 4px !important; 
    margin-right: 4px !important; 
}

.border-outer{
    border: 1px solid #ffffff !important; 
    padding: 8px !important;
   
}
.border-inner{
    border: 1px solid #ffffff !important; 
    padding: 8px !important;
    margin-left:20px; 
    margin-right:20px; 
}

.disabled {
    z-index: 1000;
    background-color: lightgrey;
    opacity: .2;
    pointer-events: none;
}

/* This parent can be any width and height */
.outer {
  text-align: center;
}

/* The ghost, nudged to maintain perfect centering */
.outer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can
   also be of any width and height */ 
.inner {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.k-filterable a.k-grid-filter.k-state-active ~ .k-link 
{
  font-style:italic !important;
  background-color:darkorange !important;

}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.btn-mobile {
    width:100%;
}

.MBPadding{
    padding-left:20px;
    padding-right:20px;
}

.modal {  /*added for modal over modal the second modal once closed prevented scolling on the first*/ 
  overflow-y:auto !important;
}

.bootbox.modal {
  z-index: 99999 !important;
}