body { font-size:0.9rem !important
}
.login-form-mt{ margin-top:50px; margin-bottom:50px}
.login{ box-shadow:0px 0px 50px rgba(0, 0, 0, .1); border:5px solid rgba(0,0,0, .2); border-radius:7px}
.assessee{ margin-top:100px;}
.assesse_scrren{border:5px solid #307bb3; box-shadow:0px 0px 50px rgba(0, 0, 0, .1); border-radius:7px}
.assesse_header{ background-color:#307bb3; color:White; padding-bottom:10px; padding-top:5px; font-weight:500}
.pt-10{ padding-top:10px}
.edit{ padding:3px 5px; color:silver; text-decoration:none}
.edit:hover{padding:3px 5px; color:black; text-decoration:none }
.trash{padding:3px 5px; color:silver; text-decoration:none}
.trash:hover{padding:3px 5px; color:red; text-decoration:none}
.fix-footer1{position: fixed; bottom:0; right:0; background-color:rgba(255, 255, 255, .8); z-index:5}


.btn {
  font-weight:600;
    font-size: .9rem;
 
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#toast {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  /*background-color: #ef5350;*/
  /*background-color: #00843d;*/
  
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  right: 5%;
  top: 30px;
  font-size: 17px; box-shadow:0px 10px 10px rgba(239, 83, 80, .5)
}

#toast.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 1.5s 2.5s;
  animation: fadein 0.5s, fadeout 1.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;} 
  to {top: 30px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 30px; opacity: 1;} 
  to {top: 0; opacity: 0;}
}

@keyframes fadeout {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

@media (max-width:600px)
{
    .login-form-mt{ margin-top:20px; margin-bottom:40px}
    }

.ledger{
    line-height:1 !important;
    font-size:0.8rem !important;
}

.wrapper1, .wrapper2 { width: 100%; overflow-x: scroll; overflow-y: hidden; }
.wrapper1 { height: 20px; }
.wrapper2 {}
.div1 { height: 20px; }
.div2 { overflow: none; }


.msg-right {
    width: 100%;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 10px;
    column-gap: 4px;
}


.msg-left {
    width: 100%;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
    column-gap: 4px;
}


.msg-container {
    margin-top:10px;
    min-height: 55px;
    border-radius: 8px 8px 0px;
    margin-top: 6px;
    min-width: 50px;
    max-width: 75%;
    position: relative;
}

.msg-text{
    background-color: rgb(38, 90, 166);
    color: white;
    border-radius: 8px 8px 0px;
    padding: 15px 16px;
    font-weight: 500;
    border: 1px solid rgba(11, 116, 250, 0.15);
    line-height: 1.4;
    position: relative;
    font-size: 15px;
    overflow-wrap: break-word;
}


.msg-text-r{
    background-color: rgb(244, 247, 249);
    color: rgb(38, 90, 166);
    border-radius: 0px 8px 8px;
    padding: 15px 16px;
    font-weight: 500;
    border: 1px solid rgba(11, 116, 250, 0.15);
    line-height: 1.4;
    position: relative;
    font-size: 15px;
    overflow-wrap: break-word;
}


.msg-toolbar {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    align-items: flex-start;
    width: 96%;
    margin: 6px auto 0px;
}

 .msg-toolbar span {
    font-size: 12px;
    color: dimgray;
}