.page-title-box h2{
	font-size:24px
}

.authentication-bg {
    background-image: url(../images/auth-bg-1.jpg);

}

.project-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 15px 0;
  justify-content: space-between;
}

.project-wrap .card{
	height:100%
}
.project-wrap .card .box-content{
display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px 0;
  height:100%
}

.allocate-hours{
	cursor:pointer;
	}
	.dataTables_paginate ul {
  padding: 0;
  list-style-type: none;
  display: flex;
  gap: 10px;
  margin: 0;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

.dataTables_paginate ul .active {
  background-color: #3980c0;
  color: #fff;
  font-weight: 500;
  border-color: #3980c0;
  border: none !important;
  border-radius: 30px !important;
  margin: 0 5px;
  border: none;
  min-width: 32px;
  height: 32px;
  padding: 0;
  text-align: center;
  line-height: 32px;
  display: inline-block;
}
.dataTables_paginate ul .active a{color:#fff !important}
.dataTables_wrapper .row-fluid {
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.dataTables_wrapper .row-fluid  .dataTables_filter input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #d2d6dc;
    border-top-color: rgb(210, 214, 220);
    border-right-color: rgb(210, 214, 220);
    border-bottom-color: rgb(210, 214, 220);
    border-left-color: rgb(210, 214, 220);
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.45;
  outline: none;
  padding: 8px 13px;
}
.dataTables_length select{
  padding: 8px 30px 8px 10px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 12px 12px;
  border: 1px solid rgb(210, 214, 220) !important;
  border-radius: 6px;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23061e2c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.dataTables_filter label, .dataTables_length label{
text-transform: capitalize;
  font-weight: 400;
}

.breadcrumb-item>a {
    color: #adb5bd;
}
.breadcrumb-item.active ,.breadcrumb-item.active a{
    color: var(--bs-breadcrumb-item-active-color);
}
.breadcrumb-item + .breadcrumb-item::before {
  padding-top: 3px;
  height: 18px;
}

.form-check  input{
	opacity:1 !important
}

.btn.btn-close.btn-round{
	display:none !important
}

.mw-150px{
	max-width:150px
}

.nav-justified .nav-item {
  flex-basis: auto !important;
}
.wrap-checkbox input{
opacity: 1 !important	
}

.nav-tabs-custom .nav-item.active .nav-link {
  color: #3980c0;
  background-color: rgba(57,128,192,.3);
}
.wrap-upload {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center;
}

.wrap-upload input {
  position: absolute;
  height: 44px;
  z-index: 1;
  cursor: pointer;
  top: 0;
  width: 110px;
  margin-left: -110px;
}
.wrap-upload span{font-style: italic;
  margin: 0 5px;}
  .choose-time select{
	  border-radius: 0 .25rem .25rem 0 !important;
	  border-left:none
  }
    .choose-time input{
		border-radius: .25rem 0 0 .25rem !important;
	}
	
	#result {
  margin: 15px 0 0;
  height: auto;
  width: auto;
  display: inline-block;
  vertical-align: top;
  border: none;
  -webkit-box-shadow: 0 0 3px;
  box-shadow: none;
  border-radius: 0;
}
.d-flex.flex-wrap.gap-2 .form-check {
  width: 100%;
}
  .h2, h2 {
    font-size: 1.30rem;
  }
  
.select2-selection.select2-selection--multiple{
  width: 100%;
  padding: .47rem 1.75rem .47rem .75rem;
  -moz-padding-start: calc(.75rem - 3px);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23384861' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #e2e5e8 !important;
  border-radius: .25rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.logo-sm{overflow:hidden}
.main-content > hr{
	height:0
}

@media (min-width: 769px) {
  body[data-sidebar-size="sm"] {
    min-height: auto !important;
  }
}
.cst-btn-group{    border:1px solid #4bafe1;border-radius:4px;overflow:hidden}
.cst-btn-group .radioButton:first-child{
	border-right:1px solid #4bafe1
}
.radioButton {
  width: 110px;
  height: 38px;
  position: relative;
  padding:0;

}
.radioButton label,
.radioButton input {
  display: block;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.radioButton input[type="radio"] {
  opacity: 0 !important;
  z-index: -0;
}

.radioButton span.checked {
  background: #4bafe1;
  width: 110px;
  height: 40px;
  display: block;

  
}

.radioButton label {
  cursor: pointer;
  z-index: 90;
  width: 110px;


}





.buttonRadio {
  width: 110px;
  height: 40px;
  position: relative;
  padding:0;
    border: 1px solid #4bafe1;

	overflow:hidden
}

.buttonRadio label,
.buttonRadio input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.buttonRadio input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.buttonRadio input[type="radio"]:checked + label {
  background: #4bafe1;
    width: 110px;
	border-radius: 0;

}

.buttonRadio label {
  cursor: pointer;
  z-index: 90;
  width: 110px;
  border:none

}
.buttonRadio input {
  display: block;
  position: absolute !important;
  top: -3px;
  width: 110px;
  height: 40px;
  border-radius: 0 !important;
  opacity: 0 !important;
  z-index: 9999 !important;
}
.ctm-radio-group .buttonRadio:first-child{
	border-radius:4px 0 0 4px
}
.ctm-radio-group .buttonRadio:last-child{
	border-radius:0 4px 4px 0;
	border-left:none
}