/* ************************************************************************
 *
 *    Twitter Bootstrap Override Rules
 *
 *    The point of this file is to provide project-specific overrides for
 *    Twitter Bootstrap rules.
 *
 *    Rules in this file should:
 *    1) Be global in scope: The rule should apply to all instances of the
 *       given Bootstrap item/effect/thingy. Changes to specific widgets
 *       or areas of an application should be done in application CSS file.
 *    2) Avoid the use of !important wherever possible: Unless there is no
 *       other way of making it work, avoid using !important. This allows
 *       application CSS to use !important to further override the rules
 *       applied here.
 *    3) Avoid "theme" style rules: Avoid applying colors or fonts when
 *       possible. Those are things that could/should be applied through
 *       application theme CSS files, and applying them in both places is
 *       likely to cause confusion or errors.
 *
 * ************************************************************************/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../font/glyphicons-halflings-regular.eot');
  src: url('../font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('../font/glyphicons-halflings-regular.woff') format('woff'),
       url('../font/glyphicons-halflings-regular.ttf') format('truetype'),
       url('../font/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

body.modal-open {
  margin: 0;  /* not sure why bootstrap does this, but it's causing a gap to right when modals show */
}

.modal-backdrop {
  background-color: #2B4449;
}

/*
.btn:hover, .btn:focus {
  color: #fff;
  text-decoration: none;
}
*/

.btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
}

.btn-group>.btn:first-child {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
}

.table {
  margin-bottom: 0;
}

.btn .caret {
  margin-left: 6px;
  margin-top: 9px;
}

.well {
  background-color: #fff;
}

a {
  color: #777;
}

a:hover {
  color: #777;
}

.folder-header, .contacts-list-header {
  padding: 10px 0 0 5px;
  font-size: large;
}

.folder-separator {
  border-bottom: 1px solid #ccc;
  margin: 4px 0;
}

.tree {
  margin-left: 11px;
  /* min-width: 130px;
     width: 100%; */
}

.nav-list {
  padding-left: 0px;
  padding-right: 0px;
}

.tree li {
  margin-left: 0px;
  padding-left: 0;
}

.tree > li > a {
  margin-left: 10px;
  padding: 4px 8px;
  /* margin-right: -50px; */
}

.nav-list > li > a.selected-folder {
  /* font-weight: bold; */
  color: #000000;
  /*background-color: #BFBFBF;
   border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px; */
}

.nav > li > a {
  color: #999999;
  display: block;
  padding: 0 8px 0 8px;
}
ul.root >li {
  /* padding-top: 10px; */
}

.nav-list > li > a > i.tree-toggler, .email-nav-custom-folders-header > i.tree-toggler {
  font-size: 11px;
  margin-left: -4px;
  margin-right: -6px;
  padding: 6px;
}

/* themeable color */
.nav-list > li > a > i.tree-toggler:hover {
  color: #1570bd;
}

ul.tree {
  display: none;
}

.nav-list > .active > a {
  font-weight: bold;
  color: inherit;
  text-shadow: none;
  background-color: #efefef;
}

.nav-list > .active > a:hover {
  background-color: #efefef;
  color: #777;
}

.arrow-margin {
  margin-left: 3px;
}

.nav-list > li > a > i.icon-chevron-right { /* icon-caret-right */
  margin-left: 1px;
}

.nav-list > li > a > i.icon-chevron-down {
  margin-left: -1px;
  margin-right: -7px;
}

/* ******************************************
 *
 *   Cleaner Bootstrap Dropdown
 *
 * ******************************************/

.dropdown-menu .divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu>li>a {
  cursor: pointer;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
  color: #fff;
  text-decoration: none;
  background: #a7a9ac none;
  filter: none;
}

.clean-dropdown .btn {
  border: none;
  background-color: inherit;
  background-image: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.clean-dropdown .dropdown-menu li {
  font-size: 12px;
  line-height: 10px !important;
}

.clean-dropdown.open .btn.dropdown-toggle {
  background-color: inherit;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.form-control {
  background-color: #FFFFFF;
  border-radius: 2px;
  color: #555555;
  display: block;
  font-size: 14px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s;
  box-shadow: none;
  vertical-align: middle;
}

.form-control:focus {
  border-color: transparent;
  box-shadow: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
}

/*Bootstrap Datepicker Overrides */

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  background-color :#5095B7 !important;
  background-image: none !important;
  color:#FFF;
  }
   
.datepicker.dropdown-menu {
  width: 235px;
  line-height: 16px !important;
  background-color: #ffffff !important;
  border-radius: 2px !important;
  border: 1px #d1d2d4 !important;
  box-shadow: 0px 0px 5px 0px #c1c2c3 !important;
  z-index: 9999;
}

.datepicker-dropdown:after, .datepicker-dropdown:before {
  border-style : none !important;
}
  
.datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td {
  padding: 2px 5px !important;
}

.datepicker-days .table-condensed {
  margin: 10px 10px 5px 10px !important;
}

.datepicker-months .table-condensed {
  margin: 10px 10px 5px 15px !important;
}

.datepicker-years .table-condensed {
  margin: 10px 10px 5px 15px !important;
}

.datepicker  th.today {
  text-transform: uppercase;
  font-size: 13px;
  color: #2aa8d0;
}

.datepicker td, .datepicker th {
  height: 23px !important;
}

.datepicker-days td.today {
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid #2aa8d0 !important;
  opacity: 0.3;
}

.datepicker-days td.active.today {
  border:none !important;
  opacity:1;
}