body , .navbar-fixed .navbar-top {
	#background-color: var(--bs-white);
}

.navbar-fixed .navbar-top {
	#border-bottom:1px solid #ccc;
}

ul.no-list-style {
	list-style-type: none;
}

a.doc-title {
	display:block;
        text-align: justify;
}

#auth {
	width:420px;
	height:460px;
	margin-left:auto;
	margin-right:auto;
	margin-top:calc((50% - 460px)/2);
	margin-bottom:auto;
	background-color:var(--bs-gray-100);
	padding:30px;
	border:1px solid #ccc;
	border-radius: 10px;
	vertical-align: middle;
}

.login-pub {
        background-image: url("/static//images/auth/register.jpg");
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 100%;
        bottom: 0;
        left: 0px;
        right: 0;
        top: 0;
}

.layout-horizontal .header-top .logo img {
    height: 60px;
}

.layout-horizontal .main-navbar {
	background-color:#fff;
	padding: .2rem;
}

.form-control {
    padding: .6rem;
}

.juriafrica-tool-radio label {
	margin-right:15px;
}

.form-control:focus {
    box-shadow:none;
}

.input-container::selection, .radio-container::selection {
  background: transparent;
}

.input-container input[type="checkbox"] {
  padding: 0;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  border: 1px solid #B7BBC0;
}

.input-container,
.radio-container {
  position: relative;
  cursor: pointer;
}

.input-container.refinement-list--label {
	width: 100%;
}

.input-container > span,
.input-container > div {
  float: left;
}

.input-container > div {
  width: calc(100% - 25px);
  //border: 1px solid #B7BBC0;
}

.input-container span.data-list-label,
.radio-container span.radio-container-text {
  //line-height: 18px;
  padding-right: 20px;
  width: calc(100% - 45px);
  //border: 1px solid #B7BBC0;
  display: inline-block;
}

.radio-container span.radio-container-text {
  vertical-align: middle;
  display: block;
  float: left;
  width: calc(100% - 25px);
}

.input-container input + span, .radio-container input + span {
  background: white;
  content: "";
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  border: 1px solid #B7BBC0;
  float: left;
}

.input-container input + span::after, .radio-container input + span::after {
  content: "";
  display: block;
  transform: scale(0);
  transition: transform .2s;
}

.input-container input:active + span, .radio-container input:active + span {
}

.input-container input:focus + span, .radio-container input:focus + span {
}

.input-container input:checked + span::after, .radio-container input:checked + span::after {
  transform: scale(1);
}

.input-container input, .radio-container input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}

.input-container input + span {
  border-radius: 3px;
}

.input-container input:checked + span::after {
  background: url(/static/new/images/check-mark.svg) no-repeat center;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-left: 1px;
}


.input-container input:checked + span::after {
  background: url(/static/new/images/check-mark.svg) no-repeat center;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-left: 1px;
}
.radio-container input + span {
  border-radius: 100%;
}
.radio-container input + span::after {
  border-radius: 100%;
  margin: 5px;
  width: 8px;
  height: 8px;
}
.radio-container input:checked + span::after {
  background: rgb(75, 75, 75);
}

#accordian , .accordian {
        margin: 0;
        padding: 0;
        height:auto;
	font-size:14px;
}

#accordian ul , .accordian ul{
        margin: 0;
        padding: 0;
        margin-top:5px;
        list-style-type: none;
}

#accordian li , .accordian li{
        margin: 0;
        padding: 0;
        margin-top:8px;
        margin-bottom:8px;
}

#accordian ul ul {
        margin:0;
        padding:0;
        #bnonos display: none;
}

#accordian ul li ul {
        margin-left:20px;
}
#accordian li input[type=checkbox] {
        width: 20px;
        height: 20px;
        float: left;
        top: -4px;
        background-color: #4CAF50;
}

#accordian li a {
        font-weight: normal;
        text-decoration: none;
        padding:0px;
        //font-size:16px;
        color:#111;
}

#accordian li a.filter-collection-data {
        font-weight: normal;
}

#accordian li span.refinement-list--count {
        color:#111;
        float:right;
}

.email-application .content-area-wrapper .content-right {
	width:calc(100%);
}

.content-right .main-wrapper-document .justify-content-center {
	padding-top:5px;
	margin-top:5px;
	//background-color: #efefef;
}

.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list {
    position: relative; 
    height: auto;
}


.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .mail-message {
    display: block;
    /* justify-content: space-between; */
    /* text-overflow: ellipsis; */
    white-space: wrap; 
}

.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li .mail-message p {
    font-size: 1rem;
    color: #828d99;
    margin-right: 1rem;
    line-height: 1.75;
}

.email-application .content-area-wrapper .content-right .email-app-list-wrapper .email-app-list .email-user-list .users-list-wrapper li.media:hover {
	//box-shadow: none;
}