@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url(".../fonts/Roboto-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"), 
		url("../fonts/Roboto-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Kufi Arabic';
    src: url('../fonts/noto-kufi/NotoKufiArabic-Medium.woff2') format('woff2'),
        url('../fonts/noto-kufi/NotoKufiArabic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Kufi Arabic';
    src: url('../fonts/noto-kufi/NotoKufiArabic-Bold.woff2') format('woff2'),
        url('../fonts/noto-kufi/NotoKufiArabic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Kufi Arabic';
    src: url('../fonts/noto-kufi/NotoKufiArabic-Regular.woff2') format('woff2'),
        url('../fonts/noto-kufi/NotoKufiArabic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Kufi Arabic';
    src: url('../fonts/noto-kufi/NotoKufiArabic-Light.woff2') format('woff2'),
        url('../fonts/noto-kufi/NotoKufiArabic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



html{font-size: 16px;}
html[lang="ar"]{font-size: 14px;}


body {
    position: relative;
    margin: 0;
    padding: 0;
    right: 0;
    font-family: "Roboto", Helvetica, Arial, sans-serif!important;
    font-size: 1rem;
    font-weight: normal;
    background-attachment: fixed;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	background-image: url("../img/pattern-bg1.png")!important;
	background-repeat: repeat;
	background-size: 105px!important;
	background-color: #d9c59f!important;
}




body, body a, body td, body p, body h1, body h2, body h3, body h4, body h5, body h6, body div, body span, body strong, body ul, body li, body table, body button{font-family: "Roboto"!important;}

html[lang="ar"] body, html[lang="ar"] body a, html[lang="ar"] body td, html[lang="ar"] body p, html[lang="ar"] body h1, html[lang="ar"] body h2, html[lang="ar"] body h3, html[lang="ar"] body h4, html[lang="ar"] body h5, html[lang="ar"] body h6, html[lang="ar"] body div, html[lang="ar"] body span, html[lang="ar"] body strong, html[lang="ar"] body ul, html[lang="ar"] body li, html[lang="ar"] body table, html[lang="ar"] body button{font-family: "Noto Kufi Arabic", Helvetica, Arial, sans-serif!important;}



.fixed-header.fixed-ribbon #header {
    position: static;
    margin: 0 15px;
    width: unset;
    border-radius:0 0 10px 10px;
    border: none;
    background: #b68a36;
}

#header .container {
    width: 100%;
	max-width: 100%;
}

body.smart-style-6 #logo img {
    width: 150px;
    height: auto;
    mix-blend-mode: multiply;
}
.fixed-header #main {
    margin-top: 15px !important;
    margin-left: 290px;
    margin-right: 15px;
}
body.smart-style-6 #content {
    padding: 0;
}

aside#left-panel {
    margin-left: 15px;
    background: #fff;
    width: 260px;
    margin-top: 15px;
    border-radius: 10px;
    min-height: 100%;
    padding-bottom: 60px;
}

body.smart-style-6 #ribbon {
    border-radius: 10px;
	border: none;
}

.ribbon-button-alignment {
    padding-top: 12px;
}
body.smart-style-6 input[type=checkbox] {
    position: relative;
    margin-top: 8px !important;
}

.radio-inline input[type="radio"] {
    margin-top: 8px!important;
}

.radio-inline input[type="radio"] ~ label {
    margin-top: 8px;
}

body.smart-style-6 input[type=checkbox]:after {
    font-family: "Font Awesome 6 Pro";
    position: relative;
    font-size: 22px;
    margin-top: -8px;
    content: "\f0c8";
    z-index: 99;
    top: -2px;
    left: -2px;
    line-height: 100%;
    font-weight: 600;
    color: #dddddd;
    box-shadow: none;
    background: #ffffff;
    padding: 0 2px;
    border-radius: 4px;
}

body.smart-style-6 input[type=checkbox]:checked:after {
    color: #b68a36;
    content: "\f14a";
}

.login-info {
    box-shadow: none;
}
.widget-body-toolbar + fieldset:first-of-type {
    border-top: none;
    padding: 1.5rem 2.5rem;
    margin: 0 -1rem;
    background: #f6f1e7;
    margin-top: -1rem;
    border-radius: 10px 10px 0 0;
}
#dynaForm-toolbar ~ fieldset > .row {
    width: 50%;
    float: left;
}

#dynaForm-toolbar ~ fieldset >.row p.form-control-static {
    margin-top: 0;
    padding-top: 0;
}

#dynaForm-toolbar ~ fieldset >.row p.form-control-static {
   color: #987329;
    font-weight: 600;
}
#caseInfo\.caseNo_column p.form-control-static {
    color: #987329!important;
    font-size: 18px;
    position: relative;
}
.form-horizontal .control-label {
    color: #444 !important;
}
.form-horizontal .form-group label.col-lg-3.col-md-4.control-label {
    text-align: left;
    width: 100%;
    font-weight: normal!important;
    color: #444!important;
}

.form-horizontal .form-group .col-lg-9.col-md-8 {
    width: 100%;
}


#header .pull-right .fa, div#globe a i{ font-size: 1.2rem;}

.fa, .fas, .far {
    font-family:"Font Awesome 6 Pro"!important;
    font-weight: 300;
}
.jarviswidget>div[role="content"] {
    background: #fff!important;
    border: none!important;
    border-radius: 10px;
    padding: 1rem;
}

.smart-form.widget-body-toolbar, .widget-body-toolbar {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
}

.widget-body-toolbar .btn-group {
    padding: 0;
    margin-bottom: 1rem;
}

.widget-body-toolbar .btn-group button.btn.btn-default {
    margin: 0 0 3px 3px;
    border: none;
    border-radius: 5px!important;
    box-shadow: none;
    border: 1px solid #b68a36;
    color: #b68a36;
    font-weight: 500;
}
.jarviswidget > header {
    background: none;
    border: none;
    margin-bottom: 0.75rem;
}
.jarviswidget > header > h2 {
    font-weight: 500;
    font-size: 22px;
    margin-top: -4px;
	color: #444;
}
.jarviswidget>header>.widget-icon {
    width: 34px;
    height: 34px;
    background: #444;
    line-height: 32px;
    display: inline-block;
    border-radius: 6px;
}

[lang="ar"] .jarviswidget>header>.widget-icon {
    line-height: 36px;
}

.widget-icon .fa {
    margin: 0;
    color: #fff;
}

body nav ul li a {
    border-bottom: 1px solid rgba(0, 0, 0,  0.1)!important;
	
}

.form-actions .col-md-10.col-md-offset-2 {
    margin: 0;
    width: 100%;
    text-align: center;
}

.form-actions .col-md-10.col-md-offset-2 button.btn.btn-default {
    background: var(--primary);
    min-width: 120px;
    font-weight: 500;
}

body.smart-style-6 .page-footer {
    max-width: 100%;
    padding: 1rem 0!important;
    text-align: center;
    overflow: hidden;
}
body.smart-style-6 nav > ul {
    background: none!important;
}

nav ul span.menu-item-parent {
    color: #444444;
}


body.smart-style-6 nav ul li a i {
    position: absolute;
    left: 10px;
    width: 30px;
    height: 30px;
    top: 50%;
    line-height: 30px;
    margin-top: -15px;
    background: #f1eadc;
    border-radius: 4px;
    font-size: 16px;
}

body.smart-style-6 nav ul li a {
    position: relative;
    padding-left: 45px;
}


body.smart-style-6 nav ul li >a b .fa {
    color: #b68a36!important;
}

div#globe a strong i.fas.fa-globe {
    margin-right: 5px;
}

div#globe a {
    padding: 10px 15px;
    background: #98722a;
    color: #fff;
    border-radius: 6px;
    height: 40px;
    display: flex;
    margin-top: 0;
    align-items: center;
}

.header-dropdown-list {
    background: #98722a;
    padding: 10px;
    border-radius: 6px;
    height: 39px;
}

body.smart-style-6 .header-dropdown-list>li>.dropdown-toggle {
    margin: 0;
    color: #fff;
}

.header-dropdown-list a.dropdown-toggle span {
    color: #fff;
}

body.smart-style-6 .header-dropdown-list>li>.dropdown-toggle .fa {
    color: #fff!important;
}

.btn-header>:first-child>a:before {
    display: none;
}

body .btn-header>:first-child>a {
    background: #98722a!important;
    padding: 10px;
    height: 40px;
    width: 40px;
    margin-left: 5px;
    border-radius: 6px!important;
    margin-top: 0;
}

body .btn-header>:first-child>a i {
    color: #fff!important;
}

div#globe {
    margin: 0;
}

body.smart-style-6 .login-info {
    text-align: center;
}

body.smart-style-6 .login-info>span {
    border-radius: 10px 10px 0 0;
	position: relative;
}

body.smart-style-6 .login-info img {
    border: 2px solid #b68a36!important;
    padding: 2px;
    border-radius: 8px;
}
body.smart-style-6 .login-info a span {
    margin-top: 5px;
    font-weight: 600;
    color: #fff;
    background: none;
    border-bottom: none!important;
    padding-bottom: 15px;
}

body .btn-header>:first-child>a:after {
    content: attr(title);
    position: absolute;
    width: 90px;
    left: 50%;
    margin-left: -45px;
    background: #000;
    font-size: 11px;
    padding: 0px 5px;
    border-radius: 6px!important;
    color: #fff;
    bottom: 100%;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 400;
    display: none;
    height: 30px;
    top: 100%;
    margin-top: 3px;
    line-height: 30px;
}



div#dynaForm-toolbar {
    position: relative;
    margin-top: -50px;
    margin-right: 1rem;
    width: 100%;
    float: right;
}

div#dynaForm-toolbar:before {
    content: "More Actions";
    margin: 0 0 0px 3px;
    border: none;
    border-radius: 5px!important;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #444;
    font-weight: 500;
    padding: 6px 12px;
    position: absolute;
    right: 25px;
	background: #fff;
    top: 0;
	white-space: nowrap;
}
html[lang="ar"] div#dynaForm-toolbar:before{content: "المزيد من الإجراءات"; right: auto; left: 10px;}



body.smart-style-6 .jarviswidget-ctrls .button-icon {
    background: #fff;
    margin: 3px;
    border-radius: 6px;
}
div#dynaForm-toolbar:hover:before{background:#b68a36; color: #fff;}


.widget-body-toolbar .btn-group {
    margin-top: 40px;
    background: #fff;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: none;
    position: absolute;
    z-index: 999;
    overflow: auto;
    margin-bottom: 0;
    flex-wrap: wrap;
    justify-content: center;
	
}


div#dynaForm-toolbar:hover .btn-group {
    width: calc(100% + 32px);
    left: -16px;
    padding: 10px;
}


[lang="ar"] div#dynaForm-toolbar:hover .btn-group {
    right: 0px;
    width: calc(100% + 28px);
}

.widget-body-toolbar .btn-group button.btn.btn-default {
    color: #333;
    min-width: calc(16.66666667% - 3px);
    width: calc(16.66666667% - 3px);
    text-align: center;
    position: relative;
    border-color: #ddd;
    padding-left: 10px;
    padding-right: 10px;
    white-space: normal;
}

.widget-body-toolbar .btn-group button.btn.btn-default span {
    display: block;
    font-size: 22px;
    color: rgba(145, 111, 43, 1);
}

.widget-body-toolbar .btn-group button.btn.btn-default span i {
	font-weight: 200!important;
} 

.widget-body-toolbar .btn-group button.btn.btn-default span {
    position: relative;
}
 
.widget-body-toolbar .btn-group button.btn.btn-default span:after {
    position: absolute;
    left: 50%;
    top: 0;
    background: #fff;
    margin-top: 4px;
    margin-left: 3px;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    text-align: center;
    border: 0.75px solid rgba(145, 111, 43, 1);
	font-family: "Font Awesome 6 Pro";
	font-size: 0.55rem;
	line-height: 16px;
	color: rgba(145, 111, 43, 1);
}


.widget-body-toolbar .btn-group button.btn.btn-default.add-claim span:after{
	 content: "\2b";
	}


.widget-body-toolbar .btn-group button.btn.btn-default.pay-claim span:after{content: "\f00c";}
.widget-body-toolbar .btn-group button.btn.btn-default.receive-claim span:after{content: "\f33d";}


div#dynaForm-toolbar:hover .btn-group{ display:flex;}
body.smart-style-6 nav ul li a {
    font-weight: 400;
    text-transform: none;
}
nav ul li ul span.menu-item-parent {
    color: #444444;
    font-size: 13px;
}

.k-grid tbody .k-button {
    background: #fff8ec;
    border: 1px solid #b78a35;
    border-radius: 4px!important;
}

.k-grid tbody .k-button i {
    color: #333;
}

.k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
    background: #b68a36 !important;
    color: #333 !important;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
	font-weight: 600;
}

body.smart-style-6 .k-grid-header th.k-header, body.smart-style-6 .k-grid-header th.k-header > .k-link {
    color: #fff !important;
    font-size: 14px;
}
.k-grid {
    box-shadow: none;
	margin: 10px;
}

.form-group .k-grid {
    margin-left: 0;
    margin-right: 0;
}

.k-header.k-grid-toolbar {
    background: none;
    border: none;
}


.k-grid td {
    border-width: 0 0 1px 1px;
    border-left: 0;
    border-right: 0;
}
.k-header.k-grid-toolbar .btn.btn-default.btn-sm {
    background: #fff8ec;
    border: 1px solid #b78a35;
    border-radius: 4px!important;
    box-shadow: none;
}

.k-header.k-grid-toolbar .btn.btn-default.btn-sm i {
    color: #333;
}

.smart-accordion-default.panel-group .panel-title a i {
    position: absolute;
    right: 1rem;
    top: 18px;
    color: inherit!important;
}


.smart-accordion-default.panel-group .panel-title a.collapsed i{ color: #b88a35;}
.smart-accordion-default.panel-group {
    border-radius: 6px;
}

.smart-accordion-default .panel-default {
    border-radius: 7px;
    box-shadow: none;
    border-color: #ddd;
}
.smart-accordion-default .panel-default>.panel-heading {
    background: none;
}

.smart-accordion-default.panel-group .panel-title a {
    position: relative;
    border: 1px solid #b78a35!important;
    color: #987329;
    border-radius: 5px 5px 0 0;
    border: none;
    font-weight: 600;
    min-height: 50px;
    display: inline-flex;
    width: 100%;
    align-items: center;
    border-bottom: none!importan;
}

.smart-accordion-default.panel-group .panel-title a.collapsed {
    background: none;
    color: #444;
    border-radius: 5px;
    border: none!important;
    font-weight: 500;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}


.k-filter-row, .k-grid-header, .k-alt {
    background: none;
}

a[href="javascript:eJustice.accordian.expandAll()"], a[href="javascript:eJustice.accordian.collapseAll()"] {
       border: 1px solid #ccc;
    color: #444;
	border-radius: 5px;
    padding: 6px 12px;
    background: #fff;
	display: inline-block;
}

nav>ul>li>ul>li>a, nav>ul>li>ul>li>ul>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

body.smart-style-6 .minifyme {
    top: 1rem;
    right: 1rem;
    border: none;
    background: none;
}

/*Radio Styling*/

input[type="radio"] {
    position: absolute;
    left: 20px;
}

input[type="radio"]:after {
    font-family: "Font Awesome 6 Pro";
    position: relative;
    font-size: 1.4rem;
    margin-top: -8px;
    content: "\f204";
    z-index: 99;
    padding: 0;
    background: #fff;
    top: -2px;
    left: 0;
    line-height: 100%;
    font-weight: 400;
    color: #aaa;
    content: "\f192";
}

input[type="radio"]:checked:after {
    font-weight: 900;
    color: #b68a36;
}

label.radio-inline {
    padding-left: 30px;
    margin-right: 1rem;
}

.fa-plus-square-o:before {
    content: "\f13a";
    font-size: 1rem;
}


.fa-minus-square-o:before {
    content: "\f139";
    font-size: 1rem;
}

body.smart-style-6 nav ul li a .fa {
    color: #916f2b;
}

body.smart-style-6 nav ul li.open {
    padding: 1px;
    background: #b68a36;
    border-radius: 6px;
    margin: 4px;
}


body.smart-style-6 #left-panel nav ul li.open > a b .fa {
    color: #fff !important;
}

body.smart-style-6 nav ul li.open >a b .fa.fa-plus-square-o {
    display: none;
}

nav ul .open > a span.menu-item-parent {
    color: #fff;
}

nav ul .open > a i {
    background: #987329!important;
    color: #fff!important;
}

body.smart-style-6 .minifyme {
    top: 60px;
    right: -8px;
    border: none;
    background: none;
    width: auto;
    height: auto;
}

body.smart-style-6 .minifyme .fa {
    color: #fff;
    background: #987329;
    padding: 8px;
    border-radius: 6px 6px 0 0px;
}

body.smart-style-6 .minifyme:after {
    content: "";
    position: absolute;
    bottom: -8px;
    border-left:8px solid #444;
    border-bottom: 8px solid transparent;
    right: 0px;
}

.minifyme:hover{ padding-right: 0;}



.breadcrumb>li+li:before{ color: #444;}

/*THeme 3*/



.fixed-header.fixed-ribbon #header, aside#left-panel, .jarviswidget>div[role="content"], body #ribbon{ background: rgba(255,255,255,.75)!important;}
body #ribbon{ background: rgba(255,255,255,.40)!important;}

div#globe a, .header-dropdown-list,body .btn-header>:first-child>a {
    background: #fff!important;
    color: #b78a36;
    height: 40px;
}

.header-dropdown-list a.dropdown-toggle span, body.smart-style-6 .header-dropdown-list>li>.dropdown-toggle .fa, body .btn-header>:first-child>a i {
    color: #b78a36!important;
}

body.smart-style-6 .minifyme .fa {
    border-radius: 6px 6px 0 6px;
}

body.smart-style-6.minified .minifyme {
    left: auto;
    width: auto;
}

body.smart-style-6 .login-info a i {
    border: 2px solid #b68a36!important;
    padding: 2px;
    border-radius: 8px;
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    color: #b68a36;
}

fieldset > legend {
    border: none;
    font-weight: 600;
    color: #444;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #b78a35;
    text-transform: capitalize;
    font-size: 16px!important;
}

fieldset > legend:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 60px;
    height: 8px;
    background: #b78a35;
    border-radius: 4px;
}

body.smart-style-6 nav ul li a b.collapse-sign ~ b.collapse-sign {
    display: none;
}
body.smart-style-6 nav ul li.active > a::before {
    display: none;
}

body.smart-style-6 nav > ul ul {
    background: #fff8ec;
    border-radius: 0 0 6px 6px;
}

body.smart-style-6 .page-footer {
    margin-bottom: -5px;
    background: rgba(255, 255, 255, 0.6)!important;
    color: #444!important;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    border-radius: 8px 8px 0 0;
}

body.smart-style-6 .page-footer .txt-color-white {
    color: #444!important;
}


html[lang="ar"] .smart-rtl #main {
    margin-right: 290px;
    margin-left: 15px;
}

div#dynaForm-toolbar {
    position: relative;
    margin-top: -50px;
    margin-right: 0;
	margin-left: 1rem;
    width: auto;
    float: right;
}

div#dynaForm-toolbar:hover{ width: 100%;}

html[lang="ar"]  div#dynaForm-toolbar{margin-top: -48px; float: left; z-index: 999;}

html[lang="ar"] body.smart-style-6 nav ul li a {
    padding-left: 10px;
    padding-right: 45px;
}

html[lang="ar"]  body.smart-style-6 nav ul li a i {
    left: auto;
    right: 10px;
}

html[lang="ar"]  div#globe a {
    margin-right: 10px;
    margin-left: 10px;
}

html[lang="ar"] body.smart-style-6 .minifyme {
    right: auto;
    left: -8px;
}

html[lang="ar"] body.smart-style-6 .minifyme:after {
    right: auto;
    left: 0;
    border-left: 0;
    border-right: 8px solid #444;
}

html[lang="ar"] body.smart-style-6 .minifyme .fa {
    border-radius: 6px 6px 6px 0;
}

html[lang="ar"] #dynaForm-toolbar ~ fieldset > .row {
    float: right;
}

html[lang="ar"] .form-horizontal .form-group label.col-lg-3.col-md-4.control-label {
    text-align: right;
}

html[lang="ar"]  fieldset > legend:after {
    left: auto;
    right: 0;
}
html[lang="ar"] body.smart-style-6 input[type=checkbox]:after {
    left: auto;
    right: -2px;
}

html[lang="ar"]  .smart-accordion-default.panel-group .panel-title a i {
    right: auto;
    left: 1rem;
    top: 25px;
}

html[lang="ar"]  .smart-rtl #header {
    padding: 0;
}

.smart-rtl .minifyme:hover{ padding-left: 0;}

html[lang="ar"] .smart-rtl #left-panel {
    margin-left: 0;
    margin-right: 15px;
}

html[lang="ar"]  .jarviswidget > header {
    position: relative;
    z-index: 99;
}


html[lang="ar"] .hidden-menu #left-panel { margin-right: -260px;}
.hidden-menu #left-panel {
    margin-left: -260px;
}

.fixed-header.hidden-menu #main {
    margin-left: 15px;
}
html[lang="ar"] .smart-rtl.hidden-menu #main{ margin-right: 15px;}


.minified div#main {
    margin-left: 75px;
}

html[lang="ar"] .smart-rtl.minified #main {
    margin-right: 75px;
	margin-left: 15px;
}
body.smart-style-6.minified nav li a {
    padding: 0;
}


html[lang="ar"] body.smart-style-6.minified nav ul li a {
    padding: 0;
}
body.smart-style-6.minified nav > ul {
    margin-top: 50px;
}

body.smart-style-6.minified .login-info img {
    width: 20px;
}


.minified nav>ul>li>a .fa.fa-fw {
    position: static;
    margin: 0;
    height: auto;
    padding: 8px;
}


body.smart-style-6.minified nav>ul>li {
    border-bottom: 0 !important;
    border-top: 0 !important;
    padding: 0;
    margin: 0;
}


#activity b.badge {
    top: -10px;
}

body.smart-style-6.minified nav>ul>li>ul>li>a, body.smart-style-6.minified nav>ul>li>ul>li>ul>li>a {
    padding: 7px 10px;
}

html[lang="ar"] body.smart-style-6.minified nav>ul>li>ul>li>a, html[lang="ar"] body.smart-style-6.minified nav>ul>li>ul>li>ul>li>a {
    padding: 7px 10px;
}

body.smart-style-6.minified nav ul .open > a span.menu-item-parent {
    color: #333;
}

body.smart-style-6.minified nav>ul>li>ul {
    min-height: 0;
	box-shadow: none;
	border: 1px solid #CACACA;
}

body.smart-style-6.minified nav>ul>li>a>.menu-item-parent {
    box-shadow: none;
    border: 1px solid #CACACA;
    border-bottom: none;
    width: 185px;
    top: 1px;
    border-radius: 0 5px 0 0;
	font-weight: 500;
}


body.smart-style-6.minified nav>ul>li ul li:last-child a {
    border: none !important;
}


.smart-rtl.minified.minified nav>ul>li>ul {
    left: auto;
    right: 45px;
}

.smart-rtl.minified nav>ul>li>a>.menu-item-parent {
    left: auto;
    right: 45px;

}


tr:nth-child(even) {
    background: #fffaf1;
}

.breadcrumb>li, body.smart-style-6 #ribbon .breadcrumb li:last-child {
    display: inline-block;
    color: #000 !important;
}




.k-grid-content{ overflow-y: unset;}
.k-grid-content::-webkit-scrollbar {
    width: 12px; /* Width of the entire scrollbar */
}

.k-grid-content::-webkit-scrollbar-track {
    background: #f0e2c9; /* Color of the scrollbar track */
	max-height: 10px;
}

.k-grid-content::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the scrollbar handle */
    border-radius: 10px; /* Roundness of the scrollbar handle */
    border: 4px solid #f0e2c9; /* Padding around the scrollbar handle */
}

.k-grid-content::-webkit-scrollbar-thumb:hover {
    background: #b68a36; /* Color of the scrollbar handle on hover */
}
#ribbon .breadcrumb ~ div[style] {
	padding-top: 10px !important;
}

.smart-rtl #ribbon .breadcrumb ~ div[style] {
    float: left !important;
    padding-top: 10px !important;
}


html body.hidden-menu .pull-right #hide-menu a {
    background-color: #b68a35!important;
    color: #fff!important;
}

html body.hidden-menu .pull-right #hide-menu a i {
    color: #fff!important;
}

.smart-rtl .ajax-dropdown {
    left: 24px;
    right: auto;
}

.ajax-notifications .alert ~ i {
    height: 100px;
    line-height: 90px;
    width: 100px !important;
    font-size: 40px !important;
    padding: 0;
}

#jarviswidget-fullscreen-mode {
    background: #fff;
}


#jarviswidget-fullscreen-mode>div>header {
    cursor: default;
    margin: 0.5rem 1rem;
    margin-bottom: 0;
    width: calc(100% - 2rem);
}

body.smart-style-6 nav li a:after {
    display: none;
}

body.smart-style-6 .login-info {
    position: relative;
	border-radius: 10px 10px 0 0;
}

body.smart-style-6 .login-info:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.4;
    border-radius: 10px 10px 0 0;
}


body .color-palet.font-palet span {height: 50px!important;}

#shortcut .fa {
    font-size: 2.5rem!important;
}

body #shortcut .color-palet.font-palet .fa {
    font-size: 1.5rem!important;
}

.color-palet .contrast span.color3 {
    width: auto;
}




.main-menu .navigation .main-menu-item>li>ul.sub-menu {
    z-index: 9999;
}

.main-menu .navigation .main-menu-item>li>a{ color: #444;}
.page-footer > footer {
    margin: 0 1rem;
    background: #f7f7f7;
    border-radius: 10px;
    text-align: left;
}

table tr {
    background: #fff;
}

table tr {
    background: #fff;
}

.col1 .table-bordered th {
    background: #c8132e;
}
.col2 .table-bordered th {
    background: #00843d;
}
.col3 .table-bordered th {
    background: #696969;
}

.table-bordered th, .table-bordered td {
    padding: 0.75rem!important;
}

.widget-body-toolbar + fieldset:first-of-type ~ fieldset > style ~ .row {
    min-width: 100%;
    float: none;
    margin: 0;
    padding: 1rem;
    background: #fff;
    margin-top: 1rem;
    border-radius: 10px;
}

.widget-body-toolbar + fieldset:first-of-type ~ fieldset > style ~ .row div#grid {
    margin: 10px 0;
}

.form-actions {
    text-align: left;
    margin-bottom: -1.75rem;
    border-radius: 0 0 10px 10px;
    margin-left: -1rem;
    margin-right: -1rem;
}

.form-actions button.btn.btn-primary {
    height: 42px;
    min-width: 120px;
    border-radius: 5px;
}
body.smart-style-6 .btn-primary {
    color: #fff;
}

.form-actions button.btn.btn-primary i {
    color: #fff !important;
    font-size: 1.2rem;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px;
}
body.smart-style-6 .btn-primary:active, body.smart-style-6 .btn-primary:focus, body.smart-style-6 .btn-primary:hover {
    background: #987329 !important;
    border-color: transparent!important;
}

body.smart-style-6.col1 .btn-primary:active, body.smart-style-6.col1 .btn-primary:focus, body.smart-style-6.col1 .btn-primary:hover  {
    background: #870216!important;
}

body.smart-style-6.col2 .btn-primary:active, body.smart-style-6.col2 .btn-primary:focus, body.smart-style-6.col2 .btn-primary:hover  {
    background: #025327!important;
}

body.smart-style-6.col3 .btn-primary:active, body.smart-style-6.col3 .btn-primary:focus, body.smart-style-6.col3 .btn-primary:hover  {
    background: #025327!important;
}







/*COL1 Starts*/
body.col1.smart-style-6 nav > ul {
    background: #fff;
}

 body.smart-style-6.col1 nav ul li.open {
    background: #c8132e;
}

.col1 nav ul .open > a i {
    background: #870216 !important;
}

body.smart-style-6.col1 nav ul li a .fa {
    color: #c8132e;
    background: #fde6e9;
}

body.smart-style-6.col1 nav ul li a b .fa {
    background: none;
    color: #c8132e!important;
}

body.smart-style-6.col1 .minifyme .fa {
    background: #870216;
}

.col1 div#globe a, .header-dropdown-list, body.col1 .btn-header>:first-child>a {
    color: #c8132e;
}

.col1 .header-dropdown-list a.dropdown-toggle span, body.smart-style-6.col1 .header-dropdown-list>li>.dropdown-toggle .fa, body.col1 .btn-header>:first-child>a i {
    color: #c8132e !important;
}


body.smart-style-6.col1 .login-info img {
    border: 2px solid #c8132e !important;
}

body.col1 {
    background-color: #d2b4b8 !important;
}

body.smart-style-6.col1 nav > ul ul {
    background: #f8e7e9;
}
.col1 tr:nth-child(even) {
    background: #fbeff1;
}
.col1 .k-grid-header th.k-header {
    background: #ffe1e6 !important;
}

.col1 .k-grid-header th.k-header, .col1 .k-grid-header th.k-header > .k-link {
    background: #c8132e !important;
}

.col1  .k-header, .col1  .k-grid-header-wrap, .col1  .k-grid .k-grouping-header, .col1  .k-grid-header, .k-pager-wrap, .col1  .k-pager-wrap .k-textbox, .col1  .k-pager-wrap .k-link, .col1  .k-grouping-header .k-group-indicator, .col1  .k-gantt-toolbar .k-state-default {
     border-color: #ffe1e6!important; 
}
.col1 .k-header.k-grid-toolbar .btn.btn-default.btn-sm, .col1 .k-grid tbody .k-button {
    background: #ffe1e6;
    border-color: #c21930;
}

body.col1.smart-style-6 .minifyme{ background: none;}

.col1 .jarviswidget > header > h2 {
    color: #870216;
}


.col1 #dynaForm-toolbar ~ fieldset >.row p.form-control-static {
    color: #c8132e !important;
}

.col1 .smart-accordion-default.panel-group .panel-title a {border: 1px solid #c8132e !important;color: #c8132e;}

.col1 .widget-body-toolbar + fieldset:first-of-type {
    background: #fff6f6;
}
.col1 .panel-collapse {
    border-color: #c8132e;
}

.col1 .smart-accordion-default.panel-group .panel-title a.collapsed {
    color: #444;
    border: none!important;
}

.col1 fieldset > legend {
    border-color: #c8132e;
}

.col1 fieldset > legend:after {
    background: #c8132e;
}

.col1 .smart-accordion-default.panel-group .panel-title a.collapsed i {
    color: #c8132e;
}

/*COL1 Ends*/

/*COL2 Starts*/
body.col2.smart-style-6 nav > ul {
    background: #fff;
}

body.col2.smart-style-6 nav > ul  li.open {
    background: #00843d;
}


body.smart-style-6.col2 nav ul li a .fa {
    color: #00843d;
    background: #eafaf1;
}

body.smart-style-6.col2 nav ul li a b .fa {
    background: none;
    color: #00843d!important;
}

body.smart-style-6.col2 .minifyme .fa, .col2 nav ul .open > a i {
    background: #025327!important;
}
.col2 div#globe a, .header-dropdown-list, body.col2 .btn-header>:first-child>a {
    color: #00843d;
}

.col2 .header-dropdown-list a.dropdown-toggle span, body.smart-style-6.col2 .header-dropdown-list>li>.dropdown-toggle .fa, body.col2 .btn-header>:first-child>a i {
    color: #00843d !important;
}


body.smart-style-6.col2 .login-info img {
    border:2px solid #00843d !important;
}

body.col2 {
    background-color: #b2c9bc !important;
}


.col2 tr:nth-child(even) {
    background: #f6fdf9;
}
.col2 .k-grid-header th.k-header {
    background: #ffe1e6 !important;
}

.col2 .k-grid-header th.k-header, .col2 .k-grid-header th.k-header > .k-link {
    background: #00843d !important;
}

.col2  .k-header, .col2  .k-grid-header-wrap, .col2  .k-grid .k-grouping-header, .col2  .k-grid-header, .k-pager-wrap, .col2  .k-pager-wrap .k-textbox, .col2  .k-pager-wrap .k-link, .col2  .k-grouping-header .k-group-indicator, .col2  .k-gantt-toolbar .k-state-default {
     border-color: #ffe1e6!important; 
}
.col2 .k-header.k-grid-toolbar .btn.btn-default.btn-sm, .col2 .k-grid tbody .k-button, body.smart-style-6.col2 nav > ul ul {
    background: #e9f4ee;
    border-color: #00843d;
}

body.col2 .k-grid tr td {
    border-color: #cff0df !important;
}

body.col2.smart-style-6 .minifyme{ background: none;}

.col2 .jarviswidget > header > h2 {
    color: #025327;
}

.col2 #dynaForm-toolbar ~ fieldset >.row p.form-control-static {
    color: #00843d !important;
}

.col2 .widget-body-toolbar + fieldset:first-of-type {
    background: #ebfff4;
}


.col2 .smart-accordion-default.panel-group .panel-title a {
    color: #00843d;
    border: 1px solid #00843d !important;
}
.col2 .panel-collapse {
    border-color: #00843d;
}

.col2 .smart-accordion-default.panel-group .panel-title a.collapsed {
    color: #444;
    border: none !important;
}

.col2 fieldset > legend {
    border-color: #00843d;
}

.col2 fieldset > legend:after {
    background: #00843d;
}

.col2 .smart-accordion-default.panel-group .panel-title a.collapsed i {
    color: #00843d;
}


/*COL2 Ends*/


/*col3 Starts*/
body.col3.smart-style-6 nav > ul {
    background: #fff;
}
body.col3.smart-style-6 nav > ul li.open {
    background: #696969;
}


body.smart-style-6.col3 nav ul li a .fa {
    color: #8e8e8e;
    background: #e4e4e4;
}

body.smart-style-6.col3 nav ul li a b .fa {
    background: none;
    color: #8e8e8e!important;
}

body.smart-style-6.col3 .minifyme .fa, .col3 nav ul .open > a i {
    background: #636262 !important;
}
.col3 div#globe a, .header-dropdown-list, body.col3 .btn-header>:first-child>a {
    color: #8e8e8e;
}

.col3 .header-dropdown-list a.dropdown-toggle span, body.smart-style-6.col3 .header-dropdown-list>li>.dropdown-toggle .fa, body.col3 .btn-header>:first-child>a i {
    color: #8e8e8e !important;
}


body.smart-style-6.col3 .login-info img {
    border:2px solid  #8e8e8e !important;
}

body.col3 {
    background-color: #c3c3c3 !important;
}


.col3 tr:nth-child(even) {
    background: #f9f9f9;
}
.col3 .k-grid-header th.k-header {
    background: #ffe1e6 !important;
}
.col3 .k-grid-header th.k-header, .col3 .k-grid-header th.k-header > .k-link {
    background: #696969 !important;
}
.col3  .k-header, .col3  .k-grid-header-wrap, .col3  .k-grid .k-grouping-header, .col3  .k-grid-header, .k-pager-wrap, .col3  .k-pager-wrap .k-textbox, .col3  .k-pager-wrap .k-link, .col3  .k-grouping-header .k-group-indicator, .col3  .k-gantt-toolbar .k-state-default {
     border-color: #ffe1e6!important; 
}
.col3 .k-header.k-grid-toolbar .btn.btn-default.btn-sm, .col3 .k-grid tbody .k-button, body.smart-style-6.col3 nav > ul ul {
    background: #e6e6e6;
    border-color: #8e8e8e;
}

body.col3 .k-grid tr td {
    border-color: #cff0df !important;
}

body.col3.smart-style-6 .minifyme{ background: none;}

.col3 .jarviswidget > header > h2 {
    color: #333333;
}

body.col3.smart-style-6 .btn-primary, .btn-primary {
    background: #8e8e8e;
    border-color: #8e8e8e !important;
}

.col3 #dynaForm-toolbar ~ fieldset >.row p.form-control-static {
    color: #444!important;
}

.col3 .widget-body-toolbar + fieldset:first-of-type {
    background: #ffffff;
}

.col3 .smart-accordion-default.panel-group .panel-title a {
    border: 1px solid #636262 !important;
    color: #000;
}

.col3 .panel-collapse{ border: 1px solid #636262;}
.col3 .smart-accordion-default.panel-group .panel-title a.collapsed {
    border: none !important;
    color: #444;
}

.col3 fieldset > legend {
    border-color: #696969;
}

.col3 fieldset > legend:after {
    background: #696969;
}

.col3 .smart-accordion-default.panel-group .panel-title a.collapsed i {
    color: #696969;
}

/*col3 Ends*/


/*col4 Starts*/


.col4 *{color: #ddd!important}

.col4 .form-horizontal .control-label {
    color: #ddd !important;
}
body.col4.smart-style-6 {
    background: #333 !important;
	filter: grayscale(1);
}
body.col4 #shortcut ul li .jarvismetro-tile {
    box-shadow: none;
}

body.col4 #shortcut .fa {
    color: #ddd!important;
}

body.col4.smart-style-6 #header {
    height: auto;
	background: #ddd!important;
}

body.col4.smart-style-6 #header *{background: none!important; color: #333!important}



body.col4 div#globe a, body.col4 .header-dropdown-list, body.col4 .btn-header>:first-child>a {
    background: none!important;
}

body.col4 .header-dropdown-list a.dropdown-toggle span, body.col4 .header-dropdown-list>li>.dropdown-toggle .fa, body.col4 .btn-header>:first-child>a i {
    color: #ddd!important;
}

body.col4.smart-style-6.fixed-ribbon #ribbon{
    background: #ddd!important;
}

body.col4.smart-style-6.fixed-ribbon #ribbon * {
    background: none!important;
    color: #333!important;
}

body.col4 #header .container {
    background: none !important;
}
.col4 .jarviswidget>div[role="content"] {
    border: 1px solid #ddd !important;
    background: #333 !important;
}

body.col4.smart-style-6 #left-panel {
    border: 1px solid #ddd;
    background: #333 !important;
    padding: 0;
}



body.smart-style-6.col4 #left-panel nav ul li.open > a b .fa, body.smart-style-6.col4 #left-panel nav ul li > a b .fa {
    color: #ddd !important;
	background: none!important;
}

body.smart-style-6.col4 .k-grid-header th.k-header, body.smart-style-6.col4 .k-grid-header th.k-header > .k-link {
    background: #ddd!important;
	color: #333!important;
}

body.smart-style-6.col4 .k-grid-header th.k-header *, body.smart-style-6.col4 .k-grid-header th.k-header > .k-link * {
    background-color: unset!important;
    color: #333!important;
}

body.smart-style-6.col4 .login-info * {
    background: none!important;
}

body.smart-style-6.col4 .page-footer * {
    background: none!important;
    color: #333!important;
}

body.smart-style-6.col4 .page-footer {
    background: #ddd!important;
}

.col4 .k-menu .k-item>.k-link {
    font-size: 14px;
    font-weight: 400;
}

.col4 .form-horizontal .form-group label.col-lg-3.col-md-4.control-label, .col4 #caseInfo\.caseNo_column p.form-control-static {
    color: #ddd !important;
}

body.col4.smart-style-6 .leavemessage {
    background: none !important;
}
body.smart-style-6.col4 .minifyme:after {
    right: -1px;
}

body.smart-style-6.col4 .k-dropdown-wrap>span.k-input {
    height: 20px !important;
    color: #333 !important;
}
.col4 div#dynaForm-toolbar:hover:before {
    background: #333;
}

.col4 fieldset > legend:after {
    background: #ddd;
}


body.col4.smart-style-6 * .k-grid tr td, body.col4.smart-style-6 * .k-grid tr th {
    border-color: #666 !important;
}

body.col4.smart-style-6 .smart-accordion-default.panel-group .panel-title a {
    background: #ddd;
    color: #333!important;
    border: none!important;
}

body.col4.smart-style-6 .smart-accordion-default.panel-group .panel-title a.collapsed {
    border: none !important;
    background: #333;
    color: #ddd !important;
}

body.col4.smart-style-6 .panel .panel-collapse {
    border: none;
    background: #333!important;
    border-top: 1px solid #ddd!important;
}


body.col4.smart-style-6 .panel .panel-title {
    background: none!important;
}

body.col4.smart-style-6 .panel-default>.panel-heading {
    background: none!important;
}


.col4 tr:nth-child(even), .col4 tr {
    background: #333 !important;
}

.col4 span.k-dropdown-wrap.k-state-default, .col4 .k-autocomplete.k-state-default .k-input, .col4 .k-picker-wrap.k-state-default, .col4 .k-picker-wrap.k-state-default input.k-input {
    background: #ddd;
    color: #000 !important;
}

.col4 .k-grid-header {
    padding-right: 0 !important;
}

.col4  .k-header.k-grid-toolbar {
    background: #333;
}

body.smart-style-6.col4 .login-info {
    margin-top: 0 !important;
}

body.size14.smart-style-6 nav ul li:last-child a {
    border: none !important;
}


body.col4.smart-style-6  .k-grid tbody .k-button, body.col4.smart-style-6 .k-header.k-grid-toolbar .btn.btn-default.btn-sm, body.col4.smart-style-6 .jarviswidget-ctrls .button-icon {
    background: #ddd;
	color: #333;
}

body.col4.smart-style-6 .k-header.k-grid-toolbar .btn.btn-default.btn-sm i, body.col4.smart-style-6 .jarviswidget-ctrls .button-icon i, body.smart-style-6.col4 nav ul li a .fa {
    background: #ddd!important;
	color: #333!important;
}
body.col4.smart-style-6 .k-grid tbody .k-button i {
    color: #333!important;
}


body.smart-style-6.col4 nav ul li.open, body.smart-style-6.col4 nav ul li.open ul {
    background: #333;
    padding: 0;
    margin: 0;
}
body.col4 nav ul li a {
    border-bottom: 1px solid rgb(221 221 221 / 30%) !important;
}

.col4 .k-pager-wrap {
    background: #333;
    border: none;
    padding-top: 10px;
}


.col4 .k-pager-wrap {
    background: #333;
    border: none;
    padding-top: 10px;
}

body.col4.smart-style-6 .k-pager-wrap .k-link {
    background-color: #ddd;
    color: #333!important;
}
.col4 .widget-body-toolbar + fieldset:first-of-type {
    background: #333;
}


.col4 .smart-accordion-default.panel-group .panel-title a.collapsed {
    background: #ddd;
    color: #333 !important;
}

body.col4.smart-style-6 .k-numerictextbox>.k-numeric-wrap {
    height: 28px!important;
    background: #ddd!important;
}

body.col4.smart-style-6 .k-numerictextbox>.k-numeric-wrap input {
    background: #ddd;
}

.col4 .widget-body-toolbar + fieldset:first-of-type ~ fieldset > style ~ .row {
    background: #333;
}

.col4 a[href="javascript:eJustice.accordian.expandAll()"], .col4 a[href="javascript:eJustice.accordian.collapseAll()"] {
    background: #ddd;
    color: #333 !important;
}

.col4 .form-actions {
    background: #ddd;
}


.col4 .jarviswidget td:first-child, .col4 .jarviswidget th:first-child {
    border-left: 1px solid #ddd !important;
}

.col4 .jarviswidget td:last-child, .col4  .jarviswidget th:last-child {
    border-right: 1px solid #ddd;
}


.col4 #a-panel div[role="content"] {
    background: #ddd!important;
}

body.col4 #shortcut .fa, body.col4  .jarvismetro-tile .iconbox span, body.col4 span.select-ur-theme.theme-span {
    color: #333!important;
}

.col4 .modal * {
    color: #333 !important;
}

.col4 .table-bordered th, .col4 .table-bordered th * {
    background: #ddd;
    color: #333 !important;
}
.col4 div#grid > .k-grid-content {
    background: #333;
}

/*col4 Ends*/


.k-datepicker>.k-picker-wrap>.k-input {
    height: 24px;
    color: #333 !important;
}
span.select-ur-theme.theme-span {
    margin-top: 10px;
}
.panel-collapse {
    border: 1px solid #b68a36;
    border-top: none!important;
    border-radius: 0 0 5px 5px;
}

div#caseInfo\.tempParties_column .col-lg-10.col-md-9 {
    width: 100%;
}

.table-bordered th {
    background: #b68a35;
    color: #fff;
    font-size: 16px;
}
 
.table-bordered .text-center {
    text-align: left!important;
}

body.smart-style-6 input[type=checkbox]:before {
    position: absolute;
    left: 2px;
    top: 1px;
    background: #fff;
    content: "";
    width: 100%;
    height: 100%;
}

body.smart-style-6 input[type=checkbox]:after {
    background: none;
    color: #fff;
    left: -1px;
    padding: 0;
    margin: 0;
    line-height: 100%;
}

input[type="radio"]:after {
    background: none;
    left: -3px;
    width: 30px;
    height: 30px;
}

input[type="radio"]:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 17px;
    width: 17px;
    background: #fff;
    display: block;
}

input[type="radio"]:checked:after {
    color: #666;
}

body.smart-style-6 input[type=checkbox]:checked:after {
    color: #666;
}

.widget-body-toolbar .btn-group button.btn.btn-default:hover {
    background: #b68a36;
    color: #fff;
}

.col1 .widget-body-toolbar .btn-group button.btn.btn-default:hover {
    background: #c8132e;
}

.col2 .widget-body-toolbar .btn-group button.btn.btn-default:hover {
    background: #00843d;
}

.col3 .widget-body-toolbar .btn-group button.btn.btn-default:hover {
    background: #696969;
}


div#dynaForm-toolbar:hover:before {
    background: #b68a36;
    color: #fff;
}

.col1 div#dynaForm-toolbar:hover:before{ background: #c8132e;}

.col2 div#dynaForm-toolbar:hover:before{ background: #00843d;}

.col3 div#dynaForm-toolbar:hover:before{ background: #696969;}


.childConnectedSortable li {
    background: #666;
    border: none;
    border-radius: 4px;
}

body.smart-style-6 input[type=checkbox] ~ label {
    margin-left: 10px;
}

.form-control[type], textarea.form-control, select.form-control {
    background: #fff !important;
    padding: 0 7px !important;
}

.panel-footer.clearfix {
    margin: 0 -1rem;
    padding: 10px 30px;
}


.k-state-hover, .k-state-focused {
    background: #fff!important;
}


#migratedCaseSearch .col-md-12.text-center .btn, #caseInfosearch .col-md-12.text-center .btn{
    height: 42px;
    min-width: 120px;
	border-radius:4px;
	box-shadow:none;
}

#migratedCaseSearch .col-md-12.text-center .btn i, #caseInfosearch .col-md-12.text-center .btn i {
    font-size: 1.2rem;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px;
}

#migratedCaseSearch .col-md-12.text-center .btn-primary i, #caseInfosearch .col-md-12.text-center .btn-primary i {
    color: #fff;
}

.childConnectedSortableHeader {
    background: #fff;
}

.childConnectedSortable {
    background: #fff;
}

.form-control[type], textarea.form-control, select.form-control {
    color: #333!important;
}

.k-calendar .k-content th, .k-calendar .k-link.k-nav-fast {
    color: #333!important;
}

.k-panelbar .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected, .k-state-selected td.k-state-focused, .k-listview>.k-state-focused.k-state-selected,.k-state-focused, .k-list>.k-state-focused, .k-listview>.k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button.k-state-focused {box-shadow: none;}

.k-panelbar .k-state-focused.k-state-selected *, td.k-state-focused.k-state-selected *, .k-state-selected td.k-state-focused *, .k-listview>.k-state-focused.k-state-selected *, body.smart-style-6 .k-today.k-state-focused * {
    color: #333!important;
}

.modal-content {
    background: #f3f3f3;
}

.divMessageBox {
    text-align: center;
}

.MessageBoxContainer {
    text-align: left;
}

[lang="ar"] .MessageBoxContainer {
    text-align: right;
}

.MessageBoxMiddle .pText {
    margin-top: 1rem;
}

.MessageBoxButtonSection button {
    float: none;
}

.MessageBoxButtonSection {
    text-align: center;
}

[lang="ar"] input[type="radio"]:after {
    left: auto;
    margin-right: -3px;
}

[lang="ar"] input[type="radio"]:before {
    right: -1px;
    border-radius: 50%;
}

[lang="ar"] input[type="radio"] {
    left: auto;
    right: 20px;
}

[lang="ar"] label.radio-inline {
    padding-left: 0;
    padding-right: 25px;
    margin-right: 0;
    margin-left: 15px;
}

nav>ul>li>ul>li>a i {
    height: auto !important;
    background: none !important;
    position: static !important;
}

form#command {
    /* margin: 0 -15px; */
}

#command  .panel-footer.clearfix {
    margin: 0;
}

#command .panel-default {
    background: rgba(255, 255, 255, .7);
}

#command .panel-default .panel-heading, #command .panel-default .panel-footer {
    background: #fff;
    border: none;
}

#command .panel-default .panel-footer .btn {
    min-width: 100px;
}

#command .panel-default .panel-heading h3.panel-title {
    font-weight: 600;
}

#command .panel-default .panel-footer {padding: 10px 15px;}



.widget-body-toolbar + fieldset:first-of-type ~ fieldset > style ~ .row {
    padding: 0;
}

.widget-body-toolbar + fieldset:first-of-type ~ fieldset > style ~ .row .col-md-6 {
    margin: 1rem;
    width: calc(50% - 2rem);
}

#tempString_column > .col-md-12 > .row .col-md-6 {
    width: calc(50% - 2rem);
    margin: 1rem;
}

#tempString_column > .col-md-12 > .row {
    background: #fff;
    border-radius: 10px;
}

.form-control-static {
    color: #000;
	font-size:16px;
}

#caseNo_column .input-group input, #caseNo_column .input-group .btn {
    height: 40px;
    box-shadow: none;
}
#caseNo_column .input-group .btn {
    background: #333;
    border: transparent;
    min-width: 100px;
}

#judgementDisplay1::after {
    top: -4px;
}

#header ul.dropdown-menu.pull-right {
    border: none;
    margin-top: -5px;
    border-radius: 0 0 10px 10px;
    padding: 0;
}

#header ul.dropdown-menu.pull-right a {
    padding: 7px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    text-transform: capitalize;
}

#header ul.dropdown-menu.pull-right a:hover {
    background: rgba(69, 69, 69, .05);
    color: #333;
}

#header ul.dropdown-menu.pull-right li:last-child a {
    border-radius: 0 0 10px 10px;
    border-color: transparent;
}

body.smart-style-6 .header-dropdown-list>li>.dropdown-toggle span {
    text-transform: capitalize;
    font-weight: 600;
}
nav ul li li.active > a {
    font-weight: 600;
}

/*Registration Page Starts*/



.registration_page .page-sub-container > .container {
    max-width: 100%;
    background: none;
}

.registration_page .application-form {
    background: none;
    padding: 0;
	margin: 0;
}
c
.registration_page .form-main {
    margin: 0;
}

.registration_page header.header {
    background: rgba(255,255,255,.75)!important;
    margin: 0 1rem;
    border-radius: 0 0 10px 10px;
}
.registration_page header.header > .container {
    max-width: 100%;
    padding: 0 1rem;
}

.registration_page .main-menu .navigation .main-menu-item>li>a {
    border: none!important;
}
.registration_page .header>div, .main-menu > .container {
    max-width: 100%;
    padding: 0 1rem;
}
.registration_page .form-icons {
    background: rgba(255,255,255,.75)!important;
    margin: 1rem;
    width: calc(100% - 2rem);
    border-radius: 10px;
    padding: 1rem;
}
.registration_page .form-icons>p a img {
    display: inline-block;
    margin: 0 10px;
    width: 42px;
    height: 42px;
    padding: 5px;
}

.registration_page .registration_page_main {
    margin:0 1rem 1rem 1rem;
    background: rgba(255,255,255,.75)!important;
    display: inline-block;
    padding: 1rem;
    border-radius: 10px;
}

.registration_page .page-sub-container{ margin-bottom: 0;}

.registration_page .page-footer > footer {
    border-radius: 10px 10px 0 0;
    background: rgba(255, 255, 255, .75) !important;
}

.registration_page h3.heading-med {
    font-size: 22px!important;
    font-weight: 500!important;
    margin: 0;
    padding: 0 1.25rem;
}

.registration_page .registration_page_main .note {
    padding: 0;
    font-weight: 300;
    padding-left: .25rem;
    color: #333;
}

.registration_page .registration_page_main  .row .row {
    margin: 0;
}

.registration_page .registration_page_main  .note>span {
    margin-right: 5px;
}

.registration_page .registration_page_main .note a.inductfrm {
    margin: 0 5px;
    font-weight: 600;
}

.registration_page .form-horizontal .form-control {
    border-radius: 4px;
    border-color: #ddd;
}

.registration_page  .form-heading::after {
    content: "";
    position: absolute;
    bottom: -4px;
    width: 60px;
    height: 8px;
    background: #b78a35;
    border-radius: 4px;
    left: 20px;
}

.registration_page .form-heading {
    position: relative;
    padding-bottom: 10px;
    border-bottom-style: solid;
    font-size: 16px;
    font-weight: 600;
    color: #bf9e67;
    border-color: #bf9e67;
}

.registration_page .btn.btn-default.btn-upload {
    margin: 0 !important;
    text-transform: capitalize !important;
}

.registration_page  .btn {
    font-size: 1rem !important;
    text-transform: capitalize;
    min-height: 40px;
    min-width: 120px;
    border-radius: 5px !important;
    padding: 10px 12px;
}

.registration_page .upload-pdf .form-control, .registration_page .profile-img-main .form-control {
    padding-right: 240px;
    height: 40px;
}

.registration_page .myLabel>span {
    height: 40px;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize;
    right: 125px;
    min-width: 100px;
    justify-content: center;
    border-radius: 5px;
}

.registration_page .table > thead > tr > th {
    border: none;
    background: #9e8739;
    color: #fff;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.registration_page .profile-img-box .profile-img {
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

.registration_page .form-group.profile-img-main {
    background: #fff;
    padding: 1.5rem;
    border-radius: 10px;
}


.menu-bar .footer-menu .submenu .list li a {
    text-decoration: none !important;
}

[lang="ar"] .registration_page .myLabel>span {
    right: auto;
    left: 125px;
}

[lang="ar"]  .registration_page .btn.btn-default.btn-upload {
    right: auto;
    left: 0;
}

[lang="ar"]  .registration_page .form-heading::after {
    left: auto;
    right: 20px;
}

[lang="ar"]  .social-media {
    right: auto;
    left: 0;
}

[lang="ar"]  .social-media .social-media-list li a {
    border-radius: 0 5px 5px 0;
}

html[lang="ar"] body .page-footer footer .menu-bar {
    display: flex;
    text-align: right;
}

html[lang="ar"] .newsletter-bar .no-visitor i {
    margin-right: 0;
    margin-left: 20px;
}


html[lang="ar"]  .no-visitor strong.visitors-value {
    margin-top: 8px;
}

html[lang="ar"] .main-menu .navigation .main-menu-item>li>ul.sub-menu {
    left: auto;
    right: 0;
}

.col1.registration_page .table > thead > tr > th {
    background: #cc0100;
}

.col2.registration_page .table > thead > tr > th {
    background: #349934;
}

.col3.registration_page .table > thead > tr > th {background:#8e8e8e;}

.col3.registration_page  .enotery-tabs .nav-tabs > li.active > a, .col3.registration_page h3.heading-med, .col3.registration_page  .form-icons > p a, .col3.registration_page  .enotery-tabs .nav-tabs > li > a, .col3.registration_page  .form-heading {
    color: #8e8e8e!important;
}

.col3.registration_page .myLabel > span, .col3.registration_page .buttons-center .btn.btn-submit {
    background: #8e8e8e;
}


.col3.registration_page .form-icons > p a img {
    background: #8e8e8e;
}

.col3.registration_page  .btn.btn-default.btn-upload{ background:#333; color:#fff;}

.col4.registration_page .table > thead > tr > th {background:#333;}

.col4.registration_page  .enotery-tabs .nav-tabs > li.active > a, .col4.registration_page h3.heading-med, .col4.registration_page  .form-icons > p a, .col4.registration_page  .enotery-tabs .nav-tabs > li > a, .col4.registration_page  .form-heading {
    color: #333!important;
}

.col4.registration_page .myLabel > span, .col4.registration_page .buttons-center .btn.btn-submit {
    background: #333;
}

.col4.registration_page  .btn.btn-default.btn-upload{ background:#333; color:#fff;}

.col4.registration_page .form-icons {
    background: #ddd!important;
}

body.col4.registration_page {
    background: #333 !important;
    filter: grayscale(1);
}

/*Registration Page Ends*/

body.smart-style-6 input[type=checkbox]:after {
    left: -3px;
    top: -3px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #888;
}

body.smart-style-6 input[type=checkbox] {
    margin-right: 0.25rem;
}
[lang="ar"] body.smart-style-6 input[type=checkbox]:after{right: -3px; left:auto;}
[lang="ar"] body.smart-style-6 input[type=checkbox] {
    margin-left: 0.25rem;
    margin-right:0;
}

[lang="ar"]  body.smart-style-6 input[type=checkbox]:before {
    left: -6px;
    height: 20px;
    width: 20px;
}
[lang="ar"] body.smart-style-6 input[type=checkbox] ~ label {
    margin-right: 12px;
}

[lang="ar"] body.smart-style-6 input[type=checkbox] {
    top: 5px;
}

body.smart-style-6 input[type=checkbox] ~ a {
    margin: 0px 1rem;
    display: inline-block;
    position: relative;
    top: -5px;
}

div#response-content {
    padding: 2.5rem 1.5rem;
    border-radius: 10px;
    height: auto!important;
    background: rgb(255 255 255 / 60%);
}

div#response-content img {
    width: 320px!important;
    height: auto!important;
    background: #fff;
    padding: 10px 5px;
    border-radius: 10px;
}

button.btn.btn-default.btn-round.paynow {
    background: #333;
    border: none;
    color: #fff;
}

button.btn.btn-default.btn-round.paynow[disabled] {
    opacity: 0.4;
}

/*Responsive Starts*/

@media only screen and (max-width: 991.98px){

body.smart-style-6.internal .page-footer.internal-footer {
    margin-left: 1rem !important;
}
	
html[lang="ar"] body.smart-style-6.internal .page-footer.internal-footer {
    margin-right: 1rem !important;
}
	
	.k-grid table{ min-width: 700px;}
}
@media only screen and (max-width: 979.98px){
	#header .container {
    padding-right: 0;
}
	body.smart-style-6.internal .page-footer.internal-footer .txt-color-white {
    padding: 5px 0;
}

html body.smart-style-6 .login-info {
    height: auto !important;
    background-position: top center;
}
body.smart-style-6 .login-info img {
    display: none;
}

html body.smart-style-6 .login-info {
    height: auto!important;
}

body.smart-style-6 .login-info>span {
    height: auto!important;
}
body.smart-style-6 nav > ul{ top:70px;}
	
.fixed-header #main {
    margin-left: 1rem;
    margin-right: 1rem;
    width: calc(100% - 2rem)!important;
}


body.smart-style-6 .minifyme {
    display: none;
}

aside#left-panel {
    left: -100%;
}

	
html[lang="ar"] .smart-rtl #left-panel {
    right: -100%;
}

html[lang="ar"] .smart-rtl.hidden-menu #left-panel {
	right: 0;
	}
	
html[lang="ar"] .smart-rtl #main {
    margin: 01rem;
}
	
html[lang="ar"] body.smart-style-6 #hide-menu>:first-child>a {
    margin-left: 0;
    margin-right: 5px;
}
.hidden-menu #left-panel {
    margin-left: 1rem;
    left: 0;
    background: #fff!important;
    padding-bottom: 2rem;
}

body .btn-header>:first-child>a:hover:after {
    display: none;
}


.hidden-menu {
    overflow: hidden;
}

body.smart-style-6 #logo-group span#activity, body.smart-style-6 .btn-header>:first-child>a {
    margin-top: 0!important;
}

	}


@media only screen and (max-width: 880px){
	

html[lang="ar"] div#globe a strong i.fas.fa-globe {
    margin-right: 0;
    margin-left: 5px;
}

html[lang="ar"] div#globe a strong:after {
    left: 5px;
    right: auto;
}

    html[lang="ar"] body.smart-style-6 #hide-menu>:first-child>a {
        padding-left: 7px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

  html[lang="ar"] .smart-rtl .btn-header.transparent a {
        line-height: 100% !important;
        height: 40px !important;
        display: inline-flex;
        width: 40px !important;
        align-items: center;
    }
	#hide-menu>:first-child>a, .btn-header a {
    margin-top: 0!important;
}

body.smart-style-6 #logo-group span#activity, body.smart-style-6 .btn-header>:first-child>a {
	display: inline;
}
div#globe a {
    margin-top: 0px !important;
}
	
  
}

@media only screen and (max-width: 767.98px){
#hide-menu.btn-header>:first-child>a {
    padding-right: 10px;
}
	
div#globe a strong i.fas.fa-globe {
    margin-right: 35px;
}
    html[lang="ar"] div#globe a strong i.fas.fa-globe {
        margin-right: 2px;
        margin-left: 35px !important;
        margin-top: 2px;
    }
    	
}
@media only screen and (max-width: 575.98px){

body.smart-style-6 #logo img {width: 100px;}

#logo-group>span {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
}

div#globe a, .header-dropdown-list, body .btn-header>:first-child>a {}

#header .pull-right .fa, div#globe a i {
    font-size: 15px;
}

div#globe a, body.smart-style-6 #logo-group span#activity, body.smart-style-6 .btn-header>:first-child>a {
    padding: 7px;
    height: auto;
}

    div#globe a strong {
        margin: 0;
        line-height: 100%;
    }

div#globe a {
    margin-top: 2px!important;
}
html body.hidden-menu .pull-right #hide-menu a {
    background-color: #b68a35 !important;
    color: #fff !important;
    width: auto !important;
    height: auto !important;
    padding: 7px !important;
    line-height: normal !important;
}
	
#logo-group>span {
    padding: 5px 0 !important;
}
	
body.smart-style-6 #ribbon {
    display: flex;
}

#ribbon .breadcrumb {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 0!important;
    padding-left: 0!important;
}
	
body.smart-style-6 #activity b.badge {
    top: -10px;
    font-size: 10px;
    min-width: 20px;
    min-height: 20px;
    height: 20px;
    line-height: 20px;
    border-radius:4px;
}
	
	.bootstrapWizard li span.title {
    font-size: 12px!important;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: normal!important;
    word-wrap: normal!important;
}
.bootstrapWizard li.active span.title {
    display: block;
    position: relative;
    width: 100%;
    min-width: 300px;
    text-align: left;
}
	
	ul.bootstrapWizard{ margin-left: 0;}
	
	.show[style="min-height: 32px"] {
    min-height: unset !important;
}
html[lang="ar"] .smart-rtl .btn-header.transparent a {
    width: auto!important;
    height: auto!important;
}

html[lang="ar"] body.smart-style-6 #hide-menu>:first-child>a {
    width: auto!important;
    height: auto!important;
}
	
html[lang="ar"] div#globe a {
    margin-top: 0px!important;
    margin-left: 0;
}

      html[lang="ar"] div#globe a strong:after {
        top: 3px;
        line-height: 100%;
        font-size: 13px;
    }
    
	body.smart-style-6 #logo img{ width: 94px;}
	
}

@media only screen and (max-width: 370.98px){
	
	
[lang="ar"] #logo-group>span a {
    display: inline-flex;
    justify-content: end;
}
#logo-group>span a {
    width: 40px;
    overflow: hidden;
}

body.smart-style-6 #logo img {
    width: 116px;
}
.fixed-header.fixed-ribbon #header {
    min-width: 320px;
}

.fixed-header #main {
    min-width: 320px;
}
}

@media only screen and (max-width: 979.98px) {
    html[lang="ar"] .smart-rtl.hidden-menu #left-panel {
        margin-right: 0 !important;
    }
}

#login header#header {
    background: rgba(255,255,255,.75)!important;
    margin: 0 1rem;
    border-radius: 0 0 10px 10px;
}

#login header#header img {
    width: 150px!important;
    height: auto;
    mix-blend-mode: multiply;
}


#login div#content {
    max-width: 100%;
    width: 100%;
}

#login div#content .container {
    width: 100%;
}

#login div#content .container form#userLogin {
    max-width: 600px;
    margin: auto;
    margin-top: 50px;
}

#login div#content .container .panel-body {
    background: rgba(255,255,255,.85)!important;
}

#login div#content .container .panel.panel-default {
    border: none;
    background: none;
}

#login div#content .container .panel-footer.clearfix {
    background: #fff;
    margin: 0;
    border-radius: 0 0 8px 8px;
    padding: 10px 1rem;
}

#login div#content .container .panel-heading {
    background: #fff;
    border-radius: 8px 8px 0 0;
}

#login div#content .container .panel-heading h3.panel-title {
    font-weight: 600;
    padding: 7px 0;
}

#login div#content .container button.btn.btn-primary {
    background: #666;
    border: 1px solid transparent;
}

#login div#content .container .panel-body label.col-lg-2.col-md-3.control-label {
    width: 100%;
    text-align: left;
    padding-bottom: 4px;
}

#login div#content .container .panel-body .col-lg-10.col-md-9 {
    width: 100%;
    text-align: left;
}
[lang="ar"] #login div#content .container .panel-body .col-lg-10.col-md-9, 
[lang="ar"] #login div#content .container .panel-body label.col-lg-2.col-md-3.control-label{text-align:right;}

#login div#content .container button.btn {
    border-radius: 5px;
}

[lang="ar"] [data-tabpane-name="represent_case_parties"] input[type="radio"], [data-tabpane-name="party_authorization"] input[type="radio"] {
    margin-top: -6px !important;
    margin-right: -6px;
}
[lang="ar"] [data-tabpane-name="represent_case_parties"]  input[type="radio"]:before, [data-tabpane-name="party_authorization"] input[type="radio"]:before {
    right: -3px;
    top: 0px;
    background: #eeeeee !important;
}
[lang="ar"] [data-tabpane-name="represent_case_parties"]  input[type="radio"]:after, [data-tabpane-name="party_authorization"] input[type="radio"]:after {
    right: -5px;
    top: -4px;
}
[lang="ar"] [data-tabpane-name="represent_case_parties"] span.input-group-addon, [data-tabpane-name="party_authorization"] span.input-group-addon {
    width: 31px;
}
[data-tabpane-name="represent_case_parties"] input[type=radio], [data-tabpane-name="party_authorization"] input[type="radio"] {
    margin-top: -6px !important;
    margin-left: -9px;
}
[data-tabpane-name="represent_case_parties"]  input[type="radio"]:before , [data-tabpane-name="party_authorization"] input[type="radio"]:before {
    left: -3px;
    top: 0px;
    background: #eeeeee !important;
}
[data-tabpane-name="represent_case_parties"]  input[type="radio"]:after, [data-tabpane-name="party_authorization"] input[type="radio"]:after {
    left: -5px;
    top: -4px;
}
[data-tabpane-name="represent_case_parties"] span.input-group-addon, [data-tabpane-name="party_authorization"] span.input-group-addon{
    width: 31px;
}

[data-tabpane-name="confirm_withdrawal"] .input-group-addon {
  padding: 0 8px;
}
[data-tabpane-name="confirm_withdrawal"] input[type=checkbox]:after {
  top: -5px !important;
}
[lang="ar"] [data-tabpane-name="confirm_withdrawal"] input[type=checkbox] {top: 0 !important;}
 [lang="ar"] [data-tabpane-name="confirm_withdrawal"] input[type=checkbox]:before {top: -1px !important;}


html[lang="ar"] body .infoSt-badge {
    right: 80px;
}
 
#MrAccessInHand {
    z-index: 9999 !important;
}

.modal-open .modal {
    z-index: 99999;
}

.registration_page_main {
    width: calc(100% - 2rem);
}

#documentGroupKey_column  .k-grid-header-wrap table colgroup col:last-child, #documentGroupKey_column .k-grid-content table colgroup col:last-child {
     min-width: 170px!important;
}

@media only screen and (max-width:767.98px){
div#accessibilityWidget {
    display: none;
}

.main-menu .navigation {
    padding-left: 0;
}

div#logo-group {
    display: none  !important;
  }  
 .mobile-menu {
    margin-top: 0px !important;
}
#header>div.main-menu{
	border-radius:10px;
	border: none;
    background: none !important;
}
.fixed-header.fixed-ribbon #header {
    padding-top: 13px !important;
    padding-bottom: 10px !important;
}

[lang="en"] #header > div.main-menu {
    background: none!important;
    justify-content: flex-start;
    display: flex;
    text-align: left;
}

html[lang="en"] .main-menu .navigation {
    margin-right: auto;
    justify-content: flex-start;
    padding-left: 0;
    direction: rtl;
}

html[lang="en"] .main-menu .navigation .pull-right {
    float: left!important;
    margin-right: auto;
    margin-left: 0!important;
    justify-content: flex-start;
    width: auto;
    gap: 0 6px;
}

html[lang="en"] body.smart-style-6 .btn-header a {
    margin-left: 0!important;
}

html[lang="en"] div#globe a {
    padding: 9px;
}

div#globe a strong {
}


html[lang="en"] div#globe a strong i.fas.fa-globe {
    margin-top: 0;
}

html[lang="en"]  span.mobile-menu {
    margin-right: 15px;
}

 #header .pull-right{width:auto!important}
}