.respect-whitespaces{
  white-space:pre-wrap;
}

.wide-textarea{
  width:100%;
}

.narrow-input{
  width:40%;
}.conversation-preview{
  padding:10px;
  border-bottom:solid;
  border-color:#000000;
  border-bottom-width:1px;
}

.unread-thread{
  color:#1068FE;
}

.read-thread{
  color:#404040;
}

.msg-participant{
  font-size:12px;
  font-weight:bold;
}

.msg-text{
  margin-left:25px;
  font-size:12px;
  color:#404040;
}

.msg-datetime{
  float:right;
  font-size:12px;
  font-weight:bold;
  color:#404040;
}

.unread-thread-dot{
  margin-right:16px;
  color:red;
  font-size:16px;
}

.unread-by-recipient{
  font-size:12px;
  font-weight:bold;
  color:red;
}

.invisible-dot{
  color:#EBEBEB;
}

.new-message-sign{
  color:#1068FE;
}

.unanswered-question-sign{
  color:#f04134;
}

.payed-sign-conv{
  font-size:12px;
  color:green;
  padding-right:5px;
}
.chat-msg-container{
// border:1 px solid #dedede;
// background-color:#000000;
    border-radius:15px;
    padding:10px;
    margin-top:10px;
}

.chat-msg-container::after{
    content:"";
    clear:both;
    display:table;
}

.chat-msg-time-right{
    font-size:10px;
    text-align:right;
    color:#1d1d1d;
    margin:0;
    margin-top:3px;
    margin-right:10px;
}

.chat-msg-time-left{
    font-size:10px;
    text-align:left;
    color:#1d1d1d;
    margin:0;
    margin-left:10px;
    margin-top:3px;
}

.chat-msg-own{
    width:50%;
    margin-left:50%;
    background-color:#fc98a2;
    text-align:left;
}

.chat-msg-participant{
    width:50%;
    margin-right:50%;
    color:#0e0e0e;
    background-color:#FEFDFF;
    text-align:left;
}

.chat-msg-own-delivered{
    color:#ffffff;
    background-color:#1068FE;
}

.price{
    color:green;
    font-weight:bold;
}

.rating{
    margin-left:10px;
    float:right;
}

.secret-data{
    color:#1c083a;
    font-weight:bold;
}

.btn-robot-icon{
    font-size:22px;
    margin-right:10px;
    margin-left:-3px;
}

.btn-check-icon{
    margin-left:-3px;
}

.btn-reload-icon{
    margin-left:-3px !important;
}

.hide{
    display:none;
}

.chat-msg-translation{
    font-style:italic;
}

.suggestion-btn{
    margin-right:10px;
}

.use-suggestion-btn{
    margin-top:5px;
    margin-bottom:5px;
    margin-right:10px;
}

.update-suggestion-btn{
    margin-top:5px;
    margin-bottom:5px;
}

.suggestion-text{
    margin-top:10px;
    color:#1068FE;
}
.participant{
  font-size:14px;
  font-style:normal;
  font-weight:bold;
}
.psychic-row{
  padding:10px;
  border-bottom:solid;
  border-color:#000000;
  border-bottom-width:1px;
}

.psychic-info{
  font-size:12px;
  font-weight:bold;
}

.selected-psychic{
  color:#00b40f;
}

.conv-status{
  padding-top:5px;
  float:right;
  font-size:12px;
  font-weight:bold;
  color:#404040;
}

.unread-conv{
  color:#ff1a11;
}

.payed-sign{
  font-size:12px;
  padding-right:5px;
  color:green;
}
.non-psychic-row{
  padding:10px;
}

.non-psychic-info{
  font-size:16px;
  margin-right:25px;
}

.selected-psychic{
  color:#00b40f;
}

.conv-status{
  padding-top:5px;
  float:right;
  font-size:12px;
  font-weight:bold;
  color:#404040;
}

.unread-conv{
  color:#ff1a11;
}

.payed-sign{
  font-size:12px;
  padding-right:5px;
  color:green;
}
.non-psychic-row{
    padding:10px;
}

.non-psychic-info{
    font-size:16px;
    margin-right:25px;
}

.selected-psychic{
    color:#00b40f;
}

.conv-status{
    padding-top:5px;
    float:right;
    font-size:12px;
    font-weight:bold;
    color:#404040;
}

.unread-conv{
    color:#ff1a11;
}

.payed-sign{
    font-size:12px;
    padding-right:5px;
    color:green;
}

.bold{
    font-weight:bold;
}

.errored-report{
    background-color:#ab2b00;
}

.pending-report{
    background-color:#999e00;
}

.generated-downloaded-report{
    background-color:#759e03;
}

.sent-report{
    background-color:#009509;
}
.logo-img{
  border-radius:50%;
  height:40px;
  margin-right:5px;
}

.env-anchor{
  color:#ffffff;
  font-weight:bold;
}

.env-dropdown{
}
.conversations-list-empty{
  height:80vh;
  max-height:560px;
  overflow-y:scroll;
  overflow-x:hidden;
  margin-bottom:10px;
}
.header{
  height:5.5rem;
  padding:0 2rem;
  background-color:#333;
  color:#fafafa;
  position:fixed;
  top:0;
  left:0;
  right:0;
}

.su-header{
  background-color:#6666FF;
}

.manager-header{
  background-color:#460787;
}

.logo{
  color:#fafafa
}

.logo:hover, .logo:focus{
  color:#fafafa;
  text-decoration:none;
}

.nav{
  padding:0 2rem;
}

.nav a{
  display:inline-block;
  padding:5px 10px;
  color:#fff;
  margin-right:1px;
  min-width:100px;
  transition:all .3s
}

.nav a.active, .nav a:hover, .nav a:focus{
  text-decoration:none;
  background-color:#fff;
  color:#333;
}

.user-info{
  font-style:normal;
  font-size:12px;
  color:#ffffff;
}

.logout-area{
  text-align:right;
  margin-right:10px;
}

.logout-btn{
  margin-top:5px;
  color:#000000;
  background-color:#c1c1c1;
  padding-left:5px;
  padding-right:5px;
  border-radius:10px;
}
.app{
  position:relative;
  top:5.5rem;
  bottom:5.5rem;
  height:calc(100vh - 5.5rem);
  overflow-x:hidden;
  overflow-y:auto;
}

.container{
  min-width:500px;
}
.login-page{
 padding:60px 20px;
}

.login-form{
  width:400px;
}
.stat-container{
    padding:20px;
    font-size:16px;
}

.env-stats{
    padding:10px;
}

.page-title{
    padding-bottom:10px;
    font-size:20px;
}
.stat-container{
    padding:20px;
    font-size:16px;
}

.env-stats{
    padding:10px;
}

.page-title{
    padding-bottom:10px;
    font-size:20px;
}

.stat-container{
    padding:20px;
    font-size:16px;
}

.env-stats{
    padding:10px;
}

.page-title{
    padding-bottom:10px;
    font-size:20px;
}

.message-list{
  width:80%;
  height:70vh;
  overflow-y:scroll;
  overflow-x:hidden;
  margin-bottom:10px;
}

.recipient-info{
  width:20%;
  height:70vh;
  float:left;
  overflow-y:scroll;
  overflow-x:hidden;
}

.send-btn{
  float:right;
  text-align:center;
  font-weight:bold;
  color:#090909;
}

.birth-profile{
  font-size:12px;
  margin-bottom:50px;
}

.birth-profile-with-btn{
  font-size:12px;
  margin-bottom:8px;
}

.maropost-data{
  font-size:12px;
}

.maropost-warning{
  color:red;
  font-weight:bold;
}

.custom-hyperlink{
  color:#0092ff;
  text-decoration:underline;
}

.free-q-btn{
  margin-top:10px;
  text-align:center;
  font-weight:bold;
  color:#090909;
}
.statistic{
  font-size:12px;
}

.statistic-title{
  font-weight:bold;
  font-size:14px;
  margin-bottom:25px;
}

.statistic-title-es{
  font-weight:bold;
  font-size:14px;
  margin-top:25px;
  margin-bottom:25px;
}

.psychic-list-title{
  font-weight:bold;
  font-size:14px;
  padding-left:35px;
  padding-bottom:15px;
}

.psychics-list{
  height:80vh;
  overflow-y:scroll;
  overflow-x:hidden;
}

.add-free-questions-a{
  margin-top:25px;
}
.no-user{
    padding:10px;
    font-size:16px;
}
.no-user{
    padding:10px;
    font-size:16px;
}
.recentReply{
    padding-bottom:20px;
}
.stat-container{
    padding:20px;
    font-size:16px;
}

.env-stats{
    padding:10px;
}

.blue-total{
    border-top:1px dashed black;
    padding-top:5px;
    color:#188bff;
    width:145px;
}

.recentReplies{
    margin-top:20px;
    border-top:1px dashed black;
    padding-top:5px;
    color:#3a005e;
    width:145px;
}

.page-title{
    padding-bottom:10px;
    font-size:20px;
}

.message-list{
  width:80%;
  height:70vh;
  overflow-y:scroll;
  overflow-x:hidden;
  margin-bottom:10px;
}

.recipient-info{
  width:20%;
  height:70vh;
  float:left;
  overflow-y:scroll;
  overflow-x:hidden;
}

.send-btn{
  float:right;
  text-align:center;
  font-weight:bold;
  color:#090909;
}

.birth-profile{
  font-size:12px;
  margin-bottom:50px;
}

.birth-profile-with-btn{
  font-size:12px;
  margin-bottom:8px;
}

.maropost-data{
  font-size:12px;
}

.maropost-warning{
  color:red;
  font-weight:bold;
}

.custom-hyperlink{
  color:#0092ff;
  text-decoration:underline;
}

.free-q-btn{
  margin-top:10px;
  text-align:center;
  font-weight:bold;
  color:#090909;
}

.resultSection{
  margin-top:10px;
}

.page-title{
  padding-bottom:10px;
  font-size:20px;
}
html{
  line-height:1.15;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

article, aside, footer, header, nav, section{
  display:block;
}

h1{
  font-size:2em;
  margin:0.67em 0;
}

figcaption, figure, main{
  display:block;
}

figure{
  margin:1em 40px;
}

hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
}

pre{
  font-family:monospace, monospace;
  font-size:1em;
}

a{
  background-color:transparent;
  -webkit-text-decoration-skip:objects;
}

abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted;
}

b, strong{
  font-weight:inherit;
}

b, strong{
  font-weight:bolder;
}

code, kbd, samp{
  font-family:monospace, monospace;
  font-size:1em;
}

dfn{
  font-style:italic;
}

mark{
  background-color:#ff0;
  color:#000;
}

small{
  font-size:80%;
}

sub, sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}

audio, video{
  display:inline-block;
}

audio:not([controls]){
  display:none;
  height:0;
}

img{
  border-style:none;
}

svg:not(:root){
  overflow:hidden;
}

button, input, optgroup, select, textarea{
  margin:0;
}

button, input{
  overflow:visible;
}

button, select{
  text-transform:none;
}

button, html [type="button"], [type="reset"], [type="submit"]{
  -webkit-appearance:button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{
  border-style:none;
  padding:0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{
  outline:1px dotted ButtonText;
}

legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}

progress{
  display:inline-block;
  vertical-align:baseline;
}

textarea{
  overflow:auto;
}

[type="checkbox"], [type="radio"]{
  box-sizing:border-box;
  padding:0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{
  height:auto;
}

[type="search"]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}

details, menu{
  display:block;
}

summary{
  display:list-item;
}

canvas{
  display:inline-block;
}

template{
  display:none;
}

[hidden]{
  display:none;
}
.search-bar{
  margin:10px;
  width:50%;
}

html{
  font-size:10px !important;
}

body{
  height:100vh !important;
  background-color:#ebebeb !important;
  color:#444545 !important;
  font-family:'Open Sans', Arial, sans-serif !important;
  font-size:1.4rem !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  overflow:hidden !important;
  margin:0 !important;
}

*:focus{
  outline:none;
}

*, *:after, *:before{
  box-sizing:border-box;
}

.clearfix:before, .clearfix:after{
  display:table;
  content:'';
}

.clearfix:after{
  clear:both;
}

[hidden]{
  display:none !important;
}

a{
  text-decoration:none;
  cursor:pointer
}

a:hover{
  text-decoration:underline;
}

a.no-underline:hover{
  text-decoration:none;
}

ul{
  margin:0;
  padding:0;
}

ul li{
  list-style:none;
}

ul.decimal li{
  list-style:decimal;
}

.center-block{
  margin:0 auto;
}

.text-left{
  text-align:left;
}

.text-center{
  text-align:center;
}

.text-right{
  text-align:right;
}

.borderless{
  border-width:0;
}

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

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

.border-top-bolder{
  border-top:2px solid #e5e5e5;
}

.border-bottom-bolder{
  border-bottom:2px solid #e5e5e5;
}

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

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

.border-left-bolder{
  border-left:2px solid #e5e5e5;
}

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

.border-block-bolder{
  border:2px solid #e5e5e5;
}

.dotted-border{
  border-style:dotted;
}

.white-bg{
  background-color:#fff;
}

.blue-bg{
  background-color:#3794d1;
}

.grey-bg{
  background-color:#b0b0b0;
}

.red-bg{
  background-color:#e37e7e;
}

.light-blue-bg{
  background-color:#edf7f9;
}

.light-grey-bg{
  background-color:#f0f1f2;
}

.lighter-grey-bg{
  background-color:#f6f6f6;
}

.lightest-grey-bg{
  background-color:#fbfbfb;
}

.green-bg{
  background-color:#4fca74;
}

.yellow-bg{
  background-color:#ffdc3d;
}

.full-width{
  width:100%;
}

.full-height{
  height:100%;
}

.text-10{
  font-size:10px;
}

.text-12{
  font-size:12px;
}

.text-14{
  font-size:1.4rem;
}

.text-16{
  font-size:1.6rem;
}

.text-18{
  font-size:1.8rem;
}

.text-20{
  font-size:2rem;
}

.text-24{
  font-size:2.4rem;
}

.text-30{
  font-size:3rem;
}

.text-36{
  font-size:3.6rem;
}

.lh-0{
  line-height:0;
}

.lh-1{
  line-height:1;
}

.m-0{
  margin:0px;
}

.mt-0{
  margin-top:0px;
}

.mb-0{
  margin-bottom:0px;
}

.mr-0{
  margin-right:0px;
}

.ml-0{
  margin-left:0px;
}

.p-0{
  padding:0px !important;
}

.pt-0{
  padding-top:0px;
}

.pb-0{
  padding-bottom:0px;
}

.pr-0{
  padding-right:0px;
}

.pl-0{
  padding-left:0px;
}

.m-5{
  margin:5px;
}

.mt-5{
  margin-top:5px;
}

.mb-5{
  margin-bottom:5px;
}

.mr-5{
  margin-right:5px;
}

.ml-5{
  margin-left:5px;
}

.p-5{
  padding:5px !important;
}

.pt-5{
  padding-top:5px;
}

.pb-5{
  padding-bottom:5px;
}

.pr-5{
  padding-right:5px;
}

.pl-5{
  padding-left:5px;
}

.m-10{
  margin:10px;
}

.mt-10{
  margin-top:10px;
}

.mb-10{
  margin-bottom:10px;
}

.mr-10{
  margin-right:10px;
}

.ml-10{
  margin-left:10px;
}

.p-10{
  padding:10px !important;
}

.pt-10{
  padding-top:10px;
}

.pb-10{
  padding-bottom:10px;
}

.pr-10{
  padding-right:10px;
}

.pl-10{
  padding-left:10px;
}

.m-15{
  margin:15px;
}

.mt-15{
  margin-top:15px;
}

.mb-15{
  margin-bottom:15px;
}

.mr-15{
  margin-right:15px;
}

.ml-15{
  margin-left:15px;
}

.p-15{
  padding:15px !important;
}

.pt-15{
  padding-top:15px;
}

.pb-15{
  padding-bottom:15px;
}

.pr-15{
  padding-right:15px;
}

.pl-15{
  padding-left:15px;
}

.m-20{
  margin:20px;
}

.mt-20{
  margin-top:20px;
}

.mb-20{
  margin-bottom:20px;
}

.mr-20{
  margin-right:20px;
}

.ml-20{
  margin-left:20px;
}

.p-20{
  padding:20px !important;
}

.pt-20{
  padding-top:20px;
}

.pb-20{
  padding-bottom:20px;
}

.pr-20{
  padding-right:20px;
}

.pl-20{
  padding-left:20px;
}

.m-25{
  margin:25px;
}

.mt-25{
  margin-top:25px;
}

.mb-25{
  margin-bottom:25px;
}

.mr-25{
  margin-right:25px;
}

.ml-25{
  margin-left:25px;
}

.p-25{
  padding:25px !important;
}

.pt-25{
  padding-top:25px;
}

.pb-25{
  padding-bottom:25px;
}

.pr-25{
  padding-right:25px;
}

.pl-25{
  padding-left:25px;
}

.m-30{
  margin:30px;
}

.mt-30{
  margin-top:30px;
}

.mb-30{
  margin-bottom:30px;
}

.mr-30{
  margin-right:30px;
}

.ml-30{
  margin-left:30px;
}

.p-30{
  padding:30px !important;
}

.pt-30{
  padding-top:30px;
}

.pb-30{
  padding-bottom:30px;
}

.pr-30{
  padding-right:30px;
}

.pl-30{
  padding-left:30px;
}

.m-35{
  margin:35px;
}

.mt-35{
  margin-top:35px;
}

.mb-35{
  margin-bottom:35px;
}

.mr-35{
  margin-right:35px;
}

.ml-35{
  margin-left:35px;
}

.p-35{
  padding:35px !important;
}

.pt-35{
  padding-top:35px;
}

.pb-35{
  padding-bottom:35px;
}

.pr-35{
  padding-right:35px;
}

.pl-35{
  padding-left:35px;
}

.m-40{
  margin:40px;
}

.mt-40{
  margin-top:40px;
}

.mb-40{
  margin-bottom:40px;
}

.mr-40{
  margin-right:40px;
}

.ml-40{
  margin-left:40px;
}

.p-40{
  padding:40px !important;
}

.pt-40{
  padding-top:40px;
}

.pb-40{
  padding-bottom:40px;
}

.pr-40{
  padding-right:40px;
}

.pl-40{
  padding-left:40px;
}

.m-2{
  margin:2px;
}

.br-3{
  border-radius:3px;
}

.basic-text{
  color:#444545
}

.basic-text:hover{
  color:#444545;
}

.white-text{
  color:#fff
}

.white-text:hover{
  color:#fff;
}

.black-text{
  color:#000
}

.black-text:hover{
  color:#000;
}

.blue-text{
  color:#4594cc
}

.blue-text:hover{
  color:#4594cc;
}

.red-text{
  color:#d34336
}

.red-text:hover{
  color:#d34336;
}

.light-red-text{
  color:#ff8a80
}

.light-red-text:hover{
  color:#ff8a80;
}

.green-text{
  color:#4fca74
}

.green-text:hover{
  color:#4fca74;
}

.yellow-text{
  color:#ffdc3d
}

.yellow-text:hover{
  color:#ffdc3d;
}

.grey-text{
  color:#666
}

.grey-text:hover{
  color:#666;
}

.light-grey-text{
  color:#989898
}

.light-grey-text:hover{
  color:#989898;
}

.lightest-grey-text{
  color:#bbb
}

.lightest-grey-text:hover{
  color:#bbb;
}

.dark-grey-text{
  color:#3b3b3a
}

.dark-grey-text:hover{
  color:#3b3b3a;
}

.light-text{
  font-weight:300;
}

.semi-bold-text{
  font-weight:600;
}

.bold-text{
  font-weight:700;
}

.normal-text{
  font-weight:400;
}

.italic-text{
  font-style:italic;
}

.underline-text{
  text-decoration:underline;
}

.text-uppercase{
  text-transform:uppercase;
}

.text-capitalize{
  text-transform:capitalize;
}

.text-transform-none{
  text-transform:none;
}

.ellipsis-text{
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}

.nowrap-text{
  white-space:nowrap;
}

.white-space-normal{
  white-space:normal;
}

.multiline-text{
  white-space:pre-line;
}

.word-break{
  word-break:break-all;
  word-wrap:break-word;
}

.wrap-break-word{
  max-width:100%;
  word-wrap:break-word;
  word-break:break-word;
}

.pointer{
  cursor:pointer;
}

.w-70{
  width:70px;
}

.form-content{
  width:650px;
}

.float-right{
  float:right;
}

.conversations-list{
  height:80vh;
  max-height:812px;
  overflow-y:scroll;
  overflow-x:hidden;
  margin-bottom:10px;
}
.layout.horizontal, .layout.vertical{
  display:-ms-flexbox;
  display:flex;
}

.layout.horizontal.inline, .layout.vertical.inline{
  display:-ms-inline-flexbox;
  display:inline-flex;
}

.layout.horizontal{
  -ms-flex-direction:row;
      flex-direction:row
}

.layout.horizontal.reverse{
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse;
}

.layout.vertical{
  -ms-flex-direction:column;
      flex-direction:column
}

.layout.vertical.reverse{
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
}

.layout.wrap{
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}

.layout.wrap-reverse{
  -ms-flex-wrap:wrap-reverse;
      flex-wrap:wrap-reverse;
}

.flex{
  -ms-flex:1;
      flex:1;
  -ms-flex-preferred-size:.000000001px;
      flex-basis:.000000001px
}

.flex.auto{
  -ms-flex-preferred-size:auto;
  flex-basis:auto;
}

.flex.none{
  -ms-flex:none;
  flex:none;
}

.flex.one{
  -ms-flex:1;
  flex:1;
}

.flex.two{
  -ms-flex:2;
  flex:2;
}

.flex.three{
  -ms-flex:3;
  flex:3;
}

.flex.four{
  -ms-flex:4;
  flex:4;
}

.flex.five{
  -ms-flex:5;
  flex:5;
}

.flex.six{
  -ms-flex:6;
  flex:6;
}

.flex.seven{
  -ms-flex:7;
  flex:7;
}

.flex.eight{
  -ms-flex:8;
  flex:8;
}

.flex.nine{
  -ms-flex:9;
  flex:9;
}

.flex.ten{
  -ms-flex:10;
  flex:10;
}

.flex.eleven{
  -ms-flex:11;
  flex:11;
}

.flex.twelve{
  -ms-flex:12;
  flex:12;
}

.fix-flex{
  width:0;
  min-width:0;
}

.vertical.layout > .flex.auto-vertical{
  -ms-flex-preferred-size:auto;
      flex-basis:auto;
}

.horizontal.row > .flex:not(:first-of-type){
  margin-left:2%;
}

.layout.start{
  -ms-flex-align:start;
      align-items:flex-start;
}

.layout.center, .layout.center-center{
  -ms-flex-align:center;
      align-items:center;
}

.layout.end{
  -ms-flex-align:end;
      align-items:flex-end;
}

.layout.baseline{
  -ms-flex-align:baseline;
      align-items:baseline;
}

.layout.start-justified{
  -ms-flex-pack:start;
      justify-content:flex-start;
}

.layout.center-justified, .layout.center-center{
  -ms-flex-pack:center;
      justify-content:center;
}

.layout.end-justified{
  -ms-flex-pack:end;
      justify-content:flex-end;
}

.layout.around-justified{
  -ms-flex-pack:distribute;
      justify-content:space-around;
}

.layout.justified{
  -ms-flex-pack:justify;
      justify-content:space-between;
}

.self-start{
  -ms-flex-item-align:start;
      align-self:flex-start;
}

.self-center{
  -ms-flex-item-align:center;
      -ms-grid-row-align:center;
      align-self:center;
}

.self-end{
  -ms-flex-item-align:end;
      align-self:flex-end;
}

.self-stretch{
  -ms-flex-item-align:stretch;
      -ms-grid-row-align:stretch;
      align-self:stretch;
}

.justified-left{
  margin-right:auto;
}

.justified-right{
  margin-left:auto;
}

.block{
  display:block;
}

.inline-block{
  display:inline-block;
}

.hidden{
  display:none !important;
}

.relative{
  position:relative;
}

.absolute{
  position:absolute;
}

.fit{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.shrink-0{
  -ms-flex-negative:0;
      flex-shrink:0;
}

/*# sourceMappingURL=main.e56a2cc8.css.map*/