/**
 * Public users related english compatible styling stylesheet.
 * styles/styles-en.css
 *
 * @copyright (c) 2021 Naua for sustainable development and UNICEF Jordan
 * @link https://www.nahno-volunteers.com
 * @since 2017-01-20
 *
 * @author Mazen Khatib <mazen.khatib@gmail.com>
 * @author Yazan Daradkeh <yazan@naua.org>
 * @author Haya Salti <haya@insalat.com>
 * @author Hamzeh Oweis <hamzeh@insalat.com>
 * @author Mohammad Khashashneh <khashashneh@insalat.com>
 * @author Duaa Alsaleh <duaa@insalat.com>
 *
 */


/****************************** general */
.en {
	/* font-family: Open Sans, Helvetica !important; */
}

.en .en-dir input, .en .en-dir textarea, .en .en-dir select {
	font: normal 16px Tahoma, Helvetica;
	box-sizing: border-box;
	direction: ltr;
}

.en button {
	/* text-transform: uppercase; */
}

.en .left {
	float: left;
}

.en .right {
	float: right;
}

/****************************** titles, buttons */

.en .en-dir {
	direction: ltr;
}

/****************************** header */
.en .header-container {
	direction: ltr;
}

.en .header {
	width: 1170px;
	min-height: 70px;
	/* position: fixed; */
	margin: 0 auto;
	top: 0;
	z-index: 100;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px 15px;
}


.en .header-logo {
	position: relative;
	margin: 0px;
}

.en .header-menu {
	right: 36%;
	margin: 0px;
}

.en .header-left {
	position: relative;
	margin: 0px;
	display: flex;
	flex-direction: row;
}

.en .header-search input[type=text] {
	top: 6px;
	left: 36px;
	padding: 0px 5px;
}

.en .header-profilepic {
	margin-top: 0px;
}

/* user menu, project menu */
.en .user-menu {
	right: 64px;
}

.en .user-menu ul, .en .project-menu ul {
	right: -49px;
	left: unset;
}

.en .user-menu-tip, .en .user-menu-tip-top, .en .project-menu-tip, .en .project-menu-tip-top {
	top: -7px;
	right: -39px;
	left: unset;
}

/* explore (header) */
.en .explore-categories-mobile .explore-icon {
	float: left;
}

.en .explore-categories-mobile .explore-category {
	margin-left: 13px;
	margin-right: 0px;
	float:left;
}

/****************************** footer */
.en .footer {
	direction: ltr;
	text-align: left;
}

.en .footer-content {
	text-align: left;
}

.en ul.footer-menu {
	text-align: left;
}

.en ul.footer-menu li {
	float: left !important;
	text-align: left;
}

.en .footer-menu-title {
	text-align: left;
}

.en ul.footer-menu-sub {
	text-align: left;
}

.en ul.footer-menu-sub li {
	text-align: left;
}

.en ul.footer-menu-sub li a {
	text-align: left;
}

.en .copyright {
	float: left !important;
	text-align: left;
}

.en .support {
	margin-left: 0px !important
}

.en .header-menu-mobile {
	right: 0px;
}

/****************************** home */

/* project slider (favorites, trending, newest, ending) */

.en .home-project-progress-stat1 {
	float: right;
	direction: ltr;
}

.en .home-project-progress-stat2 {
	direction: ltr;
}

.en .home-project-progress-stat2:after {
	clear: both;
}

.en .search-project-progress-stat1{
	direction: ltr;
}
/****************************** Volunteer */
.en .explore-inner-categories li{
	min-width: 70px;
	width:auto;
	margin: 0px 2px;
}
/****************************** NGO */

/* contact popup */

.en .contact-field.space {
	padding-right: 50px;
	padding-left:0px;
}

/****************************** user */

/* recent activity */

.en .user-activity-info {
	direction: ltr;
}

/****************************** mobile (restyling) */

@media only screen and (min-width: 320px) and (max-width: 667px) {
	/****************************** header */
	.en .header-mobile a.signin {
		margin-top: 0px;
	}

	.en .header-margin {
		height: 0px;
	}

	.en .header-menu {
		position: relative;
		right: 0px;
		width: 20%;
   		margin-right: 10px;
	}

	.en .header {
		display: none !important;
	}

	.en .header-container-mobile {
		direction: ltr;
	}

	.en .header-mobile {
		display: flex;
		/* flex-direction: row-reverse; */
		justify-content: space-between;
		align-items: center;
	}

	.en .header-logo {
		margin-left: 10px;
	}

	/* .en .header-profilepic {
		position: absolute;
		top: 2px;
		right: 70px;
	} */

	/* user menu, project menu */
	.en .user-menu {
		left: 57px;
	}

	.en .user-menu ul, .en .project-menu ul {
		right: 9px;
	}

	.en .user-menu-tip, .en .user-menu-tip-top, .en .project-menu-tip, .en .project-menu-tip-top {
		right: 21px;
	}

	.en .user-menu-tip-top, .en .project-menu-tip-top {
		right: 21px;
	}

	/****************************** footer */
	.en .footer {
		text-align: left;
	}
	
	.en .footer-content {
		text-align: left;
	}
	
	.en ul.footer-menu {
		text-align: left;
	}
	
	.en ul.footer-menu li {
		float: left !important;
		text-align: left;
	}
	
	.en .footer-menu-title {
		text-align: left;
	}
	
	.en ul.footer-menu-sub {
		text-align: left;
	}
	
	.en .copyright {
		float: left !important;
		text-align: left;
	}
	
	.en ul.footer-menu-sub.video-support-section {
		margin: 17px 0 0 0 !important;
	}
	
	.en dl.footer-menu-sub.video-support-section {
		margin: 17px 0 0 0 !important;
	}
	
	.en #video-support-section {
		margin: 17px 0 0 0 !important;
	}
}

.en .pagination-all-pages {
	direction: ltr;
}

.en .main {
    direction: ltr !important;
}
.en .explore-inner-categories li {
    float: left;
}
.en ul.explore-tabs li {
    float: left;
}
.en .explore-tabs-block {
    width: auto;
}
.en .search-project-cover {
    float: left;
	margin: 0px 50px 0 0;
}
.en .search-project-category {
    right: unset;
    left: 0;
    margin: 0px 15px 0 0;
}
.en .search-project-details {
    float: left;
}
.en .search-project-progress-stat1{
    float: left;
	margin: 7px 0px;
}
.en .search-project-location-div {
    display: flex;
    align-items: center;
    /* float: right; */
    /* margin-top: -60px; */
}
.en .search-project-location {
    margin-top: 10px;
}
.en .project-block-left {
	margin-right: 10px;
    float: left;
}
.en .project-block2 {
    padding: 15px 40px 35px 0px;
}
.en .project-block2 {
    padding: 15px 40px 35px 0px;
}
.en #project-detail-summary-sdg {
    width: 100%;
    float: left;
}
.en ul.project-tabs, .en #project-detail-summary, .en #project-detail-comments, .en #project-detail-followers {
    float: left;
}
.en .project-tabs-block {
    width: 100%;
}
.en ul.project-tabs li{
    margin: 0 45px 0 0 ;
}
.en .project-follower-pic{
	float: left;
	margin: 0px 20px 20px 0px;
}
.en #project-detail-followers,.en .project-title-header ,.en .project-desc{
	padding-left:0px;
}

.en #main_login {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.en #main_login .block-third {
    float: none;
    margin-left: 0;
    margin-right: 0;
}

.en #main_login .block-third:first-child {
    margin-right: 3.5%;
}
.en.partner-logos h3 {
    text-align: left;
}
.en ul.uni-tabs li, .en ul.ngo-dashboard-tabs li {
    float: left;
    padding: 20px 0 17px 0;
    margin: 0 20px 0 0;
}
.en .circle-users-count {
    float: right;
}


.en  .ms-options-wrap{
	direction:ltr !important;
}
.en .ms-options-wrap > .ms-options > ul{
	direction: ltr !important;
}
.en .ms-options-wrap > .ms-options > ul label {
    padding: 4px 10% 4px 25px !important;
}
.en  .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    right: 90% !important;
}
.en .volunteers-close {
    right: 19px !important;
    left: unset !important;
}
.en .volunteer-tabs {
    direction: ltr;
}
.en .impact{
	float:right;
 }
 .en .footer .partner-logos{
	text-align: left;
 }
 
 .en .footer-align {
	 text-align: left;
 }
 
 .en .conatiner-logos {
	 justify-content: flex-start;
 }
 
 .en .footer-social {
	 text-align: left;
	 margin-left: 0;
	 margin-right: auto;
 }
 
 .en #implemented h3 {
	 text-align: left !important;
 }
 
 .en ul.footer-menu li.edge {
	 float: left !important;
 }
 
.en .footer-list-container {
	 text-align: left;
}

.en .video-support-section {
	 text-align: left !important;
}

.en ul.footer-menu-sub.video-support-section {
	 margin: 17px 0 0 0 !important;
	 text-align: left !important;
}

.en dl.footer-menu-sub.video-support-section {
	 margin: 17px 0 0 0 !important;
	 text-align: left !important;
}

.en #video-support-section {
	 margin: 17px 0 0 0 !important;
	 text-align: left !important;
}

.en .video-support-section dt {
	 text-align: left !important;
}

.en .video-support-section dd {
	 text-align: left !important;
}

.en .video-element {
	 text-align: left !important;
}

.en dl#video-support-section dt,
.en dl#video-support-section dd {
	 /* margin-left: 0 !important; */
	 text-align: left !important;
}
 
 .en .main_login_back{
	direction: ltr !important;
 }
 .en .main{
	direction: ltr !important;
 }
 .en .wizard-field input {
	direction: ltr;
	text-align: left !important;
	padding-top: 10px;
}
.en .ProgressBar-step:before{
	right: 50%;
	left:unset;
}
.en .vertical-divider{
	border-left: 1px solid #ccc;
	border-right: unset;
}
.en .user-profilepic{
	float: left;
}
.en .user-tag {
    float: left;
    margin-left: 20px;
}
.en .user-info {
    margin-left: 46px;
}
.en .follow-block {
    right: 4%;
}
.en ul.user-tabs {
    float: left;
}
.en ul.user-tabs li {
    margin: 0 40 0 0px;
}
.en .search{
	padding-left: 50px;
	padding-right: 0px;
}
.en .uni-search-icon{
	left:-1;
}
.en .dialog-close{
	right:19px;
	left:unset;
}

.en #students-list td,.en #students-list th,.en #students-confirm-table td,.en #students-confirm-table th {
    text-align: center;
}
.en .dashboard-menu {
    right: 25%;
	left:unset;
}
.en .circle-users-count {
    margin-top: -10px;
}
.en #project-detail-comments {
    padding: 15px 50px 15px 0px;
}
.en .project-comment-pic{
	float:left;
	margin: 5px 20px 0 0;
}
.en .project-comment-details {
    float: left;
}
.en .project_vip-guidelines li {
    background-position: 0% 0.4em !important;
	margin:0 0 0 35px;
}
.en .wizard-field-container {
    margin: 23px 2% 23px 0px;
}
.en .user-edit{
	right: 0;
	left: unset !important;
	margin-right: 44px;

}
.en .select2-container .select2-selection--single .select2-selection__rendered{
	text-align:left !important;
	padding-left:20px !important;
}

.en .sdg {
    float: left;
}

.en .select2-results__option {
    text-align: left;
}
.en .applied-filters,.en .applied-filter-payment {
    left: unset;
    top: unset;
}

.en .applied-filters,.en .applied-filter-payment {
    left: unset;  
	right: -5%;
    top: -10px;
}
.en #total-impact-category,.en #monthly-impact-category {
    left: 0%;
    top: 38%;
}
.en .project-comment-footer .link{
	margin-left: 10px !important;
}
.en .not-complete {
    right: 5%;
    text-align: right;
	left : unset !important;
}
.en .settings-close{
	right: 19px;
	left: unset !important;
}
.en .iti--allow-dropdown .iti__flag-container {
    right: 0;
    left: unset;
}
.en .project-close{
	right: 19px;
	left: unset;
}
.en .ngo-tag {
    margin-right: auto;
    margin-left: unset;
}
.en .user-notification {
    right: 71px;
	left:unset;
}
.en .user-notification-tip-top{
	right: 25px;
	left: unset;
}
.en .count-tooltip {
    padding: 8px 12px 7px 3px !important;
}
.en ul.user-following-tabs li {
    float: left !important;
    margin: 0 40px 0 0!important;
}
.en button span{
    text-transform: lowercase !important;
}
.en #download_applicants{
	/* width: 100%; */
    margin: 0 auto;
    margin-bottom: 15px;
}
.en .volunteer-info {
    border-right: 2px solid #ccc;
    border-left: unset;
    padding-right: 20px;
}
.en .flag-close {
	left:unset;
    right: 19px;
}
.en .ngo-desc-block {
    float: left;
}
.en ul.ngo-tabs , .en ul.ngo-tabs li{
    float: left ;
}
.en .ngo-social {
    float: right;
}
.en ul.ngo-tabs li{
	margin: 0 40px 0 0;
}
.en .ngo-board-wrap {
    float: left;
}
.en ul.ngo-board-info {
    float: left;
	margin: 0px 0px 0px 25px;
}
.en .ngo-board-del,.en  .impact-del,.en  #step-11-photos .photo-cell .photo-del {
    left: unset;
    right: 10px;
}
.en  #ngo_editor .impact-cell, .en  #ngo_editor .impact-cell2,.en  #compnay_editor .impact-cell {
    text-align: left;
}
.en #ngo_editor .ngo-member-input {
    left: 575%;
    right: unset;
}
.en #ngo_editor .description-div {
    margin-left: 22%;
    margin-right: unset;
}
.en .ngo-follower-pic {
    float: left;
	margin: 5px 20px 0 0 ;
}
.en .ngo-follower-details {
    width: auto;
    float: left;
}

.en .header-search{
	direction: rtl;
}
.en .ngo-contact{
	float: right;
}
.en .resend-email{
	cursor: pointer;
}
.en .opportunity_info{
	padding-left: 30%;
	padding-right: 0;
}
.en .search-ngo-cover{
	float: left;
}
.en .search-ngo-details{
	float: left !important;
	margin-left:50px;

}
button.next.wizard-button.button-small{
	float: right !important;
}
.ProgressBar-step.is-complete+.ProgressBar-step.is-current:after, .ProgressBar-step.is-complete+.ProgressBar-step.is-complete:after{
	width: unset !important;
}
.en .ms-options-wrap > button:after {
    right: unset !important;
    left: 90% !important;
}
.en .ms-options-wrap > button > span {
    direction: ltr;
    float: left;
}
.en textarea {
    text-align: left;
}
.en .user-follower-pic {
    margin: 5px 20px 0 0px;
    float: left;
}
.en .user-follower-details {
    float: left;
}
.en .search-user {
    padding: 40px 50px;
    padding-left: 30px;
    padding-right: unset;
}
.en .search-user-pic {
    margin: 5px 20px 0 0px;
    float: left;
}
.en .search-user-details {
    width: auto;
    float: left;
}
.en .search-users-sign {
    left: -150px;
}
.en .ms-options{
	direction: ltr;
}
.en #ui-datepicker-div{
	direction: ltr;
}
.ngo-emergency-title{
	margin-right: 20px;
	margin-left: 0px;
}
.en .search-project-progress-done{
	float: left;
}
.en .home-project-progress-done{
	float: left;
}
.en .restricted_areas_container, .en .project-online-link {
    margin-top: 20px;
}
ul.parsley-errors-list{
	margin-top: 8px!important;
}
.en .left-foryou{
	text-align: left;
}
.en textarea#ngo-description {
    direction: rtl !important;
    text-align: right;
}
.en #settings-phone{
	direction: ltr !important;
}

.en .select-img{
	margin-right: 0px!important;
	width: 21px!important;

}
.en .fix-width-en{
	min-width: 135px;
}
h3.tab-title{
	text-align: center!important;
}
.hide-btn-div{
    gap: 6rem!important;
}

.mobile-filters {
    right: auto!important;
}
/* .en .mobile-filters {
	height: 77%;
} */
 .en .mobile-filters{
	height: 89%;
 }
 .en .hide-btn-div > span {
 padding-top: 7px;
}

@media only screen and (min-width: 320px) and (max-width: 667px) {
	.en .floating-button{
        padding: 7px 20px;
		direction: ltr;
		/*bottom: 35px;*/
	}
	.en .floating-button i.fa.fa-sliders {
 		margin-bottom: 6px;
	}
	.en .hide-btn-div {
		gap: 5rem !important;
        margin: 4px 0px;
	}
	.en .hide-button{
        padding: 5px 20px;
	}
	.en .search-btn-mobile{		
        padding: 10px 30px 0px 13px;		
		height: 35px;
	}
	.en .select-column select option{
		direction: ltr;
		text-align: left;

	}
	.en .title-large {
		font-size: 21px;
	}
	.en .explore-inner-container {
		padding-top: 40px!important;
	}
	.en .btn-reset-filter-mobile i {
        padding-top: 0px; 
        padding-bottom: 4px;
    }
	.en .icon-circle{
		margin-top: 0px; 
	}
}
.pt-10{
	padding-top: 1px!important;
}
.pb-7 {
	padding-bottom: 0px!important;
}