body {
	padding-right: 0px !important;
}

.login_footer {
	margin-left: 0px;
}

.user_actionbtn {
	width: 87px;
}

.mousePointer {
	cursor: pointer;
}

.height300 {
	min-height: 300px;
}

.mandatoryfield_icon {
	font-size: 5px;
	color: #f00;
	padding-left: 5px;
}

.mandatory_icon {
	font-size: 10px;
	color: #f00;
	padding: 0px 3px;
}

.menuUserProfileImg {
	width: 45px !important;
	max-width: 45px !important;
	height: 45px !important;
}

.settingsUserProfileImg {
	height: 100px !important;
	min-height: 100px !important;
	max-height: 100px !important;
}

.row box-header signin{
width: 98.5% !important;
margin: 0px 5px !important;
}

.box.custom-box .box-header {
    padding: 4px 10px;
    min-height: 30px;
}

.box.custom-box .nav-tabs > li > a {
    padding: 5px 10px;
    font-size: 13px;
}

.small-box {
    padding: 10px;
    height: 100px !important;
}

.small-box h3 {
    font-size: 22px; 
}

.small-box p {
    font-size: 14px; 
}
#cards-container .small-box .icon {
    font-size: 30px; 
    top: 35px;        
    right: 60px;      
    height: 40px;
    width: 40px;
    line-height: 40px;
}

#cards-container .small-box .icon i {
    font-size: 50px;
}
@keyframes floatIcon {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}

#cards-container .small-box .icon {
    animation: floatIcon 2s infinite ease-in-out;
}

#advertisementViewCountBarChart{
	width:100%; height:400px; padding: 10px
}
#advertisementRunTimeLineChart{
	width:100%; height:400px; padding: 10px
}

@media ( max-width :1198px) and (min-width:768px) {
	.editImgDivcontainer {
		width: 100% !important;
	}
}

.main-header .topheader_user_profile_details .user-header {
	background-color: #3c8dbc !important;
}

.topheader_user_profile_details .user-header img {
	border-color: #f4f4f4 !important;
	border-color: #f9f9f9 !important;
}

.right0 {
	padding-right: 0px;
}

.loaderPosition {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	color: white;
	font-size: 30px;
}

.marginleft10 {
	margin-left: 10px;
}

.alignCenter {
	text-align: center;
}

/* sidebar profile image */
@media ( min-width : 768px) {
	.profileimgmini {
		width: 30px !important;
		max-width: 30px !important;
		height: 30px !important;
	}
}

.noWrap {
	white-space: nowrap;
}

/* datatable */
table.dataTable td.dataTables_empty {
	text-align: center;
}

@media ( max-width :991px) {
	.dataTables_wrapper div.dataTables_paginate {
		padding-bottom: 10px;
	}
}

@media ( min-width :1200px) {
	.datatable {
		width: 100% !important;
	}
}

.mobileapp_olderversions .dataTables_scrollHeadInner,
	.mobileapp_olderversions .dataTable {
	width: 100% !important;
}

.top6 {
	margin-top: 6px;
}

.table_title {
	border: 1px solid #f4f4f4;
	border-top: 3px solid #00c0ef;
}

.info_container {
	width: 99%;
	margin: 0 auto;
}

.not-allowed {cursor: not-allowed;}

.license_usercount {
	width: 75px;
	height: 20px;
}

.alldivisions
{
    width:19.1%;
    float:left;
    display:inline-block;
    margin-right: 15px;
    margin-left: 20px;
}

.margin_left_0 {
	margin-left: 0px !important;	
}

.licensetabdivisions {
	width:14.1%;
    float:left;
    display:inline-block;
    margin-right: 15px;
    margin-left: 20px;
}

.list_buttons {
	padding: 2px 12px !important;
    font-size: 13px !important;
    margin-top: 3px;	
}

.viewdriver_formcontents .control-label {
    text-align: left !important;
    color: #333;
}

.drifer_verification_img {
    float: left;
    width: 97px;
    height: 100px;
    object-fit: cover;
    margin: 5px 5px 5px 5px;
    cursor: pointer;
}

.driver_verification_message_textarea {
	width: 297px;
    height: 56px;	
}

.center {
	text-align: center;	
}

.pbar_outer {
	text-align: center;
	height: 25px;
	border: 2px solid black;
	margin-bottom: 20px;
	width: 70%;
}

.pbar_inner {
	height: 100%;
	width: 0%;
	color: #010109;
	font-weight: bold;
}

.pbar_inner.success {
	background: #33dd33;
}

.pbar_inner.failure {
	background: #f53707;
}

.upb {
	float: left;
	margin-left: 5px;
	width: 20%
}

.radius {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.pbar_number {
	height: 25px;
	margin-left: 5px;
	width: 10%;
	text-align: center;
	vertical-align: middle;
}

.pbar_status {
	width: 100%;
	margin-top: 10px;
}

.pbar_line {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.pbar_animation {
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-iteration-count: infinite;
	animation-play-state: running;
	animation-name: progress-bar-stripes;
}

.left-margin-10 {
	margin-left: 10px;
}

@media ( max-width :767px) {
	.pbar_options {
		width: 100%;
		padding-top: 10px !important;
	}
	.pbar_outer {
		width: 87% !important;
	}
	.pbar_outer.radius span {
		width: 100% !important;
		padding-top: 10px !important;
		display: block !important;
		font-size: 13px;
		/* margin-bottom: 10px; */
	}
}

.file_progress {
	padding-left: 0px;
}

#document-view{
	width: 97.5%;
	height: 400px;
	max-height: 4000px;
	margin-top: 70px;
	margin-left: 12px;
	display: block;
	padding: 10px;
	font-size: 16px;
	resize: none;
	background: #ccc;
	border: 1px solid #ccc;

}

textarea{
    resize: none;
}

#todayData.active,#yesterdayData.active{
  background-color: grey;
  color: white;
}
.google-visualization-tooltip {
  pointer-events: none !important;
  z-index: 9999 !important;
  transition: opacity 0.1s ease-in-out;
}
#secondRowCampaignDiv{
  margin-top: 20px;
}
.hide-dropdown{
  display : none  !important;
}
.activeTab{
   border-top: 3px solid #00c0ef !important;
   background: transparent !important;
   border-bottom : none;
   box-shadow : none;
}
.gov-adv-row {
    background-color: #d4edda; /* light green */
}
.cust-adv-row{
    background-color: #f8d7da; /* light red */
}
.striped-grey-row{
    background-color: #f9f9f9; /* light grey */
}

.striped-white-row {
    background-color: #ffffff; /* white */
}

.customer-sub-tab-position{
 position : relative;
 width : 50%;
 display : flex;
 justify-content : end;

}

.dropdownCustomerBranch {
     margin-top: 5px;
     border: none;
     outline: none;
     background-color: transparent;
     box-shadow: none;
     width : fit-content;
     cursor : pointer;
 }



.hover-effect {
		color: orange;
		cursor: pointer;
}

	.active-dashmenu {
		color: #fff;
}



#blockCampagin{
	margin-top: 50px;
  }


  .addsubBtn{
	margin-top: 25px;
	margin-left: 18px;
  }

  #status_1{
	margin-top: 20px;
  }

  .user-info-row {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    background-color: #f9f9f9;
}


.form-group label {
	margin-bottom: 6px; /* Adjust gap as per your design */
}



/* .branch-info{
	border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    background-color: #f9f9f9;
}


.companySection{
	border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    background-color: #f9f9f9;
}

.individualSection{
	border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    background-color: #f9f9f9;
}


.bgBorder{
	border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    background-color: #f9f9f9;
} */

.edit-img{
	position: relative;
}

.fileProgress{
	margin: 10px 83px;
}

.fileChange{
	margin: 10px 83px;
}
.customerActivationStatus{
    text-transform: capitalize;
    }
.customerActivationStatus{
    text-transform: capitalize;
    }

 #TAX_IMG .edit-btn,
 #TAX_IMG .btn-edit,
 #TAX_IMG .btn-group .btn:nth-child(1) {
     display: none !important;
 }

 #TAX_IMG input[type="file"] {
     display: none;
 }
 /* open dashboard header */
.header-row {
  margin-bottom: 20px;
}

.dashboard-header {
  background: #9b59b6;   /* mild purple */
  padding: 12px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard-header .header-left,
.dashboard-header .header-right {
  font-size: 20px;
  font-weight: 500;
}

.dashboard-header .header-center {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  flex: 1;
}


 #settingsTabReportIcon{
 margin-left:100px;
 }

 #advertisementFileDiv{
  margin-top:7px;
 }

 #defaultAdvHistoryDiv{
   margin-top:7px;
  }

  .selected-devices {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }
    .device-tag,.vehicle-tag  {
        background: #f5f5f5;
        border: 1px solid #ccc;
        border-radius: 15px;
        padding: 4px 10px;
        font-size: 13px;
        display: inline-flex;
        align-items: center;
    }
    .device-tag .remove,.vehicle-tag .remove {
        margin-left: 6px;
        cursor: pointer;
        color: #888;
    }
    .device-tag .remove:hover {
        color: red;
    }
    .vehicle-tag .remove:hover {
          color: red;
      }

      #haltBtnDiv {
       margin-right : 20px;
      }

      #mainAppDialog .modal-body {
          max-height: calc(100vh - 150px) !important;
          overflow-y: auto;
      }

.version-input-row {
    display: flex;
    align-items: center;
    gap: 8px;
}