:root{--blue:#033248;}
.setDirRtl{
  direction: rtl;
  text-align: right;
  unicode-bidi: embed;
}
.clearInputStyle{
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  padding: 0;
  width: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.clearInputStyle::-webkit-search-decoration{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
td.description {
  max-width: 290px;
  overflow: visible;
  text-wrap: inherit;
  word-wrap: break-word;
}
td.slide_title {
  max-width: 280px;
  overflow: visible;
  text-wrap: balance;
}
.status.form-check {display: table-cell !important;/* text-align: center; */}
.shortCutMenuItem {
	display: flex;
	justify-content: space-between;
}
.shortCutMenuItem img {
	width:30px;
	height:12px;
	margin-left:15px;
	align-items: center;
}

.sliders-tab .tab-content{flex-grow:1;}
.sliders-tab .nav-link{text-align:left !important;}
.sliders-tab .avatar-group img.avatar-md{width: unset;}
/*Style Placeholder*/
::placeholder {
	color: #bfc8cf !important;
	opacity: 1 !important;
}
.input-group .form-control {
    border-radius: 10px 0 0 10px;
}

.input-group .input-group-text {
    border-radius: 0 10px 10px 0;
}
/* Chrome, Safari, Edge */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.inline-result{
	display: grid;
	grid-template-columns: 20% 1fr;
}

.page-content{background-color:#F5F7FA;}
.card-header, .card{background:none;border:none;}
.inline-result div.bg-light{background-color:#FFF !important;border-color:#718EBF !important;}
.inline-result label{color:var(--blue) !important;padding-top: .5rem !important;   font-size: 14px;}
.text-primary{color:var(--blue) !important;}
.card-title{color:var(--blue) !important;}
.btn-primary{border:#718EBF !important;background-color:#DFEAF2 !important;color:var(--blue) !important;}
.form-label{color:#718EBF !important;font-size: 14px !important;font-weight: 400 !important;}
.form-label + p{border:1px solid #718EBF !important;background-color:#DFEAF2 !important;color:var(--blue) !important;text-align:center;border-radius:4px;padding: .5rem;}
.form-label[for="reviewer_notes_value"] + p{text-align:start !important;}

#reviewer_rating{border:1px solid #718EBF !important;border-right:none !important;background-color:#DFEAF2 !important;color:var(--blue) !important;text-align:start;border-radius:4px 0 0 4px;padding: .5rem;}
#reviewer_rating + span{border:1px solid #718EBF !important;border-left:none !important;background-color:#DFEAF2 !important;color:var(--blue) !important;text-align:center;border-radius:0 4px 4px 0;padding: .5rem;}
#reviewer_notes,#reviewer{border:1px solid #718EBF !important;background-color:#DFEAF2 !important;color:var(--blue) !important;border-radius:4px;}
#reviewer_notes::placeholder{color:#718EBF !important;}
.navbar-menu{background:#DFEAF2 !important;padding-left:20px;padding-right:20px;border:none;}
.navbar-menu .simplebar-content .nav-link{background-color:#FFF;color:var(--blue);padding:14px 0;border-radius:4px;text-align:center !important;margin-bottom:10px;justify-content: center}
.navbar-menu .simplebar-content .nav-link.active{background-color:var(--blue) !important;color:#FFF !important;}
.navbar-menu .navbar-nav .nav-link:hover,.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]{background-color:var(--blue) !important;color:#FFF !important;}
.navbar-menu .simplebar-content .nav-link i,.navbar-menu .simplebar-content .nav-link .badge-pill{display:none;}
.navbar-menu .navbar-nav .nav-sm {padding:0 .75rem;}
.navbar-menu .navbar-nav .nav-sm .nav-link{color: var(--blue);background: #c4d9e9;}
.menu-title{display:none;}
.navbar-brand-box{margin:30px 0;}

@media (min-width: 768px) {
  .main-content{margin-left: 280px;}
  .footer{left: 280px;}
  .navbar-menu{width: 280px;}
}

.search-box .form-control{border:1px solid #718EBF !important;background-color:#DFEAF2 !important;color:var(--blue) !important;text-align:start;border-radius:4px;padding: .5rem;}
.table-card-wrap{border: 1px solid #718EBF;padding: 30px;border-radius: 8px;background: #FFF;}
.table-light{--tb-light:#FFF;}
.table-card-wrap .table-card{margin:0;}
.table-card-wrap table{border-spacing: 0 10px;border-collapse: separate;}
/* .table-card-wrap tbody tr{border-radius:4px;} */
.table-card-wrap tbody td{padding: 0.3rem 0.6rem;background-color:#DFEAF2;border:none;}
.table-card-wrap tbody tr td:first-child{background-color:#FFF;}
.table-card-wrap tbody tr td:nth-child(2){border-radius: 8px 0 0 8px;border-style: solid none none solid;border: none;}
.table-card-wrap tbody tr td:last-child{border-radius:0 8px 8px 0;border-style: none solid solid none;border: none;}
.table-card-wrap .id a{color:var(--blue) !important;}
.ri-download-line{font-size:16px;}
.table-card-wrap tbody tr td:last-child div{justify-content: flex-end;align-items:center;}
.pagination-wrap>*:not(nav) {display:none;}
/* .pagination-wrap nav[role="navigation"]{} */
.pagination-wrap nav[role="navigation"]>div>div>span{display:flex;justify-content: end;box-shadow: none !important;}
.pagination-wrap nav[role="navigation"]>div>div svg{width:30px;color: #d8dfe9;}
.pagination-wrap nav[role="navigation"]>div>div a svg{color: #718EBF;}
.pagination-wrap nav[role="navigation"]>div>div> p.text-sm{display:none;}
.pagination-wrap nav[role="navigation"]>div:first-child{display:none;}
.pagination-wrap nav[role="navigation"] span[aria-current="page"] span{display:block;line-height: 30px;height:48px;background: none;background-color: transparent !important;border: none !important;}
.pagination-wrap a{background:none !important;border:none !important;line-height: 30px;height: 48px;color: #718EBF;}
span[aria-disabled="true"] span{background:none;background-color:transparent !important;border:none !important;height:48px;display: block;}
.table>:not(caption)>*>*{color:var(--blue);}
.certQrCode{
	display: none;
	position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.QrCodeContainer:hover .certQrCode{
	display: block;
	z-index: 99;
}