.ml-0{
		margin-left: 0px !important;
	}

	.ml-1{
		margin-left: 1px !important;
	}

	.ml-2{
		margin-left: 2px !important;
	}

	.ml-4{
		margin-left: 4px !important;
	}

	.ml-auto{
		margin-left: auto  !important;
	}

	.mr-0{
		margin-right: 0px  !important;
	}

	.mr-1{
		margin-right: 1px  !important;
	}

	.mr-2{
		margin-right: 2px  !important;
	}

	.mr-4{
		margin-right: 4px  !important;
	}

	.mr-auto{
		margin-right: auto  !important;
	}

	.pl-0 {
		padding-left: 0px !important;
	}

	.pr-0 {
		padding-right: 0px !important;
	}

	.pl-1 {
		padding-left: 1px !important;
	}

	.pr-1 {
		padding-right: 1px !important;
	}

	.pl-2 {
		padding-left: 2px !important;
	}

	.pr-2 {
		padding-right: 2px !important;
	}




	body{
		direction: rtl;
	}

	.app-auth-wrapper .app-logo .logo-icon {
		width: auto;
		height: 150px;
	}

	.app-utility-item {
		display: inline-block;
		margin-right: auto;
		margin-left: 1.25rem;
	}

	.app-notifications-dropdown .dropdown-menu .info {
		padding-right: 0;
		padding-left: 80px;
		position: relative;
	}

	.app-notifications-dropdown .dropdown-menu .meta {
		position: absolute;
		right: auto;
		left: 0;
		top: 0;
		font-size: .75rem;
	}

	.dropdown-menu {
		text-align: right;
	}

	.app-branding {
		height: 60px;
		padding-top: 1rem;
		padding-left: auto;
		padding-right: 1rem; /* here */
		margin-bottom: 1rem;
	}

	.app-branding .logo-icon {
		width: 36px;
		height: auto;
	}
	
	.dropdown-toggle::after {
		margin-left: 0;
		margin-right: .255em;
	}
	
	.app-sidepanel {
		position: fixed;
		min-height: 100vh;
		height: 100%;
		right: -400px; /* here */
		left: auto;
		top: 0;
		font-size: .875rem;
		border-left: 1px solid #e7e9ed;
	}
	.app-sidepanel.sidepanel-visible {
		right: 0; /* here */
		left: auto;
	}
	
	.app-sidepanel .sidepanel-close {
		position: absolute;
		z-index: 20;
		right: auto;
		left: -2rem; /* here */
		top: 0;
		color: #fff;
		font-size: 2rem;
	}
	
	.app-sidepanel .sidepanel-inner {
		position: relative;
		z-index: 10;
		background: #fff;
		box-shadow: rgb(0 0 0 / 5%) 0px 8px 15px;
		width: 250px;
		height: 100%;
	}
	
	@media (min-width: 1200px){
		.app-header-inner {
			margin-right: 250px; /* here */
			margin-left: auto;
		}
		.app-wrapper {
			margin-right: 250px; /* here */
			margin-left: auto;
		}
	}
	
	.app-sidepanel.sidepanel-hidden {
		right: -400px; /* here */
		left: auto;
	}
	
	.app-sidepanel {
		right: 0; /* here */
	}
	@media (max-width: 1199.98px){
		.app-sidepanel {
			transition: all .4s ease-in-out;
			right: -400px; /* here */
			left: auto;
		}
	}
	
	.list-unstyled {
		padding-right: 0; /* here */
		list-style: none;
	}
	
	
	.app-nav .nav-link {
		display: block;
		padding: .875rem 1rem;
		color: #252930;
		position: relative;
		display: block;
		padding-left: auto; 
		padding-right: 3rem; /* here */
		border-left: 3px solid transparent;
	}
	
	.app-nav .nav-icon {
		position: absolute;
		left: auto;
		right: 1rem; /* here */
		top: .7rem;
	}
	
	
	.app-nav .submenu-link {
		font-size: .875rem;
		margin-left: auto;
		margin-right: 2rem; /* here */
		padding: .5rem 1rem;
		padding-left: 1rem;
		position: relative;
		display: block;
		margin-bottom: 0;
	}
	.app-nav .submenu-link:before {
		content: " ";
		display: inline-block;
		height: inherit;
		left: auto;
		right: 0; /* here */
		position: absolute;
		width: 2px;
		height: 100%;
		margin-top: -0.5rem;
	}
	
	.app-nav .submenu-arrow {
		position: absolute;
		right: auto;
		left: 1rem; /* here */
		top: .7rem;
	}


	.app-card-doc .app-card-thumb-holder .thumb-image {
		-webkit-opacity: .97;
		-moz-opacity: .97;
		 opacity: .97;
	}
	
	
	.text-end {
		text-align: left !important;
	}

	.text-start{
		text-align: right !important;
	}
	
	.form-check {
		display: block;
		min-height: 1.5rem;
		padding-left: auto;
		padding-right: 2.0em;
		margin-bottom: .125rem;
	}
	
	.form-switch {
		padding-left: auto;
		padding-right: 2.5em;
	}

	.form-check .form-check-input {
		float: right;
		margin-left: auto;
		margin-right: -1.5em;
	}
	
	.form-switch .form-check-input {
		float: right;
		margin-left: auto;
		margin-right: -2.5em;
	}

	label.form-label{
		color: #222;
	}

	textarea.form-control{
		height: auto;
	}

	.form-select {
		display: block;
		width: 100%;
		padding: .375rem .75rem .375rem 2.25rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: left .75rem center;
		background-size: 16px 12px;
		border: 1px solid #ced4da;
		border-radius: .25rem;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.form-select[multiple], .form-select[size]:not([size="1"]) {
		padding-left: .75rem;
		background-image: none;
	}
	
	.ms-2 {
		margin-right: .5rem !important;
	}
	
	.me-2 {
		margin-left: .5rem !important;
	}

	.c-d-none{
		display: none;
	}

	.btn-success,.btn-success:hover{
		color: white;
	}


	.btn-outline-success:hover {
		color: #fff;
		background-color: #5cb377;
		border-color: #5cb377;
	}

	.app-btn-secondary-f {
		background: #fff !important;
		color: #5d6778 !important;
		border: 1px solid #bcc1cb !important;
	}

	.btn-outline-danger-f {
		background: white !important;
		color: #d26d69 !important;
		border-color: #d26d69 !important;
	}

	.app-btn-outline-primary {
		background: transparent;
		color: #15a362;
		border-color: #15a362;
	}

	.app-btn-outline-primary:hover {
		background: #15a362;
		color: white;
	}

	.btn-outline-danger:hover {
		color: #fff;
	}




	@media only screen and (max-width: 500px){
		.table_container {
			overflow-x: auto;
		}
	}

	#circulars_table_filter{
		padding-right: 10px;
	}

	.dt-buttons{
		padding-left: 10px;
	}

	.c-rounded-10{
		border-radius: 3rem !important;
		overflow: hidden;
	}


	.app-card-doc .app-card-thumb-holder {
		height: auto;
	}

	.app-card-doc .app-card-thumb-holder .app-card-thumb {
		position: static;
		background: transparent;
	}

	.btn-lg, .btn-group-lg>.btn {
		padding: .5rem 1rem;
		font-size: 1.25rem;
		border-radius: 1rem;
	}



	.progresses {
		display: flex;
		align-items: center
	}
	
	.progresses .line {
		width: 120px;
		height: 6px;
		background-color: #fff;
	}
	
	.progresses .steps {
		display: flex;
		background-color: #fff;
		color: #63d19e;
		font-size: 14px;
		width: 40px;
		height: 40px;
		align-items: center;
		justify-content: center;
		border-radius: 50%
	}

	.progresses .done {
		background-color: #63d19e;
		color: #fff;
	}

	.progresses .active {
		background-color: #63d19e;
		color: #fff;
	}

	.bold{
		font-weight: 500;
	}


	.opacity-50 {
		opacity: .5!important;
	}

	.opacity-25 {
		opacity: .25!important;
	}

	input.scale1_5 {
		transform: scale(1.5);
	 }

	 .list-group-item-action.selected{
		 background-color: #f4f4f4;
	 }


	.app-card-home .app-card-thumb-holder{
		background: #fff;
	}

	 .app-card-home img{
		 width: 50px;
	 }

	 .pulse {
		overflow: visible;
		position: relative;
	  }
	  .pulse:before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: inherit;
		border-radius: inherit;
		transition: opacity .3s, transform .3s;
		animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
		  z-index: 1;
	  }
	  @keyframes pulse-animation {
		0% {
		  opacity: 1;
		  transform: scale(1);
		}
		50% {
		  opacity: 0;
		  transform: scale(1.5);
		}
		100% {
		  opacity: 0;
		  transform: scale(1.5);
		}
	  }

	
	 .table .border-period:not(:first-child){
		 border-right: 2px solid #999 !important;
	 }
	 


	 #print-block0 .print-block-header{
		 background: url('../../img/education-icon.jpg') no-repeat center top;
		 background-size: auto 100px;
	 }
	#print-block, #print-block table th, #print-block table td{
		color: #222;
	}

	#print-block .print-block-footer{
		color: #555;
	}

	 @media print {
		body{    overflow:visible;  }

		div { 
			
	  	}

		.app{
			background: #ffffff;
		}

		.app .table > :not(caption) > * {
			border-width: 1px 0;
			border-color: #555;
		}
		.app .table > :not(caption) > * > * {
			border-width: 0 1px;
			border-color: #555;
		}
		
		.pagebreak {
			clear: both;
			page-break-after: always;
		}

	}

	.float {
		position: fixed;
		width: 60px;
		height: 60px;
		bottom: 40px;
		left: 40px;
		background-color: #25d366;
		color: #FFF;
		border-radius: 50px;
		text-align: center;
		font-size: 30px;
		box-shadow: 2px 2px 3px #999;
		z-index: 100;
	}
	.my-float {
		margin-top: 16px;
	}


	.table-light {
		color: inherit;
	}

	@media only screen and (max-width: 425px){
		.list-group-item{
			font-size: 75%;
		}
	}
	@media only screen and (max-width: 360px){
		.list-group-item{
			font-size: 50%;
		}
	}


	.table-responsive.table-timetable{
		overflow-y: auto;
		max-height: 75vh;
	}

	.border-period-7{
		background-color: #f5f5f5 !important;
	}
	@media print {
		.app {
			padding-top: 0px !important;
		}

		.table-responsive.table-timetable{
			overflow: visible;
			max-height: auto;
			font-size: 75%;
			color: #333 !important;
		}
		.table .border-period:not(:first-child){
			border-right: 2px solid #555 !important;
		}
		.border-period-7{
			background-color: #eeeeee !important;
		}
		.table-light {
			color: #333;
		}
		.text-secondary{
			color: #333 !important;
		}
		.bg-warning {
			background-color: #bbb !important;
		}
		
	}

	.bg-danger-light{
		background-color: #d26d6954 !important;
	}
	

	.std-weak,.std-a-weak{
		font-weight: bold;
	}

	.students_course_table .course-header, .students_course_table .course-name{
		display: none;
	}


	.print-block-body-parent .std-header, .print-block-body-parent .std-name{
		display: none;
	}

	.print-block-body-parent .course-header, .print-block-body-parent .course-name{
		display: table-cell;
	}