@import 'myModal.min.css';
@import 'myDocBrowser.min.css';
@import 'myBuchungen.min.css';
@import 'myTable.min.css';
@import 'myChart.min.css';


.card-logo{
    text-align: center;
    font-size: 5em;
    color: rgb(255, 184, 45);
    background-color: #2F3439;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: .25rem .25rem 0px 0px;
  }

#error {
    margin: 0 auto;
    display: block;
  }

.swal-button--confirm {
    background-color: #dd6b55; /* confirmButtonColor: "#DD6B55", */
}


.swal-modal .swal2-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2em;
    height: 1.2em;
    transition: color 0.1s ease-out;
    border: none;
    background: transparent;
    color: #cccccc;
    font-family: serif;
    font-size: 40px;
    cursor: pointer;
}

.swal-modal .swal2-close:hover {
    color: #f27474;
}

/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1300px) {
  #logout{
    display: none;
  }
}

.mylist-group{
  max-height: 300px;
    margin-bottom: 10px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}

.fatRouler{
  border-top: 2px solid rgba(0,0,0,.3);
}

#messageHolder{
    min-width: 40%;
    margin-left: 30%;
    margin-right: 30%;
    margin-top: 10px;
    position: absolute;
    z-index: 15;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}
/* ============ desktop view .end// ============ */