div#loginModal, div#offsiteModal{
  max-width:500px;
  background-color: #ffffff;
  border:4px solid #394669;
  border-radius:4px;
  z-index:3000;
}

/* override app.css for IE hamburger menu display */
.mobile-menu-icon {
    height: 28px !important;
}


.close-button{
  background-color:#394669;
  color:#ffffff;
  border-radius:1000px;
  padding: 0 10px;
}

.close-button:hover{
  color:#ffffff;
}


.close-button {
  position: absolute;
  width:45px;
  color: #ffffff;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #0a0a0a; }

 div#calcModal{
      background-color: #ffffff;
      border:4px solid #394669;
      border-radius:4px;
      z-index:3000;
      display: block;
      min-width: 50%;
    }

div#bus_container{
  display:none;
}

div#bus_container a.btn{
    border: 2px solid #fff;
	border-radius: 3px;
    color: #fff;
    background: none;
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
div#bus_container a.btn:hover{
    background: #fff;
    color: #133a80;
}


  .pagination{display:block;}
  nav.pagination a{margin:0 3px;}
  .pagination > li > a, .pagination > li > span {
    display: inline-block;
    float:none;
    margin-left:3px;
    margin:0 3px;
  }
  .pagination > li > a:hover, .pagination > .active > a,.pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color:#fefefe;
  background: linear-gradient(#254f9d, #05446b);
  border-color: #ec7924;
  float:none;
  margin-left:3px;
  margin:0 3px;
  }


.hide_it {display: none;}


  /* google maps page */
  #side_bar{
    width: 100%;
    margin: 20px 0 20px 0;
  }

  #side_bar h4{margin-top: 20px;}

  #map_canvas {
    margin:25px 0 0 0;
    border: 1px solid #394669;
  }

   div#map_details{
   float:right;
   /*margin-top:20px;*/
   padding-left:5%;
   padding-top:25px;
   width:95%;
   }

  div.map_nav_container{
    width: 100%;
    overflow:auto;
    margin-top: 10px;
  }

  div.map_nav_container_int{
    border-bottom: 1px solid #cccccc;
    margin-top: 3px;
    padding: 4px 0 10px 0;
    color:#394669;
    font-size: .8em;
  }

  #map_details a:link, #mobile_map_details a:link{
    font-weight:normal;
  }

  div.map_nav_container_int:hover{
    background-color: #f2f2f4;
    cursor: pointer;
   }

  span.map_name_nav{
    font: bold .8em verdana;
    color: #394669;
  }

  #map_tip #hours, #map_tip #address{
    float:left;
    margin: 20px 0 0 0;
    font-size:12px;
    font-family:  verdana;
  }

  #map_tip #hours{width: 200px;}

  #map_tip #address{
    width: 200px;
    margin-right: 10px;
  }

  div#hours{margin-bottom: 10px;}
  div#hours dd{margin:0 0 5px 5px;}
  div#hours dt{font-weight: bold;}

  h4.branch_loc_header{margin:0 0 5px 0;}

  p.map_detail_header{font:bold 1.3em helvetica;}

  div#mobile_bottom_bar h4{
     margin-top:0px;


  position: relative;
  background-color: #c1590c;
  color: #ffffff;
  font: bold .95em helvetica;
  text-align: center;
  padding: 8px 0;
  cursor:pointer;

  }

  div#mobile_bottom_bar div.slimScrollDiv{display:none;}

/*
  button{
    width:100%;
    margin:5px auto;

  }
*/
  #mobile_map_details button{
    width:80%;
    display:block;
    margin:5px auto;
  }
  /* end google maps page*/

  .close-button{
    background-color:#254f9d;
    color:#ffffff;
    border-radius:1000px;
    padding: 0 10px;
  }

  .close-button:hover{
    background-color:#05446b;
  }


  .close-button {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
      transition:background-color 0.25s ease-out,color 0.25s ease-out;
    cursor: pointer; }

       .login-button {
           width:150px;
           border-top-right-radius:4px;
           border-bottom-right-radius:4px;
           background-color:#254f9d;
           transition:background-color 0.25s ease-out,color 0.25s ease-out;
           cursor:pointer;
       }

       .login-button:hover {
           background-color:#05446b;
       }


       .offsite-button {
           width:150px;
           border-top-right-radius:4px;
           border-bottom-right-radius:4px;
           background-color:#254f9d;
           transition:background-color 0.25s ease-out,color 0.25s ease-out;
           cursor:pointer;
       }

       .offsite-button:hover {
           background-color:#05446b;
       }

       /*for International Incoming Wires page*/
       p#p_wire_header, p.p_wire_header{text-align:center;font-weight:bold;}
       .bold_text{font-weight:bold}
       span.wires_em{font-weight:bold;color:#ff0000;}
       table.swiftTable{font-size:.8em;}
       /*end incoming international wires*/


     #loginUser::-webkit-input-placeholder, #password::-webkit-input-placeholder {color: #888888;}
     #loginUser::-moz-placeholder, #password::-moz-placeholder {color: #888888;}
     #loginUser:-ms-input-placeholder, #password:-ms-input-placeholder {color: #888888;}
     #loginUser:-moz-placeholder, #password:-moz-placeholder {color: #888888;}

   @media only screen and (max-width: 640px) { 
        .mortgage-section .btn{
            width: 87.5%;
        }
    }
    @media only screen and (min-width: 641px) { 
        .mortgage-section .btn{
            width: 100%;
        }
    }
    @media only screen and (min-width: 800px) { 
        .mortgage-section .btn{
           width: 8rem;
        }
    }
    @media only screen and (min-width: 1100px) { 
        .mortgage-section .btn{
            width: 10rem;
        }
    }

.read-more {
  display: block;
  border: none;
  text-decoration: underline;
}