ul li {
    list-style: none;
}

.messages {
    list-style: none;
    text-align: justify;
    padding: 0;
}

.navbar-header {
    height: 120px !important;
    background-color: white;
}

.navbar-brand-img {
    height: 80px;
    padding-top: 20px;
}

.messages .success {
    background: #00800099;
    padding: 5px;
    font-size: 12px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    border: 5px;
    border-radius: 2px;
}

.messages .error {
    background: #ff0505ad;
    padding: 5px;
    font-size: 12px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    border: 5px;
    border-radius: 2px;
}

.messages .warning {
    background: #fcb901ad;
    padding: 5px;
    font-size: 12px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    border: 5px;
    border-radius: 2px;
}

.retail-logo {
    width: 120px;
}

.bg_apporoved {
    background-color: #007bff !important;
}

.bg_unapporoved {
    background-color: #6c757d !important;
}

/* rating system start here */
.tranpoter-detail-list {
    background-color: #f9f9f9
}

.tranprt-name {
    background-color: #cbcbcb;
    height: 80px;
    margin-left: 2px;
    margin-top: 2px;
}

.blue-clor-name {
    color: #0099e6
}

.daynmic-transpoter-name {
    margin-top: 1px;
    margin-left: 1px;
}

.navbar-question {
    background-color: #0099e6;
    margin-top: 8px;
}

.search-botton {

    padding: 5px 25px;
    background: white;

    width: 100%;
    text-decoration: none;
    outline: none;
    transition: .3s;
    display: inline-block;
    border: 1px solid green;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
}

/* start rating section here */
.rating-list {
    display: flex;
    /* Use flexbox to align items */
    flex-direction: row-reverse;
    justify-content: center;
    /* Center the stars horizontally */
    list-style: none;
}

.rating-list li {
    margin: 0 5px;
    font-size: 24px;
    color: black;
    margin-left: 7px;
    /* Adjust the spacing between stars */
}

.rating-list li:hover,
.rating-list li:hover~li {
    color: orange;
}

.checked,
.fa-star.checked {
    color: orange;
}

/*  rating system end here */


/* login page style  */
.login-logo img {
    width: 100%;
    height: 80px;
    object-fit: contain;
}

.lock-icon {
    width: 15px;
    height: 15px;
    color: rgb(48, 45, 45);
}

.login-logo {
    text-align: center;
    width: 50%;
    margin: auto;
}

.dashboard-side-logo img {
    width: 80px;
    height: 110px;
}

.dashboard-side-logo {
    background-color: white;
    height: 120px;
}

/* home page */
#customers tbody {
    overflow: scroll;
}

.table-content {
    overflow: auto !important;
}

.sidebar .sidebar-wrapper {
    background: linear-gradient(90deg, #0178bc 0, #00bdda);
    color: white !important;
}


.card-body {
    /* background-color: #009efb !important; */
    border-radius: 0% !important;
    /* height: 130px; */
}

.card-body h4 {
    font-weight: 400;
}

.due-safety-check-1 {
    background-color: #7460ee !important;
    height: 130px;
    border-radius: 0%;
}

.due-safety-check-2 {
    height: 130px;
    border-radius: 0% !important;
}

.due-safety-check-3 {
    background-color: #fad843 !important;
    height: 130px;
    border-radius: 0%;
    color: black;
}

.due-safety-check-4 {
    background-color: #4caf50 !important;
    height: 130px;
    border-radius: 0%;
}

.due-safety-check-5 {
    background-color: #009efb !important;
    height: 130px;
    border-radius: 0%;
}

.sidebar {
    box-shadow: none;
    background-color: white;
}

.sidebar .logo {
    background-color: white !important;
}

.side-logo-bar {
    background-color: white !important;
}

.sidebar-wrapper ul li a {
    color: white;
}

/* safety list */
#safety-table {
    height: 100px;
    overflow: scroll;
}

.table-responsive {
    overflow-y: auto;
    height: 500px;
}

.table-responsive thead th {
    position: sticky;
    top: 0;
}


.sidebar[data-color="purple"] li.active>a {
    background-color: #ff9800;
}

.dashboard-card {
    background-color: #009efb !important;
    border-radius: 0% !important;
    height: 130px;
}


.nav-link p {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.table thead tr th {
    white-space: nowrap;
}

.main-panel .card-header-primary{
    background: linear-gradient(90deg, #0178bc 0, #00bdda) !important;
}





/* 
.loading-spinner {
    position: fixed;
    left: 50%;
    transform: translate(-50%,-50%) translateZ(0);
    top: 50%;
    width: 90px;
    height: 90px;
    z-index: 1;
    background: url(/static/assets/img/bpcl_logo_1.jpg) center no-repeat;
    background-size: contain;
}

.loading-spinner:after {
	content:"";
	position:absolute;
	width:120px;
	height:120px;
	background-color:rgba(0,0,0,0);
	border-radius:100%;
	margin:-15px;
	box-shadow: 0 4px 0 0 #000;
	transition: all 1s linear;
	animation: lds-eclipse 1s linear infinite;
}



@keyframes spinning {
	0% { transform: translate(-50%,-50%) scale(1) translateZ(0);}
	50% { transform: translate(-50%,-50%) scale(1.1) translateZ(0);}
	100% { transform: translate(-50%,-50%) scale(1) translateZ(0);}
}

@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#container-fluidId{
    display: none;
}

.content{
    background: linear-gradient(90deg, #0178bc82 0, #00bdda6b);
} */


/* tickets */
.filter-form{
    
    margin: 0 auto; /* Center the form horizontally */
    width: 350px;
    height: 70px;
    padding: 0px;
    margin-left: 500px;
  }
.btn-add-new{
  height: 35px;
  margin-top: 10px;
}
.btn-template{
  margin-top: 10px;
  height: 35px;
}
.size-botton{
  height: 40px;
 
}
.ticket-text{
  margin-top: 20px;
}


.bg-color-white {
    background-color: white;
}


.user-detail {
display: flex;
margin-left: 2px;
flex-direction: column;
align-items: flex-start;
margin: 10px; 
background-color: rgb(207, 217, 224); 


}
.user-detail h4
{
color: #0099e6
}
.tesxt-size {
margin-left: 10px;
margin-top: 0rem;
}
.tesxt-size-data {
margin-left: 10px;
margin-bottom: orem; 
}
.ckedtor-test{
margin-top: 25px;
}
.cenetr-btn{
align-items: center;
}
/* end tickets */
/* lorry ratings*/
.filter-form {
    /* background-color: white; */
    margin: 0 auto; /* Center the form horizontally */
    width: 350px;
    height: 70px;
    padding: 0px;
     margin-left: 20px;
    
}

.filter-form .form-row {
    align-items: flex-end;
}
.btn-apply{
    height: 30px;
    margin-top: 10px;
   
}
.tex-ratings{
    margin-top: 20px;
    margin-left: 10px;
}
/* end lorry ratings */
/* start report section here */
.table_view {
    width: 900px;
    overflow-x: scroll;
}

.send-responce {
    width: 400px; 
    max-height: 200px; 
    overflow-y: auto; 
}
.second-section{
    margin-top: 20px;
}

.table_view thead tr td{
    min-width: 120px !important;
}
.table_view thead tr th {
        min-width: 120px !important;
        font-weight: bold;
        font-size: small;
    }

.table_view thead tr th{
    background-color: #f3f3f5;   
}
.apply-left-css{
    margin-left: 50px;
}
.border-cls{
    border: 1px solid rgb(219, 212, 212)
}
.second-border{
    border: 1px solid rgb(219, 212, 212)
    
}
.third-border{
    border: 1px solid rgb(219, 212, 212)
}
.red-text {
    color: red;
}
/* .div-color{
background-color:  #eff5f5;

/* }  */

/* end repot section */