.search-top-row, .search-bottom-row {display: flex;}
.search-bottom-row { margin-top: 30px; }
.search-top-row .form-group,
.search-bottom-row .form-group {width: 100%; margin-left: 45px;}
.search-top-row .form-group.has-max,
.search-bottom-row .form-group.has-max {max-width: 190px;}
.search-top-row .form-group:first-child,
.search-bottom-row .form-group:first-child {margin-left: 0;}

.submit-button-container{display: flex;justify-content: space-evenly;}
.submit-button-container .btn{width: 100%;}

#elarning-form .search-top-row .form-group.has-max,
#public-online-form .search-top-row .form-group.has-max {
	max-width: 525px;	
}

.reset-link{position: relative;font-size: 14px;line-height: 18px;text-align: center;margin-top: 12px;}
.reset-link a:hover{color: #fff; text-decoration: underline;}
.nav-tabs.cf-tabs{display:none;}

@media(min-width:768px) {
.nav-tabs.cf-tabs { display: flex; justify-content: space-between; }
.cf-tab-content .card { border: none; }
.cf-tab-content .card .card-header { display: none; }
.cf-tab-content .card .collapse { display: block; }
}

@media(max-width:767px){
.cf-tab-content.tab-content > .tab-pane{display:block!important;opacity:1;}
}
.ui-widget.ui-widget-content{border: 0 !important; padding: 0;}
.cf-tab-content .card {background: transparent !important; border-radius: 0; border: 0!important;}


.tab-content.cf-tab-content{background: var(--blue)!important; color: var(--white)!important; border-radius: 0 0 12px 12px;}
.tab-content.cf-tab-content .card-body{padding: 44px 25px;}
.cf-tab-outer .nav-tabs .nav-item{width: 30%;}
.cf-tab-outer .nav-tabs .nav-link{background: #E8EAEE;font-size: 22px;line-height: 1;font-weight: 700;color: var(--grey);font-family: var(--primary-font);border: 0;border-radius: 12px 12px 0 0;padding: 15px; width: 100%; height: 100%; min-height: 60px; text-align: center; margin: 0; display: flex; align-items: center; justify-content: center; }
.cf-tab-outer .nav-tabs .nav-link:hover, .cf-tab-outer .nav-tabs .nav-link.active{color: var(--dark-blue); background: var(--blue);}
.cf-tab-outer .form-control{font-weight: 400; color: #000; border: solid 2px #fff;}
.cf-tab-outer .form-control::placeholder{color: #000; opacity: 1;}
.cf-tab-outer .form-control:focus{border-color:var(--orange) !important; }
.cf-tab-outer .btn{height: 44px; display: flex; align-items: center; justify-content: space-between;}

.cf-tab-outer .fld-dates.form-control{ background-image: url(../../include/images/calendar-icon.svg); background-repeat: no-repeat; background-size: 26px auto; background-position-x: calc(100% - 12px); background-position-y: 7px; padding-right: 45px; }

.dudp__wrapper[data-theme=blue] .dudp__calendar-header{background: var(--blue) !important; color: var(--dark-blue);}


/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { 
	.search-top-row .form-group,
	.search-bottom-row .form-group {margin-left: 15px;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
	.cf-tab-outer .nav-tabs .nav-link{font-size: 20px;}
	.search-top-row{flex-wrap: wrap; margin-bottom: -22px;}
	.search-top-row .form-group,
	.search-bottom-row .form-group{margin-left:0; padding: 0 10px;}
	.search-top-row .form-group{width: 33.333%}
	.search-top-row .form-group:nth-child(1), .search-top-row .form-group:nth-child(2){width: 50%;}
	.submit-button-container{width: 33.333% !important;}
	.search-top-row .form-group.has-max{max-width: 250px;}

	#tabs-3 .submit-button-container{margin-left: auto;}
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){ 

	.cf-tab-outer .card-header{padding: 0; border: 0; background: #E7E9ED; border-radius: 0;} 
	.cf-tab-outer .card-header a{padding: 18px 20px;color: var(--grey);width: 100%;font-size: 20px;line-height: 24px; position: relative;}
	.cf-tab-outer .card-header a:not(.collapsed){color: var(--dark-blue); background: var(--blue);}

	.tab-content.cf-tab-content{background: transparent !important;}
	.tab-content.cf-tab-content .card-body{background: var(--blue) !important; color: var(--white);}
	.cf-tab-content .card + .card{margin-top: 7px;}
	.cf-tab-outer .card-header a::before, .cf-tab-outer .card-header a::after {content: " ";width: 26px;height: 4px;background-color: var(--orange);display: block;
     position: absolute;top: 50%;right:0;transition:var(--custom-ease); opacity: 1;border-radius: 20px;}
    .cf-tab-outer .card-header a::before { transform: translate(-50%, -50%) rotate(90deg);}
    .cf-tab-outer .card-header a::after {transform: translate(-50%, -50%);}
    .cf-tab-outer .card-header a:not(.collapsed)::before{display:none;} 

    .cf-tab-content .card:first-child{border-radius: 12px 12px 0 0 !important; overflow: hidden;}
    .cf-tab-content .card:last-child{border-radius: 0 0 12px 12px !important; overflow: hidden;}
    .tab-content.cf-tab-content .card-body{padding: 20px;}

    .btn.disabled, .btn:disabled, .btn.disabled:hover, .btn:disabled:hover {background: #999 !important;}

    .search-top-row, .search-bottom-row {flex-flow: column;}
    .search-top-row .form-group,
    .search-bottom-row .form-group{ padding: 0; width: 100% !important; }
    .search-top-row .form-group.has-max,
    .search-bottom-row .form-group.has-max{ max-width: 100%; }

    .search-bottom-row {
	    margin-top: 22px;
	}
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){

}

/* ======================================================
! Extra small devices (portrait phones, less than 360px)
====================================================== */
@media (max-width:359.98px) {  
}