/* JDG :: 20171115 :: Draft concept */
html {
	background-color:#ffffff;	/*rgb(201,216,231);*/
    background-attachment: fixed;
    height:100%;
}
body { padding-top:1em;height:100%; }

/* Login page... -------------------------- */
.e_mbg {
    background:url(../img/mbg.jpg);
    background-size: cover;
}
.e_mbg h1, .e_mbg h2 {
    color:white;
    text-shadow: 2px 2px #616161;
}

.login table {
    margin: auto;
    border-collapse:separate;
    border:solid black 1px;
    border-radius:6px;
    -moz-border-radius:6px;

    background-color: rgba(255, 255, 255, .15);
    backdrop-filter: blur(2px);    
}
.login table td { margin:.5em; }
.login td, th {
    padding:.5em;
}
td:first-child, th:first-child {
     border-left: none;
}

/* Toas messages -------------------------- */
.toast__container {
    position: fixed;
    bottom: 20px;
    pointer-events: none;
    width:100%;
    padding-right: 10px;
  }


  .toast__msg {
    min-height: 50px;
    color: #fff;
    background: rgba(0, 0, 0, 0.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    padding-left: 15px;
    padding-right: 10px;
    word-break: break-all;
    -webkit-transition: opacity 3s cubic-bezier(0, 0, 0.30, 1) 0;
    -webkit-transition: opacity 0.30s cubic-bezier(0, 0, 0.30, 1) 0;
    transition: opacity 0.30s cubic-bezier(0, 0, 0.30, 1) 0;
    text-transform: initial;
    margin-bottom: 10px;
    border-radius: 2px;
  }
  
  .toast__msg--hide {
    opacity: 0;
  }





/* Misc -------------------------- */
.R { text-align:right; }
.L { text-align:left; }
.C { text-align:center; }

.spinner{margin:100px auto 0;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#427cac;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}
#bs-loading { position:fixed;top:0;left:0;bottom:0;right:0;background: rgba(68, 68, 68, 0.3)  url(../img/wbb.png) 50% 50% repeat;vertical-align: middle;text-align: center;color: red;font-size: 2em;font-weight: 800;	display:flex;align-items: center;z-index: 99999; }
.modal { z-index: 9999; }


.menu { padding:1em; }

/* BLK -------------------------- */
.blk {
    padding-bottom:2rem;
    text-align: center;
    position: relative;
}

.blk-head h1 {
    font-size: 2em;
    font-weight: 700;
    background: #f3f3f3;
    border-radius: 1rem;
}

.men {
   margin-top:0.5em; 
   text-align: center;
}

.men > .subtitle {
    margin-bottom: 0;
}

.men h1 {
    font-size: 1.5rem;
    font-weight: 700;
}

.men h2 {
    margin-top: -0.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #909395;
}

.men .column {
    color: #adadad;
}


/* Accordion  ------------------- */
.acc {
    transition: 0.4s;
}
.active>h1{ /*, .blk-head>h1:hover { */
    background-color: #4a4a4a;
    border-radius: 0rem;
    color: #f3f3f3;
}
.blk-body {
/*    display: none; */
    overflow: hidden;
    max-height: 0; 
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.editMode .blk-body {
    max-height: initial; 
}
.editMode .blk-head .input {
    background-color: #eaeaea;
    font-weight: 800;
}

.acc:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    right:0;
    top:1em;
    position: absolute;
}
.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
  }