/* .grid{
	display: grid;
	grid-template-rows: 1fr auto;
} */

body {
	font-family: "Changa";
	text-align: right !important;
	overflow: scroll !important;
}

td,
th {
	text-align: right !important
}

header {
	background-image: url('../media/background-header-2.png');
	background-repeat: repeat-x;
	background-size: 100% 100%;
	text-align: center;
	color: white;
	background-color: #1F1F24;
}

.login_title {
	margin-top: 30px;
	text-align: center;
}

.register_title {
	margin-top: 30px;
}

/* #register_form{
	display: none;
} */
/* #options_form{
	position: absolute;
	left: -100%;
	transition: left 1s ease;
  } */
#options_form {
	display: none;
}

#validate_mobile_form {
	display: none;
}

#options_confirmation_form {
	display: none;
}

#reset_pwd_form {
	display: none;
}

#pwd_changed_success {
	display: none;
}

#ph {
	font-size: large;
}

#register_btn a {
	text-align: center;
	cursor: pointer;
	color: rgb(4, 160, 67);
}

#forget_pwd_form {
	display: none;
}

#mob_found_form {
	display: none;
}

#forget_pwd_btn a {
	text-align: center;
	cursor: pointer;
	color: rgb(4, 160, 67);
}

/* #back_to_login_2_btn {
    margin-top: 100px; 
} */

#login_logo_img {
	margin-top: -130px;
	margin-left: 44%;
	height: auto;
	width: auto;
	position: relative;
	bottom: -100px;
	z-index: 99;
}

#top-header {
	text-align: left;
}

input {
	text-align: right;
}

textarea {
	text-align: right !important;
}

.select-wrapper>input {
	text-align: left;
}

#bottom_header {
	justify-items: center;
	align-items: baseline;
}

#bottom_header h5:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(0, 0, 0, 0.22);
	border-bottom: 7px solid #00672A;
	margin-bottom: -7px;
	cursor: pointer;
}

.active-nav {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(0, 0, 0, 0.22);
	border-bottom: 7px solid #00672A;
	margin-bottom: -7px !important;
}


#bottom_header h5 {
	padding: 17px;
	margin-block-end: 0;
	margin-right: 13px;
	text-align: center;
}

/* #nav_reminders_btn {
	width: 10%;
} */


#logo_img {
	margin-top: -130px;
	height: auto;
	width: auto;
	position: relative;
	bottom: -100px;
	z-index: 99;
}

.waves-effect.waves-custom-red .waves-ripple {
	background-color: #9F0010;
}

.header-icon-image {
	height: 50px;
	width: 50px;
	margin-left: -16px;
	margin-right: 50px;
	vertical-align: middle;
}

.icon-image {
	height: auto;
	width: 20px;
	vertical-align: middle;
	margin-left: 10px;
}

.notification-icon-image {
	height: auto;
	width: 20px;
	vertical-align: middle;
	/* margin-left: 10px; */

}

.dropdown-trigger.btn.custom-white {
	background-color: white;
	color: #1F1F24;
	height: 50px;
	width: 150px;
	/* margin-left: -40px; */
}

.dropdown-content.custom-white a {
	color: #1F1F24;
	text-align: right;
}

.dropdown-trigger.btn.custom-gray {
	background-color: #E0DEDE;
	color: #1F1F24;
	height: 50px;
}

.dropdown-content.custom-gray a {
	color: #1F1F24;
	text-align: right;
}

.btn-flat {
	background-color: #1F1F24 !important;
	color: #E0DEDE !important;
	text-align: center;
}

.btn-flat.bold {
	font-weight: bold;
}

.file-input {
	background-color: #1F1F24 !important;
	color: #E0DEDE !important;
}

.slider .slides li img {
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.dropdown-content.custom-black a {
	background-color: #9E9C9D;
	color: #1F1F24;
	text-align: right;
}

.datepicker-date-display {
	background-color: #1F1F24 !important;
	color: #E0DEDE !important;
}

.timepicker-digital-display {
	background-color: #1F1F24 !important;
	color: #E0DEDE !important;
}

.modal-fit-content {
	max-height: 50% !important;
	width: 35% !important;
}

.last-option {
	border-bottom: 7px solid #00672A;
}

#search {
	text-align: right;
}

#long-btn-div {
	background-color: #E0DEDE;
	text-align: left;
}

#long_btn {
	background-color: #1F1F24;
	color: #E0DEDE;
	height: auto;
	margin-left: -10px;
	vertical-align: middle;
	text-align: right;
}

.long-btn-img {
	margin-left: 15px;
	margin-right: -16px;
	margin-bottom: -16px;
}

.long-btn-img-left {
	margin-right: 15px;
	margin-left: -30px;
	margin-bottom: -16px;
}

#long_btn_text {
	margin-top: 0px;
	margin-left: 15px;
}

#short-btn-div {
	background-color: #E0DEDE;
	text-align: left;
}

#short_btn {
	background-color: #1F1F24;
	color: #E0DEDE;
	height: auto;
	margin-left: -10px;
	vertical-align: middle;
	text-align: right;
}

#short_btn_text {
	margin-top: 0px;
	margin-left: 15px;
}

#current_tab {
	font-weight: bold;
}

.headerDivider {
	border-left: 1px solid #38546d;
	border-right: 1px solid #16222c;
	height: 80px;
	position: absolute;
	right: 249px;
	top: 10px;
}

.lawyer_manage_delete {
	cursor: pointer;
	margin-right: 5px;
}

.lawyer_manage_edit {
	cursor: pointer;
	margin-right: 5px;
}

.lawyer_manage_view {
	cursor: pointer;
	margin-right: 5px;
}

.lawyer_opponent_manage_delete {
	cursor: pointer;
	margin-right: 5px;
}

.lawyer_opponent_manage_edit {
	cursor: pointer;
	margin-right: 5px;
}

.lawyer_opponent_manage_view {
	cursor: pointer;
	margin-right: 5px;
}

.lawsuit_manage_delete {
	cursor: pointer;
	margin-right: 5px;
}

.lawsuit_manage_edit {
	cursor: pointer;
	margin-right: 5px;
}

.lawsuit_manage_move {
	cursor: pointer;
	margin-right: 5px;
}

.lawsuit_manage_lock {
	margin-right: 5px;
	color: red;
}

.lawsuit_manage_view {
	cursor: pointer;
	margin-right: 5px;
}

.opponent_manage_delete {
	cursor: pointer;
	margin-right: 5px;
}

.opponent_manage_edit {
	cursor: pointer;
	margin-right: 5px;
}

.opponent_manage_view {
	cursor: pointer;
	margin-right: 5px;
}

.client_manage_delete {
	cursor: pointer;
	margin-right: 5px;
}

.client_manage_add_file {
	cursor: pointer;
	margin-right: 5px;
}

.client_manage_files {
	cursor: pointer;
	margin-right: 5px;
}

.client_manage_edit {
	cursor: pointer;
	margin-right: 5px;
}

.client_manage_view {
	cursor: pointer;
	margin-right: 5px;
}

.client_manage_partners {
	cursor: pointer;
	margin-right: 5px;
}

.client_manage_delete_partner {
	cursor: pointer;
	margin-right: 5px;
}

.client_manage_edit_partner {
	cursor: pointer;
	margin-right: 5px;
}

.material-icons.alert-red {
	color: red;
}

.lawsuit_manage_register {
	cursor: pointer;
	margin-right: 5px;
}

.lawsuit_manage_view_opponent {
	cursor: pointer;
	margin-right: 5px;
	display: inline-flex;
	vertical-align: top;
}

.lawsuit_manage_view_procedure {
	cursor: pointer;
	margin-right: 5px;
	display: inline-flex;
	vertical-align: top;
}

.loader {
	display: none;
}

.lawsuit_manage_view_client {
	cursor: pointer;
	margin-right: 5px;
	display: inline-flex;
	vertical-align: top;
}

.transaction_manage_delete {
	cursor: pointer;
	margin-right: 5px;
}

.transaction_manage_edit {
	cursor: pointer;
	margin-right: 5px;
}

.transaction_manage_lock {
	margin-right: 5px;
	color: red;
}

.procedure_manage_delete {
	cursor: pointer;
	margin-right: 5px;
}

.procedure_manage_add_file {
	cursor: pointer;
	margin-right: 5px;
}

.procedure_manage_edit {
	cursor: pointer;
	margin-right: 5px;
}

.procedure_manage_lock {
	color: red;
	margin-right: 5px;
}

.procedure_manage_files {
	cursor: pointer;
	margin-right: 5px;
}

.pointer {
	cursor: pointer;
}

.dataTables_filter {
	display: none;
}

.tabs .tab a {
	color: #fff !important;
	background-color: #9E9C9D !important;
	border-left: 1px solid #fff;
}

/*Black color to the text*/

.tabs .tab a:hover {
	background-color: #eee !important;
	color: #000 !important;
}

/*Text color on hover*/

.tabs .tab a.active {
	background-color: #fff !important;
	color: #000 !important;
}

/*Background and text color when a tab is active*/

.tabs .indicator {
	background-color: #00672A !important;
}

/*Color of underline*/

input+label,
input[type=text]+label,
input[type=password]+label,
input[type=email]+label,
input[type=url]+label,
input[type=time]+label,
input[type=date]+label,
input[type=datetime-local]+label,
input[type=tel]+label,
input[type=number]+label,
input[type=search]+label,
textarea.materialize-textarea,
select+label,
option+label,
textarea+label,
select,
option {
	text-align: right !important;
	margin-left: -30px;
}

@font-face {
	font-family: Changa;
	src: url('./fonts/Changa-ExtraLight.ttf');
	font-weight: 100;
}

@font-face {
	font-family: Changa;
	src: url('../fonts/Changa-Light.ttf');
	font-weight: 300;
}

@font-face {
	font-family: Changa;
	src: url('../fonts/Changa-Regular.ttf');
	font-weight: 400;
}

@font-face {
	font-family: Changa;
	src: url('../fonts/Changa-Medium.ttf');
	font-weight: 500;
}

@font-face {
	font-family: Changa;
	src: url('../fonts/Changa-SemiBold.ttf');
	font-weight: 600;
}

@font-face {
	font-family: Changa;
	src: url('../fonts/Changa-Bold.ttf');
	font-weight: 700;
}

@font-face {
	font-family: Changa;
	src: url('../fonts/Changa-ExtraBold.ttf');
	font-weight: 900;
}

@font-face {
	font-family: NotoNaskhArabic;
	src: url('../fonts/NotoNaskhArabic-Regular.ttf');
	font-weight: normal;
}

@font-face {
	font-family: NotoNaskhArabic;
	src: url('../fonts/NotoNaskhArabic-Bold.ttf');
	font-weight: bold;
}

/* select2 */

.select2 .selection .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
	border-width: 0 0 1px 0 !important;
	border-radius: 0 !important;
	height: 2.05rem;
}

.select2 .selection .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field #lawsuit_register_currency {
	border-width: 0 0 1px 0 !important;
	border-radius: 0 !important;
	height: 3rem;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-width: 0 0 1px 0 !important;
	border-radius: 0 !important;
}

.select2-results__option {
	color: #26a69a;
	padding: 8px 16px;
	font-size: 16px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #eee !important;
	color: #26a69a !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #e1e1e1 !important;
}

.select2-dropdown {
	border: none !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.select2-container--default .select2-results__option[role=group] .select2-results__group {
	background-color: #333333;
	color: #fff;
}

.select2-container .select2-search--inline .select2-search__field {
	margin-top: 0 !important;
}

.select2-container .select2-search--inline .select2-search__field:focus {
	border-bottom: none !important;
	box-shadow: none !important;
}

.select2-container .select2-selection--multiple {
	min-height: 2.05rem !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #ddd !important;
	color: rgba(0, 0, 0, 0.26);
	border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
}

.negative-amount {
	color: red;
}

/* **********************************CSS for carousels*************************** */
/* for pdf files */
.carousel .carousel-item a {
	color: red;
	position: fixed;
	/* or absolute, depending on your requirements */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#proc_carousel {
	height: 600px;
}
.carousel-item {
    display: flex;
    justify-content: center; /* Horizontally center the content */
}

#procedure_slides {
	display: flex;
	align-items: center;
	/* Vertically center the images */
	justify-content: center;
	/* Horizontally center the images */
}

#procedure_slides img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

#rem_carousel {
    height: 600px; /* Adjust the height as needed */
}

#reminder_slides {
    display: flex;
    align-items: center; /* Vertically center the images */
    justify-content: center; /* Horizontally center the images */
}

#reminder_slides img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; /* Center the image horizontally */
}



.bold-divider {
	border-top: 2px solid #000;
}

.syndicate_collection .delete-syndicate {
    cursor: pointer;
    margin-right: 50px; /* Adjust the spacing as needed */
}
.bank_collection .delete-bank {
    cursor: pointer;
    margin-right: 50px; /* Adjust the spacing as needed */
}
.supplier_collection .delete-supplier {
    cursor: pointer;
    margin-right: 50px; /* Adjust the spacing as needed */
}

/* input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  &.valid + label::after,
  &.invalid + label::after,
  &:focus.valid + label::after,
  &:focus.invalid + label::after {
    white-space: pre;
  }
  &.empty {
    &:not(:focus).valid + label::after,
    &:not(:focus).invalid + label::after {
      top: 2.8rem;

    } 
  }
} */