/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;*/
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.fixed {
    width: 140px;
}

#checkboxes label {
    float: left;
    padding: 0px 10px 0px 0px;
}

.optionsCheckboxes {
    display: inline-flex;
    margin: 0px;
    margin-inline-start: 0px;
    padding-inline-start: 0px;
    list-style: none;
    float: left;
}
.optionsCheckboxes li {
    padding: 0px 10px;
}

.table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
}

    .table th, .table td {
        border: 1px solid #ccc;
    }

    .table th, .table td {
        padding: 0.5rem;
    }

.tr {
    margin: 5px 0px;
}

.draggable {
    cursor: grab;
    user-select: none;
}

.placeholder {
    background-color: #edf2f7;
    border: 2px dashed #cbd5e0;
}

.clone-list {
    border-top: 1px solid #ccc;
}

.clone-table {
    border-collapse: collapse;
    border: none;
}

    .clone-table th, .clone-table td {
        border: 1px solid #ccc;
        border-top: none;
        padding: 0.5rem;
    }

.dragging {
    background: #fff;
    border-top: 1px solid #ccc;
    z-index: 999;
}

.headerRow {
    font-size: 12px;
}

.headerControl {
    cursor: pointer;
}

.headerControlValue {
    color: #ABB3C9;
}

.headerRowBtn {
    padding: 0px 5px;
    /*border-right: 1px dashed #ABB3C9;*/
    float: right;
    color: #0366d6;
}

.rightmost {
    border-right: 0px;
}
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* Placeholder Text of Recipients Email field */
::-webkit-input-placeholder { /* Edge */
    color: #ABB3C9;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ABB3C9;
}

::placeholder {
    color: #ABB3C9;
}

.invalid {
    border: 1px solid #f00;
    box-shadow: 0 0 4px 0 #f00;
}

.validationMessage {
    display: none;
    color: #f00;
    font-size: small;
    margin-bottom: 0px;
}

.sendComponent {
    display: inline-block;
}

.spinner-border {
    display: none;
}

.recipientSecurityChoice {
    padding: 0px 60px 0px 0px;
}

.recipientSecurityOptions {
    width: 70%;
    display: inline-flex;
}

.recipientSecurityPhoneCountryCodeContainer {
    padding: 0px 20px 0px 0px;
    display: none;
}

.recipientSecurity {
    display: inline-flex;
}

.recipientEmailInput {
    width: 100%;
}

.notificationsCheckboxes {
    padding-left: 10px;
}

.toast-header {
    background-color: #263E60;
    color: #FFFFFF;
}
.cc-picker {
    overflow: hidden;
    display: inline-block;
    cursor: default;
    padding-right: 5px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 80px;
}

.cc-picker-flag {
    width: 16px;
    height: 11px;
    margin-right: 7px;
    display: inline-block;
    background: url('../img/flags.png');
    position: relative;
    top: 1px;
}

.cc-picker-code {
    display: inline-block;
    width: 35px;
}

.cc-picker-code-select-enabled::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 5px;
    right: 4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #512b2b;
}

.cc-picker-code-select-enabled {
    cursor: pointer;
    padding-right: 18px;
    position: relative;
}

.cc-picker-code-list .cc-picker-code {
    color: gray;
    width: 38px;
}

.cc-picker-code-list {
    list-style: none;
    margin: 0 0 0 -5px;
    padding: 1px;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    border: 1px solid #dad8d8;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.cc-picker-code-filter {
    margin: 0 0 0 -5px;
    padding: 1px;
    width: 286px;
    height: 23px;
    position: absolute;
    border: 1px solid #dad8d8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

input[class=cc-picker-code-filter]::-webkit-input-placeholder { /* Safari, Chrome(, Opera?) */
    color: gray;
    font-style: italic;
}

input[class=cc-picker-code-filter]:-moz-placeholder { /* Firefox 18- */
    color: gray;
    font-style: italic;
}

input[class=cc-picker-code-filter]::-moz-placeholder { /* Firefox 19+ */
    color: gray;
    font-style: italic;
}

input[class=cc-picker-code-filter]:-ms-input-placeholder { /* IE (10+?) */
    color: gray;
    font-style: italic;
}

.cc-picker-code-list > li:hover {
    background-color: #e1e1e1;
}

.cc-picker-code-list > li.cc-picker-selected-country {
    background-color: #f0f0f0;
}

.cc-picker-code-list > li {
    cursor: pointer;
    padding: 3px 15px 3px 3px;
}

.cc-picker-flag.zw {
    background-position: 0 0
}

.cc-picker-flag.zm {
    background-position: -16px 0
}

.cc-picker-flag.za {
    background-position: 0 -11px
}

.cc-picker-flag.yt {
    background-position: -16px -11px
}

.cc-picker-flag.ye {
    background-position: -32px 0
}

.cc-picker-flag.ws {
    background-position: -32px -11px
}

.cc-picker-flag.wf {
    background-position: 0 -22px
}

.cc-picker-flag.vu {
    background-position: -32px -22px
}

.cc-picker-flag.vn {
    background-position: 0 -33px
}

.cc-picker-flag.vi {
    background-position: -16px -33px
}

.cc-picker-flag.vg {
    background-position: -32px -33px
}

.cc-picker-flag.ve {
    background-position: -48px 0
}

.cc-picker-flag.vc {
    background-position: -48px -11px
}

.cc-picker-flag.va {
    background-position: -48px -22px
}

.cc-picker-flag.uz {
    background-position: -48px -33px
}

.cc-picker-flag.uy {
    background-position: 0 -44px
}

.cc-picker-flag.us {
    background-position: -16px -44px
}

.cc-picker-flag.um {
    background-position: -16px -44px
}

.cc-picker-flag.ug {
    background-position: -32px -44px
}

.cc-picker-flag.ua {
    background-position: -48px -44px
}

.cc-picker-flag.tz {
    background-position: -64px 0
}

.cc-picker-flag.tw {
    background-position: -64px -11px
}

.cc-picker-flag.tv {
    background-position: -64px -22px
}

.cc-picker-flag.tt {
    background-position: -64px -33px
}

.cc-picker-flag.tr {
    background-position: -64px -44px
}

.cc-picker-flag.to {
    background-position: 0 -55px
}

.cc-picker-flag.tn {
    background-position: -16px -55px
}

.cc-picker-flag.tm {
    background-position: -32px -55px
}

.cc-picker-flag.tl {
    background-position: -48px -55px
}

.cc-picker-flag.tk {
    background-position: -64px -55px
}

.cc-picker-flag.tj {
    background-position: 0 -66px
}

.cc-picker-flag.th {
    background-position: -16px -66px
}

.cc-picker-flag.tg {
    background-position: -32px -66px
}

.cc-picker-flag.tf {
    background-position: -48px -66px
}

.cc-picker-flag.td {
    background-position: -64px -66px
}

.cc-picker-flag.tc {
    background-position: -80px 0
}

.cc-picker-flag.sz {
    background-position: -80px -11px
}

.cc-picker-flag.sy {
    background-position: -80px -22px
}

.cc-picker-flag.sx {
    background-position: -80px -33px
}

.cc-picker-flag.sv {
    background-position: -80px -44px
}

.cc-picker-flag.st {
    background-position: -80px -55px
}

.cc-picker-flag.ss {
    background-position: -80px -66px
}

.cc-picker-flag.sr {
    background-position: 0 -77px
}

.cc-picker-flag.so {
    background-position: -16px -77px
}

.cc-picker-flag.sn {
    background-position: -32px -77px
}

.cc-picker-flag.sm {
    background-position: -48px -77px
}

.cc-picker-flag.sl {
    background-position: -64px -77px
}

.cc-picker-flag.sk {
    background-position: -80px -77px
}

.cc-picker-flag.si {
    background-position: -96px 0
}

.cc-picker-flag.sh {
    background-position: -96px -11px
}

.cc-picker-flag.sg {
    background-position: -96px -22px
}

.cc-picker-flag.se {
    background-position: -96px -33px
}

.cc-picker-flag.sd {
    background-position: -96px -44px
}

.cc-picker-flag.sc {
    background-position: -96px -66px
}

.cc-picker-flag.sb {
    background-position: -96px -77px
}

.cc-picker-flag.sa {
    background-position: 0 -88px
}

.cc-picker-flag.rw {
    background-position: -16px -88px
}

.cc-picker-flag.ru {
    background-position: -32px -88px
}

.cc-picker-flag.rs {
    background-position: -48px -88px
}

.cc-picker-flag.ro {
    background-position: -64px -88px
}

.cc-picker-flag.qa {
    background-position: -80px -88px
}

.cc-picker-flag.py {
    background-position: -96px -88px
}

.cc-picker-flag.pw {
    background-position: 0 -99px
}

.cc-picker-flag.pt {
    background-position: -16px -99px
}

.cc-picker-flag.ps {
    background-position: -32px -99px
}

.cc-picker-flag.pr {
    background-position: -48px -99px
}

.cc-picker-flag.pn {
    background-position: -64px -99px
}

.cc-picker-flag.pm {
    background-position: -80px -99px
}

.cc-picker-flag.pl {
    background-position: -96px -99px
}

.cc-picker-flag.pk {
    background-position: -112px 0
}

.cc-picker-flag.ph {
    background-position: -112px -11px
}

.cc-picker-flag.pg {
    background-position: -112px -22px
}

.cc-picker-flag.pf {
    background-position: -112px -33px
}

.cc-picker-flag.pe {
    background-position: -112px -44px
}

.cc-picker-flag.pa {
    background-position: -112px -55px
}

.cc-picker-flag.om {
    background-position: -112px -66px
}

.cc-picker-flag.nz {
    background-position: -112px -77px
}

.cc-picker-flag.nu {
    background-position: -112px -88px
}

.cc-picker-flag.nr {
    background-position: -112px -99px
}

.cc-picker-flag.no {
    background-position: 0 -110px
}

.cc-picker-flag.bv {
    background-position: 0 -110px
}

.cc-picker-flag.sj {
    background-position: 0 -110px
}

.cc-picker-flag.nl {
    background-position: -16px -110px
}

.cc-picker-flag.ni {
    background-position: -32px -110px
}

.cc-picker-flag.ng {
    background-position: -48px -110px
}

.cc-picker-flag.nf {
    background-position: -64px -110px
}

.cc-picker-flag.ne {
    background-position: -80px -110px
}

.cc-picker-flag.nc {
    background-position: -96px -110px
}

.cc-picker-flag.na {
    background-position: -112px -110px
}

.cc-picker-flag.mz {
    background-position: -128px 0
}

.cc-picker-flag.my {
    background-position: -128px -11px
}

.cc-picker-flag.mx {
    background-position: -128px -22px
}

.cc-picker-flag.mw {
    background-position: -128px -33px
}

.cc-picker-flag.mv {
    background-position: -128px -44px
}

.cc-picker-flag.mu {
    background-position: -128px -55px
}

.cc-picker-flag.mt {
    background-position: -128px -66px
}

.cc-picker-flag.ms {
    background-position: -128px -77px
}

.cc-picker-flag.mr {
    background-position: -128px -88px
}

.cc-picker-flag.mq {
    background-position: -128px -99px
}

.cc-picker-flag.mp {
    background-position: -128px -110px
}

.cc-picker-flag.mo {
    background-position: 0 -121px
}

.cc-picker-flag.mn {
    background-position: -16px -121px
}

.cc-picker-flag.mm {
    background-position: -32px -121px
}

.cc-picker-flag.ml {
    background-position: -48px -121px
}

.cc-picker-flag.mk {
    background-position: -64px -121px
}

.cc-picker-flag.mh {
    background-position: -80px -121px
}

.cc-picker-flag.mg {
    background-position: -96px -121px
}

.cc-picker-flag.me {
    background-position: 0 -132px
}

.cc-picker-flag.md {
    background-position: -112px -121px
}

.cc-picker-flag.mc {
    background-position: -128px -121px
}

.cc-picker-flag.ma {
    background-position: -16px -132px
}

.cc-picker-flag.ly {
    background-position: -32px -132px
}

.cc-picker-flag.lv {
    background-position: -48px -132px
}

.cc-picker-flag.lu {
    background-position: -64px -132px
}

.cc-picker-flag.lt {
    background-position: -80px -132px
}

.cc-picker-flag.ls {
    background-position: -96px -132px
}

.cc-picker-flag.lr {
    background-position: -112px -132px
}

.cc-picker-flag.lk {
    background-position: -128px -132px
}

.cc-picker-flag.li {
    background-position: -144px 0
}

.cc-picker-flag.lc {
    background-position: -144px -11px
}

.cc-picker-flag.lb {
    background-position: -144px -22px
}

.cc-picker-flag.la {
    background-position: -144px -33px
}

.cc-picker-flag.kz {
    background-position: -144px -44px
}

.cc-picker-flag.ky {
    background-position: -144px -55px
}

.cc-picker-flag.kw {
    background-position: -144px -66px
}

.cc-picker-flag.kr {
    background-position: -144px -77px
}

.cc-picker-flag.kp {
    background-position: -144px -88px
}

.cc-picker-flag.kn {
    background-position: -144px -99px
}

.cc-picker-flag.km {
    background-position: -144px -110px
}

.cc-picker-flag.ki {
    background-position: -144px -121px
}

.cc-picker-flag.kh {
    background-position: -144px -132px
}

.cc-picker-flag.kg {
    background-position: 0 -144px
}

.cc-picker-flag.ke {
    background-position: -16px -144px
}

.cc-picker-flag.jp {
    background-position: -32px -144px
}

.cc-picker-flag.jo {
    background-position: -48px -144px
}

.cc-picker-flag.jm {
    background-position: -64px -144px
}

.cc-picker-flag.je {
    background-position: -80px -144px
}

.cc-picker-flag.it {
    background-position: -96px -144px
}

.cc-picker-flag.is {
    background-position: -112px -144px
}

.cc-picker-flag.ir {
    background-position: -128px -144px
}

.cc-picker-flag.iq {
    background-position: -144px -144px
}

.cc-picker-flag.io {
    background-position: -160px 0
}

.cc-picker-flag.in {
    background-position: -160px -11px
}

.cc-picker-flag.im {
    background-position: -160px -22px
}

.cc-picker-flag.il {
    background-position: -160px -31px
}

.cc-picker-flag.ie {
    background-position: -160px -42px
}

.cc-picker-flag.id {
    background-position: -160px -53px
}

.cc-picker-flag.hu {
    background-position: -160px -64px
}

.cc-picker-flag.ht {
    background-position: -160px -75px
}

.cc-picker-flag.hr {
    background-position: -160px -86px
}

.cc-picker-flag.hn {
    background-position: -160px -97px
}

.cc-picker-flag.hk {
    background-position: -160px -108px
}

.cc-picker-flag.gy {
    background-position: -160px -119px
}

.cc-picker-flag.gw {
    background-position: -160px -130px
}

.cc-picker-flag.gu {
    background-position: -160px -141px
}

.cc-picker-flag.gt {
    background-position: 0 -155px
}

.cc-picker-flag.gs {
    background-position: -16px -155px
}

.cc-picker-flag.gr {
    background-position: -32px -155px
}

.cc-picker-flag.gq {
    background-position: -48px -155px
}

.cc-picker-flag.gp {
    background-position: -64px -155px
}

.cc-picker-flag.gn {
    background-position: -80px -155px
}

.cc-picker-flag.gm {
    background-position: -96px -155px
}

.cc-picker-flag.gl {
    background-position: -112px -155px
}

.cc-picker-flag.gi {
    background-position: -128px -155px
}

.cc-picker-flag.gh {
    background-position: -144px -155px
}

.cc-picker-flag.gg {
    background-position: -160px -155px
}

.cc-picker-flag.ge {
    background-position: -176px 0
}

.cc-picker-flag.gd {
    background-position: -176px -11px
}

.cc-picker-flag.gb {
    background-position: -176px -22px
}

.cc-picker-flag.ga {
    background-position: -176px -33px
}

.cc-picker-flag.fr {
    background-position: -176px -44px
}

.cc-picker-flag.gf {
    background-position: -176px -44px
}

.cc-picker-flag.re {
    background-position: -176px -44px
}

.cc-picker-flag.mf {
    background-position: -176px -44px
}

.cc-picker-flag.bl {
    background-position: -176px -44px
}

.cc-picker-flag.fo {
    background-position: -176px -55px
}

.cc-picker-flag.fm {
    background-position: -176px -66px
}

.cc-picker-flag.fk {
    background-position: -176px -77px
}

.cc-picker-flag.fj {
    background-position: -176px -88px
}

.cc-picker-flag.fi {
    background-position: -176px -99px
}

.cc-picker-flag.eu {
    background-position: -176px -121px
}

.cc-picker-flag.et {
    background-position: -176px -132px
}

.cc-picker-flag.es {
    background-position: -176px -143px
}

.cc-picker-flag.er {
    background-position: -176px -154px
}

.cc-picker-flag.eh {
    background-position: -16px -166px
}

.cc-picker-flag.eg {
    background-position: -32px -166px
}

div.cc-picker-flag.ee {
    background-position: -48px -166px
}

.cc-picker-flag.ec {
    background-position: -64px -166px
}

.cc-picker-flag.dz {
    background-position: -80px -166px
}

.cc-picker-flag.do {
    background-position: -96px -166px
}

.cc-picker-flag.dm {
    background-position: -112px -166px
}

.cc-picker-flag.dk {
    background-position: -128px -166px
}

.cc-picker-flag.dj {
    background-position: -144px -166px
}

.cc-picker-flag.de {
    background-position: -160px -166px
}

.cc-picker-flag.cz {
    background-position: -176px -166px
}

.cc-picker-flag.cy {
    background-position: 0 -177px
}

.cc-picker-flag.cx {
    background-position: -16px -177px
}

.cc-picker-flag.cw {
    background-position: -32px -177px
}

.cc-picker-flag.cv {
    background-position: -48px -177px
}

.cc-picker-flag.cu {
    background-position: -64px -177px
}

.cc-picker-flag.cs {
    background-position: -80px -177px
}

.cc-picker-flag.cr {
    background-position: -96px -177px
}

.cc-picker-flag.co {
    background-position: -112px -177px
}

.cc-picker-flag.cn {
    background-position: -128px -177px
}

.cc-picker-flag.cm {
    background-position: -144px -177px
}

.cc-picker-flag.cl {
    background-position: -160px -177px
}

.cc-picker-flag.ck {
    background-position: -176px -177px
}

.cc-picker-flag.ci {
    background-position: -192px 0
}

.cc-picker-flag.cg {
    background-position: -192px -11px
}

.cc-picker-flag.cf {
    background-position: -192px -22px
}

.cc-picker-flag.cd {
    background-position: -192px -33px
}

.cc-picker-flag.cc {
    background-position: -192px -44px
}

.cc-picker-flag.ca {
    background-position: -192px -66px
}

.cc-picker-flag.bz {
    background-position: -192px -77px
}

.cc-picker-flag.by {
    background-position: -192px -88px
}

.cc-picker-flag.bw {
    background-position: -192px -99px
}

.cc-picker-flag.bt {
    background-position: -192px -110px
}

.cc-picker-flag.bs {
    background-position: -192px -121px
}

.cc-picker-flag.br {
    background-position: -192px -132px
}

.cc-picker-flag.bq {
    background-position: -192px -143px
}

.cc-picker-flag.bo {
    background-position: -192px -154px
}

.cc-picker-flag.bn {
    background-position: -192px -165px
}

.cc-picker-flag.bm {
    background-position: -192px -176px
}

.cc-picker-flag.bj {
    background-position: 0 -188px
}

.cc-picker-flag.bi {
    background-position: -16px -188px
}

.cc-picker-flag.bh {
    background-position: -32px -188px
}

.cc-picker-flag.bg {
    background-position: -48px -188px
}

.cc-picker-flag.bf {
    background-position: -64px -188px
}

.cc-picker-flag.be {
    background-position: -80px -188px
}

.cc-picker-flag.bd {
    background-position: -96px -188px
}

.cc-picker-flag.bb {
    background-position: -112px -188px
}

.cc-picker-flag.ba {
    background-position: -128px -188px
}

.cc-picker-flag.az {
    background-position: -144px -188px
}

.cc-picker-flag.ax {
    background-position: -160px -188px
}

.cc-picker-flag.aw {
    background-position: -176px -188px
}

.cc-picker-flag.au {
    background-position: -192px -188px
}

.cc-picker-flag.hm {
    background-position: -192px -188px
}

.cc-picker-flag.at {
    background-position: -208px 0
}

.cc-picker-flag.as {
    background-position: -208px -11px
}

.cc-picker-flag.ar {
    background-position: -208px -22px
}

.cc-picker-flag.ao {
    background-position: -208px -33px
}

.cc-picker-flag.an {
    background-position: -208px -44px
}

.cc-picker-flag.am {
    background-position: -208px -55px
}

.cc-picker-flag.al {
    background-position: -208px -66px
}

.cc-picker-flag.ai {
    background-position: -208px -77px
}

.cc-picker-flag.ag {
    background-position: -208px -88px
}

.cc-picker-flag.af {
    background-position: -208px -99px
}

.cc-picker-flag.ae {
    background-position: -208px -110px
}

.cc-picker-flag.ad {
    background-position: -208px -121px
}

.cc-picker-flag.np {
    background-position: -208px -132px
}

.cc-picker-flag.ch {
    background-position: -208px -143px
}




.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    /*display: inline-block;*/
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 2rem;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 80%;
    height: 80%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loading {
    text-align: center;
    display: block;
    font-size: 1.9em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

    .loading::after {
        content: "...";
        overflow: hidden;
        display: inline-block;
        vertical-align: bottom;
        animation: ellipsis-dot 1s infinite .3s;
        animation-fill-mode: forwards;
        width: 1.25em;
        text-align: left;
    }

@keyframes ellipsis-dot {
    25% {
        content: "";
    }

    50% {
        content: ".";
    }

    75% {
        content: "..";
    }

    100% {
        content: "...";
    }
}

.toast-content {
    white-space: pre-wrap
}