/* remove outer padding */
.main .row {
  padding: 0px;
  margin: 0px;
}

/*Remove rounded coners*/
@media (min-width: 768px) {
  nav.sidebar.navbar {
    border-radius: 0px;
    background: transparent;
    margin-top: 2px;
    width:100%;
  }
}

nav.sidebar,
.main {
  -webkit-transition: margin 200ms ease-out;
  -moz-transition: margin 200ms ease-out;
  -o-transition: margin 200ms ease-out;
  transition: margin 200ms ease-out;
}

/* Add gap to nav and right windows.*/
.main {
  padding: 0;
}

/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/
@media (min-width: 768px) {


  /*Allow main to be next to Nav*/
  .main {
    position: absolute;
    width: calc(100% - 40px);
    /*keeps 100% minus nav size*/
    margin-left: 40px;
    float: right;
  }

  /*lets nav bar to be showed on mouseover*/
  nav.sidebar:hover+.main {
    margin-left: 200px;
  }

  /*Center Brand*/
  nav.sidebar.navbar.sidebar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
  }

  /*Center Brand*/
  nav.sidebar .navbar-brand,
  nav.sidebar .navbar-header {
    text-align: center;
    width: 100%;
    margin-left: 0px;
  }

  /*Center Icons*/
  nav.sidebar a {
    padding-right: 13px;
  }

  /*adds border top to first nav box */
  nav.sidebar .navbar-nav>li:first-child {
    border-top: 1px #e5e5e5 solid;
  }

  /*adds border to bottom nav boxes*/
  nav.sidebar .navbar-nav>li {
    border-bottom: 1px #e5e5e5 solid;
  }

  /* Colors/style dropdown box*/
  nav.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /*allows nav box to use 100% width*/
  nav.sidebar .navbar-collapse,
  nav.sidebar .container-fluid {
    padding: 0 0px 0 0px;
  }

  /*colors dropdown box text */
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  /*gives sidebar width/height*/
  nav.sidebar {
    width: 200px;
    height: 100%;
    float: left;
    z-index: 8000;
    margin-bottom: 0px;
  }

  /*give sidebar 100% width;*/
  nav.sidebar li {
    width: 100%;
    margin: 5px 0;
    background: white;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
    border-radius: 5px;
  }

  /* Move nav to full on mouse over*/
  nav.sidebar:hover {
    margin-left: 0px;
  }

  /*for hiden things when navbar hidden*/
  .forAnimate {
    opacity: 0;
  }
}

/* .....NavBar: Fully showing nav bar..... */

@media (min-width: 992px) {

  /*Allow main to be next to Nav*/
  .main {
    width: calc(100% - 200px);
    /*keeps 100% minus nav size*/
    margin-left: 200px;
  }

  /*Show all nav*/
  nav.sidebar {
    margin-left: 0px;
    float: left;
  }

  /*Show hidden items on nav*/
  nav.sidebar .forAnimate {
    opacity: 1;
  }
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover,
nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
  color: #CCC;
  background-color: transparent;
}

nav:hover .forAnimate {
  opacity: 1;
}

section {
  padding-left: 15px;
}

.customer-sidenav-li a {
  font-weight: 500 !important;
  color: #4a4a4a !important;
}

.customer-sidenav-li {
  border: 0 !important;
}

.customer-sidenav-li.active a {
  background: var(--primary-color);
  font-weight: 600 !important;
  color: white !important;
  border-radius: 4px;
}

.customer-sidenav-li.active a:hover {
  background: var(--primary-color);
}

.customer-sidenav-li.active a::before {
  content: "\e315";
  display: inline-block;
  font-family: 'Material Icons';
  vertical-align: bottom;
  font-size: 16px;
  margin-right: 8px;
}

.customer-sidenav {
  border: 0;
}
@media (max-width: 768px) {
  .customer-sidenav-li {
    padding: 5px !important;
  }
  .customer-sidenav-li a {
    background: white;
    border-radius: 4px;
    padding: 10px !important;
    box-shadow: 0 2px 2px 0 transparent, 0 1px 4px 0 rgba(0,0,0,0.11), 0 3px 5px -2px rgba(0,0,0,0.13);
  }
}

.address__btn__add:hover {
  color: var(--primary-color);
}

.address__btn__add__icon {
  font-size: 40px;
}

.address__btn__add__title {
  font-size: 22px;
}

.address__card__body {
  padding: 10px 20px;
}

.address__card__action {
  padding: 10px 20px;
}

.radio-address {
  padding-left: 10px;
}

.radio-address .collection_radio_buttons {
  display: block;
  padding: 10px;
  margin-left: 20px;
}

.radio-address input {
  margin: 13px;
  position: absolute;
  margin-top: 4px\9;
  margin-left: 2px !important;
  top: 7px;
}

.income-text {
  color: #00b307 !important;
}

.outgo-text {
  color: #f44336 !important;
}