#s4-bodyContainer * {
    font-family: Avante
}


/*Header*/

#header .mainLogo {
    float: left
}

#header .mainLogo img {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 2px solid #f8f0e4;
    float: left
}

#header .headerLinks {
    float: left
}

#header .headerLinks a {
    float: left
}


/**Login**/

span.sepLogInOrRegister {
    float: left;
}

.userActions {
    float: right;
}

.userActions .dropdown-menu {
    left: 0
}

.userActions span[id*=LoginName]::after {
    margin-left: .255em;
}

#divPassword .glyphicon,
#divConfirmPassword .glyphicon,
#divOldPassword .glyphicon,
#divNewPassword .glyphicon,
#divConfirmNewPassword .glyphicon {
    left: auto;
    right: 0;
}

#header .headerSocialMedia {
    float: left
}

#header .headerSocialMedia a {
    margin-right: 5px
}

#header .mainSearch {
    float: left;
    padding: 10px 15px 10px 0
}

#header .langSwitcher {
    float: left
}

#header .mainSearch .searchBox a {
    left: 14px;
    background: url("/Style Library/Images/searchBoxIcon.png") no-repeat;
}


/*Footer*/

.footerLogo img {
    margin-right: 15px
}


/*Mega Menu*/

#megaMenu .nav.navbar-nav>li {
    border-right: 2px solid rgba(0, 0, 0, 0.24);
    float: left
}

#megaMenu .nav.navbar-nav>li:last-child {
    border-right: 0
}


/*Banner*/

.homeCarouselCont .bannerDesc {
    left: 40px;
}

.homeCarouselCont .carouselNav {
    right: 40px
}

.prevBanner {
    transform: rotate(180deg)
}

#featuredCarousel .bannerItem h2 {
    left: 30px
}


/*Quick Map*/

#quickMap {
    background: url('/Style Library/Images/mapHomeEN.jpg') no-repeat;
    background-size: cover;
}

#quickMap .exploreOption {
    float: left
}

#quickMap .exploreOption+.Or {
    float: left
}

#quickMap .dropdown-toggle {
    text-align: left
}

#quickMap .exploreOption .dropdown-menu li input {
    margin-right: 5px
}

#quickMap .exploreOption .dropdown-menu {
    left: 0
}

.caret {
    float: right
}


/*Explore Opportunities*/

#exploreOppCont #showMap,
#exploreOppCont #hideMap {
    float: right
}

#exploreMainSection .searchBox p {
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
    float: left
}

#exploreMainSection.shrink .searchBox p {
    padding-right: 5px
}

#exploreMainSection.shrink .searchBox .searchBtns .genBtn {
    margin-left: 0;
    margin-right: -3px
}

#exploreMainSection.shrink .searchBox .searchBtns .dropdown>a {
    margin-left: 5px;
}


/*exploreMainSection .searchBox img{float:left}*/

#exploreMainSection .searchBox p#TYPEKEYWORD:before {
    float: left;
    margin: 0 5px 0 15px
}

#exploreMainSection .searchBox input {
    float: left
}

#exploreMainSection .searchBox .searchBtns {
    /*float:right;*/
    right: 0;
}

#exploreMainSection .searchBox .searchBtns .genBtn {
    margin-left: 10px
}

#advancedSearchCont .filtersColumn {}

#advancedSearchCont .sortResultsCont {
    float: left
}

#advancedSearchCont .sortResultsCont h3:before {
    float: left;
    margin-right: 7px
}

#advancedSearchCont h3#Advancedsearch {
    margin-left: 15px
}

#advancedSearchCont h3#Advancedsearch:before {
    float: left;
    margin-right: 7px;
}

#advancedSearchCont #reset {
    float: right
}

#advancedSearchCont .filtersColumn button {
    text-align: left;
    padding-left: 0
}

#advancedSearchCont .sortResultsCont input {
    margin-right: 5px
}

#searchListingPaging #backToSearch {
    float: left
}

#exploreOppCont #searchListingPage {
    float: right
}

#advancedSearchCont .filtersColumn .dropdown-menu {
    left: 0
}

#advancedSearchCont .filtersColumn .dropdown-menu li input {
    margin-right: 5px
}

#advancedSearchCont .filtersColumn .dropdown-menu li.firstLi label {
    padding-left: 0
}

#exploreOppCont .tab-content .tabTitle {
    border-left: 4px solid #880a0f
}


/*Shrink*/

#exploreOppCont .shrink {
    float: left
}

#exploreOppCont .shrink .devProjects .iconsContainer {
    right: 12px;
}

#exploreOppCont .shrink .devProjects .icon {
    /*float:right*/
}

#exploreOppCont .shrink .devProjects .readMoreDots {
    /*margin: -2px 2px 5px 25px; right:15px*/
}

#exploreOppCont .shrink .devProjects .mapIco-table-selection-cell {
    /*margin-left: 0; right:40px*/
}

#exploreOppCont .shrink .devProjects .bid-results {
    /*right:90px*/
}

#exploreOppCont .shrink .devProjects .mapIco-online-booking {
    /*margin-left: 0; right:65px*/
}

#exploreOppCont .shrink .devProjects .icon-downloadPDF {
    /*right:65px*/
}

#exploreOppCont .shrink .panel-heading.HeaderRedBorder {
    border-left-color: #880a0f
}


/*Results Listing*/

#exploreOppCont #searchListing {
    float: left
}

#searchFiltering .listItem img,
#searchListing .listItem img {
    float: right
}

#advancedSearchCont.advanced-search-cont .filtersColumn input {
    margin: 0;
}

#advancedSearchCont.advanced-search-cont .filters-column {
    right: 30px;
    left: auto;
}

#advancedSearchCont.advanced-search-cont #reset {
    margin-left: 20px;
    margin-right: 0;
}


/*sectors and Geo*/

#exploreOppCont #sectorsandgeographies {
    float: right;
    margin-left: 3%
}

#sectorsandgeographies #sectors .item img,
#sectorsandgeographies #govs .item img {
    float: left;
    margin-right: 15px
}


/*map*/

#exploreOppCont #map {
    left: 0
}

#BasemapToggle {
    right: 10px
}

#map #fullScreen {
    left: 8px
}

#map .esriSimpleSliderTL {
    left: 43px;
}

#map .esriSimpleSliderTL .esriSimpleSliderIncrementButton {
    left: 90px
}

#map .esriSimpleSliderTL .esriSimpleSliderDecrementButton {
    left: 125px
}


/*Gov Stats*/

#governoratestatistics .govStatsBox .highcharts-label,
#oppourtunityDetails #gov .detailsBox .govAttr span {
    text-align: left;
}


/*Map Popup*/

.mainSection .invPopupImg {
    float: left;
    margin-right: 10px
}

.mainSection .invPopupContent {
    float: left;
    padding-right: 10px;
}


/**Popup Buttons**/

.popupActions a {
    float: right;
    /*margin-left:5px*/
}


/*.popupShowMore{right:0}*/


/*#btnProjectSearch{right:35px}*/


/*.viewProfileBtn{right: 40px;}*/

#btnGovProfile,
#btnProProfile {
    right: 0
}

#cboxClose {
    right: 10px
}

#colorbox.utubePopup,
#colorbox.utubePopup #cboxWrapper {
    right: 0 !important
}

.landmarkPopupName {
    padding-right: 40px
}


/*#cboxClose.smallPopup{right:165px}*/


/*Classic View*/

#searchFiltering .listItem .listItemContent,
#searchListing .listItem .listItemContent {
    float: left;
    margin-right: 10px
}


/* Summary reports */

#searchListing .table td {
    text-align: left
}


/*Opportuinty Profile*/

#opportunityProfile .profileSections a {
    border-right: 3px solid #262628
}

#opportunityProfile .profileSections li:last-child a {
    border-right: 0
}


/*Main Details*/

.detailsBox {
    float: left
}


/*Nearest Facilities*/

.verticalTabs .tabsList {
    float: left;
}

.verticalTabs .tabsContent {
    float: right;
}

.verticalTabs .tabsList li img {
    float: left;
    margin-right: 10px
}

.verticalTabs .tabsContent {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px
}

.verticalTabs .tabsList {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden
}

.verticalTabs#nearstlandmarks .tabsContent .facilitiesDetails {
    left: 25px
}


/*Attachements*/

#allAttachmentInfos a {
    float: left
}


/*Contact Us*/

#oppourtunityDetails #contactus .contactUsForm {
    padding: 40px 150px 40px 40px;
    float: left
}

#oppourtunityDetails #contactus .contactUsForm .col-md-6.col-xs-12 {
    padding-left: 0
}

#oppourtunityDetails #contactus .contactUsForm .formddl {
    padding: 0 0 0 8px
}

#oppourtunityDetails #contactus .contactUsData {
    float: right
}


/*Circles*/

.energyStatus #elec,
.energyStatus #water,
.energyStatus #Gas,
.energyStatus #sewage,
.energyStatus #Telephone {
    /*float:left*/
}


/*opportunity profile - Map view*/

#opportunityProfile.profileMap #galleria a {
    float: left
}

#opportunityProfile.profileMap .HeaderRedBorder.title {
    border-left: 4px solid #880a0f
}


/*About Us*/

#customSheetsContent .customTabDetails {
    float: left
}

#customSheetsContent .customTabImg {
    float: right
}

#customSheetsTabs.nav-pills>li a {
    margin-right: 10px
}

#customSheetsTabs.nav-pills>li:last-child a {
    margin-right: 0
}


/*Sectors and Geographies*/

#sectorsandgeographies.sectorGeoLanding #sectors h2 {
    padding-left: 10px
}

#sectorsandgeographies.sectorGeoLanding .govsCont {
    float: right
}

#sectorsandgeographies.sectorGeoLanding .govsCont h2 {
    padding-left: 10px
}

#sectorsandgeographies.sectorGeoLanding #sectors p.HeaderRedBorder {
    padding-left: 10px
}

#sectorsandgeographies.sectorGeoLanding .govsCont p.HeaderRedBorder {
    padding-left: 10px
}

#sectorsandgeographies.sectorGeoLanding #sectors {
    float: left;
    margin-right: 5%
}

#sectorsandgeographies.sectorGeoLanding #sectors .item {
    float: left;
    border-right: 1px solid #d0d0d0
}

#sectorsandgeographies.sectorGeoLanding #sectors .item:nth-child(3n) {
    border-right: 0
}

#sectorsandgeographies.sectorGeoLanding #sectors .item img {
    margin-right: 0
}


/*Success Stories*/

.successStoriesCont .successStoriesItem {
    margin-right: 10px;
    float: left
}

.successStoriesCont .successStoriesItem:nth-child(3n) {
    margin-right: 0
}

.successStories .successStoriesItem .storiesSector {
    float: right
}

.successStoriesCont .storiesSearchCont .storiesSearchBox {
    float: left;
    padding-right: 10px
}

.successStoriesCont .storiesSearchCont .selectSector {
    float: left;
    padding-right: 10px
}

.successStoriesCont .storiesSearchCont .selectSector #ulslctSectors {
    left: 0
}

.successStoriesCont .storiesSearchCont .selectSector .dropdown-menu li input {
    margin-right: 5px;
}

.successStoriesCont .storiesSearchCont .selectSector button {
    text-align: left
}


/******Success Stories Details*******/

.title.HeaderRedBorder {
    padding-left: 10px
}

.ssDetailsPage .storiesSector {
    left: 10px
}


/*Content Styles*/

.richHtmlField * {
    font-family: Avante
}

.richHtmlField ul,
.richHtmlField ol {
    margin-left: 15px
}


/*Search Results*/

.ms-srch-sbLarge>.ms-srch-sb-searchLink {
    right: 10px
}


/*To PDF*/

.toPDF div[id*=type] {
    float: left;
}


/****************************  Reservation Opportunity  ****************************/

#ReservationForm .file-name .icon {
    right: 10%;
}

#ReservationForm #oppourtunityDetails #contactus .contactUsForm .mapIco-discuss:before {
    margin-right: 5px;
}

#ReservationForm #lblTermsReadAndAgreed #chkbxTermsReadAndAgreed {
    margin: 0
}

#ReservationForm fieldset a.mapIco-terms {
    margin-right: 0.5rem;
}

#attention-msg.warning-msg .warningMsg,
#attention-msg.error-msg .errorMsg {
    padding-right: 5px;
}


/* .note-container {
    text-align:right;
}
.note-container p {
	text-align: left;
} */


/*****Release 2*****/


/*Gallery*/

.galleria-layer {
    right: 25px !important;
    left: initial !important;
}


/*Publications and Reports*/

.publications .listItem img {
    float: left
}

.publications .listItem .Category {
    left: 15px;
    right: auto
}

.publications .listItem .itemDetails {
    float: left
}

.publicationsCont .pubSortResults {
    text-align: right
}

.mostPopularPublications .listItem img {
    float: left
}

.mostPopularPublications .itemDetails {
    float: left
}

.pubSortResults #lblTotalResluts {
    float: left
}


/*Registeration forms*/

.contentSec {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.formSec {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.formInput .multiSelect-control input[type="checkbox"] {
    margin-right: 5px;
}

.formField input[type="submit"] {
    margin: 10px 20px 10px 0;
}

.formSec #divGender {
    margin-right: 10px;
}

.formInput select,
#oppourtunityDetails #contactus .contactUsForm .formddl,
#factsFiguresCont .ChartContainer .formddl {
    background: url('/Style Library/Images/arrow-down-black.png') no-repeat 98% center;
    background-color: #fff
}


/*2018 fix*/

@media screen and (max-width:415px) {
    .formField input[type="submit"] {
        margin: 10px 5px 10px 0;
    }
}

@media screen and (max-width:320px) {
    .formField input[type="submit"]:first-child {
        margin: 10px 40px 10px 0;
    }
}


/*Classic Search new features*/

.searchLabel .searchInput #sliderRange {
    margin-right: 10px;
}

label#percentCompletedFrom {
    margin-right: 10px;
}


/*Responsive start*/

@media (max-width: 1024px) {
    #exploreMainSection .searchBox .searchBtns {
        margin-left: 0px
    }
}

@media (max-width:1199px) {
    /*Header*/
    #header .mainSearch {
        padding: 0 15px 10px 0
    }
    #header .headerLinks a {
        /*margin-left:0; margin-right: 60px;*/
    }
    /*#header .mainSearch{padding:0 15px 10px 0 !important; margin-left: 40px;}*/
}

@media (max-width:991px) {
    /*Header*/
    /*#header .mainSearch{margin-left:0;}*/
    #header .headerLinks a:first-child {
        margin-left: 0;
    }
    /*Success Stories*/
    .successStoriesCont .successStoriesItem:nth-child(3n) {
        margin-right: 10px
    }
    .successStoriesCont .successStoriesItem:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:767px) {
    /*Header*/
    #header .headerSocialMedia {
        padding-left: 0;
    }
    /*Mega Menu*/
    #megaMenu .nav.navbar-nav>li {
        border-right: 0
    }
    /*Banner*/
    .homeCarouselCont .bannerDesc {
        left: 0
    }
    .homeCarouselCont .carouselNav {
        right: 15px
    }
    /*Quick Map*/
    #quickMap .exploreOption .dropdown-menu {
        left: 17.5%
    }
    /*Nearest Facilities*/
    .verticalTabs#nearstlandmarks .tabsContent .facilitiesDetails {
        left: 0
    }
    .verticalTabs .tabsList li img {
        margin-right: 0 !important
    }
    /*Explore Classical View*/
    #exploreMainSection .searchBox p {
        padding-right: 0
    }
    /*Success Stories*/
    .successStoriesCont .storiesSearchCont .storiesSearchBox {
        padding-right: 0
    }
}

@media (max-width:600px) {
    #customSheetsTabs.nav-pills>li a {
        margin-right: 5px
    }
    /*Sectors and Geographies*/
    #sectorsandgeographies.sectorGeoLanding #sectors .item:nth-child(3n) {
        border-right: 1px solid #d0d0d0
    }
}

@media (max-width:480px) {
    /*Banner*/
    /*.homeCarouselCont .carouselNav{right:10px}
#homeCarousel .bannerDesc{left:10px}*/
    /*Explore Classical View*/
    #exploreMainSection .searchBox p {
        margin-right: 4px
    }
}


/***** styleENTemp.css *****/


/* web part zone tool bar */

#MSOTlPn_Tbl {
    right: 20px
}

.float {
    float: left
}

.floatDir {
    float: right
}

.alignRight {
    text-align: right
}


/*HomePage latest News*/

.HeaderRedBorder {
    border-left: 12px solid #880a0f
}

.LatestNews .carouselNav {
    /*float:right*/
    right: 0
}

.LatestNews .Newsreadmore:after {
    margin-left: 10px
}

#breadcrumb span span:nth-child(2n+0) {
    padding-top: 5px
}


/**header**/

.HeaderButtonCont .genBtn {
    float: right
}

.borderedHead .headerBlock {
    padding: 0 20px 0 0;
    border-left: 16px solid #880a0f
}


/*Featured Opportunities*/

.oppCarouselCont .bannerDesc .bannerTitle {
    border-left: 10px solid #880a0f
}


/*Filter*/

div[id*="ParentControlsDiv"]>.field input,
div[id*="ParentControlsDiv"]>.field select {
    padding-left: 15px
}

div[id*="ParentControlsDiv"] input[id*="btnFilter"] {
    float: right
}


/*News & Events*/

.eventsLandingItems .otherEventItems .col-md-3 span:first-child {
    margin-right: 5px
}

.eventsLandingItems .otherEventItems .otherEventTitle:after {
    right: 0
}

.Category {
    padding: 3px 20px 3px 15px
}

.newsLanding .newsCarousel+.alignRight {
    /*padding-right: 17px*/
}


/*News Listing*/


/*.itemListingStyleTwo > .itemListingStyleTwoImg ,.itemListingStyleTwo >.itemListingStyleTwoInfo  {float: left}*/

.itemListingStyleTwo .itemListingStyleTwoImg {
    left: 0
}

.itemListingStyleTwo .itemListingStyleTwoImg img {
    border-radius: 3px 0 0 3px
}

.itemListingStyleTwo .itemListingStyleTwoInfo {
    padding-left: calc(35% + 15px)
}

.listingStyleTwo .Category {
    left: 15px
}


/*News Details*/

.NewsDetailsItem .itemDetailsWrap #itemImg #itemCategory {
    left: 15px;
    padding: 5px 30px 5px 10px
}

.tags a {
    margin: 0 12px 10px 0
}

.attachments a {
    margin-right: 10px
}


/**mega Menu**/

.megaMenuOverlay .fadeMe {
    left: 0
}

#megaMenu .mega-dropdown-menu>li {
    float: left
}

@media (min-width: 992px) {
    #megaMenu .mega-dropdown-menu.last {
        right: 0;
        left: auto;
    }
    #megaMenu .mega-dropdown-menu.first {
        left: 0;
        right: auto;
    }
}


/***footer**/

@media (max-width: 992px) {
    .footerLogo {
        float: left
    }
    .contactInfo {
        float: left
    }
}

@media (max-width: 767px) {
    .itemListingStyleTwo .itemListingStyleTwoInfo {
        padding-left: 15px
    }
    #megaMenu .nav.navbar-nav .mega-dropdown-menu>li a.highlightedBtn {
        right: 20px
    }
}


/******/


/*R1 map fixes*/

#map #map_root .mainSection .popupActions {
    right: 0
}


/** R2 styles Mariam**/


/*NewsLetter footer*/

.NewsLetterSection .formInput,
.NewsLetterSection #div_Submit {
    padding: 0 15px 0 0
}

.NewsLetterSection .formInput .form-control {
    padding: 4px 20px 4px 40px;
    background: url('/Style Library/Images/mail-Icon.png') no-repeat 2% center;
}

@media screen and (max-width:769px) {
    .NewsLetterSection .formInput,
    .NewsLetterSection #div_Submit {
        padding: 0 15px
    }
}


/*explore map new features*/

#map .mapFeaturesCont .mapFeature,
#searchListItems .mapFeaturesCont .mapFeature {
    margin-right: 10px
}


/*features dropdown*/

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown {
    right: -1px
}

#opportunityProfile.profileMap #oppourtunityDetails #featuresBurgerMenu .featuresDropDown {
    right: 0;
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown a {
    text-align: left
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown span {
    vertical-align: sub
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown a:before {
    float: left
}


/*compare feature*/

.compareList .compareSlider {
    right: 50px
}

.compareList .compareListClearBtn {
    right: 20px
}

.compareList .doCompare {
    right: 40%
}

.compareList .owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 0
}

.compareList .owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0
}

#exploreOppCont.container .compareList.fullCompare {
    left: 0
}

#exploreOppCont.container .compareList.fullCompare .compareSlider {
    right: 411px
}

#exploreOppCont.container .compareList.fullCompare .compareListClearBtn {
    right: 381px
}

@media screen and (max-width:1440px) {
    .compareList .doCompare {
        right: 35%
    }
    #exploreOppCont.container .compareList.fullCompare .compareSlider {
        right: 171px
    }
    #exploreOppCont.container .compareList.fullCompare .compareListClearBtn {
        right: 141px
    }
}

@media screen and (max-width:1366px) {
    .compareList .doCompare {
        right: 25%
    }
    #exploreOppCont.container .compareList.fullCompare .compareSlider {
        right: 134px
    }
    #exploreOppCont.container .compareList.fullCompare .compareListClearBtn {
        right: 104px
    }
}

@media screen and (max-width:1024px) {
    .compareList .doCompare,
    .compareList .compareListClearBtn,
    #exploreOppCont.container .compareList.fullCompare .compareListClearBtn {
        right: 40px
    }
    .compareList .compareSlider,
    #exploreOppCont.container .compareList.fullCompare .compareSlider {
        right: 70px
    }
}

@media screen and (max-width:414px) {
    .compareList .doCompare,
    .compareList .compareListClearBtn,
    #exploreOppCont.container .compareList.fullCompare .compareListClearBtn {
        right: 20px
    }
    .compareList .compareSlider,
    #exploreOppCont.container .compareList.fullCompare .compareSlider {
        right: 50px
    }
}

@media screen and (max-width:320px) {
    .compareList .doCompare,
    .compareList .compareListClearBtn,
    #exploreOppCont.container .compareList.fullCompare .compareListClearBtn {
        right: 10px
    }
    .compareList .compareSlider,
    #exploreOppCont.container .compareList.fullCompare .compareSlider {
        right: 40px
    }
}


/*send to friend popup*/

#TellFriend .modal-body {
    text-align: left
}

@media screen and (max-width:767px) {
    #TellFriend #lbltellFriendPopup {
        margin: 0 0 10px 10px
    }
}


/*Compare grid view*/

#ComparePopUp .modal-title {
    text-align: left
}

#ComparePopUp .compareViewCloseBtn {
    right: 13px
}

#ComparePopUp .compareViewCont .compareProperties .gridHeader,
#ComparePopUp .compareViewCont .opportunityDetails:not(:last-child) .gridHeader {
    border-right: 1px solid #222223
}

#ComparePopUp .compareViewCont .compareProperties .singleDetail,
#ComparePopUp .compareViewCont .opportunityDetails:not(:last-child) .singleDetail {
    border-right: 1px solid #bdbdbd
}

@media screen and (max-width:768px) {
    #ComparePopUp .compareViewCont .opportunityDetails:not(:last-child) .gridHeader,
    #ComparePopUp .compareViewCont .opportunityDetails:not(:last-child) .singleDetail {
        border-right: none
    }
    #ComparePopUp .compareViewCont .singleDetail:not(.picDiv) {
        text-align: left
    }
}


/*Tasks Grid*/

.NewsInPAnchorContainer .link-item .itemCell:not(:last-child) {
    border-right: 1px solid #2a2a2c
}


/*Virtual Library*/

#VLibraryCont .verticalTabs#factsheets .tabsList li.active a h3 {
    border-left: 8px solid #ae191c
}


/*#VLibraryCont #sheetsContent{float: right;left: -10%}*/

#VLibraryCont #sheetsContent .book-tooltip>div {
    text-align: left
}

#VLibraryCont #sheetsContent .book-tooltip .downloadPdf {
    right: 40px;
    left: auto;
}

#VLibraryCont #sheetsContent .book-tooltip>div>img {
    float: right
}

#VLibraryCont #sheetsContent .centeredTextContainer img {
    right: 0!important;
}

.vLibraryPager#Pager {
    left: 0
}

#vLibraryPopup #cancel-button {
    right: 10px
}


/*@media screen and (max-width:769px){
	#VLibraryCont #sheetsContent{left: -7%}
}

@media screen and (max-width:767px){
	#VLibraryCont #sheetsContent{left: 0}
}*/


/*SP popUp*/

span#dlgTitleBtns {
    margin-right: initial
}


/*FAQs*/

.faqsAccordion .panel-heading.HeaderRedBorder {
    border-left-color: #880a0f
}


/*facts & figures*/

#factsFiguresCont .FactFiguresList,
#factsFiguresCont .ChartContainer {
    margin-left: 25px
}

#factsFiguresCont .ChartContainer {
    float: right
}


/* reservation tabs */

.reservation-tabs .sw-theme-dots>ul.step-anchor>li>a:before {
    left: 50%;
    transform: translateX(-50%);
}

.reservation-tabs .sw-theme-dots>ul.step-anchor>li>a:after {
    left: 50%;
    transform: translateX(-50%);
}


/*****reservations 2020 ******/

.summary-header .title-label {
    margin-right: 5px;
}

.summary-header .title-label:not(:empty)::after {
    content: ':';
    margin-left: 2px;
}

.summary-header #lblRequestCode:not(:empty)::before {
    margin-right: 5px;
    transform: scaleX(-1);
}

#reservation-steps #attention-msg i {
    margin-right: 10px;
}

#steps .sw-btn-prev {
    transform: rotateY(180deg);
}

#steps #cancel-btn {
    right: 5px;
}

.DetailItem label::after {
    content: ":";
    margin-right: 1rem;
}

.DetailItem span,
.DetailItem a {
    margin-right: 1rem;
}

.fieldsGroup.inlineGroup .fieldsTitle {
    margin-right: 1.5rem;
}

.fieldsGroup select.inputField {
    background: url('/Style Library/Images/arrowGraydown2020.png') no-repeat 98% center #fbfbfb;
}

.fieldsGroup .uploadField+label {
    background: url('/Style Library/Images/uploadGraybox2020.png') no-repeat right center #fbfbfb;
    padding-right: 45px;
}

.anchorField a {
    margin-right: 1.2rem;
}

.anchorField i {
    margin-right: 5px;
}

#chatCont {
    right: 104px;
}

#btnDiscussionChat i {
    margin-right: 10px;
}

.chatMsgsCont {
    border-top-left-radius: 5px;
}

.chatViewCont {
    padding-right: 5px;
}

.chatItem img {
    margin-right: 1rem;
}

@media screen and (max-width:1200px) {
    #chatCont {
        right: 4%;
    }
}

@media screen and (max-width:414px) {
    #btnDiscussionChat i {
        margin-right: 0;
    }
}


/*****summary reports 2020 ******/

#summaryReportsPage #searchListingPage i {
    margin-right: 5px;
}

#summaryAccordion .ui-accordion-header-icon {
    left: 12px;
}

.reportsTableCont .tableCellIcons>div:not(:last-child) {
    margin-left: 5px;
}

@media screen and (max-width:992px) {
    .reportsTableCont .tableCellIcons>div:not(:last-child) {
        margin-left: 0;
    }
}


/* discussion form */

#discussionPopup .modal-content,
#confirmCancellation .modal-content {
    text-align: left
}

#discussionPopup .modal-header .close,
#confirmCancellation .modal-header .close {
    right: 0;
}

@media screen and (max-width:801px) {
    .formCont .g-recaptcha {
        transform-origin: left;
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
    }
}

@media screen and (max-width:1024px) {
    #factsFiguresCont .ChartContainer {
        margin-left: 0;
        float: none
    }
}


/***** discussion form 2020 ******/

#showResultsPopup .card-body {
    text-align: left;
}

#showResultsPopup .card-body label {
    margin-right: 10px;
}

#showResultsPopup .card-body label:not(:empty):after {
    content: ':';
    margin-left: 5px;
}


/*on map items*/

#mapScale {
    right: 10px
}

#map #distanceToggle {
    left: 204px
}

#map #legendToggle {
    left: 240px
}

#map #layerListToggle {
    left: 275px
}

#mapTogglesCont {
    right: 10px
}

#layerListPane .esriLayerList .esriLabel {
    padding: 7px 10px 7px 30px
}

@media screen and (max-width:767px) {
    #map #distanceToggle,
    #map #legendToggle,
    #map #layerListToggle {
        left: 8px
    }
}

.modal-dialog {
    left: auto !important;
    right: 0 !important
}

#ComparePopUp .modal-dialog {
    left: 0 !important;
}

.imageNoMap {
    float: left;
}


/*#ShowCondition .modal-dialog{
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%) ;
} */


/********  2020  *******/


/****** filter with white BG 2020 *********/

.filterWhiteBG .selectDiv select,
.filterWhiteBG .dropdown-toggle {
    background: url('/Style Library/Images/arrowGrayBox2020.png') no-repeat right center;
    padding-right: 50px;
}

.filterWhiteBG .dropdown-toggle {
    text-align: left;
}

.filterWhiteBG .dropdown-menu {
    left: 0;
    right: auto;
    text-align: left;
}

.filterWhiteBG .dropdown-menu input[type="checkbox"] {
    margin-right: 5px;
}

.filterWhiteBG .dateDiv .hasDatepicker,
.filterWhiteBG .dateDiv .hasDatepicker[readonly] {
    background: url('/Style Library/Images/CalendarGrayBox2020.png') no-repeat right center;
    padding-right: 50px;
}

.filterWhiteBG .checkboxWrap input {
    left: 15px;
}

.filterWhiteBG .checkboxWrap label,
.reserveCheckboxWrap label {
    padding-left: 20px;
}

.filterWhiteBG .checkboxWrap label:before,
.reserveCheckboxWrap label:before {
    left: 0;
}

.filterWhiteBG .checkboxWrap label:after,
.reserveCheckboxWrap label:after {
    left: 2px;
}

.filterWhiteBG #div_Submit input[id*="btnresetfilter"] {
    margin-left: 5px;
}


/** bid results collapse 2020 **/

.bidResultsCollapse #accordion.ui-accordion .ui-accordion-header {
    padding-right: 50px;
}

.bidResultsCollapse #accordion .ui-accordion-header-icon {
    right: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.bidResultsCollapse #accordion .requestInfo span {
    margin-right: 20px;
}


/** events details 2020**/

#eventsDetails #itemCategory {
    left: 15px;
}

#eventsDetails #itemInfo label {
    margin-right: 5px;
}

#eventsDetails #itemInfo .infoDiv:not(:last-child) {
    margin-right: 15px;
}


/** events listing 2020**/

.eventswrapper .eventsLandingItems .otherEventItems .otherEventTitle {
    padding-right: 20px;
}

#eventsListpage .itemListingStyleTwo .itemListingStyleTwoInfo {
    padding-left: calc(25% + 15px);
}

#eventsListpage .datescont>span:first-child {
    margin-right: 10px;
}

#eventsListpage .itemListingStyleTwo .LatestNews {
    left: calc(25% + 15px);
}

@media (max-width: 767px) {
    #eventsListpage .itemListingStyleTwo .itemListingStyleTwoInfo {
        padding-right: 15px;
    }
    #eventsListpage .itemListingStyleTwo .LatestNews {
        left: 15px;
    }
}


/**book now btn 2020**/

.featuresWrap .bookAnchor i,
.oppTitleWrap .bookAnchor i,
.oppTitleBtnWrap .bookAnchor i {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.featuresWrap .bookAnchor span,
.oppTitleWrap .bookAnchor span,
.oppTitleBtnWrap .bookAnchor span {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#opportunityProfile .mapBtnCont #showMap:not(:empty):after {
    content: '>>';
    margin-left: 5px;
}

#bannerCont {
    position: relative;
}

.new-opp {
    position: absolute;
    right: 0;
    z-index: 10;
    top: 35px;
}

.counter-service {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
}

.counter-service li {
    padding: 10px;
    background: #880a0f;
    text-align: center;
    color: #fff;
    border-right: 1px solid rgb(77, 2, 2, 32%);
    display: none;
    width: 142px;
}

.counter-service li:first-child {
    display: block;
}

.counter-service li:first-child .item-counter {
    justify-content: center;
}

.counter-service.active li:first-child {
    display: none;
}

.counter-service.active li {
    display: block;
}

.counter-service li.arrow {
    background: #780308;
    display: flex;
    padding: 2px 5px;
    font-size: 13px;
    align-items: center;
    cursor: pointer;
    width: auto;
}

.counter-service li.arrow.closed div {
    transform: rotate(180deg);
}

.counter-service li .item-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.counter-service li p {
    margin: 5px 0;
    font-size: 16px;
    font-family: "Segoe UI" !important;
}

.counter-service li p:first-child {
    font-size: 49px;
}

.counter-service li a {
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    padding: 2px 10px;
    margin: 5px 0;
    transition: background-color 0.5s ease;
    font-family: "Segoe UI" !important;
}

.counter-service li a:hover {
    background: #fff;
    color: #880a0f;
}

@media (max-width: 480px) {
    .new-opp {
        position: relative;
        right: 0;
        z-index: 10;
        top: 0;
    }
    .counter-service {
        flex-flow: column;
    }
    .counter-service li {
        width: 100%;
    }
    .counter-service li.arrow {
        padding: 10px;
    }
    .counter-service li.arrow div {
        margin: 0 auto;
        display: block;
    }
    .counter-service li.arrow div {
        transform: rotate(-90deg);
    }
    counter-service li.arrow div img {
        display: block;
    }
    .counter-service li.arrow.closed div {
        transform: rotate(90deg);
    }
}