﻿@charset "utf-8";
/* CSS Document */


body {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;	
}

.appMobileAd {
    display:none;
}



/* Updated 5/19/2017 */

.fiHeader {
  width:100%;
  min-height:70px;
  border-bottom: solid 1px #ddd;
  background:#f3f3f4;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;		
}

.headerContainer {
  width:99%;
  margin:auto;	
}

.accountName {
    margin-top:5px;
}

/* Updated 5/19/2017 */
.signedInSideNav {
	display:none;
}

/* Updated 5/19/2017 */
.accountPicSignedIn {
    width:30px;
    margin-top:3px;
}

/* Updated 5/19/2017 */
.accountNotifications {
    padding:0 !important; 
    margin-top:5px;
    margin-bottom:0 !important;
}

/* Updated 5/19/2017 */
.accountNotifications li {
    display:inline-block;
    text-decoration:none;
    list-style-type:none;
    margin-left:5px;
}

#content {
	width:100%; background:#fff; height:auto; overflow:hidden;
	padding: 0 15px !important;	
}


.fiLogoContainer {
  max-width:140px;	
}


/* Updated 5/19/2017 */
.finditLogo {
  width:100%;
  max-width:100px;
  margin-left:20px;	
}

.finditLogo img {
	
}

.fiOrange {
  background: #fa6a23 !important;
  color:#fff !important;	
  border-color:	#fa6a23;
}

.fiBlue {
  background: #2b388f !important;
  color:#fff !important;
  border-color:	#2b388f;
}

.fiBlue2 {
  background: #4050b8 !important;
  color:#fff !important;
  border-color:#4050b8;	
}

.fiSiteSearch {
  margin-top:15px;	
}

.fiSiteSearch input {
  border:solid 1px #DDD;
  border-right:none;
  width:80%;
  max-width:300px;
  margin:0;	
  padding:1% 2%;
  float:left;
  max-height:36px;
}

.fiSiteSearch button {
  margin:0;
  float:left;
  border:none;
  padding: 6px 4%;
  font-size:15px !important;	
  max-height:36px;
}

.smallLogo {
  display:none !important;	

}

.finditOrange {
  background:#ee6220;
  color:#fff;	
}

.loginCredentials {
   margin-top:15px;
   margin-right:15px !important;	
}

.loginCredentials .col-md-4 {
  width:100%;
  max-width:115px;
  float:right;	
}

footer {
  background:#2b388f;
  height:auto;
  min-height:300px;	
  padding:20px;
  font-size:18px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;	
}

.footerContainer {
  width:100%;
  max-width:80%;
  margin:auto;	
  color:#fff !important;
  padding: 2%;
}

.footerContainer ul {
  padding:0;	
}

.footerContainer ul li {
  list-style:none;	
}

.footerContainer a, .footerContainer a:hover {
  color:#fff !important;
  text-decoration:none;	
}

.footerContainer h3 {
 color:#fff !important;	
}

.mobileSignIn {
  display:none;	
}


/* Updated 5/19/2017 */
#slideMenu3 {
	display:block;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


#slideMenu1 , #slideMenu2 {
  display:none;	
}

#content {
   transition: margin-left .5s;
    padding: 16px;	
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #f8f8f8;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:left;
	border-right: solid 1px #ddd;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: #a7b1c2 !important;
    display: block;
    transition: 0.3s;

}

.sidenav a:hover{
    color: #fff !important;
	background: #27358d;
}

.sidenav i {
  margin-right:10px;	
}

.closebtn {
    position: absolute;
    /*top: 0;*/
	top: 1px;
    right: 1px;
    /*right: 25px;*/
    font-size: 30px !important;
    margin-left: 50px;
	
	border:none !important;
	background:none !important;
}

.mobileNavs {
  float:left;	
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}




@media screen and (max-width:1450px) {
	
	#slideMenu3 {
		display:none;
	}
	
	
	#slideMenu1 {
	  display:block;
	  position: relative;
      margin-left: 20px;
	  font-size:20px;
	  color:#a7b1c2;
	  cursor:pointer;
	  top:15px;	
	}
	
	#slideMenu1 a {
	  color:#a7b1c2;	
	}
	

.fiHeader {
  overflow:visible;
}

.fiHeader .containerRow {
  margin-right:0 !important;	
}


.loginCredentials .col-md-4 {
	display:none;  
  }
  
   .mobileSignIn {
	  display:block;
	  text-align:right;
  }
  
  .mobileSignIn .dropdown-menu {
	width:100%;  
	min-width:100px !important;
  }
  
  .dropdown-menu {
	border-radius: 0 !important;
	box-shadow: 0 !important;
	background:#e7e6e6;  
  }
  
  
  .dropdown-menu > li > a {
	 padding:10px 20px; 
	 box-shadow: 0px -2px 5px rgba(0,0,0,0.1);
  }
	
	
	.finditLogo {
	
	margin-left: 35px;
    float: left;
    margin-top: -30px;
		
	}
	
	footer {
	   display:none !important;
	}
	
}

@media screen and (max-width:1450px) {
  .fiLogoContainer {
   margin-top:8px;
  }
}

/* Updated 5/19/2017 */
@media screen and (max-width:1010px) {
	
/* Updated 5/19/2017 */
	.loginCredentials {
		display:none;
	}
	
/* Updated 5/19/2017 */
	.signedInSideNav {
		display:block !important;
		padding-left:15px;
		border-bottom: solid 1px #eee;
		margin-bottom:10px;
	}
}

@media screen and (max-width:990px) {
    
	.footerContainer .col-md-3 {
  margin-bottom:5% !important;	
}	
	/* Updated 5/19/2017 */
	.userLocationMap {
		height:450px;
		max-width:550px;
		width:100%;
	}
}



@media screen and (max-width:650px) {


.largeLogo {
  display:none !important;	
}

.smallLogo {
  display:block !important;	
    max-width:40px !important;
	margin-top: 10px;
margin-left: 10px;
}

.fiSiteSearch {
  margin:15px;	
}

.loginMobile {
   width:100% !important;	
}

.loginCredentials {
  margin-top:0;	
}

.finditLogo {
  min-width:95px;
  margin-left:40px;	
}

.mobileSignIn {
  margin-left:15px;	
}

.mobileSignIn .col-md-12 {
  padding-right:0;	
}

.footerContainer .col-md-3 {
  margin-bottom:7% !important;	
}

footer {
  display:none !important;	
}
	
}

@media screen and (max-width:768px) {
  .headerContainer {
	  width:100%;  
  }

    .appMobileAd {
        display: block;
        position: fixed;
        z-index: 99999;
        width: 30%;
        text-align: center;
        bottom: 0px;
        border-top: solid 1px #ddd;
        background: #f3f3f4;
        padding: 15px;
        right: 0;
        border: solid 1px #ddd;
    }

  .appBtn {
      width:100% !important;
  }
}


@media screen and (max-width:620px) {

.searchContainer {
	
	width:100% !important;
		
	}
	
}


@media screen and (max-width:575px) {
	
	.mobileNavs {
	margin-top: -10px;
	}
	
	#slideMenu1 {
	  display:none;	
	}
	
	#slideMenu2 {
	  display:block;
	  position: relative;
	  top:30px;	
      margin-left: 27px;
	  font-size:20px;
	  color:#a7b1c2;
	  cursor:pointer;	
	  width:20px;
	}
	
	
	#slideMenu2 a {
	  color:#a7b1c2;	
	}
	
	.fiLogoContainer {
		padding-right: 0;
margin-right: 0;
max-width: 100px !important;
	}
  
  .finditLogo {
    width: 100%;
    max-width: 100px;
	margin-left:40px;
	margin-top: -15px;  
}	
	.searchContainer {
	  width: 75% !important;	
	  padding-left:0 !important;
	  margin-left:0 !important;
	}
	
  .fiSiteSearch {
	padding:0;  
	margin-top: 23px;
  }
  
  .fiSiteSearch input {
    width:65%;
	/*width:85%;*/
	padding:2%;
  }
  
  .fiSiteSearch button {
	padding: 6px 5%;   
  }
  
  
  .loginStyle {
	display:none;  
  }
  
 
  
  .mobileSignIn button {
}


footer {
  display:none !important;	
}

.footerContainer .col-md-3 {
  margin-bottom:10% !important;	
}

}

/* FinditSiteHeader dropdown */
.dropdown-menu > li > form > a {
    padding: 7px 20px;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 300;
}

/* motifications/messages list*/
#notify-dropdown .dropdown-menu li, #msg-dropdown .dropdown-menu li {
    padding:10px !important;
}

#notify-dropdown .dropdown-menu li img, #msg-dropdown .dropdown-menu li img {
    width: 100%;
    max-width: 25px !important;
    margin-bottom: 5px !important;
}


#notify-dropdown .dropdown-menu li div, #msg-dropdown .dropdown-menu li div {
    font-size:12px !important;
}

#notify-dropdown .dropdown-menu li .media-body .media-heading, #msg-dropdown .dropdown-menu li .media-body .media-heading{
    margin-bottom:0 !important;
}


#msg-dropdown .media {
   margin-top:0px !important;
}