input{
			text-align: end;
		}


		
	p ,span{font-family: 'Tajawal', sans-serif !important;}
	h1,h2,h3,h4,h5,h6,td{font-family: 'Tajawal', sans-serif !important;}

	.rd{

		background: #f25961!important;
	}

	.form-control {
    border-color: #c5c5c5 !important;

}
.sidebar .nav-collapse li a, .sidebar[data-background-color=white] .nav-collapse li a {
   
    padding: 10px 0px!important;
}
.main-panel {

    direction: rtl !important;
}
.fonty{
	font-family: 'Tajawal', sans-serif !important;
}
.form-group label {

    float: right !important;
}
.shad{
                background: #fff;
                padding: 15px;
                background: #fff;
                padding: 15px;
                margin-bottom: 6px;
                margin-top: 6px;
				box-shadow: 0 0 0 1px rgba(67, 144, 222, 0.05), 0 1px 3px 0 rgba(22, 84, 146, 0.33);                border-radius: 5px;
                position: relative;
            }


.form-group {
    text-align: right;
}
.form-control {

    border-color: #3b34b52b!important;

}
.bg-info2-gradient {
    background: #2196F3!important;
    background: -webkit-linear-gradient(legacy-direction(-45deg),#2196F3,#00BCD4)!important;
    background: linear-gradient(-45deg,#283462,#076cb1)!important;
}
.btn-info2 {
    background: #2196F3!important;
    border-color: #ffffff!important;
    color: #ffffff;
    background: linear-gradient(-45deg,#283462,#076cb1)!important;
}
.btn-info2:hover {
    background: #2196F3!important;
    border-color: #ffffff!important;
    color: #ffffff;
    background: linear-gradient(-45deg,#2c396b,#0776c0)!important;
}
.navbar-header[data-background-color=blue2] {
    background: #0b67aa!important;
}
.logo-header[data-background-color=blue] {
    background: #0b67aa!important;
}
li {
    list-style-type: none!important;
}
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a {
    background: #0b67aa!important;
}
.active-sub-page{
    background: #0b67aa!important;color:#fff !important;padding:10px!important
}
.active-page{
    background: #0b67aa!important;color:#fff !important;
}
.sidebar.sidebar-style-2 .nav .nav-item a:focus, .sidebar.sidebar-style-2 .nav .nav-item a:hover, .sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
    color: #0b67aa;    font-weight: 600;
}
.active-page>p , .active-page>i , .active-sub-page>p ,.active-sub-page>i{
    color: #fff !important;
}


.sidebar.sidebar-style-2 .nav .nav-item  a:focus i, .sidebar.sidebar-style-2 .nav .nav-item a:focus p, .sidebar.sidebar-style-2 .nav .nav-item a:hover i, .sidebar.sidebar-style-2 .nav .nav-item a:hover p, .sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
    color: #0a67aa!important;
}
 .sidebar.sidebar-style-2 .nav .nav-item a:hover i, .sidebar.sidebar-style-2 .nav .nav-item a:hover p {
    color: #0b67aa!important;
}
 .sidebar.sidebar-style-2 .nav .nav-item .active-page:hover i, .sidebar.sidebar-style-2 .nav .nav-item .active-page:hover p {
    color: #e2e2e2!important;
}
.btn-success:disabled, .btn-success:focus, .btn-success:hover {
    background: #66bb6a!important;
    border-color: #66bb6a!important;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(66, 165, 245, 0.49);
}
.ltr{direction: ltr;}
div#add-row_length {
    text-align: right;
}
div#add-row_filter {
    text-align: left !important;
}
.add-sec {
    text-align: left;
    width: 80%;
}
th, td {
    text-align: center;
}
.btn-success {
    background: #66BB6A!important;
    border-color: #66bb69!important;
}
.btn-flat{
    border-radius: 0px;
}
input#url_one {
    text-align: right;
}

.form-group-default {
    border: 1px solid #b3e5fcd6;
    border-radius: 2px;

}
input.form-control {
    text-align: right;
}
.login .show-password {
    left: 10px;
    right: inherit !important;
    top: 75% !important;
}
.form-contin{padding: 60px;}

.filter-option-inner-inner{
    direction: rtl;
    float: right;
    padding-right: 5px;
    font-family: 'Tajawal', sans-serif !important;
}
.bootstrap-select .dropdown-menu li {
    position: relative;
    text-align: right;
}
.filtter {
    text-align: right;
    color: #495057;
    padding: 10px;
    background-color: #c5e4fca8;
}
.dateFromTo{
    border-color: #c5e4fc !important;
    border-bottom-color: #ffffff !important;
    border-top-color: #ffffff !important;
    border-left-color: #ffffff !important;
}
.input-group-text {

    color: #0b67aa !important;

}
.calender-card{background-color: #d8edfd;color:#063a9e}
.bootstrap-datetimepicker-widget table td.active {
    background-color: #07489a !important;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #07489a !important;
   
}
.bootstrap-datetimepicker-widget table td span:hover {
    background-color: #07489a !important;
    color: #fff;
   
}
.bootstrap-datetimepicker-widget table td.day:hover {
    background-color: #07489a !important;
    color: #fff;
}
.bootstrap-datetimepicker-widget .picker-switch:hover {
    background-color: #07489a !important;
    color: #fff;
}
.filter-btn{
    background-color: #00897b85;
    color: white;
    border-radius: 0px;
    padding: 4px;
}
.btn-ex{
    background-color: #7986CB;
    color: white !important;
    border-radius: 0px;
    padding: 4px;
}
.btn-py{
    background-color: #42b883;
    margin-right: 8px;
    color: white !important;
    border-radius: 0px;
    padding: 4px;
}
.btn-del{
    background-color: #ff8080;
    margin-right: 8px;
    color: white !important;
    border-radius: 0px;
    padding: 4px;
}
.btn-sh{
    background-color: #4f80c7;
    margin-right: 8px;
    color: white !important;
    border-radius: 0px;
    padding: 4px;
}
.btn-im{
    background-color: rgb(121, 203, 121);
    color: white !important;
    border-radius: 0px;
    padding: 4px;
}
.btn-pr{
    background: #FFA726!important;
    border-color: #ffa726!important;
    color: #ffffff!important;
    border-radius: 0px;
    padding: 4px;
}
.btn-pay{
    background: #FFA726!important;
    border-color: #ffa726!important;
    margin-right: 8px;
    color: #ffffff!important;
    border-radius: 0px;
    padding: 4px;
}
.pr{

    margin-right: 8px;
    color: #ffffff!important;
    border-radius: 0px;
    padding: 4px;
}
.btn-div {
    padding: 0px 5px;
}
.icon-big {
    width: 100%;
    height: 100%;
    font-size: 2.2em;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.col-stats {
    align-items: center;
    display: flex;
    padding-left: 15px;
}
.card-yllow {
    background: #fdb44b!important;
}
.card-blue1 {
    background: #293462!important;
}
.card-blue2 {
    background: #005792!important;
}
.card-blue3 {
    background: #448ef6!important;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #0b66aa!important;
    border-color: #0b66aa!important;
}
.messages-notif-box .notif-center a:hover, .notif-box .notif-center a:hover {
    background: #d8edfd!important;
}
.pr:focus, .pr:hover {
    color: #ffffff!important;
}
.sidebar.sidebar-style-2 .nav .nav-item a:focus, .sidebar.sidebar-style-2 .nav .nav-item a:hover, .sidebar.sidebar-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
    background: rgb(197, 228, 252);
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li>a, .pagination>li>span {
    border-radius: 100px!important;
    margin: 0 2px;
    color: #0a67aa;
    border-color: #c5e4fc;
    background-color: #c5e4fc;
}
.collap{
    color: #0b67aa!important;
    font-weight: 600!important;
    border-color: #c5e4fc!important;
    background-color: #c5e4fc!important;
}
.ui-widget.ui-widget-content {
    text-align: right!important;
    font-family: 'Tajawal', sans-serif !important;
}
.ui-menu .ui-menu-item:hover, .ui-menu-item-wrapper:hover {
    background-color: #0b67aa!important;
    border-color: #0b67aa!important;
}

a.dropdown-item:hover {
    background-color: #0b67aa;
    color: white;
}
.dropdown-item.active, .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0b67aa!important;
}
.table-head-bg-primary thead th, .table-striped-bg-primary tbody tr:nth-of-type(odd) {
    background: #0a67aa!important;
    color: #fff!important;
    border: 0!important;
}