body {
      background-color: #f9f9f9;
      /*#efefef*/
}

a {
      text-decoration: none;
      color: #1270c5;
      cursor: pointer;
}

img {
      max-width: 100%;
      max-height: 100%;
}

.custom-primary-bg {
      background-color: #1270c5;
}

.custom-primary-text {
      color: #1270c5;
}

.btn {
      margin-bottom: 5px;
}

.form-button .btn {
      min-width: 120px;
}

.page-loading {
      position: fixed;
      z-index: 1031;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: none;
      z-index: 99999;
}

.page-fade {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #ccc;
      opacity: 0.5;
      display: none;
      z-index: 99998;
}

.popup-page-loading {
      position: absolute;
      z-index: 1031;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: none;
      z-index: 99999;
}

.popup-page-fade {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #ccc;
      opacity: 0.5;
      display: none;
      z-index: 99998;
}

.form-group {
      margin-bottom: 1.5rem;
}

.form-group .form-label {
      margin-bottom: .25rem;
      vertical-align: middle;
      font-weight: 600;
      color: #656566;
}

.form-control,
.form-select {
      border-color: #c2c3c4;
      padding: .55rem 1rem;
}

.form-check-input,
.form-radio-input {
      border-color: #9a9b9c;
}

label.error {
      color: #dc3545;
      font-size: .875em;
}

i.fa-width {
      width: 30px;
}

i.fa-nav-width {
      width: 25px;
}

img.navbar-brand-logo {
      max-height: 50px;
      max-width: 150px;
}

.breadcrumb {
      font-size: 12px;
      font-weight: normal;
      margin: 9px 0px 5px 0px;
}

.breadcrumb a {
      font-size: 12px;
      font-weight: normal;
}

/*.dashbord:hover {
      background: #f4f4f4;
}*/

.arrow-none::after {
      display: none;
}

.alert i {
      font-size: 21px;
}

.input-group-text {
      background: #e9ecef;
      border-color: #c2c3c4;
}

.custom-toggler.navbar-toggler {
      border-color: #ffffff;
}

.card-min-height {
      min-height: 330px;
}

.select2-container--default .select2-selection--multiple {
      border-radius: .25rem;
}

.select2-container--default .select2-selection--multiple:before {
      content: ' ';
      display: block;
      position: absolute;
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 6px 5px 0 5px;
      height: 0;
      right: 10px;
      margin-left: -4px;
      margin-top: -2px;
      top: 50%;
      width: 0;
      cursor: pointer
}

.select2-container--open .select2-selection--multiple:before {
      content: ' ';
      display: block;
      position: absolute;
      border-color: transparent transparent #888 transparent;
      border-width: 0 5px 6px 5px;
      height: 0;
      right: 10px;
      margin-left: -4px;
      margin-top: -2px;
      top: 50%;
      width: 0;
      cursor: pointer
}

.badge-approval {
      width: 75px;
}

.datepicker td,
.datepicker th {
      width: 35px !important;
      height: 35px !important;
}

.datepicker table tr td span {
      width: 31% !important;
}

table.table-condensed {
      width: 100% !important;
}

.datepicker-months {
      min-width: 230px !important;
}

.datepicker-dropdown {
      min-width: 274px !important;
}

.calender-icon,
.search-calender-icon,
.calender-icon-from,
.calender-icon-to,
.calender-icon-from-all,
.calender-icon-to-all,
.calender-icon-future-from,
.calender-icon-future-to,
.calender-icon-all-dates,
.calender-icon-date-time,
.cal-icon {
      background: #ffffff url('/images/calender.png') 20px 12px no-repeat;
      background-position: right;
      background-origin: content-box;
      cursor: pointer;
      background-size: 22px;
}

.otp-form-control {
      width: 50px;
      text-align: center;
      margin: 5px 2px;
      display: inline-block;
}

.select2-container .select2-selection--multiple {
      background-image: none;
}

.input-readonly {
      background-color: #f8f9fa;
      cursor: no-drop !important;
}

/*.content-type-by-view p,
.ck-content p {
      margin: 0px;
      padding: 0px;
}*/

.wizard-progress {
      display: table;
      width: 100%;
      table-layout: fixed;
      position: relative;
      height: 58px;
      vertical-align: middle;
      padding: 7px 0px;
      border-radius: 4px;
      margin-bottom: 20px;
}

.wizard-progress .step {
      display: table-cell;
      text-align: center;
      vertical-align: top;
      overflow: visible;
      position: relative;
      font-size: 14px;
      color: #333;
      font-weight: bold;
      font-family: inherit;
}

.wizard-progress .in-progress {
      color: #2977c9 !important;
}

.wizard-progress .step:not(:last-child):before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 37px;
      background-color: #e1ecf7;
      height: 6px;
      width: 100%;
}

.wizard-progress .step .node {
      display: inline-block;
      border: 6px solid #e1ecf7;
      background-color: #fff;
      border-radius: 18px;
      height: 18px;
      width: 18px;
      position: absolute;
      top: 25px;
      left: 50%;
      margin-left: -18px;
}

.wizard-progress .step.complete:before {
      background-color: #2977c9;
}

.wizard-progress .step.complete .node {
      border-color: #2977c9;
      background-color: #2977c9;
      background-image: url('/images/correct_mark.png');
      background-position: 2px;
      background-repeat: no-repeat;
}

.wizard-progress .step.in-progress:before {
      background: #2977c9;
      background: -moz-linear-gradient(left, #2977c9 65%, #fff 100%);
      background: -webkit-linear-gradient(left, #2977c9 65%, #fff 100%);
      background: linear-gradient(to right, #2977c9 65%, #fff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2977c9", endColorstr="#fff", GradientType=1);
}

.wizard-progress .step.in-progress .node {
      border-color: #2977c9;
}

.wizard-progress .step.complete:before {
      background: #2977c9;
}

.wizard-progress .step:not(:last-child)::before,
.wizard-progress .step .node {
      box-sizing: content-box;
}

.ui-autocomplete-loading-call {
      background: white url(../images/ajax-loader.gif) 98% center no-repeat !important;
      background-size: 20px !important;
}

.ui-autocomplete {
      min-width: 250px !important;
      box-shadow: var(--bs-box-shadow) !important;
      border-radius: 10px;
      border-top-right-radius: 0px !important;
      border-top-left-radius: 0px !important;
}

.ui-autocomplete .ui-menu-item {
      padding: 10px !important;
}

.blink-message {
      background-color: #F5F5F5;
      /*transition-duration: 2s;
      transition: all 2s 1s;*/
      animation-name: example;
      animation-duration: 4s;
}

@keyframes example {
      0% {
            background-color: #F5F5F5;
      }

      25% {
            background-color: #DCDCDC;
      }

      50% {
            background-color: #F5F5F5;
      }

      75% {
            background-color: #DCDCDC;
      }

      100% {
            background-color: #F5F5F5;
      }
}

.search-icon {
      background-image: url(../images/searchicon.png);
      background-position: right;
      background-repeat: no-repeat;
      background-size: 50px;
}

.search-icon-small {
      background-size: 22px;
}

.form-control-calender-width {
      width: 140px !important;
}

.document-form-button .btn {
      min-width: 175px !important;
}

.option {
      background: white;
      border-radius: 10px;
      padding: 20px;
      width: 300px;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.2s ease-in-out;
}

.option:hover {
      transform: scale(1.05);
}

.button {
      display: block;
      width: 100%;
      padding: 15px;
      border: none;
      color: white;
      font-size: 18px;
      font-weight: bold;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 15px;
}

.single {
      background-color: #198754;
}

.multiple {
      background-color: #007bff;
}

.button:hover {
      opacity: 0.8;
}

.icon {
      font-size: 30px;
      display: block;
      margin-bottom: 10px;
}

.subtext {
      font-size: 14px;
      /* Adjust size as needed */
      color: #666;
      /* Optional: Lighter color */
      font-weight: normal;
      display: block;
      margin-top: 5px;
}

.pdf-container {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
      margin-top: 20px;
}

.all-animation {
      transition: transform 0.2s ease-in-out;
}

.all-animation:hover {
      transform: scale(1.04);
}

.bottom-right {
      bottom: 20px !important;
      right: 20px !important;
}

li.ui-menu-item:hover {
      border: 1px solid #003eff;
      background: #007fff;
      color: #fff;
}

.trumbowyg-button-pane {
      z-index: auto !important;
}

@media (max-width: 576px) {
	h5 {
	font-size: 0.9rem !important;
	}
	.form-button .btn {
		min-width: 100%;
	}
	.mt-30{
		margin-top:30px;
	}
	.frm_step {
		margin-top: 35px;
	}
	.card-body.topwizard{
		padding:5px;
	}
	.wizard-progress .step .node {
		top: 85px;
	}	
	.wizard-progress .step:not(:last-child)::before {	
		top: 97px;	
	}
      #buttons_and_progress_sec {
            position: relative !important;
			bottom: 0 !important;	
			right: 0px !important;
			width: 100%;
			
      }
	  .document-form-button .btn {
			min-width: 100% !important;
		}
	
}

@media (max-width: 470px) {
	h5 {
	font-size: 0.9rem;
	}
	.form-button .btn {
		min-width: 100%;
	}
	.mt-30{
		margin-top:30px;
	}
	.frm_step {
		margin-top: 35px;
	}
	.card-body.topwizard{
		padding:5px;
	}
	.wizard-progress .step .node {
		top: 85px;
	}	
	.wizard-progress .step:not(:last-child)::before {	
		top: 97px;	
	}
	
      #buttons_and_progress_sec {
            position: relative !important;
			bottom: 0 !important;	
			right: 0px !important;
			width: 100%;
			
      }
	  .document-form-button .btn {
			min-width:100% !important;
		}
	
}