@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 3000px) {
.navbarcustomheight {
    z-index:9999;
    top:53px !important;
}
}

 	
@media screen and (max-width: 1500px) {
.navbarcustomheight {
    z-index:9999;
    top:53px !important;
}
}


@media screen and (max-width: 970px) {
.navbarcustomheight {
    top:0px !important;
}
}




@media screen and (max-width: 3000px) {
.navbarcustomheighttop {
    z-index:9999;
    top:35px !important;
}
}


@media screen and (max-width: 1500px) {
.navbarcustomheighttop {
    z-index:9999;
    top:35px !important;
}
}


@media screen and (max-width: 970px) {
.navbarcustomheighttop {
    top:0px !important;
}
}





@media screen and (max-width: 3000px) {
.templatetitlecontent {
    margin-left:440px !important;
    margin-top:30px !important;
}
}

 	
 	
@media screen and (max-width: 1540px) {
.templatetitlecontent {
    margin-left:350px !important;
    margin-top:50px !important;
}
}


@media screen and (max-width: 1200px) {
.templatetitlecontent {
    margin-left:50px !important;
    margin-top:50px !important;
}
}


@media screen and (max-width: 1024px) {
.templatetitlecontent {
        margin-left:0px !important;
}
}


@media (max-width: 2524px){
     .topheader li {
        margin-left : 0.9em !important;
        margin-right : 0.3em !important;
    }
}


@media (max-width: 850px){
    .topheader li {
        margin-left : 0.0em !important;
        margin-right : 0.0em !important;
    }
}



@media (max-width: 2524px){
     .mobilerightsidemenu li {
        margin-left : 0.9em !important;
        margin-right : 0.7em !important;
    }	
}


@media (max-width: 550px){
    .mobilerightsidemenu li {
        margin-left : 0.9em !important;
        margin-right : 0.7em !important;
    }
}



@media (max-width: 250px){
    .mobilerightsidemenu li {
        margin-left : 0.9em !important;
        margin-right : 0.7em !important;
    }
}





.adminname {
  max-width: 14rem !important;
}
.adminnamewithphoto {
  min-width: 18rem !important;
}

.admincommunity {
  max-width: 8rem !important;
}

.admintype {
    padding-left:4px !important;
    }
    
.adminstatus {
    max-width: 7rem !important;
    }

.admindate {
  max-width: 8rem !important;
}

.admincontact {
  max-width: 14rem !important;
}

.adminnameaddresscommunity {
  max-width: 20rem !important;
}


@media screen and (min-width: 400px) {
.adminsname  {
  max-width: 8rem !important;
}
  .adminname {
  	max-width: 14rem !important;
  }
  .adminnamewithphoto {
  	min-width: 24rem !important;
  }
  
  .adminnameaddresscommunity {
  	max-width: 12rem !important;
  }
}

@media screen and (min-width: 650px) {
  .adminname {
  	max-width: 18rem !important;
  }
  .adminnamewithphoto {
  	min-width: 28rem !important;
  }
  .adminnameaddresscommunity {
  	max-width: 14rem !important;
  }
}


@media screen and (min-width: 990px) {
  .adminname {
  	max-width: 14rem !important;
  }
  .adminnamewithphoto {
  	min-width: 24rem !important;
  }
  .adminnameaddresscommunity {
  	max-width: 14rem !important;
  }
}

@media screen and (min-width: 1320px) {
  .adminname {
  	max-width: 20rem !important;
  }
  .adminnamewithphoto {
  	min-width: 30rem !important;
  }
  .adminnameaddresscommunity {
  	max-width: 14rem !important;
  }
}


@media screen and (min-width: 200px) {
    .adminsname  {
      max-width: 16rem !important;
    }
}


@media screen and (min-width: 500px) {
    .adminsname  {
      max-width: 14rem !important;
    }
}

@media screen and (min-width: 800px) {
    .adminsname  {
      max-width: 15rem !important;
    }
}

@media screen and (min-width: 990px) {
    .adminsname  {
      max-width: 12rem !important;
    }
}


@media screen and (min-width: 1050px) {
    .adminsname  {
    max-width: 13rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .adminsname  {
      max-width: 14rem !important;
    }
}

@media screen and (min-width: 1340px) {
    .adminsname  {
      max-width: 15rem !important;
    }
}


@media (max-width: 550px){
     .mobileheaderfix {
        width: 0px !important;
		display:inline-block !important;
    }	
}


@media (max-width: 350px){
    .mobileheaderfix {
        width: 0px !important;
		display:inline-block !important;

    }
}



@media (max-width: 250px){
    .mobileheaderfix {
        width: 0px !important;
		display:inline-block !important;
    }
}


.admintoplineheaderbar {
    background-color:#14244e !important;
    border:none;height:36px !important;
    max-width:1330px !important;
    }

.admindesktopmenubar {
    max-width:1360px !important;
     padding-left:0px !important;
    }

.admindesktopsubmenubar {
    max-width:1360px !important;
    }

.admindesktoptitlefilterbar {
    background-color:#faf9f7 !important;
    border:none;
    max-width:1360px !important;"
    }
    
.admindesktoptitlefilterbartitle {
    font-family:Lato !important;
    font-weight:400 !important;
    color:#000000 !important;
    }
    
.adminpagecontent {
    max-width:1294px !important;
    }
    
.admindesktoptopmenuicon {
    display:inline-block !important;
    }

.admindesktopsubmenubarmargin {
    padding-left:50px !important;
    display:block !important;
    }
    
.residentdesktopmenubar {
    max-width:1294px !important;
    }
    
.cmlogobarwidth {
    max-width:1294px !important;
    }    

.residentdesktoptitlebar {
    max-width:1294px !important;
    }
    
.homeslideshowheight {
    max-height:438px !important; 
    overflow-y: hidden !important;
    }
    
@media screen and (min-width: 1200px) {
.admindesktopmenubar {
    padding-left:46px !important;
    }
}



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

.homeslideshowheight {
    max-height:378px !important; 
    overflow-y: hidden !important;
    }
.admintoplineheaderbar {
    background-color:#14244e !important;
    border:none;height:36px !important;
    max-width:1180px !important;
    }
.admindesktopmenubar {
    max-width:1180px !important;
    }
.admindesktopsubmenubar {
    max-width:1180px !important;
    }
.admindesktoptitlefilterbar {
    background-color:#faf9f7 !important;
    border:none;
    max-width:1180px !important;"
    }
.adminpagecontent {
     max-width:1120px !important;
    }
.admindesktoptopmenuicon {
    display:none !important;
    }
.admindesktopsubmenubarmargin {
    padding-left:50px !important;
    display:block !important;
    } 
    
.residentdesktopmenubar {
    max-width:1120px !important;
    }
    
.cmlogobarwidth {
    max-width:1120px !important;
    }
    
.residentdesktoptitlebar {
    max-width:1120px !important;
    }

.boardactionbtn {
    font-size:18px !important;
	padding-left:10px !important;
	padding-right:10px !important;
    }
.boardactionbtn:hover {
    font-size:18px !important;
	padding-left:10px !important;
	padding-right:10px !important;
    }    
}


@media screen and (max-width: 1040px) {
.homeslideshowheight {
    max-height:335px !important; 
    overflow-y: hidden !important;
    }
.admintoplineheaderbar {
    background-color:#14244e !important;
    border:none;height:36px !important;
    max-width:1180px !important;
    }
.admindesktopmenubar {
    max-width:1180px !important;
    }
.admindesktopsubmenubar {
    max-width:1180px !important;
    }
.admindesktoptitlefilterbar {
    background-color:#faf9f7 !important;
    border:none;
    max-width:1180px !important;"
    }
.adminpagecontent {
     max-width:995px !important;
    }
.admindesktoptopmenuicon {
    display:none !important;
    }
.admindesktopsubmenubarmargin {
    padding-left:0px !important;
    display:block !important;
    }

.residentdesktopmenubar {
    max-width:995px !important;
    } 
    
.cmlogobarwidth {
    max-width:995px !important;
    }     
    
.residentdesktoptitlebar {
    max-width:995px !important;
    }
    
.boardactionbtn {
    font-size:14px !important;
	padding-left:10px !important;
	padding-right:10px !important;
    }
.boardactionbtn:hover {
    font-size:14px !important;
	padding-left:10px !important;
	padding-right:10px !important;
    }    
      
}

@media screen and (max-width: 845px) {
.homeslideshowheight {
    max-height:282px !important; 
    overflow-y: hidden !important;
    }
}


@media screen and (max-width: 1180px) {
.submenudiv  .btn-primary {  
	font-size: 11px !important;
	line-height:11px !important;
	}
.submenudiv .btn-primary:hover {    
	font-size: 11px !important;
	line-height:11px !important;
	}
.subsubmenudiv .btn-primary {    
	font-size: 11px !important;
	}
.subsubmenudiv .btn-primary:hover {
	font-size: 11px !important;
	}		
.subsubmenudiv .btn-secondary {
	font-size: 11px !important;
	}
.subsubmenudiv .btn-secondary:hover {
	font-size: 11px !important;
	}
.subsubmenudiv {
	font-size: 11px !important;
	}
.submenudiv {
	font-size: 11px !important;
	line-height:11px !important;
    }
}


@media screen and (max-width: 990px) {
    .photoframeright {
      float: left;
      overflow-y: scroll;
      max-height:100%;
      background-color: #f9fafd;
      min-width:280px !important;
      width:100% !important;
    }
}  
 

@media screen and (max-width: 990px) {
    .themebgcolor {background-color:#ffffff !important;}  
    .container  {background-color:#ffffff !important;}         
}    

@media (prefers-color-scheme: dark) {
    .themebgcolor {background-color:#000000 !important;}
    .container {background-color:#222 !important;}
    .admintoplineheadercolor {background-color:#222 !important;}
    .adminmobilemenubarcolor {background-color:#000 !important;}
    .admindesktoptitlefiltercolor {background-color:#000000 !important;}
    .admindesktoptitlefilterbartitle {color: gray !important;}
    .admindesktopmenubarcolor {background-color:#000 !important; border:none !important;}
    .admindesktopsubmenubarcolor {background-color:#000000 !important;}
    .admindesktopsubmenubar {background-color:#000000 !important;}
    .adminpagecontentcolor {background-color:#000000 !important;}   
    .card-header { background-color: #000000 !important;} 
    .lightcard .card { background-color: rgba(0, 0, 0, 0.8); }
    .darkcard .card { background-color: rgba(245, 245, 245, 0.8); } 
	.boarddashRowOdd { background-color:#C5C5C5;color: #212121;}
	.boarddashRowEven {background-color:#666;}   
	.boardcenternav { color:#EEE !important; }
    .infotext {color:#ffffff !important;}	
    .cardtableheader { background-color:#0E1D2E !important; color:#EEE !important; }
    .bootrowactionneeded { background-color: #242526 !important; border-color: #242526 !important;}
    .evenlighter:hover {color:#212121 !important;}
	.admindesktoptitlefilterbar .active {background-color: #666 !important; border-color: #666 !important;}
	.groupsmenudiv .btn-primary {background-color:#122337 !important;border-color:#122337 !important; color:#fff !important;}
	.groupsmenudiv .active  {background-color: #666 !important; border-color: #666 !important;}
    .cfpost .card-body p a:link {color:#ffffff !important;}
    .bootcell {border:0px !important;}
    .ck_bigtext {color:#EEE !important;}
    .ck_bigtext a {color:#EEE !important;}
    .ck_bigtext a:visited {color:#EEE !important;}
    .linkstyle {color:#EEE !important;}
    .linkstyle a {color:#EEE !important;}
    .linkstyle a:visited {color:#EEE !important;}
    .form-inline .btn-falcon-default  {background-color: #666 !important; border-color: #666 !important;color:#fff !important;letter-spacing:1.0px !important;}
    .linkstylenounderline {color:#EEE !important;}
    .defaultlinkstyle {color:#EEE !important;}
    .latolinkstyle { color:#EEE !important; }
    .cmfeedpageaddpost {background-color: #999 !important;}
    .boardactionbtn  {background-color: #999 !important;}
    .latestnewsitemdate {color:#999;}
    .latestnewsitemtitle {color:#CCC;}
    .navicons  {background-color:#000000 !important;}
    .nav__link {color: #EEE !important;}
    .nav-link {color: #EEE !important;}
    .twodoorleft { background-color:#ffffff !important; }
    .twodoorright { background-color:#14244e !important;}
    .feedsidelinkcolor {color: #EEE !important;}
    .feedsidelinkcoloron {color: #777 !important;}
    a.sidemenustyle:link {color: #777 !important;}
    a.sidemenustyle:visited {color: #777 !important;}
    a.sidemenustyle:hover {color: #999 !important;}
    .helvecticamenu {color: #EEE !important;}
    a.helvecticamenu:hover {color: #fff !important;}
    a.dropdown-item:link  {color: #EEE !important;text-decoration:none !important;}
    a.dropdown-item:hover  {color: #fff !important;text-decoration:none !important;}
    a.dropdown-item:visited  {color: #EEE !important;text-decoration:none !important;}
    .residentpopup {color: #EEE !important;text-decoration:none !important;}
    .residentpopup:link {color: #EEE !important;}
    .residentpopup:hover {color: #fff !important;}
    .residentpopup:visited {color: #EEE !important;}
    .arcdeadlinepassed {border-color: #DF2F01 !important; box-shadow: #DF2F01 2px 2px 5px !important;}
    .taskstatus_pastdeadline {color:#ffffff !important;font-weight:bold;}
    .bg-darktan { background-color: #000000 !important;}
    .bg-nabrfooter { background-color: #000000 !important;}    
    .navbarmobile .navbar-glass {background-color:#000000 !important;}
    .cmadmintopbar .btn-primary {background-color: #444444 !important;border-color: #444444 !important;color: #EEE !important;} 
    .cmadmintopbar .btn-primary:hover {background-color: #333333 !important;border-color: #333333 !important;color: #EEE !important;}        
    .cmadmintopbar .btn-secondary { background-color: #878683 !important;border-color: #878683 !important;color: #EEE !important;}
    .cmadmintopbar .btn-secondary:hover { background-color: #444444 !important;border-color: #444444 !important;color: #EEE !important;}
    .cmadmintopbar .btn-warning {background-color: #259dfa !important;border-color: #259dfa !important;color:#ffffff !important;}
    .cmadmintopbar .btn-warning:hover {background-color: #259dfa !important;border-color: #259dfa !important;color:#ffffff !important;}
    .noticesrequeststeps .btn-secondary {background-color: #878683 !important; border-color: #878683 !important;}
    .noticesrequeststeps .btn-secondary:hover {background-color: #444444 !important; border-color: #444444 !important;}     
    .submenudiv  .btn-primary {background-color:#C5C5C5 !important;border-color:#C5C5C5 !important;}
    .submenudiv  .btn-primary:hover {background-color:#C5C5C5 !important;border-color:#C5C5C5 !important;}
    .submenudiv  .btn-secondary:not(:disabled):not(.disabled):active,   .submenudiv   .btn-secondary:not(:disabled):not(.disabled).active {color:#000000 !important;}
    .cfpost .card { border-top: 0px none #000000 !important;}
    .featurecard .card { border: 0px none #000000 !important;}
    .featurecard .alert-success {background-color:#0E1D2E !important; border-color:#0E1D2E !important;padding-left:0px !important;}
    .featurecard .eventheadercolor  {background-color:#122337 !important;border-color:#122337 !important;}
    .noticesrequestadd .btn-secondary {background-color:#DCD9D6 !important; border-color: #DCD9D6 !important; color:#000000 !important;}
    .noticesrequestadd .btn-secondary:hover {background-color: #DCD9D6 !important; border-color: #DCD9D6 !important; color:#000000 !important;}
    .iconcolormobile {color:gray !important;}
    .fullcalendar {background-color:#323C47 !important;}
    .fc-today {background-color:#C5C5C5 !important;}
    .headernabrpartnerlogo {color:#EEE !important;}
    .dropzone { background-color: #0E1D2E !important;}
    .dz-button { color:#EEE !important;}
    .myaccountheaderbtn:link {border:none !important;color:#fff !important;}
    .myaccountheaderbtndown {border:none !important;background-color:#666 !important;}
    .cmcompanybarcolor {background-color:#000 !important; border:none !important;}
    .actiontypenote {color:#000000 !important;}
    .support-bg {background-color:#000000 !important;}
    .photoframeleft {background-color: #122337 !important;}
    .photoframeright {background-color: #122337 !important;}
    #editpostModal .card-body .form-control {background-color:#122337 !important;border-color-bottom:#000000 !important;}
    .getappinfopage {color:#fff !important;border:thin;border-color:#777;border-style:solid;border-width:1px;background-color:#000;padding:30px;}
    .secondcolumncontent a:not(.btn)  {
        color: gray;
    }
    a.postlink, a.postlink:active,  a.postlink:hover, a.postlink:visited, a.postlink:focus {
        text-decoration:underline !important;
        color:gray !important;
    }
    .adminindexstyle a:not(.btn)  {
        color: gray;
        text-decoration: underline;
    }
    .bootcell a:not(.btn)  {
        color: gray;
        text-decoration: underline;
    }
    .table {
        color: gray;
    }
    .table-hover tbody tr:hover {
        color: gray;
    }
    .secondcolumncontent a:not(.btn):not(.fevent):not(.feedprofilelink):not(.fc-daygrid-day-number):not(.fc-col-header-cell-cushion):not(.fullcalendar):not(.fc-list-day-text):not(.badge) {
        color: #3E73A2 !important;
        text-decoration: underline;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color:gray !important;}
    .original {color:#212121 !important;}
    .original:hover {color:#ffffff !important;}
        
    .innershaowtop {    
            box-shadow: 
                inset 0px 0px 0px 0px #000,
                inset 0px 0px 0px 0px #000 !important; 
           
    }	
    .dropdown-menu a:hover, .dropdown-menu a:focus {
                background-image:none !important;
     }
     .dropdown-menu a:hover, .dropdown-menu a:focus {
                background-color:#444444  !important;
     }
    .navbarmain {
        -webkit-box-shadow: 0 0px 0px 0px #000 !important;
        -moz-box-shadow: 0 0px 0px 0px #000 !important;
        box-shadow: 0 8px 0px 0px #000 !important;
    }     
    .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28 255, 255, 255, 0.85%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M0 6h30M0 14h30M0 22h30'/%3E%3C/svg%3E");
    }
    .navbarmain .navbar-light {background-color:#000000 !important;}
    .navbar .navbar-theme {background-color:#000000 !important;}
    .form-inline .evenlighter {color:#ffffff !important; background-color:#333 !important; border-color:#333 !important;}

    .myaccountheaderbtn:hover {border:none !important;background-color:#666 !important;}
    .nabrpubliclinks {color:#565759 !important;}
    .customResourcesGroupClass .card-header:hover {background-color:#162236;}
    .actiontypenote {color:#666 !important;}
  
    .custom-saved-payments:hover, .custom-saved-payments:enabled {      
        background-color: #3B5176;          
        color: #FFF !important;     
    } 


    .custom-make-payments-tab a {        
        color: #f9fafd !important;
    }

    .custom-make-payments-tab a.active {
        background-color: #3B5176 !important;
        color: #FFF !important;
        font-weight: 500 !important;
    }

    .custom-make-payments-tab a:hover {
        background-color: #3B5176 !important;
        color: #FFF !important;
        font-weight: 500 !important;
    }
    
    .selectedpaymentmethod, .selectedpaymentmethod:hover {
        background-color: #EAF5FF !important;
        color: #0E5083 !important;
    }

    .form-control:-webkit-autofill {
        -webkit-text-fill-color: #d8e2ef !important;
        -webkit-box-shadow: 0 0 0px 1000px #0e1c2f inset !important;
    
    }

    .form-control:disabled {
        background-color: rgba(186,195,204,.16);
        color: #A2B3BE;
        opacity: 1;
    }

    .btnSavePaymentMethod, .submit-autopay-btn {
        border-radius: 0.375rem !important;
        background-color: #306FF6 !important;
        border-color: #306FF6 !important;
        color: #fff;
    }

    .btnSavePaymentMethod:hover, .submit-autopay-btn:hover {
        background-color: #2658c4 !important;
        border-color: #2658c4 !important;
        color: #fff !important;
    }

    .custom-card-body {	
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
        padding-right: 2rem;
        background-color: #000;
    }

}

@media (prefers-color-scheme: light) {
    .themebgcolor {background-color:#ffffff !important;}
    .container {background-color:#ffffff;}
    .admintoplineheadercolor {background-color:#14244e !important;}
    .adminmobilemenubarcolor {background-color:#ffffff !important;}
    .admindesktoptitlefiltercolor {background-color:#F1F3F7 !important;}
    .admindesktopmenubarcolor {background-color:#ffffff !important;}
    .admindesktopsubmenubarcolor {background-color:#ffffff !important;}
    .adminpagecontentcolor {background-color:#ffffff !important;}
    .darkcard .card { background-color: rgba(0, 0, 0, 0.8); }
	.boarddashRowOdd { background-color:#E7F3FF;}
	.boarddashRowEven {background-color:#CDE3F9;}
    .lightcard .card { background-color: rgba(245, 245, 245, 0.8); }
    .navicons  {background-color:#ffffff !important;}
    .nav__link {color: #777777 !important;}
    a.dropdown-item:link  {color: #000000 !important;text-decoration:none !important;}
    a.dropdown-item:hover  {color: #000000 !important;text-decoration:none !important;}
    a.dropdown-item:visited  {color: #000000 !important;text-decoration:none !important;}
    .bg-darktan { background-color: #EEE8E1 !important;}
    .bg-nabrfooter { background-color: #4c4d4f !important;}
    
    .navbarmobile .navbar-glass {background-color:#ffffff !important;}
    .cmadmintopbar .btn-primary { background-color: #f5f2ef !important;border-color: #f5f2ef !important;}
    .cmadmintopbar .btn-primary:hover { background-color: #e6e3e0 !important;border-color: #e6e3e0 !important;}        
    .cmadmintopbar .btn-secondary { background-color: #e6e3e0 !important;border-color: #DCD9D6 !important;}       
    .cmadmintopbar .btn-secondary:hover { background-color: #DCD9D6 !important;border-color: #DCD9D6 !important;}
    .cmadmintopbar .btn-addpost { background-color: #F8CA4F !important;border-color: #F8CA4F !important;}      
    .cmadmintopbar .btn-addpost:hover { background-color: #F8CA4F !important;border-color: #F8CA4F !important;}  
    .cmadmintopbar .btn-warning { background-color: #259dfa !important;border-color: #259dfa !important;}
    .cmadmintopbar .btn-warning:hover { background-color: #259dfa !important;border-color: #259dfa !important;}
    .actiontypeaction {color: #d15115 !important; font-weight:bold !important;}
    .actiontypenote {color: #377da6 !important; font-weight:bold !important;}
    .twodoorleft { background-color:#14244e !important; }
    .twodoorright { background-color:#ffffff !important;} 
    .form-inline .btn-falcon-default  {letter-spacing:1.0px !important;}
    .cfpost .card { border-top: 1px solid #f3f3f3 !important;}
    .featurecard .card { border-top: 1px solid #f3f3f3 !important;}
    .featurecard .alert-success {background-color:#CCEFC5 !important;}
    .getappinfopage {border:thin;border-color:#999;border-style:solid;border-width:1px;background-color:#fff;padding:30px;}
    .iconcolormobile {color:#121212 !important;}
    .fullcalendar {background-color:white !important;}
    .fc-today {background-color:#fcf8e3 !important;}
    .headernabrpartnerlogo {color:#7F4C01 !important;}
    .cmcompanybarcolor {background-color:#ffffff !important;}
    .innershaowtop {    
            box-shadow: 
                inset 0px 9px 6px -7px #EEE,
                inset 0px -9px 6px -7px #EEE !important; 
           
    }	

    .dropdown-menu a:hover, .dropdown-menu a:focus {
                background-image:none !important;
     }
     .dropdown-menu a:hover, .dropdown-menu a:focus {
                background-color:#E8EAEE  !important;
     }   
    .navbarmain {
        -webkit-box-shadow: 0 8px 6px -6px #ccc !important;
        -moz-box-shadow: 0 8px 6px -6px #ccc !important;
        box-shadow: 0 8px 6px -6px #ccc !important;
    }
    .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.85%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M0 6h30M0 14h30M0 22h30'/%3E%3C/svg%3E");
    }
    .navbarmain .navbar-light {background-color:#ffffff !important;}
    .navbar .navbar-theme {background-color:#ffffff !important;}

    .selectedpaymentmethod {
        background-color: #EAF5FF !important;
        color: #0E5083 !important;
    }

    #makepaymenttabs a {        
        color: #728997 !important;
    }
    #makepaymenttabs a.active {
        background-color: #EAF5FF !important;
        color: #0E5083 !important;
        font-weight: 500 !important;
    }           

    .form-control:disabled{
        background-color: #edf2f9;
        color: #344050;
        opacity: 1;
    }

    .btnSavePaymentMethod, .submit-autopay-btn {
        border-radius: 0.375rem !important;
        background-color: #306FF6 !important;
        border-color: #306FF6 !important;
        color: #fff !important; 
    }

    .btnSavePaymentMethod:hover, .submit-autopay-btn:hover {
        background-color: #2658c4 !important;
        border-color: #2658c4 !important;
        color: #fff !important;
    }

    .custom-card-body {	
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
        padding-right: 2rem;
        background-color: #fff;
    }
}

    .feedphotocard {
        padding: 0.5rem;
        }

    .myhoacontent {
        margin-left:0px !important;
        padding-right:0px !important;
        }
        
    .bootcontent {
        margin-left:0px !important;
        padding-right:0px !important;
        font-smooth: never !important;
        }
        
    .bootpagetitle {
        color:#A64226;
        font-size:38px;
        line-height:42px;
        font-weight:normal;
        font-family:'proxima_novamedium', Helvetica, sans-serif !important;
    }  
        
	.myaccountpagetitle {
		color:#A64226;
		font-size:38px;
		line-height:42px;
		padding-bottom:10px;
		font-family:'proxima_novamedium', Helvetica, sans-serif !important;
		}

    .myaccountpagetitleres {
        color:#A64226;
        font-size:38px;
        line-height:42px;
        text-transform:capitalize;
        font-family:'proxima_novamedium', Helvetica, sans-serif !important;	
        }	

    .myaccountpagesubtitle {
        font-size:20px;
        font-family:'proxima_novamedium', Helvetica, sans-serif !important;
        }
        
	.myhoacontentcal {
		font-smooth: never !important;
		}	

		
.helptext {
		padding-bottom: 20px;
		padding-left:20px;
		font-style: italic;
}

#maincontent {
    min-height:75vh !important;
    }
        


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

        .bootcell .card {
            background-color: white !important;
            border:0px !important;
            -webkit-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07) !important;		
            box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07) !important;
            border: 1px solid #f3f3f3 !important;
            }
        
        .bootcell {
            border:0px !important;
            }
        
    @media (prefers-color-scheme: dark) {
            .bootcell .card {
                background-color: #122337 !important;
                border-color: #122337 !important;
                }
            }
    }

.max-width {
    width:auto !important;
    max-width: 100% !important;
    height: auto !important;
}

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

    .custom-file-label {
        overflow: hidden;
        white-space: nowrap;
        padding-right: 8em;
        text-overflow: ellipsis;
        }

    .adminpagecontent {
        padding-left:0px !important;
        margin-left:0px !important;
        padding-right:0px !important;
        margin-right:0px !important;
        }
    .feedphotocard {
        padding: 0.0rem 0.0rem 1.0rem 0.0rem !important;
        }
    #maincontent {
        min-height:100vh !important;
        }

    .fc-header-toolbar .btn-primary {
        font-size: 0.7rem !important;
        padding: 0.2rem 0.5rem !important;
        }    
    .fc .fc-toolbar-title {
        font-size: 1.0rem !important;
        }
    .fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
        margin-left: 0.0em !important;
        margin-top:0.2em;
        display:block;
        }
        
    .feedchannelcategorytab {   
        margin-left:10px;
        font-family:Lato, sans-serif !important;
        } 
    .cfpost .card, .cfpost .card-header, .cfpost .card-body, .cfpost .card-footer{
        border-radius:0px !important;
        } 

    .featurecard .card, .featurecard .card-header, .featurecard .card-body, .featurecard .card-footer{
        border-radius:0px !important;
        } 
                    
    .bootcontent {
        margin-left:15px !important;
        padding-right:15px !important;
        }  
    .bootcontentcal {
        margin-left:15px !important;
        padding-right:15px !important;
        }
        
    .myhoacontent {
        margin-left:15px !important;
        padding-right:15px !important;
        }  
    .myhoacontentcal {
        margin-left:15px !important;
        padding-right:15px !important;
        }
    .admindesktoptitlefilterbar .search-box .search-input {
        width: 11rem !important;
        }
 
    .bootpagetitle {
        color:#A64226;
        font-size:25px;
        line-height:28px;
        font-family:'proxima_novamedium', Helvetica, sans-serif !important;
	    font-weight: 500;
        }
        
    .bootcontent h4 {
        font-size: 18px;
        }
        
    .bootcontent .h5 {
        font-size: 16px;
        }
     
    .bg-nabrfooter {
        background-color:#ffffff !important;
        }
        
    .bg-nabrfooter-text { color:#666666 !important;}
    .bg-nabrfooter-text  a { color:#666666 !important;}
    .bg-nabrfooter-text  a:hover { color:#000000 !important;}

    @media (prefers-color-scheme: dark) {
        .bg-nabrfooter { background-color:#000000 !important;}
        .bg-nabrfooter-text { color:#CCC !important;font-weight:bold;}
        .bg-nabrfooter-text  a { color:#CCC !important;}
        .bg-nabrfooter-text  a:hover { color:#EEE !important;}
        }





.flatpickr-calendar {
    opacity: 0;
    display: none;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    box-sizing: border-box;
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
          
.numInputWrapper input {
    width: 100%;
}


.flatpickr-calendar.open, .flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    fill: rgba(0,0,0,0.9);
    height: 34px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.flatpickr-current-month {
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    height: 34px;
    display: inline-block;
    transform: translate3d(0,0,0);
}



select {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    font: 400 13.3333px Arial;
}


select:not(:-internal-list-box) {
    overflow: visible !important;
}



button, select {
    text-transform: none;
}



span.flatpickr-weekday, .flatpickr-weekdaycontainer, .flatpickr-monthDropdown-months, .flatpickr-months .flatpickr-month {
    background-color: #fff !important;
}

@media (prefers-color-scheme: dark) {
    span.flatpickr-weekday, .flatpickr-weekdaycontainer, .flatpickr-monthDropdown-months, .flatpickr-months .flatpickr-month {
        background-color: #000000 !important;
        color: #fff !important;
    }
}

 .flatpickr-current-month .flatpickr-monthDropdown-months {
    background: transparent;
    border: none;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto;
}

}


@media (min-width: 768px) {
  .navbar-card-auth {
    min-width: 48rem !important;
  }
}

.photogallery {
  /* Prevent vertical gaps */
  line-height: 0;   
  -webkit-column-count: 3;
  -webkit-column-gap:   0px;
  -moz-column-count:    3;
  -moz-column-gap:      0px;
  column-count:         3;
  column-gap:           0px;  
}

.photogallery img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  padding-top:4px !important;
  padding-bottom:4px !important;
  padding-left:4px !important;
  padding-right:4px !important;
}


.photogallery a img {
      border-radius: 0.5rem !important;
}


@media (max-width: 990px) {
  .photogallery {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }

  .firstcolumncontent a.makeapaymentbtn {
    margin-left: auto !important;
    margin-right: auto !important;
    }
}
@media (max-width: 540px) {
  .photogallery img {
  padding-top:3px !important;
  padding-bottom:3px !important;
  padding-left:3px !important;
  padding-right:3px !important;
  }
}

@media (max-width: 370px) {
    .groupsmenudiv {
        display:block !important;
        }
}


#anchor1, #anchor2, #anchor3, #anchor4, #anchor5, #anchor6, #anchor7, #anchor8, #anchor9, #anchor10, #anchor11, #anchor12, #anchor13, #anchor14, #anchor15 {
    display: block;
    position: relative;
    top: -170px;
    visibility: hidden;
}


@media screen and (max-width: 990px) {
    #anchor1, #anchor2, #anchor3, #anchor4, #anchor5, #anchor6, #anchor7, #anchor8, #anchor9, #anchor10, #anchor11, #anchor12, #anchor13, #anchor14, #anchor15 {
        display: block;
        position: relative;
        top: -115px;
        visibility: hidden;
    }

    .ioslogincenter {
      display: flex;
      justify-content: center;
      align-items: center;
    }    
               
} 


@media screen and (max-width: 600px) {
    #anchor1, #anchor2, #anchor3, #anchor4, #anchor5, #anchor6, #anchor7, #anchor8, #anchor9, #anchor10, #anchor11, #anchor12, #anchor13, #anchor14, #anchor15 {
        display: block;
        position: relative;
        top: -105px;
        visibility: hidden;
    }           
}  


.mapholder {
    min-height: 50vh; 
}
@media (max-width: 550px) {
    .mapholder {
        min-height: 75vh; 
        }
}