html,
body {
    height: 100%;
}


ul {
    list-style-type: none;
    padding-inline-start: 15px;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 20px 15px 20px;
}

/*@media(max-width: 991px) {
    .wrap > .container {
        padding: 20px 15px 20px;
    }
}*/

footer {
    height: 60px;
    background-color: #f8f8f8 !important;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

footer ul li a {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 300;
}

@media(max-width: 991px) {
    footer {
        height: 80px;
    }
    .wrap {        
        margin: 0 auto -80px;
        padding: 0 0 80px;
    }
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

nav.navbar {
    border-radius: 0px !important;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


.navbar-dark .navbar-toggler {
    border: none;
}

.text-small-95 {
    font-size: 95% !important;
}
.text-small-90 {
    font-size: 90% !important;
}
.text-small-85 {
    font-size: 85% !important;
}
.text-small-80 {
    font-size: 80% !important;
}
.text-small-75 {
    font-size: 75% !important;
}
.text-small-100 {
    font-size: 100% !important;
}
.text-big-100 {
    font-size: 100% !important;
}
.text-big-110 {
    font-size: 110% !important;
}
.text-big-120 {
    font-size: 120% !important;
}
.text-big-130 {
    font-size: 130% !important;
}
.text-big-140 {
    font-size: 140% !important;
}
.text-big-150 {
    font-size: 150% !important;
}
.text-big-200 {
    font-size: 200% !important;
}
.text-big-250 {
    font-size: 250% !important;
}
.text-big-300 {
    font-size: 300% !important;
}


.card-login .card-body {
    padding: 0px 20px 0px 20px;
}

.card-login ul {
    margin-bottom: 0rem;
}


.navbar.bg-ip {
    background-color: #06384f !important;
}



.top05 { margin-top: 0.5%; }
.top1 { margin-top: 1%; }
.top2 { margin-top: 2%; }
.top3 { margin-top: 3%; }
.top4 { margin-top: 4%; }
.top5 { margin-top: 5%; }
.top6 { margin-top: 6%; }
.top7 { margin-top: 7%; }
.top8 { margin-top: 8%; }
.top9 { margin-top: 9%; }
.top10 { margin-top: 10%; }
.top15 { margin-top: 15%; }
.top17 { margin-top: 17%; }
.top20 { margin-top: 20%; }
.top25 { margin-top: 25%; }
.top30 { margin-top: 30%; }

.bottom05 { margin-bottom: 0.5%; }
.bottom1 { margin-bottom: 1%; }
.bottom2 { margin-bottom: 2%; }
.bottom3 { margin-bottom: 3%; }
.bottom4 { margin-bottom: 4%; }
.bottom5 { margin-bottom: 5%; }
.bottom6 { margin-bottom: 6%; }
.bottom7 { margin-bottom: 7%; }
.bottom8 { margin-bottom: 8%; }
.bottom9 { margin-bottom: 9%; }
.bottom10 { margin-bottom: 10%; }
.bottom15 { margin-bottom: 15%; }
.bottom17 { margin-bottom: 17%; }
.bottom20 { margin-bottom: 20%; }
.bottom25 { margin-bottom: 25%; }
.bottom30 { margin-bottom: 30%; }

.info a {
    color: #000;
}

.badge-rgno {
    background-color: #fff;
    border: 1px solid #555;
    border-left: 10px solid #0056b3;
    color: #000;
    font-size: 11px;
}

.ipinfocard {    
    color: #fff; 
    padding: 1rem 15px;
    text-align: inherit;
}

.ipinfocard-success {
    background: linear-gradient(60deg, #66bb6a, #388e3c);
}

.ipinfocard-warning {
    background: linear-gradient(60deg, #ffa726, #f57c00); 
}

.ipinfocard-danger {
    background: linear-gradient(60deg, #ef5350, #d32f2f); 
}

.ipinfocard-info {
    background: linear-gradient(60deg, #26c6da, #0097a7); 
}

.ipinfocard i {    
    /*color: #ffa726; rgba(255, 255, 255, 0.6) !important;        */
    /*color: rgba(0, 0, 0, 0.03);*/
    color: rgba(255, 255, 255, 0.25);
    font-size: 450%;    
}

.ipinfocard .card-category {
    color: rgba(255, 255, 255, 0.8) !important;    
    margin-top: 5px;
    margin-bottom: 0px;    
}

.ipinfocard .card-title {
    color: #fff !important;    
    margin-top: 0px;
    /*margin-bottom: 5px;*/
}

.ipinfocard .card-title small {
    color: #fff !important;  
}

/*.card [class*=card-header-] .ct-chart .ct-series-a .ct-bar, .card [class*=card-header-] .ct-chart .ct-series-a .ct-line, .card [class*=card-header-] .ct-chart .ct-series-a .ct-point, .card [class*=card-header-] .ct-chart .ct-series-a .ct-slice-donut {
       stroke:  hsla(0, 0%, 100%, 0.8);    
}

.card [class*=card-header-] .ct-chart .ct-label {
    color: hsla(0, 0%, 100%, 0.7);
}

.card [class*=card-header-] .ct-chart .ct-grid {
    stroke: hsla(0, 0%, 100%, 0.2);
}*/


.img-circle {
  border-radius: 50%;
}



/* user-menu dropdown in navbar */
.navbar-nav > .user-menu > .dropdown-menu {
/*  border-top-right-radius: 0;
  border-top-left-radius: 0;*/
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
}
/*.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}*/
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index: 5;
  /*color: #fff;*/
  /*color: rgba(255, 255, 255, 0.8);*/
  color: #000;
  /*color: rgba(0, 0, 0, 0.8);*/
  font-size: 14px; /*17px;*/
  margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > a:hover {
    text-decoration: none;
    color: red;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
}
/*.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #444 !important;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background: #fff !important;
    color: #444 !important;
  }
}*/
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  /*background-color: #f9f9f9;*/
  padding: 10px;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}
/*.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #666666;
}*/
/*@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
}*/
.navbar-nav > .user-menu .user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}
@media (max-width: 767px) {
  .navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}

@media (max-width: 991px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn {  /* make 2 buttons fit side by side on sm devices side menu */
        padding-left: 23px;
        padding-right: 23px;
    }
}


.navbar .navbar-nav .nav-item.active .nav-link, 
.navbar .navbar-nav .nav-item.active .nav-link:hover, 
.navbar .navbar-nav .nav-item.active .nav-link:focus {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/*h6.card-title {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
}*/

table.tbl-noheader tbody tr:first-of-type td {
    border-top: none !important;
}

.grayout {
    background-color:  #f5f5f5;
}

#mdRepairDetails,
#mdCarInfo {
    max-width: 70vw;
    width: 70vw;
}

@media (max-width: 991px) { /*md-*/
    #mdRepairDetails,
    #mdCarInfo {
        max-width: 90vw;
        width: 90vw !important;
    }
}
 
.red {
    color: red;
}

.green {
    color: green;
}

#mdClientSelector,
#mdClientPosSelector,
#mdBGSelector {
    width: 70vw;
    max-width: 90vw;
}

@media (max-width: 991px) { /*md+*/
    #mdClientSelector,
    #mdClientPosSelector,
    #mdBGSelector {
        width: 95vw;
        max-width: 95vw;
    }
}

.reg-searchvalue {
    margin-top: -4.2rem;
}

@media (max-width: 991px) { /*md+*/
    .reg-searchvalue {
        margin-top: -0.8rem;
    }
}


.nav-pills:not(.flex-column) .nav-item+.nav-item:not(:first-child) {
    margin-left: 0px !important;
}

.table-items-group {
    width: 100%;
}

.profile-image {
    max-width: 150px;
}