.source{
    width: 90%;
}
.swal2-modal .swal2-cancel, .swal2-modal .swal2-confirm{
    margin: 5px !important;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep,.swal2-progresssteps .swal2-progressline,
.swal2-progresssteps .swal2-progresscircle{
    background:#00c0ef;
}

.card h5{
    margin-bottom: px;
}
@media (min-width:1270px){
    .wrapper{
        background-color: #e9e9e9 !important;
    }
}




/* Fixed sidenav, full height */
.sidenav {
     height: 100%;
    width: 300px;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #7386d4;
    overflow-x: hidden;
    padding-top: 20px;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
     padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #e1e1e1;
}

/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
/*.active {
  background-color: green;
  color: green;
}*/

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #7386d4;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}