/**/@media(max-width:767px){body.dmRoot div[dmtemplateid]:not([dmtemplateid=SlideRightTopFloatM]) .dmHeader .multilingualWidget{position:absolute;top:14px;left:13px;margin-top:0}body.dmRoot div[dmtemplateid][dmtemplateid=SlideRightTopFloatM] .dmHeader .multilingualWidget{position:absolute;top:5px;right:17px}
}@media(min-width:768px) and (max-width:1024px){body:not(.responsiveTablet) #dm div[dmtemplateid=StandardLayoutMultiT] .dmHeader .multilingualWidget{position:absolute!important;top:5px!important;right:17px!important;left:initial!important}
}@media(max-width:767px){body.dmRoot .dmHeader .displayHidden-inner .multilingualWidget{top:0!important}}#dm_content div.dmRespCol div.multilingualWidget,#hcontainer div.dmRespCol div.multilingualWidget{width:auto!important;display:table!important}
.multilingualWidget{clear:both;margin:0;vertical-align:top;display:table!important;font-size:0;font-family:sans-serif}.multilingualWidget.displayNone{display:none!important}.multilingualWidget>div{position:relative}
.multilingualWidget .language{color:#888;display:inline-block}.multilingualWidget .language a{text-align:center;display:inline-block;color:inherit;border:#dadada 1px solid;background-color:#fff}.multilingualWidget .language a img{width:24px;height:26px;min-width:24px;min-height:26px}
.multilingualWidget .language a span{display:none;line-height:initial}.multilingualWidget .language a span.name{margin-top:5px;margin-left:7px;font-size:13px;font-weight:400;text-transform:capitalize}
.multilingualWidget .language a span.short-label{font-size:13px}.multilingualWidget .language a:after{line-height:initial}.multilingualWidget.open .current-language a:after{transform:rotate(-180deg)}.multilingualWidget .current-language a:after{transition:transform .2s}
.multilingualWidget.dropdown .language{width:100%}.multilingualWidget.dropdown .language a{display:block;padding:1px 5px}.multilingualWidget.dropdown .language.other-languages{position:absolute;z-index:800;max-height:0;overflow:hidden;transition:max-height .1s ease-in-out}
.multilingualWidget.dropdown .language.other-languages a{border-top:0!important}.multilingualWidget.dropdown .current-language{position:relative}.multilingualWidget.dropdown .current-language span.name{padding-right:25px}
.multilingualWidget.dropdown .dm-icon{font-size:9px;display:inline-block;position:absolute;top:46%;transform:translateY(-50%);transition:transform .2s;right:8px}.multilingualWidget.dropdown.open .dm-icon{transform:rotate(-180deg) translateY(50%)}
.multilingualWidget.dropdown.open .other-languages{display:block;max-height:300px}.multilingualWidget.dropdown .other-languages,.multilingualWidget.dropdown.flag-only .dm-icon,.multilingualWidget.inline span,.multilingualWidget.no-flag a img{display:none}
.multilingualWidget.dropdown.flag-only a{border:transparent 1px solid;background-color:transparent}.multilingualWidget.dropdown.flag-only.open .language a{background-color:rgba(0,0,0,.3);border:#dadada 1px solid}
.multilingualWidget.dropdown.long-label a{text-align:left;padding:2px 0 2px 5px;position:relative;box-sizing:border-box}.multilingualWidget.dropdown.long-label a span.name,.multilingualWidget.inline.flag-only .language,.multilingualWidget.inline.short-label.no-flag span.short-label{display:inline-block}
.multilingualWidget.dropdown.long-label.no-flag a{padding:7px 10px 9px}.multilingualWidget.dropdown.long-label.no-flag a span.name,.multilingualWidget.dropdown.short-label.no-flag a span.short-label{margin:0;display:inline-block}
.multilingualWidget.dropdown.short-label.no-flag a{padding:8px 22px 9px 10px;font-size:13px;height:32px;box-sizing:border-box}.multilingualWidget.dropdown.short-label.no-flag .current-language a:after{top:12px}
.multilingualWidget.short-label span.short-label{text-transform:uppercase}.multilingualWidget.inline.flag-only a{padding:2px 5px;height:32px;box-sizing:border-box}.multilingualWidget.inline.flag-only .current-language a{box-shadow:inset 0 0 8px 0 rgba(0,0,0,.6);border-right:0;border-right-width:0!important;border-right-color:transparent!important;border-right-style:none!important}
.multilingualWidget.inline.flag-only .other-languages a:not(:last-child){border-right-width:0!important;border-right-color:transparent!important;border-right-style:none!important}.multilingualWidget.inline.flag-only .dm-icon,.multilingualWidget.inline.short-label.no-flag .dm-icon{display:none}
.multilingualWidget.inline.short-label.no-flag .current-language a{padding-right:0;border-right-width:0!important;border-right-color:transparent!important;border-right-style:none!important}.multilingualWidget.inline.short-label.no-flag .current-language a span.short-label{font-weight:700}
.multilingualWidget.inline.short-label.no-flag .other-languages a{border-left-color:transparent!important;border-left-width:0!important;border-left-style:none!important}.multilingualWidget.inline.short-label.no-flag .other-languages a:not(:last-child){padding-right:0;border-right-color:transparent!important;border-right-width:0!important;border-right-style:none!important}
.multilingualWidget.inline.short-label.no-flag a{position:relative;padding:8px 10px;font-size:13px;height:32px;text-decoration:none}.multilingualWidget.inline.short-label.no-flag a:after{content:"/";position:absolute;top:8px;right:-7px;z-index:1;pointer-events:none}
.multilingualWidget.inline.short-label.no-flag a:hover .short-label{text-decoration:underline}.multilingualWidget.inline.short-label.no-flag .other-languages a:last-child:after{content:""}/**/.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .text-align-right{text-align:right!important}.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}
.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}
.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}
.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}
.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}
/* Custom Widgets Styles */
.widget-1f5975 .copyright {
  font-size: 13px;
  display: flex;
  text-align: left;
  justify-content: flex-start;
}

.widget-1f5975 .copyright-year {
  white-space: nowrap;
}

:root {
	--transition-1: all 0.3s ease-in-out;
	--transition-2: all 0.2s ease-in-out;
	--search-color: #A0A0B3;
    --checkbox-fill-color: #192945;
    --checkbox-disabled-fill-color: #EFF2F9;
    --main-blue: #164993;
    --border-search: #164993;
    --search-input-placeholder: rgba(160, 160, 178, .5);
    --search-input-placeholder-hover: rgba(160, 160, 178, .9);
    --search-input-placeholder-focus: rgba(160, 160, 178, .7);
    --radio-color: #2a9d8f;
}

.hoverStuff {
    position: relative;
}

.hoverStuff::before {
    content: attr(data-tooltip);
    pointer-events: none;
    position: absolute;
    color: #fff;
    background: #000;
    padding: 15px;
    opacity: 0;
    visibility: none;
    width: 180px;
    word-wrap: break-word;
    bottom: calc(0.5rem + 100%);
    right: 50%;
    transform: translateX(50%);
}

.hoverStuff:hover::before {
    visibility: visible;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

/* OUTER CONTAINER */
#widget-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: 'Lexend Deca', sans-serif;
  position: relative;
}
.searchAndListContainer {
      display: flex;
  flex-direction: row;
  gap: 20px;
}
#searchFilterContainer {
    display: flex;
    flex-direction: column;
    width: 180px;
}

#contents {
    width: 100%;
    position: relative;
}


/* THE LIST OF ITEMS */

.list {
	list-style: none;
	width: 100%;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    /*gap: 15px;*/
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 0;
}



/* SLIDE TOGGLE DROPDOWN CSS */

.slideToggle {
  position: relative;
}
.expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}



.types {
  text-align: left;
}
.slideList {
  background: white;
  position: absolute;
  max-height: 400px;
  overflow-y: scroll;
  width: 100% !important;
}
.list-expand {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}  

/* Resource type dropdowns */
.item {
    width: 100%;
  padding: 6px;
  margin: 3px;
 
}
.item label {
     font-size: 12px !important;
  color: #192945;
}
.item:hover {
  background-color: #EFF2F9;
  border-radius: 5px;
}

/* END OF SLIDE TOGGLE DROPDOWN CSS */










/* THIRD PARTY CSS */

/* AUTOCOMPLETE SEARCH STYLES */
.fullWidthSearchBar {
  width: 100%;
  
}
.autoComplete_wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}

.autoComplete_wrapper > input {
  height: 50px;
  width: 100%;
  margin: 0;
  padding: 10px 10px 10px 50px !important;
  font-size: 1rem !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-overflow: ellipsis;
  outline: none;
  border-radius: 10px;
  background-image: url('https://irp.cdn-website.com/621ddc81/dms3rep/multi/Search+Icon.svg');
  background-size: 1.4rem;
  background-position: left 20px top 50%;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-color: #fff;
  transition: all 0.4s ease;
  -webkit-transition: all -webkit-transform 0.4s ease;
}

.autoComplete_wrapper > input::placeholder {
  color: var(--search-input-placeholder);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover::placeholder {
  color: #22215B !important;
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:focus::placeholder {
  color: var(--search-input-placeholder-hover);
}

.autoComplete_wrapper > input:focus::selection {
  background-color: #EFF2F9;
}

.autoComplete_wrapper > input::selection {
  background-color: #EFF2F9;
}

.autoComplete_wrapper > input:hover {
    color: rgba(160, 160, 178, .9) !important;
}

.autoComplete_wrapper > input:hover {
  color: var(--search-input-placeholder);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:focus {
  color: #192945;
  /*border: 4px solid #3C66A4;*/
}

.autoComplete_wrapper > ul {
  position: absolute;
  max-height: 226px;
  overflow-y: scroll;
  box-sizing: border-box;
  left: 0;
  right: 0;
  /*margin: 0.5rem 0 0 0;*/
  padding: 0;
  z-index: 1;
  list-style: none;
  border-radius: 0.6rem;
  background-color: #fff;
  border: 1px solid var(--border-gray);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  outline: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
  display: block;
  opacity: 0;
  transform: scale(0);
}

.autoComplete_wrapper > ul > li {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  text-align: left;
  font-size: 1rem;
  color: #212121;
  border-radius: 0.35rem;
  background-color: #EFF2F9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: #22215B;
  font-weight: bold;
}

.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: #EFF2F9;
}

.autoComplete_wrapper > ul > li[aria-selected="true"] {
  background-color: #EFF2F9;
}


/* END OF AUTOCOMPLETE */

/* ADDED ON TO AUTOCOMPLETE */
/*.no_result {*/
/*	margin: 0.3rem;*/
/*	padding: 0.3rem 0.5rem;*/
/*	list-style: none;*/
/*	text-align: left;*/
/*	font-size: 1rem;*/
/*	color: #212121;*/
/*	transition: all 0.1s ease-in-out;*/
/*	border-radius: 0.35rem;*/
/*	background-color: rgba(255, 255, 255, 1);*/
/*	white-space: nowrap;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
/*	transition: all 0.2s ease;*/
/*	outline: none;*/
/*}*/

/*.selection {*/
/*	margin-top: 25vh;*/
/*	font-size: 2rem;*/
/*	font-weight: bold;*/
/*	color: #ffc6c6;*/
/*	transition: var(--transition-1);*/
/*  display: none;*/
/*}*/

/*.selection::selection {*/
/*	color: #64ceaa;*/
/*}*/

/*@media only screen and (max-width: 600px) {*/
/*	.selection {*/
/*		margin-top: 15vh;*/
/*	}*/
/*}*/

/* END OF ADDED ON TO AUTOCOMPLETE */

/*PAGINATION STYLES*/

/*.customPagination {*/
/*  display: flex;*/
/*  flex-direction: row;*/
/*  justify-content: center;*/
/*  background: none;*/
/*}*/

/*.customPagination > li {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*  align-content: center;*/
/*  list-style: none;*/
/*  margin: 20px 4px;*/
/*  border-radius: 50%;*/
/*  height: 40px;*/
/*  width: 40px;*/
/*  background: #fff;*/
/*  transition: all 0.3s ease;*/
/*}*/

/*.customPagination > li > a {*/
/*  font-weight: 400;*/
/*  text-decoration: none;*/
/*  font-size: 16px;*/
/*  line-height: 24px;*/
/*  color: #192945 !important;*/
/*  transition: all 0.3s ease;*/
/*  text-align: center;*/
/*}*/

/* MAGIC CHECKBOX */

@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: var(--checkbox-fill-color); 
  } 
}

.magic-checkbox {
  position: absolute;
  display: none; }

.magic-checkbox[disabled] {
  cursor: not-allowed; 
}

.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle; 
}

.magic-checkbox + label:hover:before {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: hover-color; 
}

.magic-checkbox + label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  border: 1px solid var(--checkbox-fill-color); 
}
 
.magic-checkbox + label:after {
  position: absolute;
  display: none;
  content: ''; 
}

.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: var(--checkbox-fill-color) 
}

.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
  cursor: not-allowed; 
}

.magic-checkbox[disabled] + label:hover:before {
    border: 1px solid var(--checkbox-fill-color);
    animation-name: none; 
}

.magic-checkbox[disabled] + label:before {
  border-color: var(--checkbox-fill-color); 
}

.magic-checkbox:checked + label:before {
  animation-name: none; 
}

.magic-checkbox:checked + label:after {
  display: block; 
}

.magic-checkbox + label:before {
  border-radius: 3px; 
}

.magic-checkbox + label:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0; }

.magic-checkbox:checked + label:before {
  border: var(--checkbox-fill-color);
  background: var(--checkbox-fill-color); 
}

.magic-checkbox:checked[disabled] + label:before {
  border: var(--checkbox-disabled-fill-color);
  background: var(--checkbox-disabled-fill-color); 
}

/* END OF MAGIC CHECK BOX CSS STYLES */




/*ACTIVE PAGINATION CIRCLE*/

/* THE CIRCLE */
.customPagination > li.active,
.customPagination > li:hover {
  background-color: #3C66A4;
}

.customPagination > li:hover > a, 
.customPagination > li.active a {
  color: #fff !important;
}

.customPagination > li.disabled {
  background: transparent !important;
}

.customPagination > li.disabled > a,
.customPagination > li.disabled > a:hover {
  cursor: not-allowed;
  color: #3C66A4 !important;
}






/*.verticalFlexAuthorCard { */
/*    display: flex;*/
/*    flex-direction: column;*/
/*    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);*/
/*    text-decoration: none;*/
/*    border-radius: 15px;*/
/*    margin-bottom: 15px;*/
/*    padding: 20px;*/
/*    background: white;*/
    
/*}*/


/*.widthSetter {*/
    /*width: calc(calc(100% - 30px) / 3);*/
    /*width: 294px;*/
/*    width: 100%;*/
/*}*/
/*.priceLine {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*    margin-bottom: 20px;*/
/*}*/
/*.buyLink {*/
/*    font-size: 14px;*/
/*    color:#ffffff;*/
/*    background-color: #164993;*/
/*    border-radius:8px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 5px;*/
/*    justify-content: center;*/
/*    border: 1px solid #164993;*/
/*}*/
/*a.buyLink, a.demoLink {*/
/*    color: white;*/
/*    text-decoration: none;*/
/*}*/
/*a.demoLink {*/
/*    color:#164993;*/
/*}*/
/*.btns {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    gap: 10px;*/
/*}*/

/*.demoLink {*/
/*        font-size: 14px;*/
/*    border: 1px solid #164993;*/
/*    background-color: #fff;*/
/*    border-radius:8px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 5px;*/
/*    justify-content: center;*/
/*}*/


/*.featuredImage {*/
/*    height: 150px;   */
/*    width: 100%;*/
/*    object-fit: cover;*/
/*    margin: 20px 0;*/
/*}*/

/*.title {*/
/*    font-size: 20px;*/
/*    font-family: 'Lexend Deca', sans-serif;*/
/*    margin-bottom: 11px;*/
/*    line-height: 25px;*/
/*    font-weight: 500;*/
/*    color: #192945;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    -webkit-line-clamp: 2;*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    text-align: left;*/
/*    min-height: 50px;*/
/*}*/
/*.description {*/
/*    font-size: 15px;*/
/*    font-family: 'Lexend Deca', sans-serif;*/
/*    line-height: 19px;*/
/*    margin-bottom: 10px;*/
/*    color: #192945;*/
/*        overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    -webkit-line-clamp: 4;*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    text-align: left;*/
/*}*/
/*.price {*/
/*    font-weight: 500;*/
/*    font-size: 25px;*/
/*    line-height; 31px;*/
/*    color: #192945;*/
/*}*/

/*.tags {*/
/*    font-family: 'Lexend Deca', sans-serif;*/
/*    margin: 5px;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    gap: 6px;*/
/*}*/

/*.tag {*/
/*    font-size: 13px;*/
/*    padding: 5px 7px;*/
/*    font-weight: 500;*/
/*    color: #ffffff;*/
/*    background-color: #164993;*/
/*    border-radius: 25px;*/
/*}*/

/*.tag:nth-child(4n + 2) {*/
/*    background-color: #AEBEC0;*/
/*}*/

/*.tag:nth-child(4n + 3) {*/
/*    background-color: #192945;*/
/*}*/

/*.tag:nth-child(4n + 4) {*/
/*    background-color: #3C66A4;*/
/*}*/


/*.profileImg {*/
/*    height: 40px;*/
/*    width: 40px;*/
/*    padding-right: 5px;*/
/*}*/

/*.authorImgAndTextLine {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*}*/

/*#sideBarToggler img {*/
/*        background: #F4F4F4;*/
/*    padding: 5px;*/
/*    border-radius: 5px;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*}*/
/*#sideBarToggler img.forty {*/
/*    width: 40px !important;*/
/*    height: 40px !important;*/
/*}*/





/* NEW STYLES */

.sideBarAndContents {
  display: flex;
flex-direction: row;
gap: 5px;
}

.filterOptions {
  display: flex;
  flex-direction: column;
  width: 180px;
}




.groupContainer {
  padding: 5px 0;
  width: 100%;
  /*position: relative;*/
  display: flex;
  flex-direction: column;
}
.dropdownTop {
  text-align: left;
  font-weight: 500;
}




















/* MAGIC RADIO BUTTONS*/

.magic-radio,
.magic-checkbox {
  position: absolute;
  display: none; }

.magic-radio[disabled],
.magic-checkbox[disabled] {
  cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle; }
  .magic-radio + label:hover:before,
  .magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color; }
  .magic-radio + label:before,
  .magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0; }
  .magic-radio + label:after,
  .magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4; }
  .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
  .magic-checkbox[disabled] + label:hover,
  .magic-checkbox[disabled] + label:before,
  .magic-checkbox[disabled] + label:after {
    cursor: not-allowed; }
  .magic-radio[disabled] + label:hover:before,
  .magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none; }
  .magic-radio[disabled] + label:before {
    border-color: #e4e4e4; }

.magic-radio:checked + label:before,{
  animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
  display: block; }

.magic-radio + label:before {
  border-radius: 50%; }

.magic-radio + label:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--radio-color); }

.magic-radio:checked + label:before {
  border: 1px solid var(--radio-color); }

.magic-radio:checked[disabled] + label:before {
  border: 1px solid var(--radio-color); }

.magic-radio:checked[disabled] + label:after {
  background: var(--radio-color); }
  
  
  
  
  
  
  
  
  
  
  
  /* Individual apartment cards*/
 .apartmentCard {
    width: 100%;
    height: auto;
    box-sizing: border-box;
 }
 
 .apartmentLink {
     display: flex;
     flex-direction: column;
     height: 100%;
     width: 100%;
     background-color: #ffffff;
     border-radius: 10px;
     box-shadow: 0px 0px 8px 4px rgba(0,0,0,.1);
     padding: 5px 0;
 }
 
 
 .imageWrap {
     padding: 20px;
     min-height: 200px;
     width: 100%;
 }
 .apartmentImage {
     width: 100%;
     height: 100%;
     margin: 0 auto;
     object-fit: contain;
 }
 .detailsWrapper {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
     gap: 0;
     padding: 20px;
 }
 .apartmentName {
     font-weight: 600;
     font-size: 24px;
     font-family: Arial;
 }
 .unitDetailsWrapper {
     display: flex;
     flex-direction: row;
     gap: 2px;
     flex-wrap: wrap;
 }
 .details {
     
 }
 .displayPrice {
     font-weight: 300;
     font-size: 18px;
     font-family: Arial;
     margin: 15px 0 25px 0;
 }
 
 a.pageLink {
     text-decoration: none;
 }
 
 
 
 a.realtorShareInd {
    text-decoration: none;
}

.realtorShareInd {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    width: calc(calc(100% - 20px)/2) !important;
}

.realtorShareInd img {
    height: 40px;
    width: auto;
    object-fit: contain;
}
.buttonContainerM {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
}
.realtorButton {
    width: 100% !important;
    margin: 0 !important;
        display: flex;
    align-items: center;
    justify-content: center;
}

 

.widgetDisplayContainer {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.buildingSideSelectionContainer {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
}

.southListings, .northListings {
    border-bottom: 1px solid transparent;
}

.south, .north {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 20px;
  position: relative;
}

.floorSegment {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.apartment {
  /*width: var(--newWidth) !important;*/
  /*height: var(--newHeight) !important;*/
  /*min-width: var(--newWidth) !important;*/
  /*min-height: var(--newHeight) !important;*/
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 5px 10px;
  
}

.SELD, .notSold {
  position: relative;
  /*height: var(--newHeight) !important;*/
  /*width: var(--newWidth) !important;*/
  /*min-width: var(--newWidth) !important;*/
  /*min-height: var(--newHeight) !important;*/
}


.SELD {
  background-color: #FF7638;
}

/*.notSold:hover, .SELD:hover {*/
/*  background-color: #FFD19D;*/
/*}*/

.SELD .price, .notSold .price {
  opacity: 0;
  position: absolute;
  top: 20px;

  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}

.SELD:hover .price, .notSold:hover .price {
  opacity: 1;
}

.sqFt, .sqFt span {
  position: absolute;
  top: 20px;
  opacity: 1;
  transition: opacity .1s ease-in-out;
  -moz-transition: opacity .1s ease-in-out;
  -webkit-transition: opacity .1s ease-in-out;
  line-height: 15px;
}

.SELD:hover .sqFt, .notSold:hover .sqFt {
  opacity: 0;
}

.conta {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  left: 0;
}
.price {
  text-align: center;
}

.apartment,.SELD, .notSold {
    height: 50px;
    width: 70px;
}
/*.hoverState { */
/*  background-color: #000000 !important; */
/*}*/

.siteByLink {
    text-decoration: none;
}
.siteByContainer {
    display: flex;
    flex-direction: row;
}
.iconDesign svg {
    width: 110px;
    height: 30px;
    margin-left: 10px;
}
.iconDesign {
    width: 110px;
    height: 30px;
}

.background-cover {
  visibility: hidden;
  background: #324354;
  mix-blend-mode: multiply;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
}

.sharePrintContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 25px;
}

.backArrow {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  height: 50px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.backArrow svg {
  width: 10px;
  height: 10px;
  fill: #455469;
}

.forwardArrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  height: 50px;
  background: #455469;
  display: flex;
  align-items: center;
  justify-content: center;
}

.forwardArrow svg {
  width: 10px;
  height: 10px;
  fill: white;
}

.lightbox {
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  box-shadow: 2px 1px 4px 2px rgba(0, 0, 0, 0.1);
  display: none;
  position: fixed;
  background: white;
  z-index: 1000;
  height: 70vh;
  min-height: 750px !important;
  max-height: 1000px;
  top: 50%;
  width: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 650px;
}

.xCloser {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 30px;
}

.xCloser svg {
  width: 30px;
  height: 30px;
}

.floorplanImage {
  height: 80%;
  max-width: 80%;
  object-fit: contain;
}

.floorplanTextWrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.link3dsection {
  text-decoration: none;
}

.detailsContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 15px 30px 30px 30px;
  gap: 30px;
  justify-content: space-between;
}

.theTop {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.addressBar {
  background-color: #455469;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.addressContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 15px;
}

span.address {
  font-size: 30px;
  color: #ffffff;
  line-height: 28px;
}

span.addressDetails {
  font-size: 18px;
  color: #ffffff;
  font-weight: 300;
  font-family: Arial;
}

.salePriceContainer {
  padding: 15px;
}

.salePriceContainer span {
  color: #ffffff;
  font-size: 18px;
}

.iconsContainer {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #455469;
  padding-bottom: 30px;
}

.detailGroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20%;
}

.detailIcon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.detailIcon * {
  height: 100%;
  width: 100%;
}

span.detailLabel {
  font-size: 18px;
}

span.detailValue {
  font-size: 24px !important;
  font-weight: 500 !important;
}

.descriptionContainer {
  border-bottom: 1px solid #455469;
  padding: 15px 15px 40px 15px;
}

/* ICONS AND PRINT AND REALTOR BUTTONS*/
.linkContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 50px;
}

.buttonContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 20px;
}

.social {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}

.socialshare-icon-cir a img {
  width: 40px;
  height: 40px;
}

.printbutton {
  margin-top: 0;
  width: 100%;
}

.printbutton a {
  text-decoration: none;
}

.buttonInner {
  display: flex;
  flex-direction: row;
}

/*.printIcon img {*/
/*  width: 20px;*/
/*  height: 20px;*/
/*}*/
.printIcon {
  background-color: #F7F7F6;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.downloadDesc {
  background-color: #89929F;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.socialshare-icon-cir {
  background-color: #475369;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
}

.socialshare-icon-cir a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.socialshare-icon-cir a svg {
  width: 25px;
  height: 25px;
  fill: #eeeeee;
}

span.printIcon svg {
  width: 30px;
  height: 30px;
}

.hide {
  display: none !important;
}

a.realtorShareInd {
  text-decoration: none;
}

.realtorShareInd {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  width: 175px !important;
}

.realtorShareInd img {
  height: 75px;
  width: auto;
  object-fit: contain;
}

.realtorButton {
  width: 100% !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popUp {
  visibility: visible !important;
}

@media only screen and (min-width: 321px) and (max-width: 1000px) {
  .lightbox {
    flex-direction: column !important;
    height: 800px !important;
    top: 10%;
    transform: translate(-50%, -10%);
    justify-content: space-between;
  }
  .floorplanContainer {
    order: 2 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 10px !important;
  }
  .backArrow {
    background: #000000 !important;
  }
  .backArrow svg {
    fill: #ffffff !important;
  }
  .floorplanImage {
    transform: rotate(90deg) !important;
  }
  .floorplanImage {
    height: 500px !important;
    max-width: 100% !important;
    object-fit: contain;
  }
}
.downloadDesc {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.swiper-container {
  width: 100%;
}

.floorplanContainer {
  padding: 0 30px 0 50px !important;
}

.swiper-slide {
  background-size: cover;
  background-position: 50%;
  min-height: 20vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.swiper-wrapper {
  width: 90% !important;
  min-height: 90%;
  min-width: 90%;
  height: 90% !important;
}

.swiper-pagination-bullet-active {
  background-color: rgb(0, 0, 0);
  background: rgb(0, 0, 0);
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: unset;
  top: 10px;
  position: relative;
}

.swiper-container {
  width: 100%;
  margin-left: 10px !important;
  height: 90%;
}
@media only screen and (min-width: 321px) and (max-width: 1000px) {
  .lightbox {
    flex-direction: column !important;
    height: 70vh;
    min-height: 750px !important;
    max-height: 1000px;
    top: 10%;
    transform: translate(-50%, -10%);
    justify-content: space-between;
  }
  .floorplanContainer {
    order: 2 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 10px !important;
  }
  .backArrow {
    background: #000000 !important;
  }
  .backArrow svg {
    fill: #ffffff !important;
  }
  .floorplanImage {
    transform: rotate(90deg) !important;
  }
  .floorplanImage {
    height: 500px !important;
    max-width: 100% !important;
    object-fit: contain;
  }
  .floorplanTextWrapper {
    order: 1;
    padding-top: 30px;
  }
  .floorplanImage {
    order: 2;
  }
  .backArrow {
    transform: translateX(-30px);
    border-radius: 50%;
    top: 300px;
  }
  .forwardArrow {
    transform: translateX(30px);
    border-radius: 50%;
    top: 300px;
  }
  .detailsContainer {
    height: 600px;
    max-height: 90% !important;
  }
  .sharePrintContainer {
    gap: 15px;
  }
}
@media only screen and (min-width: 321px) and (max-width: 650px) {
  .buttonContainer {
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
  }
  /*.realtor1Image, .realtor2Image {*/
  /*    display: none;*/
  /*}*/
}
.hotSpotContainer {
    position: relative;
}

.hotSpotContainer svg {
    position: absolute;
    top: 0;
    left: 0;
    fill: transparent;
}



.apartmentUnitContainer {
    list-style: none;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background-color: blue;
}

.apartmentUnitContainer:hover {
    background-color: green;
}


.hoverState { 
    background-color: #000000 !important; 
}

.hotSpotContainer img {
    position: absolute;
    left: 0;
    top: 0;
}

.hider {
    display: none;
}

.aptImageHover:hover {
    cursor: zoom-in;
}