@-webkit-keyframes bs-notify-fadeOut {
    0% {
    opacity: 0.9;
   }
    100% {
    opacity: 0;
   }
   }
   @-o-keyframes bs-notify-fadeOut {
    0% {
    opacity: 0.9;
   }
    100% {
    opacity: 0;
   }
   }
   @keyframes bs-notify-fadeOut {
    0% {
    opacity: 0.9;
   }
    100% {
    opacity: 0;
   }
   }
   select.bs-select-hidden, .custom-select > select.bs-select-hidden, select.selectpicker {
       display: none !important;
   }
   .custom-select.noborder {
       width: min-content !important;
   }
   .custom-select.noborder > .dropdown-toggle{
       border: 0px solid #003675;
       padding: 16px 32px;
       
   }
   .custom-select.noborder > .dropdown-toggle:before {
       margin-top: -1px;
       content: "";
       background-image: url(../images/icon-wallet-white.svg);
       width: 24px;
       height: 24px;
       background-size: 24px;
       left: 16px;
       position:absolute;
   }
   .custom-select.noborder > .dropdown-toggle:after {
       right: 16px;
       position:absolute;
   }
   .custom-select.noborder .dropdown-toggle .filter-option{
       padding: 0 16px;
   }
   .custom-select {
       width: 100%;
       position: relative;
   }
   .custom-select > .dropdown-toggle {
       position: relative;
       width: 100%;
       line-height: 24px;
       text-align: right;
       white-space: nowrap;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
       justify-content: space-between;
       border: 1px solid #003675;
       font-size: 18px;
       color: #ffffff;
       background: #041122;
       padding: 16px 16px;
       border-radius: 8px;
   }
   .custom-select > .dropdown-toggle:after {
       margin-top: -1px;
       content: "";
       background-image: url(../images/icon-chevron-down-line.svg);
       width: 24px;
       height: 24px;
       background-size: 24px;
   }
   .custom-select.show > .dropdown-toggle:after {
     -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
       transform: rotate(180deg)
   }
   .custom-select > select {
       position: absolute !important;
       bottom: 0;
       left: 50%;
       display: block !important;
       width: 0.5px !important;
       height: 100% !important;
       padding: 0 !important;
       opacity: 0 !important;
       border: none;
       z-index: 0 !important;
   }
   .custom-select > select.mobile-device {
       top: 0;
       left: 0;
       display: block !important;
       width: 100% !important;
       z-index: 2 !important;
   }
   .has-error .custom-select .dropdown-toggle, .error .custom-select .dropdown-toggle, .custom-select.is-invalid .dropdown-toggle, .was-validated .custom-select select:invalid + .dropdown-toggle {
    border-color:  var(--red-0);
   }
   .custom-select.is-valid .dropdown-toggle, .was-validated .custom-select select:valid + .dropdown-toggle {
    border-color:var(--green-0);
   }
   .custom-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
       width: 100%;
   }
   .custom-select > select.mobile-device:focus + .dropdown-toggle,  .custom-select .dropdown-toggle:focus {
       outline: thin dotted var(--blue-1) !important;
       outline: 0px auto -webkit-focus-ring-color !important;
   }
   .custom-select.form-control {
       margin-bottom: 0;
       padding: 0;
       border: none;
       height: auto;
   }
   
   .custom-select.disabled, .custom-select > .disabled {
       cursor: not-allowed;
       background: var(--gray-1)
   }
   .custom-select.disabled:focus, .custom-select > .disabled:focus {
       outline: none !important;
   }
   .custom-select.bs-container {
       position: absolute;
       top: 0;
       left: 0;
       height: 0 !important;
       padding: 0 !important;
   }
   .custom-select.bs-container .dropdown-menu {
       z-index: 1060;
   }
   .custom-select .dropdown-toggle .filter-option {
       position: static;
       top: 0;
       left: 0;
       float: left;
       width: 100%;
       text-align: left;
       overflow: hidden;
       -webkit-box-flex: 0;
       -webkit-flex: 0 1 auto;
       -ms-flex: 0 1 auto;
       flex: 0 1 auto;
       height: 24px;
   }
   
   .custom-select .dropdown-toggle .filter-option-inner-inner {
       overflow: hidden;
       display: flex;
       align-items: center;
   }
   .custom-select .dropdown-toggle .filter-expand {
       width: 0 !important;
       float: left;
       opacity: 0 !important;
       overflow: hidden;
   }
   .custom-select .dropdown-toggle .caret {
       position: absolute;
       top: 50%;
       right: 12px;
       margin-top: -2px;
       vertical-align: middle;
   }
   .input-group .custom-select.form-control .dropdown-toggle {
       border-radius: inherit;
   }
   .custom-select[class*="col-"] .dropdown-toggle {
       width: 100%;
   }
   .custom-select .dropdown-menu {
       min-width: 100%;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       filter: drop-shadow(4px 4px 12px rgba(20, 34, 69, 0.1));
       z-index: 9999;
       border-radius: 8px;
   }
   .custom-select .dropdown-menu > .inner:focus {
       outline: none !important;
   }
   .custom-select .dropdown-menu.inner {
       position: static;
       float: none;
       border: 0;
       padding: 0;
       margin: 0;
       border-radius: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
   }
   .custom-select .dropdown-menu li {
       position: relative;
       width: 100%;
       background: #0C1B35;
       display: flex;
   }
   .custom-select .dropdown-menu li.active small {
       color: rgba(255, 255, 255, 0.5) !important;
   }
   .custom-select .dropdown-menu li.disabled a {
       cursor: not-allowed;
   }
   .custom-select .dropdown-menu li a {
       cursor: pointer;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       width: 100%;
       float: left;
       color: #ffffff;
       padding: 12px 16px;
       display: inline-flex;
   }
   .custom-select .dropdown-menu li:hover, .custom-select .dropdown-menu li.active {
       background: #1a2b53
   }
   .custom-select .dropdown-menu li a.opt {
       position: relative;
       padding-left: 2.25em;
   }
   .custom-select .dropdown-menu li a span.check-mark {
       display: none;
   }
   .custom-select .dropdown-menu li a span.text {
       display: inline-block;
       width: 100%;
       padding-right: 27px;
   }
   
   .custom-select.show-tick .dropdown-menu .selected span.check-mark {
       position: absolute;
       display: inline-block;
       left: 12px;
       top: 5px;
       height: 24px;
       width: 24px;
       background-image: url(../images/icon-selected.svg);
   }
   .custom-select.show-tick .dropdown-menu li a span.text {
       margin-right: 34px;
       font-size: 13px;
       line-height: 18px;
       color: var(--dark-1)
   }
   .custom-select.show-tick .dropdown-menu.show .icon-24{
       display: none	
   }
   .custom-select.show-tick .dropdown-menu li a {	
       padding: 6px 12px 6px 44px;
   }
   /*# sourceMappingURL=custom-select.css.map */
   
   .select-dropdown{
       position: relative;
       width: 100%;
   }
   .select-field{
       border: 1px solid var(--light-outline);
       padding: 6px 40px  6px 12px;
       background-color: var(--light-4);
       font-size: 13px;
       line-height: 18px;
       display: flex;
       flex-direction: row;
       align-items: center;
       border-radius: 4px;
       position: relative;
       color: var(--dark-1)
       
   }
   .select-field:hover{
       color: var(--dark-1);
   }
   .select-field::after{
       content: "";
       width: 24px;
       height: 24px;
       background-size: 100%;
       background-image: url(../images/icon-arrow-bottom.svg);
       position: absolute;
       right: 12px;
   }
   
   .show-select-item{
       border-radius: 4px;
       background-color: var(--light-4);
       box-shadow: 4px 4px 12px rgba(20, 34, 69, 0.1);
       position: absolute;
       padding: 8px 0;
       z-index: 999;
       width: 100%;
       display: none;
   }
   .show-select-item li {
       position: relative;
       height: 36px;
       width: 100%;
       padding: 0px;
   }
   .show-select-item li:hover, .show-select-item li.active {
      background: var(--light-0);
   }
   
   .show-select-item li a{
       width: 100%;
       padding: 6px 40px;
       float: left;
       color: var(--dark-1)
   }
   .show-select-item li a:hover{
       
       
   }
   .show-select-item li.active a:before {
       content: "";
       position: absolute;
       display: inline-block;
       left: 12px;
       top: 5px;
       height: 24px;
       width: 24px;
       background-image: url(../images/icon-selected.svg);
   }
   .show-select-item li .text{
      font-size: 13px;
       line-height: 18px;
   }