@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap);
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/*! Based on Spectre.css v0.4.5 | MIT License | github.com/picturepan2/spectre */
.ng-wizard-main{position:relative;display:block;margin:0;padding:0;border-radius:.25rem!important}
.ng-wizard-main .ng-wizard-container{display:block;margin:0;padding:0;position:relative}
.ng-wizard-main .step-content{display:none;position:relative;margin:0}
.ng-wizard-main .ng-wizard-toolbar{margin-left:0}
.ng-wizard-theme-default{box-shadow:0 1px 3px rgba(0,0,0,.3)}
.ng-wizard-theme-default .ng-wizard-container{min-height:250px}
.ng-wizard-theme-default .step-content{padding:10px;border:0 solid #d4d4d4;background-color:#fff;text-align:left}
.ng-wizard-theme-default .ng-wizard-toolbar{background:#f9f9f9;border-radius:0!important;padding-left:10px;padding-right:10px;padding:10px;margin-bottom:0!important}
.ng-wizard-theme-default .ng-wizard-toolbar-top{border-bottom-color:#ddd!important}
.ng-wizard-theme-default .ng-wizard-toolbar-bottom{border-top-color:#ddd!important}
.ng-wizard-theme-default>ul.step-anchor>li{position:relative;margin-right:2px}
.ng-wizard-theme-default>ul.step-anchor>li>a,.ng-wizard-theme-default>ul.step-anchor>li>a:hover{border:none!important;color:#bbb;text-decoration:none;outline-style:none;background:0 0!important;border:none!important;cursor:not-allowed}
.ng-wizard-theme-default>ul.step-anchor>li.clickable>a:hover{color:#4285f4!important;background:0 0!important;cursor:pointer}
.ng-wizard-theme-default>ul.step-anchor>li>a::after{content:"";background:#4285f4;height:2px;position:absolute;width:100%;left:0;bottom:0;transition:all 250ms ease 0s;transform:scale(0)}
.ng-wizard-theme-default>ul.step-anchor>li.active>a{border:none!important;color:#4285f4!important;background:0 0!important;cursor:pointer}
.ng-wizard-theme-default>ul.step-anchor>li.active>a::after{transform:scale(1)}
.ng-wizard-theme-default>ul.step-anchor>li.done>a{border:none!important;color:#000!important;background:0 0!important;cursor:pointer}
.ng-wizard-theme-default>ul.step-anchor>li.done>a::after{background:#5cb85c;transform:scale(1)}
.ng-wizard-theme-default>ul.step-anchor>li.danger>a{border:none!important;color:#d9534f!important;cursor:pointer}
.ng-wizard-theme-default>ul.step-anchor>li.danger>a::after{background:#d9534f;border-left-color:#f8d7da;transform:scale(1)}
.ng-wizard-theme-default>ul.step-anchor>li.disabled>a,.ng-wizard-theme-default>ul.step-anchor>li.disabled>a:hover{color:#eee!important;cursor:not-allowed}
@media screen and (max-width:768px){.ng-wizard-theme-default>.nav-tabs>li{float:none!important}}
.ng-wizard-loading::after{position:absolute;display:block;opacity:1;content:"";top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);transition:all .2s ease;z-index:2}
.ng-wizard-loading::before{content:'';display:inline-block;position:absolute;top:50%;left:50%;z-index:10;border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid #3498db;width:80px;height:80px;margin-top:-40px;margin-left:-40px;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.ng-wizard-theme-dots .ng-wizard-container{min-height:300px}
.ng-wizard-theme-dots .step-content{padding:10px 0;border:none;background-color:#fff;text-align:left}
.ng-wizard-theme-dots .ng-wizard-toolbar{background:#fff;border-radius:0!important;padding-left:10px;padding-right:10px;margin-bottom:0!important}
.ng-wizard-theme-dots .ng-wizard-toolbar-top{border-bottom-color:#ddd!important}
.ng-wizard-theme-dots .ng-wizard-toolbar-bottom{border-top-color:#ddd!important;border-bottom-color:#ddd!important}
.ng-wizard-theme-dots>ul.step-anchor{position:relative;background:#fff;border:0 solid #ccc!important;list-style:none}
.ng-wizard-theme-dots>ul.step-anchor:before{content:" ";position:absolute;top:70px;bottom:0;width:100%;height:5px;background-color:#f5f5f5;border-radius:3px;z-order:0;z-index:95}
.ng-wizard-theme-dots>ul.step-anchor>li{border:none}
.ng-wizard-theme-dots>ul.step-anchor>li>a{position:relative;text-align:center;font-weight:700;background:0 0;border:none;color:#ccc;text-decoration:none;outline-style:none;z-index:96;display:block}
.ng-wizard-theme-dots>ul.step-anchor>li>a:before{content:' ';position:absolute;bottom:2px;left:40%;margin-top:10px;display:block;border-radius:50%;color:#428bca;background:#f5f5f5;border:none;width:30px;height:30px;text-decoration:none;z-index:98}
.ng-wizard-theme-dots>ul.step-anchor>li>a:after{content:' ';position:relative;left:43%;bottom:2px;margin-top:10px;display:block;width:15px;height:15px;background:#f5f5f5;border-radius:50%;z-index:99}
.ng-wizard-theme-dots>ul.step-anchor>li>a:hover{color:#ccc;background:0 0}
.ng-wizard-theme-dots>ul.step-anchor>li>a:focus{color:#ccc;border:none}
.ng-wizard-theme-dots>ul.step-anchor>li.clickable>a:hover{color:#999}
.ng-wizard-theme-dots>ul.step-anchor>li.active>a{color:#5bc0de}
.ng-wizard-theme-dots>ul.step-anchor>li.active>a:hover{border:none}
.ng-wizard-theme-dots>ul.step-anchor>li.active>a:after{background:#5bc0de}
.ng-wizard-theme-dots>ul.step-anchor>li.done>a{color:#5cb85c}
.ng-wizard-theme-dots>ul.step-anchor>li.done>a:after{background:#5cb85c}
.ng-wizard-theme-dots>ul.step-anchor>li.danger>a{color:#d9534f}
.ng-wizard-theme-dots>ul.step-anchor>li.danger>a:after{background:#d9534f}
.ng-wizard-theme-dots>ul.step-anchor>li.disabled>a,.ng-wizard-theme-dots>ul.step-anchor>li.disabled>a:hover{color:#eee!important}
.ng-wizard-theme-dots>ul.step-anchor>li.disabled>a:after{background:#eee}
@media screen and (max-width:768px){.ng-wizard-theme-dots>ul.step-anchor:before{top:0;bottom:0;left:10px;width:5px;height:100%;background-color:#f5f5f5;display:block;margin-right:10px}.ng-wizard-theme-dots>ul.step-anchor>li{margin-left:20px;display:block;clear:both}.ng-wizard-theme-dots>ul.step-anchor>li>a{text-align:left;margin-left:0;display:block}.ng-wizard-theme-dots>ul.step-anchor>li>a:before{top:5px;left:-23px;margin-right:10px;display:block}.ng-wizard-theme-dots>ul.step-anchor>li>a:after{top:-38px;left:-31px;margin-right:10px;display:block}}
.ngx-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.ngx-container--dark {
  background-color: #50596c;
}
.ngx-table {
  color: #50596c;
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  font-family: Montserrat, Verdana, serif;
  font-size: 14px;
  text-align: left;
  width: 100%;
}
.ngx-table td {
  border-bottom: 1px solid #e7e9ed;
  padding: 12px 6px;
}
.ngx-table th {
  padding: 12px 6px;
  border-bottom: 2px solid #e7e9ed;
}
.ngx-table__table-row--selected, .ngx-table__table-col--selected, .ngx-table__table-cell--selected {
  background: #e7e9ed !important;
}
.ngx-table__table-no-results {
  text-align: center;
}
.ngx-table__table-loader-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.ngx-table__body-loading:hover {
  background: 0 !important;
}
.ngx-table__table-loader {
  animation: spin 0.6s linear infinite;
  border: 1px solid #e7e9ed;
  border-radius: 50%;
  border-top-color: #50596c;
  height: 1.8rem;
  width: 1.8rem;
}
.ngx-table__table-row-context-menu {
  position: absolute;
}
.ngx-table__header-search {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff none;
  border: 0.05rem solid #e7e9ed;
  border-radius: 0.1rem;
  color: #50596c;
  display: block;
  font-size: 0.8rem;
  height: 1.47rem;
  line-height: 1rem;
  max-width: 100%;
  outline: 0;
  padding: 0.15rem 0.3rem;
  position: relative;
  width: 97%;
}
.ngx-table__header-cell {
  position: relative;
}
.ngx-table__header-cell .pointer {
  cursor: pointer;
}
.ngx-table__horizontal-scroll {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
}
.ngx-table__horizontal-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
  height: 10px;
}
.ngx-table__horizontal-scroll::-webkit-scrollbar-thumb {
  background-color: grey;
}
.ngx-table__column-resizer {
  background-color: #e7e9ed;
  cursor: col-resize;
  display: block;
  height: 20px;
  margin-top: 10px;
  position: absolute;
  padding: 0;
  right: 0;
  top: 0;
  width: 2px;
}
.ngx-table__table--borderless > tbody > tr > td,
.ngx-table__table--borderless > thead > tr > th {
  border-bottom: 0 !important;
}
.ngx-table__table--hoverable > tbody tr:hover {
  background: #f6f7f9;
}
.ngx-table__table--striped > tbody tr:nth-of-type(odd) {
  background: #f6f7f9;
}
.ngx-table__table--tiny > tbody > tr > td,
.ngx-table__table--tiny > thead > tr > th {
  border-bottom: 1px solid #e7e9ed;
  padding: 4px 7px;
}
.ngx-table__table--normal > tbody > tr > td,
.ngx-table__table--normal > thead > tr > th {
  border-bottom: 1px solid #e7e9ed;
  padding: 10px 6px;
}
.ngx-table__table--big > tbody > tr > td,
.ngx-table__table--big > thead > tr > th {
  border-bottom: 1px solid #e7e9ed;
  padding: 12px 8px;
}
.ngx-table__table--dark {
  background-color: #50596c;
  color: #f6f7f9;
}
.ngx-table__table--dark > tbody tr:hover {
  color: #50596c;
}
.ngx-table__table--dark.ngx-table__table--striped > tbody tr:nth-of-type(odd) {
  background: #5f697d;
}
.ngx-table__table--dark-pagination ::ng-deep .ngx-pagination .current {
  background: #f6f7f9;
  color: #50596c;
}
.ngx-table__table--dark-pagination ::ng-deep pagination-template > ul {
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
}
.ngx-table__table--dark-pagination ::ng-deep pagination-template > ul > li {
  border: 1px solid #e7e9ed;
  background: #50596c;
}
.ngx-table__table--dark-pagination ::ng-deep pagination-template > ul > li.current {
  border: 1px solid #50596c;
}
.ngx-table__table--dark-pagination ::ng-deep pagination-template > ul > li > a {
  color: #f6f7f9;
}
.ngx-table__table--dark-pagination-wrapper {
  background-color: #50596c;
}
.ngx-table__table--dark-pagination-range > #rowAmount > div > div {
  color: #e7e9ed;
  border: 1px solid #e7e9ed;
  background-color: #50596c;
}
.ngx-table__table--dark-pagination-range > #rowAmount > div > ul {
  color: #e7e9ed;
  background-color: #50596c;
}
.ngx-table__table--dark-pagination-range > #rowAmount > div > ul > li {
  color: #e7e9ed;
  background-color: #50596c;
}
.ngx-table__header-title {
  display: inline;
}
.ngx-menu {
  background: #fff;
  border: 1px solid #e7e9ed;
  list-style: none;
  margin: 0;
  min-width: 60px;
  z-index: 100;
}
.ngx-form-icon {
  border-radius: 0.1rem;
  background: #fff;
  height: 0.9rem;
  left: 0;
  top: 0.2rem;
  width: 0.9rem;
  transition: all 0.2s ease;
  border: 0.05rem solid #e7e9ed;
  cursor: pointer;
  display: inline-block;
  position: absolute;
}
.ngx-form-checkbox {
  line-height: 1rem;
  margin: 0.2rem 0;
  min-height: 1.2rem;
  padding: 0.2rem 0.4rem 0.4rem 1.6rem;
  position: relative;
}
.ngx-form-checkbox input {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
.ngx-form-checkbox input:focus + .ngx-form-icon {
  box-shadow: 0 0 0 0.1rem rgba(63, 134, 202, 0.2);
  border-color: #3f86ca;
}
.ngx-form-checkbox input:checked + .ngx-form-icon {
  background: #3f86ca;
  border-color: #3f86ca;
}
.ngx-form-checkbox input:active + .ngx-form-icon {
  background: #50596c;
}
.ngx-form-checkbox input:checked + .ngx-form-icon::before {
  background-clip: padding-box;
  border: 0.1rem solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  content: "";
  height: 12px;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 6px;
}
.ngx-icon {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-style: normal;
  height: 1em;
  position: relative;
  text-indent: -9999px;
  vertical-align: middle;
  width: 1em;
}
.ngx-icon::before, .ngx-icon::after {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ngx-icon-arrow-down::before, .ngx-icon-arrow-right::before, .ngx-icon-arrow-up::before {
  border: 0.1rem solid #50596c;
  border-bottom: 0;
  border-right: 0;
  height: 0.65em;
  width: 0.65em;
}
.ngx-icon-arrow-down::before {
  transform: translate(-50%, -75%) rotate(225deg);
}
.ngx-icon-arrow-right::before {
  transform: translate(-75%, -50%) rotate(135deg);
}
.ngx-icon-arrow-up::before {
  transform: translate(-50%, -25%) rotate(45deg);
}
.ngx-icon-menu::before {
  background: #50596c;
  box-shadow: 0 -0.35em, 0 0.35em;
  content: "";
  height: 0.1rem;
  width: 100%;
}
.ngx-icon-pin {
  border-radius: 50%;
  border: 4px solid #50596c;
  width: 11px;
  height: 11px;
}
.ngx-icon-more::before {
  background: #50596c;
  border-radius: 50%;
  box-shadow: 0 -0.4em, 0 0.4em;
  height: 3px;
  width: 3px;
}
.ngx-dropdown {
  display: inline;
  position: relative;
  float: right;
}
.ngx-dropdown .ngx-menu {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
}
.ngx-dropdown a {
  color: #50596c;
}
.ngx-btn-group {
  display: inline;
}
.ngx-draggable-row {
  cursor: move;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 1px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  background-color: white;
  padding-top: 9px;
  padding-left: 4px;
  display: table;
  table-layout: fixed;
}
.cdk-drag-placeholder {
  opacity: 0;
}
.cdk-drag-animating {
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
}
.ngx-draggable-row-area.cdk-drop-list-dragging .ngx-draggable-row:not(.cdk-drag-placeholder) {
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
}
.ngx-table__header-cell--draggable {
  cursor: move;
  background-color: white;
}
.ngx-table__header--draggable.cdk-drop-list-dragging .ngx-table__header-cell--draggable:not(.cdk-drag-placeholder) {
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
}
.ngx-pagination {
  font-family: Montserrat, Verdana, serif;
  display: inline-block;
  margin-left: 0;
  margin-bottom: 1rem;
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
}
.ngx-pagination::before,
.ngx-pagination::after {
  content: " ";
  display: table;
}
.ngx-pagination::after {
  clear: both;
}
.ngx-pagination li {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-right: 0.0625rem;
  border-radius: 0;
  border: 1px solid #e7e9ed;
}
.ngx-pagination li.current {
  border: 1px solid #50596c;
}
.ngx-pagination li {
  display: inline-block;
}
.ngx-pagination a,
.ngx-pagination button {
  color: #50596c;
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
}
.ngx-pagination a:hover,
.ngx-pagination button:hover {
  background: #e6e6e6;
}
.ngx-pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #3f86ca;
  color: #fefefe;
  cursor: default;
}
.ngx-pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: default;
}
.ngx-pagination .disabled:hover {
  background: transparent;
}
.ngx-pagination a,
.ngx-pagination button {
  cursor: pointer;
}
.ngx-pagination .pagination-previous a::before,
.ngx-pagination .pagination-previous.disabled::before {
  content: "«";
  display: inline-block;
  margin-right: 0.5rem;
}
.ngx-pagination .pagination-next a::after,
.ngx-pagination .pagination-next.disabled::after {
  content: "»";
  display: inline-block;
  margin-left: 0.5rem;
}
.ngx-pagination .show-for-sr {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.ngx-pagination .small-screen {
  display: none;
}
.ngx-pagination-wrapper {
  margin-top: 8px;
}
.ngx-pagination-range {
  display: inline-block;
  float: right;
}
.ngx-pagination-steps {
  display: inline-block;
}
.ngx-pagination-range-dropdown {
  margin-top: 0;
}
.ngx-pagination-range-dropdown-button-item {
  cursor: pointer;
  color: #50596c;
  padding: 0.4rem;
}
.ngx-pagination-range--selected {
  background-color: #f6f7f9;
}
.ngx-pagination-range-dropdown-button {
  color: #50596c;
  border: 1px solid #e7e9ed;
  cursor: pointer;
  padding: 4px;
}
.pinned-left {
  position: sticky;
  z-index: 1;
  background-color: white;
  box-shadow: 2px 0 0 rgba(128, 128, 128, 0.175);
}
@media screen and (max-width: 601px) {
  .ngx-pagination.responsive .small-screen {
    display: inline-block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
  }

  .ngx-pagination.responsive li:not(.small-screen):not(.pagination-previous):not(.pagination-next) {
    display: none;
  }
}
.ngx-infinite-scroll-viewport {
  display: block;
  height: 250px;
  overflow: auto;
}
.ngx-infinite-scroll-viewport tr,
.ngx-infinite-scroll-viewport-thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}
/* Mandatory */
/* Optional */
/* If a theme other than default is used, the css file for that theme is required. */
.modal-backdrop {
  z-index: 1049 !important;
}
.error-msg-div {
  color: red;
}
.save-col {
  display: flex;
  align-items: flex-end;
}
form {
  background: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 41px;
}
.select2-container .select2-selection--single {
  height: 43px;
}
.select2-container .select2-selection--multiple {
  height: 43px;
}
.action-div button {
  padding: 5px;
  margin-right: 10px;
  border-radius: 0px;
}
.action-div button i {
  font-size: 16px !important;
}
.ad_link .horizontal_ad {
  width: 720px;
  height: 90px;
}
.ad_link .vertical_ad {
  width: 400px;
  height: 450px;
}
.ad-div {
  text-align: center;
  margin-bottom: 20px;
}
.job_form_modal .modal-dialog {
  max-width: 60%;
}
.header_menu {
  z-index: 1050;
}
.badge.badge-orange {
  background-color: orange;
}
i.fas.fa-check-circle.verified {
  color: green;
}
.loader4 {
  width: 25px;
  height: 25px;
  display: inline-block;
  padding: 0px;
  border-radius: 100%;
  border: 3px solid;
  border-top-color: #1E46BE;
  border-bottom-color: rgba(255, 255, 255, 0.3);
  border-left-color: #1E46BE;
  border-right-color: rgba(255, 255, 255, 0.3);
  animation: loader4 1s ease-in-out infinite;
}
@keyframes loader4 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.nav-signup {
  color: #be5e1e;
  background: none;
  border-color: #be591e;
  border-radius: 30px;
}
.nav-login {
  margin-right: 10px;
}
.apply-footer-action span {
  cursor: pointer;
}
.show-more-link {
  text-align: right;
}
.show-more-link button {
  padding: 0px;
  background: none;
  border: none;
  font-size: 13px;
  color: #2a2aad;
  cursor: pointer;
}
#cities_modal .modal-dialog {
  min-width: 60% !important;
}
.modal-checkbox-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 768px) {
  .modal-checkbox-grid {
    grid-template-columns: none;
  }
}
.modal-cbx {
  padding: 10px 15px;
}
#industries_modal .modal-dialog {
  min-width: 60% !important;
}
.browse-btn {
  color: #fff !important;
}
.pagenation-custom-div {
  margin-top: 30px;
  text-align: center;
}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */

.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */

.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */

@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}


/*# sourceMappingURL=styles.css.map*/