.atl-searchBox.search {
	padding: 20px 0 20px 0;
	width: 100%;
}

 .atl-searchBox.search .collapse
,.atl-searchBox.search .clearSearch  {
	width: 100%;
}
.atl-searchBox.search .atl-search-label {
	font-size: 18px;
	font-weight: bold;
}

.atl-searchBox.search .dt-searchBox{
	position:relative;
}

.atl-searchBox.search .dt-searchBox input {
	height: 40px;
}

.atl-searchBox.search .dt-searchBox input:focus {
	box-shadow: none !important;
	border: 1px solid #ced4da !important;
}

 .atl-searchBox.search input.dt-searchButton
,.atl-searchBox.search input[type=reset]
,#atl-advSearch.search span.dt-advSearchButton {
	margin-top: 10px;
	width: 100%;
	padding: 5px;
	background-color: white;
	border-radius: 0.2rem;
	box-shadow: none;
	border: 1px solid antiquewhite;
}

 .atl-searchBox.search input.dt-searchButton:focus
,#atl-advSearch.search span.dt-advSearchButton:focus {
	outline: none !important;
}

#atl-advSearch.search span.dt-advSearchButton {
	display: block;
	text-align: center;
}

#atl-advSearch.search span.dt-advSearchButton label{
	margin: 0.2rem 0 !important;
}

#atl-advSearch.search span.dt-advSearchButton i{
	padding: 0.3rem !important;
}

.atl-searchBox.search .atlDropdown {
	padding-top: 1rem !important;
}

.atl-searchBox.search .atlDropdown .card.card-body.dropdown{
	border: none !important;
}

 .atl-searchBox.search .atlDropdown .card.card-body.dropdown label {
	font-weight: bold;
}

.atl-searchBox.search .atlDropdown .card.card-body.dropdown select {
	width: 100%;
	text-overflow: ellipsis;
	height: 40px;
	border-radius: 10px;
	padding: 5px;
	border: 1px solid #ced4da;
}

.atl-searchBox.search .atlDropdown .card.card-body.dropdown select:focus {
	outline: none !important;
}

.atl-searchBox.search.advanceSearchOpen #atl-advSearch .dt-searchButton {
	margin-top: -50px !important;
}

.atl-searchBox.search.advanceSearchClose #atl-advSearch .dt-searchButton{
	margin-top: -40px !important;
}

 .searchCheckbox .checkboxSet
,.searchRadio .radioGroupSet {
	margin-top: 30px;
	display: inline-flex;
	width: 100%;
}

 .searchCheckbox .checkboxSet .checkboxLabel
,.searchRadio .radioGroupSet .radioLabel{
	font-weight: bold;
	padding-left: 4px !important;
}

 .searchCheckbox .checkboxSet .checkboxOption
,.searchRadio .radioGroupSet .radioOption {
	padding-top: 2px !important;
	display: block;
}

.searchCheckbox .checkboxSet .checkboxOption input[type="checkbox"]{
	opacity: 0;
}

.searchCheckbox .checkboxSet .checkboxOption label{
	position: relative;
	display: inline-block;
	padding-left: 27px;
	max-width: 90%;
}

.searchRadio .radioGroupSet .radioOption{
	padding-left: 2.3rem;
}
.searchRadio .radioGroupSet .radioOption label{
	position: relative;
	display: inline-block;
	padding-left: 5px;
	max-width: 90%;
}	

.searchRadio .radioGroupSet .radioOption input{
	vertical-align: top;
	margin-top: 7px;
}

 .searchCheckbox .checkboxSet .checkboxOption label::before
,.searchCheckbox .checkboxSet .checkboxOption label::after{
	position: absolute;
	content: "";
	display: inline-block;
}

.searchCheckbox .checkboxSet .checkboxOption label::before{
	height: 16px;
	width: 16px;
	border: 2px solid #ced4da;
	left: 0px;
	top: 5px;
}

.searchCheckbox .checkboxSet .checkboxOption label::after{
	height: 5px;
	width: 9px;
	border-left: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg);
	left: 4px;
	top: 9px;
}

.searchCheckbox .checkboxSet .checkboxOption input[type="checkbox"] + label::after {
	content: none;
}

.searchCheckbox .checkboxSet .checkboxOption input[type="checkbox"]:checked + label::after {
	content: "";
}

.searchCheckbox .checkboxSet .checkboxOption input[type="checkbox"]:focus + label::before {
	outline: rgb(59, 153, 252) auto 5px;
}

 .atl-searchBox .searchCheckbox
,.atl-searchBox .searchRadio{
	margin-right: 20px;
}

.atl-searchBox .clearSearch {
	border-bottom: 2px solid #E4E8EA;
	padding-top: 1.5rem;
	padding-bottom: 3.7rem;
}

.atl-searchBox .clearSearch input[type=reset]{
	margin-left: 7px;
}

.atl-searchBox .atlDate .dateSet{
	width: 100%;
	display: inline-flex;
}

.atl-searchBox .atlDate .card.card-body{
	border: none !important;
}

.atl-searchBox .atlDate .dateSet label{
	font-weight: bold;
}

.atl-searchBox .atlDate .dateSet input{
	width: 80%;
	text-overflow: ellipsis;
	height: 40px;
	border-radius: 10px;
	padding: 5px;
	border: 1px solid #ced4da;
}

table.ui-datepicker-calendar{
	display: inline-table !important;
}


.atl-searchBox.search button.dt-closeIcon {
	background-color: transparent;
	border          : 1px solid transparent;
	cursor          : pointer;
	float           : right;
	padding         : 0;
	vertical-align  : middle;
}

.atl-searchBox.search button.dt-closeIcon:after {
	border-radius: 50%;
	color        : #ccc;
	content      : "X";
	cursor       : pointer;
	display      : block;
	font-size    : 12px;
	font-weight  : 700;
	height       : 19px;
	margin       : auto;
	position     : absolute;
	text-align   : center;
	top          : 10px;
	width        : 20px;
	z-index      : 3;
}

.atl-searchBox.search button.dt-closeIcon:focus {
	outline: none !important;
}

.atl-searchBox.search button.dt-closeIcon:focus::after {
	-webkit-box-shadow: 0 0 0.1rem 0.1rem #ccc;
	box-shadow        : 0 0 0.1rem 0.1rem #ccc;
}

input[type=search]::-ms-clear {display: none;}


@media screen and (max-width: 480px) {

	.atl-searchBox.search.advanceSearchOpen #atl-advSearch {
		margin-top: -39px !important;
	}

	.atl-searchBox.search.advanceSearchClose #atl-advSearch {
		margin-top: 20px !important;
	}

	.atl-searchBox.search{
		padding-bottom: 30px !important;
	}

	.atl-searchBox.search input.dt-searchButton {
		margin-top: 5px;
	}
	
	.atl-searchBox.search .clearSearch input[type=reset]{
		margin-left: 0;
	}
}


@media screen and (max-width: 500px) {
	.atlDate .dateSet{
		display: block !important;
	}

	.atlDate .dateSet .card.card-body{
		width: 62% !important;
	}
}


@media screen and (min-width: 481px) {
	.atl-searchBox.search.addBottomMargin {
		margin-bottom: 4.5rem;
	}

	.atl-searchBox.search.reduceBottomMargin {
		margin-bottom: 4rem;
	}

	 .atl-searchBox.search .dt-searchButton
	,.atl-searchBox.search input[type=reset] {
		max-width: 130px !important;
		float: right;
	}

	#atl-advSearch.search span.dt-advSearchButton {
		max-width: 30% !important;
	}

	.atl-searchBox.search #atl-advSearch .dt-advSearchButton {
		float: right !important;
	}
}


@media screen and (min-width: 481px) and (max-width: 768px){

	.atl-searchBox.search.advanceSearchClose .dt-searchBox {
		margin-bottom: 55px !important;
	}

	.atl-searchBox.search.advanceSearchOpen .dt-searchBox {
		margin-bottom: 0 !important;
	}

	#atl-advSearch.search span.dt-advSearchButton {
		max-width: 50% !important;
	}
}


@media screen and (max-width: 768px){

	 .searchCheckbox .checkboxSet
	,.searchRadio .radioGroupSet{
		display: block;
	}

	 .searchCheckbox .checkboxSet .checkboxOption{
		min-width: 100%;
		padding:0 !important;
	}

	.atl-searchBox.search button.dt-closeIcon:after {right:5px;}
	
	.searchRadio .radioGroupSet .radioOption{
		min-width: 100%;
		padding: 0 0 0 1.3rem;
	}

}

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

	 .atl-searchBox.search .dt-searchButton
	,.atl-searchBox.search input[type=reset] {
		height: 38px;
		margin-right: 1px;
		z-index: -1;
	}

	.atl-searchBox.search.advanceSearchClose .dt-searchButton{
		margin-top: -40px !important;
	}

	.atl-searchBox.search .dt-searchBox input[type=search]{
		border: none !important;
	}

	.atl-searchBox.search .dt-searchBox {
		border: 1px solid #ced4da !important;
		border-radius: 0.2rem;
	}

	.atl-searchBox.search.advanceSearchOpen  button.dt-closeIcon:after {right:5px;}
	.atl-searchBox.search.advanceSearchClose button.dt-closeIcon:after {right:140px;}

}

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

	.atl-searchBox.search .dt-searchBox input[type=search]{
		width:80%;
	}

	#atl-advSearch.search span.dt-advSearchButton {
		max-width: 40% !important;
	}

	 .searchCheckbox .checkboxSet .checkboxOption
	,.searchRadio .radioGroupSet .radioOption{
		min-width: 50%;
		max-width: 50%;
	}

}

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

	.atl-searchBox.search .dt-searchBox input[type=search]{
		width:87%;
	}

	#atl-advSearch.search span.dt-advSearchButton {
		max-width: 30% !important;
	}

	 .searchCheckbox .checkboxSet .checkboxOption
	,.searchRadio .radioGroupSet .radioOption{
		min-width: 33.33%;
		max-width: 33.33%;
	}
}