/* for NARITA */

/*
PRIMARY blue #36CEC8
SECONDARY hover #33B7B1
*/

body {
  background:url(../images/paper.png);
}

.main-sidebar .nav .nav-item .nav-link.active, .main-sidebar .nav .nav-item .nav-link:hover, .main-sidebar .nav .nav-item.active, .main-sidebar .nav .nav-item:hover {
	box-shadow : inset 0.1875rem 0 0 #36CEC8 ;
	color:#36CEC8;
}
.nav-link i,
.nav-link span {
	color:#FFFFFF;
}
.nav-link.active i,
.nav-link.active span,
.nav-link:hover i,
.nav-link:hover span {
	color:#36CEC8;
}

.main-sidebar {
	background:#343A40;
	color:#FFFFFF;
}

.main-sidebar .nav .nav-item .nav-link.active i, .main-sidebar .nav .nav-item .nav-link:hover i, .main-sidebar .nav .nav-item.active i, .main-sidebar .nav .nav-item:hover i {
	color:#36CEC8;
}

.breadcrumb {
  background-color:white;
}
/* buttons */
.btn {
	border-radius: 50px;
}
.btn-noround {
	border-radius: 0;
}
.btn-primary {
  color: #fff;
  border-color: #36CEC8;
  background-color: #36CEC8;
  box-shadow: none; }
  .btn-primary:hover {
    color: #fff;
    background-color: #33B7B1;
    border-color: #33B7B1;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 123, 255, 0.25); }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15), 0 3px 15px rgba(0, 123, 255, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #36CEC8;
    border-color: #36CEC8;
    box-shadow: none;
    cursor: not-allowed; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #33B7B1;
    border-color: #33B7B1;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.btn-info {
  color: #fff;
  border-color: #1a82ae;
  background-color: #1a82ae;
  box-shadow: none; }
  .btn-info:hover {
    color: #fff;
    background-color: #156080;
    border-color: #156080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 184, 216, 0.25); }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 3px rgba(0, 184, 216, 0.15), 0 3px 15px rgba(0, 184, 216, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #1a82ae;
    border-color: #1a82ae;
    box-shadow: none;
    cursor: not-allowed; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #156080;
    border-color: #1a82ae;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.btn-bigmenu {
  width:170px;
  font-size:130%;
  padding:1em;
  line-height:150%;
}
.btn-bigmenu i {
  font-size:200%;
}

/* a */
.card-body a {
	color:#33B7B1;
}
.card-body a:hover {
	color:#36CEC8;
}

/* card */
.card {
	border-radius:0;
}
/* light to dark */
.navbar-light .navbar-brand {
  color: white; }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: white; }

.navbar-light .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: white; }

.navbar-light .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
  background: none; }

.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(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-light .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-light .navbar-text a {
    color: white; }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: white; }