/** * @file * Responsive CSS. */
@media only screen and (max-width: 768px) {

	/* For mobile phones: */
	.webform-progress-tracker .progress-text {
		display: block;
	}
	.hdr-mobile ul.navbar-nav li a .logout-stl,.hdr-mobile1 ul.navbar-nav li a .logout-stl{
		color:#495057!Important;
		font-size:14px;
		}
		.hdr-mobile ul.navbar-nav li a.nav-link,.hdr-mobile1 ul.navbar-nav li a.nav-link{
			outline:none;
			}
		
		.hdr-mobile ul.navbar-nav li a.nav-link,.hdr-mobile ul.navbar-nav li a.nav-link{
		padding:0px;
		line-height: initial;
		}
		
		.hdr-mobile .dropdown-item ,.hdr-mobile .dropdown-item{
			display: flex;
			line-height: 15px;
			white-space: pre-wrap;
		}
		
		.hdr-mobile .drp-img,.hdr-mobile1 .drp-img{
		 margin-right:5px;
		}
	
		.hdr-mobile .dropdown-menu.show ,.hdr-mobile1 .dropdown-menu.show{
			display: block;
			background: white;
			border: solid 1px #e1e1e1;
			border-radius: 0;
			box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.10);
			-webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.10);
			-moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.10);
		   /* top: -7px!important; */
			min-width: 6.5rem;
			border-radius: 4px;
			right: 0!important;
			left: 60px!important;
		}
		
		.hdr-mobile ul.navbar-nav li a .logout-stl,.hdr-mobile1 ul.navbar-nav li a .logout-stl{
			color:#495057 !important;
			font-size:14px;
		}
		
		.hdr-mobile ul.navbar-nav li a.nav-link,.hdr-mobile1 ul.navbar-nav li a.nav-link{
		padding:0px;
		line-height: initial;
		}
		
		.hdr-mobile .dropdown-item,.hdr-mobile .dropdown-item  {
			display: flex;
			line-height: 15px;
			white-space: pre-wrap;
		}
		
		.hdr-mobile .drp-img,.hdr-mobile .drp-img{
		 margin-right:5px;
		}
		
		.dots-nav ::after{
			display: none;
		}
		.dropdown-toggle::after{
			display: none !important;
		}
	
	
	.progress-tracker {
		border-radius: -7px;
		margin-left: 12px;
		margin-right: 12px;
		margin-top: 4px;
		width: 93%;
		display: block;
		display: none;
	}

	.progress-text {
		order: 2;
		color: #6C757D !important;
	}

	.progress-title {
		text-align: left !important;
		font-size: medium;
	}

	.progress-tracker li {
		width: 100%;
		/* border: solid 1px #0dcaf0!important; */
		border-radius: 6px;
		padding: 10px 25px;
		margin: 3px auto;
		background: #F8F9FA !important;
	}

	.progress-marker {
		/* height: 25px;
        */
		/* width: 25px;
        */
		/* background-color: #ca0032;
        */
		/* border-radius: 48%;
        */
		/* display: inline-block;
        */
		/* text-align: Center;
        */
		/* border: solid 1px #ca0032;
        */
		/* margin-right: 4px;
        */
		color: #ca0032;
	}

	.progress-step .progress-marker::before {
		height: 25px;
		width: 25px;
		font-size: 14px;
	}

	.progress-step .progress-marker::after,
	.right-logo {
		display: none;
	}

	[data-webform-key="employment-history"],
	[data-webform-key="license_detail"] {
		/* margin: 9px !important; */
		padding: 0px !important;
		/* width: 100%; */
	}

	[data-drupal-selector="edit-employment-history"],
	[data-drupal-selector="edit-violation-form-container"],
	[data-drupal-selector="edit-id-penalty-fine-check-all-that-apply"],
	[data-drupal-selector="edit-accident"],
	[data-drupal-selector="edit-agreements"],
	[data-drupal-selector="edit-signature-page"],
	[data-drupal-selector="edit-conformations"] {
		/* margin: 9px !important; */
		/* padding: 0px !important; */
		/* width: 100%; */
	}

	[data-drupal-selector="edit-fmcsr"] {
		margin: 0px !important;
		padding: 20px !important;
		width: 100%;
	}

	#myAccordion {
		display: block;
		width: 100%;
		/* padding: 17px; */
	}

	.row .header h2 {
		display: none;
	}

	.hdr-mobile {
		background: #CA0032;
		padding: 12px;
		color: white;
		font-weight: bold;
		font-size: -1px;
		width: 100%;
	}

	.isp-logo {
		background: #EDF1F7;
		color: #ca0032;
		/* padding: 11px 9px 9px 17px;
        */
		/* padding: 11px 9px 7px 17px;
        */
		border-right: solid 1px #a70021;
	}

	#homebtn {
		display: none;
		/* margin-top: 7px; */
		/* padding-right: 10px; */
	}

	[data-drupal-selector="edit-personal-information"] {
		/* display: none; */
		/* padding: 20px !important; */
		/* width: 50%; */
		/* margin-left: 9px !important; */
		/* margin-right: 9px !important; */
		padding-top: 20px !important;
		padding-right: 20px !important;
		padding-bottom: 20px !important;
		padding-left: 20px !important;
	}

	.progress-desktop {
		display: none;
	}

	.progress-mobile {
		display: none;
	}

	.dq-infologo-mobile {
		font-size: 17px !important;
		/* padding-top: 8px; */
		padding-left: 0px !important;
		color: #ffffff;
		font-weight: 600;
	}

	.isp-logo-mobile {
		font-size: 20px !important;
	}

	li.progress-step.is-active {
		background: #ECF6FF !important;
	}

	/* .form-select {
    width: 100%;
   }*/
	.container-inline div,
	.container-inline label {
		display: block;
	}

	.table-responsive {
		/* width:100%; */
		/* padding: 0px; */
	}

	.add-another-license {
		margin-top: 12px;
	}

	.table-responsive .table thead tr th,
	.table-responsive #employment-history-table thead tr th {/* background: #CED4DA; */color: #000000;font-weight: 500;padding: 0.5rem 0.8rem !important;padding-left: -12px!important;/* padding-left: 15px !important; */}

	thead,
	tbody,
	tfoot,
	tr,
	td,
	th {
		/* border-color: inherit; */
		/* border-style: solid !important; */
		/* border-width: 0 !important; */
		padding: 0.5rem 0.8rem!important;
		/* vertical-align: bottom; */
	}

	.progress-bar-mobile {
		overflow: hidden;
		height: 16px;
		/* margin-bottom: 20px; */
		background-color: #D9D9D9;
		border-radius: 4px;
		display: block;
		margin: 10px;
	}

	.progress-bar-status {
		background: #67C23A !important;
		padding-left: 0px;
		height: 1rem;
	}

	.progress-bar-mobile>.progress-type {
		position: relative;
		left: 11px;
		font-weight: 300;
		height: 18px;
		padding: 0px 30px 2px 5px;
		top: -20px !important;
		color: #fff;
	}

	.progress-bar-mobile>.progress-completed {
		top: 62.5px;
		position: absolute;
		right: 15px;
		font-weight: normal;
		padding: 3px 10px 2px;
	}

	.btn-danger span {
		display: none;
	}

	[data-drupal-selector="edit-actions"] {
		/*padding-bottom: 14px;*/
		/* display: flex; */
		text-align: center!important;
	}
	[data-drupal-selector="edit-container-13"]{
		    padding: 20px!important;
	}

	.btn-danger {
		/* width: 50% !important; */
	}

	div .btn-danger {
		padding: 7px !important;
		margin-top: 1px !important;
		/* margin-bottom: 7px !important; */
		/*margin-right: 5px !important; */
		padding-bottom: -3px !important;
		/* float: left; */
		width: 50%;
		/* width: 50% !important; */
		/* display: flex; */
		/* margin-right: 0px!important; */
		margin-right: 5px !important;
		margin-left: 5px !important;
	}

	.webform-button--previous,
	.webform-button--next,.webform-button--submit {
		width: 49% !important;
	}

	.snapshot-url span {
		font-size: 15px;
	}

	div p.other-info {
		padding-top: 0px;
	}

	.hdr-mobile .col-sm-2 {
		font-size: 18px;
		padding-top: 5px;
		/* padding-right: 15px !important; */
		margin-right: 10px;
	}

	.employement-history-overview-table-div {
		background: white;
		border-radius: 5px;
		padding: 0px;
		margin-top: 10px;
		margin-bottom: 25px;
		font-size: 0.9rem;
	}

	.accordion-item {
		margin: 7px;
	}

	div#edit-flexbox,
	div#edit-address {
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.accordion-button:not(.collapsed) {
		color: var(--bs-accordion-active-color);
		background-color: var(--bs-accordion-active-bg);
		box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
	}

	.accordion-body {
		padding: 0px !important;
	}

	[data-drupal-selector="edit-accident-tables-container"],
	[data-drupal-selector="edit-container-13"],
	[data-drupal-selector="edit-employment-history-table-container"] {
		/* padding: 20px !important; */
	}

	[data-drupal-selector="edit-container-05"] {
		/* margin-bottom: 82px !important; */
	}

	[data-drupal-selector="edit-fmcsr-question"] {
		margin-bottom: 40px !important;
	}

	[data-drupal-selector="edit-incidentdetails-container"] {
		padding: 20px !important;
		/* margin-bottom: -34px; */
	}

	.webform-submission-driving-career-2-add-form {
		margin-bottom: 52px !important;
		/* width: 100%; */
	}
	#mobile-ftr{
		display: none;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 25px;
		font-size: 12px;
		color: #848689;
		margin-bottom: 10px;
	}
	[data-drupal-selector="edit-license-details-container"]{
		margin-top: -12px !important;
		border-top: 0px;
		/* margin-bottom: 10px !important; */
		/* margin-bottom: 78px; */
		padding: 20px !important;
	}
	[data-drupal-selector="edit-employment-history-tab-container"]{
		background-color: #f7f9fc;
		padding: 20px;
		margin-top: -9px!important;
	}
	[data-drupal-selector="edit-violation-form-container"]{
		margin-top: -9px;
	}
	[data-drupal-selector="edit-container-05"]{
		margin-top: -9px;
	}
	.webform-submission-driving-career-2-form .mb-3 {
		/* margin-bottom: 16px!important; */
		right: 3px !important;
	}
	[data-drupal-selector="edit-welcome"], [data-drupal-selector="edit-requirements"], [data-drupal-selector="general-information"], [data-drupal-selector="license-detail"], [data-drupal-selector="edit-peronal-information"], [data-drupal-selector="edit-general-information"], [data-drupal-selector="edit-license-detail"], [data-drupal-selector="edit-military"], [data-drupal-selector="edit-license-detail-5"], [data-drupal-selector="edit-military-6"], [data-drupal-selector="edit-employer-contract-information"], [data-drupal-selector="edit-driver-training-test"], [data-drupal-selector="edit-fmcsr"], [data-drupal-selector="edit-incident-details"], [data-drupal-selector="edit-equal-employment-opportunity-information"], [data-drupal-selector="edit-accident"],[data-drupal-selector="edit-unemployment-information"], [data-drupal-selector="edit-employment-history-driving-school"], [data-drupal-selector="edit-conformations"], [data-drupal-selector="edit-agreements"], [data-drupal-selector="edit-signature-page"], [data-drupal-selector="edit-employment-history"], [data-drupal-selector="edit-violations"] {
		/*  padding-right: 25px !important; 
		  margin-top: 36px !important; */ /* commented by srihari */
		/*margin-top: 32px !important;  /* added by srihari */
		/*margin-left: 18% !important; 
		  margin-right: 26px !important; */
		/* margin-bottom: 66px; */
		margin-bottom:0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		padding: 0px !important;
		}
		[data-drupal-selector="edit-personal-information"]{
		margin-bottom :0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		}
		[data-drupal-selector="edit-fmcsr-question"]{
			padding:20px;
		}
		[data-drupal-selector="edit-signature-page"]{
			padding:20px !important;
		}
		[data-drupal-selector="edit-conformations"]{
			padding:20px !important;
		}
		.otp-holder,.login-holder{
			margin-top: 1%;
		}
		[data-drupal-selector="edit-address"]{
			margin-top: 0px !important;
		}
		[data-drupal-selector="edit-flexbox"]{
			margin-top:0px !important;
		}
		.js-form-item.js-form-type-select.form-type-select.js-form-item-license-delete.form-item-license-delete.form-no-label.mb-3 {
			margin-bottom: 0px;
		}
		[data-drupal-selector="edit-license-details-container"],[data-drupal-selector="edit-license-detail"],[data-webform-key="license_detail"]{
			margin-bottom: 0px !important;
		}
		.row .js-form-wrapper .form-wrapper{
			margin-bottom:0px !important;
		}
		[data-drupal-selector="edit-employer-contract-information-details"]{
			margin-bottom:0px !important;
		}
		[data-drupal-selector="edit-actions"] {
			margin-top: 0px !important;
		}
		[data-drupal-selector="edit-personal-information"]{
			margin-bottom:0px !important;
		}
		div#edit-personal-information--2 {
			margin-bottom: 0px !important;
		}
		.cancel_btn , [data-drupal-selector="edit-employer-contract-information-cancel-btn"]{
			/* position: relative; */
			/* right: -155px; */
		}
		.save_btn, [data-drupal-selector="edit-employer-contract-information-save-btn"]{
			/* position: relative; */
			/* right: -160px; */
		}
		.form-item-fmcsr-comment .form-textarea-wrapper , .form-item-fmcsr-comment{
			padding-left: 12px;
    		padding-right: 12px;
		}
		[data-drupal-selector="edit-employer-contract-information-details"],[data-drupal-selector="edit-driver-training"],[data-drupal-selector="edit-education-information"],[data-drupal-selector="edit-us-military-service"],[data-drupal-selector="edit-unemployment-information-container"]{
			margin-bottom: 0px !important;
		}
		[data-drupal-selector="edit-id-penalty-fine-check-all-that-apply"] label{
			padding: 0px !important;
			
		}
		[data-drupal-selector="edit-id-penalty-fine-check-all-that-apply"] input{
			margin-top: 0.35em !important;
		}
		.acr-bg {
			background: #DEE2E6!important;
			padding: 12px;
			border-radius: 0!important;
			color: #CA0032!important;
			font-weight: 500;
		}
		[data-drupal-selector="edit-id-penalty-fine-check-all-that-apply"] .js-webform-checkboxes{
			display: grid;
		}
		 #expand-Btn i.fa-solid.fa-plus {
    		right: 5px !important;
   		 	position: relative;
		}
		#collapse-Btn i.fa-solid.fa-minus {
   		 right: 5px !important;
    	position: relative;
		}
		.right-content-holder {
			width: 100%;
			height: 100%;
			border: none;
		}
		.content-holder {
			margin-top: 0;
			/* padding: 0; */
			padding-left: 10px;
			z-index: 99;
		}
		
		.left-menu-holder {
			display: none;
		}
		.table-holder {
			padding: 0;
			margin-top: 30px;
			margin-bottom: 20px;
		}
		
		.privacy-policy-holder1 {
			padding: 5px 0;
		}
		.copyright-holder1 {
			padding: 10px 0;
		}
		.header1 {
			display: none;
		}
		.hdr-mobile1 {
			display: block;
			background: #CA0032;
			padding: 12px;
			color: white;
			font-weight: 600;
			font-size: 16px;
			z-index: 99;
		}
		.mobile-btn {
			width: 93%;
			background: #F8F9FA !important;
			color: #6C757D !important;
			border: solid 1px #DEE2E6 !important;
			border-radius: 6px;
			padding: 10px 25px;
			margin: 3px 15px;
			display: block;
			font-size: medium;
		}
		.active-btn {
			background: #ECF6FF !important;
			color: #CA0032 !important;
			font-weight: 700 !important;
		}
		#homebtn1 {
			display: none;
		}
		.footer-holder1 {
			flex-direction: column;
			height: auto;
		}
		#mobile-menu {
			display: block;
			padding-top: 5px;
			max-width: 100%;
		}
		.content-holder {
			display: none;
		}
		#content-holder-myApplication{
			display: block !important;
		}
		div#content-holder-myApplication1 {
			display: block;
	}
	div#dq-my-heading {
		display: none;
	}
	i .homebtnmyapp{
		display:contents !important;
	}
		.col-sm-6.pt-2.li-text{
			text-align: inherit;
    		padding-top: 1rem !important;
		}
		.textedd {
			display: none;
		}
		.fixed-buttons{
            /* padding-left:0;*/
            display:block;
            /* left:17px; */
            }
		.webform-submission-form .col-sm-6{
			width:100%;
		   }
		   .js-form-item.js-form-type-item.form-type-item.js-form-item-conformation.form-item-conformation.form-no-label.mb-3 #collapseNine .right-content{
			padding-left: 31px !important;
		}
		.js-form-item.js-form-type-item.form-type-item.js-form-item-conformation.form-item-conformation.form-no-label.mb-3 #collapseTen .right-content{
			padding-left: 31px !important;
		}

		   .container.col-sm-6.text-end.p-0.pv-nx-btn.per-btn {
            display: flex;
            align-items: center;
            justify-content: center;
        }
		.js-form-item.js-form-type-radio.radio.form-check.js-form-item-dt-subject-to-federal-motor-carrier-transport-canada.form-item-dt-subject-to-federal-motor-carrier-transport-canada {
			display: block !important;
		}
		.js-form-item.js-form-type-radio.radio.form-check.js-form-item-dt-you-perform-any-safety-sensitive-functions-at-truck-school.form-item-dt-you-perform-any-safety-sensitive-functions-at-truck-school {
			display: block !important;
		}
		.container.col-sm-6.p-0.pv-nx-btn.per-btn {
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.mobile-info-text-box {
			margin-top: 6px !important;
			margin-bottom: 6px !important;
		}

}


@media (min-width: 992px) {
	.hdr-mobile {
		display: none;
	}
	.hdr-mobile1 {
		display: none;
	}
	

	.progress-bar-mobile,
	.progress-mobile ,#mobile-ftr{
		display: none;
	}

	.container-inline div,
	.container-inline label {
		display: inline-block !important;
	}

}

@media only screen and (max-device-width: 768px) and (orientation: landscape) {
	.hdr-mobile {
		background: #CA0032;
		padding: 12px;
		color: white;
		font-weight: bold;
		font-size: -1px;
	}
	.hdr-mobile1 {
		display: none;
	}
	.progress-desktop {
		display: none;
	}

}

@media (min-width: 769px) and (max-width: 992px) {

	.progress-mobile,
	.hdr-mobile,
	.progress-bar-mobile,.hdr-mobile1,#mobile-ftr {
		display: none;
	}
	

}
@media only screen and (max-width: 1180px) {
	.file-message{
		display: none;
	}
}

/* @media only screen and (max-width: 590px) {
    
	.progress-bar-mobile>.progress-type {
	top: 69px !important;
}
} */

/* @media (min-width: 576px) and (max-width: 768px) {

	.progress-bar-mobile>.progress-type {
		 top: 100px !important;
	}
	

} */

@media (max-width: 991px) {

	.acr-bg:not(.collapsed) {
		background: #DEE2E6!important;
		color: #CA0032;
		
	}
	
	.tab-content>.tab-pane {
		display: block;
		opacity: 1;
		margin-bottom:3px;
	  }
	  
	  .accordion-button:not(.collapsed){
	  font-weight: 500;
		color: #CA0032!important;
		background: #ECF6FF!important;
	  }
	  
	  .accordion-button{
		background: #fff!important;
		color: #000!important;
		border: solid 1px #DEE2E6!important;
		border-radius:5px;
		padding:12px;
	  
	  }
	}