@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/boeCNmOCCh-EWFLSfVffDg.woff) format('woff')
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff')
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff')
}







/* ====================================================
 * Bootstrap be killed
 * ===================================================*/
 

.btn {
  border: 0;
}

.btn-default {
  color: #2E7D32 !important;
  border: solid #2E7D32 1px;
}


body.passport .btn-primary { background: #E91E63; }
body.passport .btn-primary:hover { background: #D81B60; }

body.penguin .btn-primary { background: #00BCD4; }
body.penguin .btn-primary:hover { background: #00838F; }



.btn-primary {
  color: #fff !important;
  background: #4CAF50;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  color: #fffr;
  background: #2E7D32;
}

.btn-info {
}


.form-control {
}

.row {
clear: both;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  color: #fff;
  background: #4CAF50;
}

.form-inline .form-group {
  margin-right: 15px;
}

.form-inline .form-group label {
  font-weight: normal;
  display: block;
}



/* ====================================================
 * Color
 * ===================================================*/
 
 /* Base
 #FCf751
 */
 
 /* Primary
 #e8566d
 */

 /* Info
 #4F127D
 */

 /* Danger
 #8E0C64
 */


/*
  btn 500
  btn-primary 600
*/


/* Passport
  Pink
  #F48FB1 200
  #F06292 300
  #EC407A 400
  #E91E63 500
  #D81B60 600
  #AD1457 800
*/

/* karte
  Green
  #4CAF50 500
  #43A047 600
  #2E7D32 800
*/

/* penguin
  Cyan
  #00BCD4 500
  #00ACC1 600
  #00838F 800
*/

/* easyweb
  Purple
  #9C27B0 500
  #8E24AA 600
  #6A1B9A 800
*/

/* filebank
  Teal
  #009688 500
  #00897B 600
  #00695C 800
*/

/* polanavi
  Lime  
  #CDDC39 500
  #C0CA33 600
  #9E9D24 800
*/

/* curriculum
  Brown
  #795548 500
  #6D4C41 600
  #4E342E 800
*/




 
body.karte a {
  color: #2E7D32;
}

body.penguin a {
  color: #00838F;
}
 



/* ====================================================
 * Base Element
 * ===================================================*/

body {
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.bs-docs-nav {
  margin-bottom: 0;
  border-bottom: 0;
}

#top.bs-docs-nav {
  background: #fff;
  color: #333;
}

body.karte #second.bs-docs-nav {
  background: #4CAF50;
  color: #fff;
}

body.penguin #second.bs-docs-nav {
  background: #00BCD4;
  color: #fff;
}

#second.bs-docs-nav li {
  /*
  border-left: solid 1px #ee7888;
  border-right: solid 1px #ee7888;
  margin-right: -1px;
  */
}

#top.bs-docs-nav a {
  color: #333;
}

#second.bs-docs-nav a {
  background: transparent;
  color: #fff;
}

body.karte #second.bs-docs-nav a:hover {
  background: #2E7D32;
  color: #fff;
}

body.penguin #second.bs-docs-nav a:hover {
  background: #00ACC1;
  color: #fff;
}

body.karte #top.bs-docs-nav a.active {
  background: #4CAF50;
  color: #fff;
}

body.penguin #top.bs-docs-nav a.active {
  background: #00BCD4;
  color: #fff;
}

body.karte #second.bs-docs-nav a.active {
  background: #43A047;
  color: #fff;
}

body.penguin #second.bs-docs-nav a.active {
  background: #00ACC1;
  color: #fff;
}

.bs-docs-nav .login-user {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
  display: inline-block;
  text-align: right;
  float: right;
  margin-right: 20px;
}

.logo {
  font-weight: 400 !important;  
  color: #E91E63 !important;
}

.navbar-brand {
}


.bs-docs-main-header {
  background: #fdfdfd;
  margin-bottom: 20px;
}

.bs-docs-main-header h1 {
  margin: 20px 0 !important;
}

.bs-docs-breadcrumb {
  background: #f9f9f9;
  margin-bottom: 20px;
}

.breadcrumb {
  background: none;
  border: none;
  margin-bottom: 0 !important;
  padding-left: 0;
}


.zero {
  min-height: 500px;
  text-align: center;
}

.zero .error {
  padding-top: 200px;
}








/* ====================================================
 * Main
 * ===================================================*/

.bs-docs-main {
  min-height: 500px;
}

.bs-docs-main .container,
.bs-docs-main .container-fluid {
  background: #fff;
}

.bs-docs-main-header {
  margin-bottom: 30px;
}

.bs-docs-section {
  margin-bottom: 30px;
}

.name {
  font-size: 30px;
  margin: 0;
  display: inline-block;
}

.name-sub {
  display: inline-block;
}


.side {
  border-right: 1px #eee solid;
}

.side .divider {
  height:1px;
  margin:9px 0;
  overflow:hidden;
  background-color:#e5e5e5
}

.side .nav-stacked {
  margin-top: 0;
}

.side h3 {
  font-size: 110%;
}

table a .glyphicon {
  font-size: 24px;
}

.pager {
  margin: 20px 0 0 0;
}

.bs-docs-message {
  background: #F06292;
  text-align: center;
  padding: 20px 0 10px 0;
}





.mode-edit {
  background: #F48FB1;
  color: #fff;
  text-align: center;
  padding: 15px 0;
}

.mode-edit .btn-default {
  color: #fff !important;
  background: #F06292;
  border: none;
}

.mode-edit .btn-default:hover {
  background: #E91E63;
}



.penguin .nav-tabs {
  margin-bottom: 30px;
}



/* ====================================================
 * Menu
 * ===================================================*/

.tile {
  margin-bottom: 30px;
}

.tile a {
  display: block;
  text-align: center;
  transition: all .3s ease;
  color: #fff !important;
}


.tile h3 {
  font-size: 2.5em;
  font-weight: 300;
}

.tile p {
  font-size: 1.2em;
  font-weight: normal;
}


/* デフォルト */

.tile a {
  display: block;
  height: 9em;
  padding-top: 3.5em;
  background: #BDBDBD;
  text-decoration: none;
}

.tile-lg a {
  height: 14em;
  padding-top: 2em;
}

.tile-lg h3 {
  height: 1.6em;
}

.tile a:hover {
  background: #9E9E9E;
}

.tile a.disable {
  color: #ccc !important;
  background: #efefef !important;
  cursor: not-allowed;
}

.tile a.disable img {
  opacity:0.2;
  filter: alpha(opacity=20);
  -ms-filter: "alpha( opacity=20 )";
}

.tile a.disable:hover {
  background: #efefef !important;
}




/* パスポート メニュー画面 */
body.passport .tile-karte a            { background: #4CAF50; }
body.passport .tile-karte a:hover      { background: #43A047; }
body.passport .tile-penguin a          { background: #00BCD4; }
body.passport .tile-penguin a:hover    { background: #00ACC1; }
body.passport .tile-passport a         { background: #F06292; }
body.passport .tile-passport a:hover   { background: #EC407A; }
body.passport .tile-easyweb a          { background: #9C27B0; }
body.passport .tile-easyweb a:hover    { background: #8E24AA; }
body.passport .tile-filebank a         { background: #009688; }
body.passport .tile-filebank a:hover   { background: #00897B; }
body.passport .tile-polanavi a         { background: #CDDC39; }
body.passport .tile-polanavi a:hover   { background: #C0CA33; }
body.passport .tile-curriculum a       { background: #795548; }
body.passport .tile-curriculum a:hover { background: #6D4C41; }


/* easyweb
  Purple
  #9C27B0 500
  #8E24AA 600
  #6A1B9A 800
*/

/* filebank
  Teal
  #009688 500
  #00897B 600
  #00695C 800
*/

/* polanavi
  Lime  
  #CDDC39 500
  #C0CA33 600
  #9E9D24 800
*/

/* curriculum
  Brown
  #795548 500
  #6D4C41 600
  #4E342E 800
*/



/* ペンギンメール メニュー画面 */
body.penguin  .tile-penguin a        { background: #00BCD4; }
body.penguin  .tile-penguin a:hover  { background: #00ACC1; }

body.penguin .tile a {
  padding-top: 1.5em;
}










/* ====================================================
 * Control panel
 * ===================================================*/


.control-panel {
  background: #fdfdfd;
  border: 1px solid #eee;
  height: auto;
  overflow: visible;
  padding: 5px;
}

.control-list {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
  font-size: 85%;
}

.control-list>li {
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
}

.control-list>li>a {
  display: block;
  padding: 10px 12px;
  background: #eee;
  border: 1px solid #fff;
}

.control-list>li>a:hover,
.control-list>li>a:active {
  background: #43A047;
  color: #fff;
  text-decoration: none;
}

.control-list .dropdown-menu {
  left: auto;
  right: 0;
}

.sort {
  background: #eee;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 85% !important;
}

.sort .form-control {
  font-size: 90% !important;
}



/* ====================================================
 * Footer
 * ===================================================*/




footer {
  background: #ededed;
  border-top: solid 1px #ccc;
  text-align: center;
  color: #333;
  padding: 30px 0;
  box-sizing: border-box;
  margin-top: 30px;
}

footer ul,
footer p  {
  margin: 15px 0;
  padding: 0;
}

footer a {
  color: #333;
}

footer a:hover {
  color: #333;
  text-decoration: underline;
}


.bs-docs-footer-links li {
  display: inline;
}