.sidebar-trigger {
 display: none;
 color: #fff;
 background-color: transparent;
 padding: 0;
 border: 0;
 border-radius: 0;
 line-height: inherit;
 -webkit-appearance: none;
 margin-left: 2em;
}
.sidebar-trigger svg {
 fill: #2196f3;
}
.close-btn {
 background: #fff;
 padding: 0 15px;
 box-shadow: none !important;
 border-radius: 5px;
}
.round-button {
 width: 30px;
 height: 25px;
 border-radius: 50%;
 background-color: #2196f3;
 margin-right: 10px;
}
.round-button .filter-icon svg {
 fill: #fff;
}
.view-btn {
 background: #fff;
 padding: 5px 20px;
 border-radius: 5px;
 border: 1px solid #2196f3;
 box-shadow: none !important;
 cursor: pointer;
 text-transform: none;
}
.cancel-btn {
 background: #fff;
 padding: 2px 7px;
 border-radius: 5px;
 border: 2px solid #ecf4fd;
 box-shadow: none !important;
 text-transform: none;
}
.close-sidenav {
 position: absolute;
 right: 15px;
 top: 10px;
 width: 20px;
 height: 20px;
 opacity: 1;
 cursor: pointer;
}
.close-sidenav:hover {
 opacity: 1;
}
.close-sidenav:before,
.close-sidenav:after {
 position: absolute;
 left: 15px;
 content: ' ';
 height: 16px;
 width: 2px;
 background-color: #000;
}
.close-sidenav:before {
 transform: rotate(45deg);
}
.close-sidenav:after {
 transform: rotate(-45deg);
}
.btn-info {
 background-color: #2196f3;
 border-radius: 5px;
 border-color: transparent;
 padding: 6px 15px !important;
 margin: 5px;
 font-size: 13px;
 text-transform: none;
}
.btn-info:hover {
 background-color: #007af5;
}
.btn-danger {
 background-color: red !important;
}
.btn-danger:hover {
 background-color: red !important;
}
.upload:hover,
.upload:focus {
 color: #fff;
}
.upload-empty {
 width: 11em !important;
 margin: 0 0.6em;
 font-size: 11px !important;
 height: 3em !important;
}
.center-message p {
 display: flex;
 flex-direction: row;
}
.center-message p .file-upload-icon {
 color: #fff !important;
}
.file-upload-icon:hover {
 color: #fff !important;
}
/* i.zmdi.zmdi-plus {
  top: -1px !important;
} */
.secondary-button {
 border: transparent;
 background-color: transparent;
 padding: 8px 12px;
 border-radius: 5px;
 color: #333333;
 margin: 5px;
 font-size: 13px;
 text-transform: none;
 box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.secondary-button:hover {
 color: #222222;
}
.save-button {
 margin-top: 2em;
 padding: 0.3em 0.6em;
}
.settings-button {
 margin: 1em 0 !important;
}
.add-button {
 width: 30px;
 background: #2196f3;
 color: #fff !important;
}
.clickable-button {
 cursor: pointer !important;
}
.align-vert-middle {
 vertical-align: middle !important;
}
@media (max-width: 800px) {
 .do {
  padding: 0.2em 0.5em;
 }
 .mobile-action-button {
  position: fixed;
  right: 5%;
  bottom: 5%;
  background: #2196f3;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  z-index: 100;
 }
 .mobile-main-button svg {
  width: 40px;
  height: 40px;
  fill: #fff;
  border-radius: 50%;
 }
 .upload-mobile-button svg {
  margin-left: 10px;
  margin-top: 10px;
 }
}