.custom-grid-height {
    height: 57vh;
}
.k-i-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 10px;
    background-color: rgba(255,255,255,.3);
    color: #ff6757;
}
.k-i-loading i{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
}
.ui-grid .grid-edit-icon {
    font-size:17px;
}

.ui-grid .grid-delete-icon {
    font-size:20px;
    color:#dd4b39;
}

.bootstrap-select .dropdown-toggle {
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
}

input.no-image {
    background-image: none !important;
}

.posrel{
    position: relative;
}
.typeahead-lodaing{
 position: absolute;
    right: 5px;
    top: 10px;
}

.dropdown-menu[uib-typeahead-popup] {width:100%;}

/*.has-error label{ color: #dd4b39 !important;}*/
.has-error { border-color: #dd4b39 !important;}
 
.posrel .dropdown-menu > li > a {
    color: black;
    display: block;
}

.posrel .dropdown-menu {
    /*background-color: #bbbfd5;*/
}

.posrel .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

.brand-link .brand-image {
    margin-left: 3px;
    margin-top: -9px;
    max-height: 46px;
}

.datepicker,.timepicker {
    background-color:#fff !important;
}

#selected-profile {
    width: 70% !important;
}

.gridautoheight.ui-grid {
  padding-bottom:38px;
}

/* Extra small devices (portrait phones, less than 576px) xs */
@media (max-width: 575.98px) { 
    .gridautoheight.ui-grid {
        padding-bottom:88px;
    }
}

/* Small devices (landscape phones, 576px and up) sm */
@media (min-width: 576px) and (max-width: 767.98px) {
   .gridautoheight.ui-grid {
        padding-bottom:88px;
    }
}

/* Medium devices (tablets, 768px and up) md */
@media (min-width: 768px) and (max-width: 991.98px) { 
    .gridautoheight.ui-grid {
        padding-bottom:88px;
    }
}

/* Large devices (desktops, 992px and up) lg */
@media (min-width: 992px) and (max-width: 1199.98px) { 
    .gridautoheight.ui-grid {
        padding-bottom:88px;
    }
}

/* Extra large devices (large desktops, 1200px and up) xl */
@media (min-width: 1200px) and (max-width: 1600.98px) { 
    .gridautoheight.ui-grid {
        padding-bottom:88px;
    }
}   

.gridautoheight.ui-grid, .ui-grid-viewport,.ui-grid-contents-wrapper, .ui-grid-canvas {
 height: auto !important; 
}

.pac-container {
    z-index: 10000 !important;
}

.tab-content .tab-pane {
    margin-top: 15px;
}

/*.nav-tabs li.active {
    background-color: wheat;
}*/

.custom-box-body .box{ border-radius: 0px !important;}
.custom-box-body.nav-tabs-custom > .tab-content{ padding: 0;}
.custom-box-body .nav.nav-tabs > li{
    background-color: #ddd;
    margin-right: 5px;
}

.custom-box-body .nav-tabs .nav-link{
    border: 1px solid transparent !important;
    border-color: #e9ecef #e9ecef #dee2e6 !important;
} 


/*.nav-tabs-custom .nav-tabs li {

    margin-bottom: -3px;
}*/
.nav-tabs-custom  .nav-tabs li.active {
    border-top: 3px solid #3c8dbc;
    background-color: white;
}

.teche-default-btn {
    background-color: #f4f4f4 !important;
    color: #444 !important;
    border-color: #ddd !important;
}
.teche-default-btn.active, .teche-default-btn.focus, .teche-default-btn:hover {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

button i.fa-file-excel, button i.fa-file-csv {
    font-size: 20px;
}

/*.ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
}

.ui-grid-row, .ui-grid-cell {
  height: auto !important;
}

.ui-grid-row div[role=row] {
  display: flex ;
  align-content: stretch;
}*/


/*.tab-pane .box{ border-radius: 0px !important;}
.nav-tabs-custom.custom-box-body {margin-bottom:0px;}*/


/*.grid-tooltip {
  position: relative;
  display: inline-block;
}

.grid-tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.grid-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.grid-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}*/

/*.grid-tooltip {
  overflow: visible;
  z-index: 9999999;
  float: left;
}*/