html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;

}

body {
    margin-bottom: 60px;
    background: #fccb90;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to bottom right, rgba(0, 126, 235, 1), rgba(0, 0, 0, 1));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: linear-gradient(to bottom right, rgba(0, 126, 235, 1), rgb(153, 116, 233))*/
    background: linear-gradient(to bottom right,rgb(233, 233, 233), rgb(187, 213, 255))
}

li {
    margin-top: 0.7em;
}

#chat2 .form-control {
    border: 0px ;
    border-color: transparent;
}

    #chat2 .form-control:focus {
        border: 0px;
        border-color: transparent;
        /*box-shadow: inset 0px 0px 0px 1px transparent;*/
    }

/*.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}


.gradient-custom {*/
    /* fallback for old browsers */
    /*background: #fccb90;*/
    /* Chrome 10-25, Safari 5.1-6 */
    /*background: -webkit-linear-gradient(to bottom right, rgba(252, 203, 144, 1), rgba(213, 126, 235, 1));*/
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: linear-gradient(to bottom right, rgba(252, 203, 144, 1), rgba(213, 126, 235, 1))
}

.mask-custom {
    background: rgba(24, 24, 16, .2);
    border-radius: 2em;
    backdrop-filter: blur(15px);
    border: 0px solid rgba(255, 255, 255, 0.05);
    background-clip: padding-box;*/
    /*box-shadow: 10px 10px 10px rgba(46, 54, 68, 0.03);*/
/*}*/