body {
	font-family: Arial, Helvetica, sans-serif !important;
}

.fixed-header.fixed-ribbon #header {
    box-shadow: none;
    background: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 99999;
}
.modal-open header {
    z-index: 99 !important;
}
body.smart-style-6 #ribbon {
    background: #b68a35;
    z-index: 999;
}
.fa{ color:#b68a35;}

.flag + span{ color:#666;}
body.smart-style-6 #ribbon {
    background: #fff;
    z-index: 99;
}
.btn.btn-ribbon {
    background: none;
    box-shadow: none;
}
body.smart-style-6 nav > ul {
    background: #b68a35;
}
body.smart-style-6 nav > ul ul {
    background: #fff;
	padding:0;
}
body.smart-style-6 nav ul li a .fa {
    color: #fff;
}

body.smart-style-6 nav ul li a{border-bottom: 1px solid #cba970; font-weight: 500;}

nav ul span.menu-item-parent{ color:#fff;}
nav ul li ul span.menu-item-parent {
    color: #000000;
}

.jarviswidget > header {
    height: auto;
    padding: 0;
    line-height: 40px;
    float: left;
    width: 100%;
}
.jarviswidget > header > h2 {
    margin-left: 10px;
    float: left;
    color: #b68a35;
    font-size: 18px;
    display: block;
    padding: 5px;
}
.widget-icon .fa {
    vertical-align: middle;
    font-size: 17px;
    margin-top: 8px;
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1;
    border-radius: 50%;
    background: #b68a35;
}

.scroll-top-inner .fa {
    color: #ddd;
}
body.smart-style-6 .minifyme {
    background: #b68a35;
}


body.smart-style-6 .minifyme .fa {
    color: #fff;
    font-size: 21px;
}
body.smart-style-6 .page-footer {
    background: #9e8739;
}
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #fff;
    background-color: #b68a35!important;
    border-color: #b68a35!important;
}
body.smart-style-6 .btn-primary, .btn-primary {
    background: #b68a35;
    border-color: #b68a35 !important;
    box-shadow: none;
}
.form header, legend {
    font-size: 14px !important;
    text-transform: uppercase;
    color: #000000;
}
.k-grid-header th.k-header {
    background: #b68a35!important;
    color: #fff!important;
}
body.smart-style-6 .txt-color-magenta, body.smart-style-6 nav ul li.active > a::before {

    color: #fff !important;

}

body.smart-style-6 .ajax-notifications .fa-4x.fa-border {
    color: #b68a35;
    border-color: #b68a35;
}
.todo > li > p > :first-child {
    margin-top: -5px;
    color: #666;
    margin-bottom: 4px;
    font-size: 14px;
}
.todo > li > p > span {
    display: block;
    line-height: 12px;
    font-size: 13px;
    font-weight: 400;
}
.todo-group-title {
    color: #000000;
    font-weight: normal;
}
.hidden-menu .fa.fa-reorder {
    color: #fff;
}
.hidden-menu #hide-menu > :first-child > a {
    background: #686868 !important;
	box-shadow:none; 
	border:none;
}
.fixed-header #shortcut {
    position: fixed;
    z-index: 9999;
    top: 49px;
    background: #666;
}

.fixed-header #shortcut .fa{ color:#fff;}

.fixed-header #shortcut ul{ border:none; box-shadow:none;}

.jarvismetro-tile .iconbox i {
    display: block;
    margin: 15px auto;
    height: auto;
}

.jarvismetro-tile .iconbox span {
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
}
#jarviswidget-fullscreen-mode{ z-index:9999999999;}

.txt-color-red {
    color: #fff !important;
    font-size: 34px;
}

#extr-page h5.about-heading {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 5px;
}

body.smart-style-6 .page-footer {
    background: #b68a35;
}

#shortcut ul li {
    display: inline-block;
    width: auto;
    vertical-align: top;
}
.color-palet {
    display: inline-block;
    float: left;
    padding-bottom: 3px;
    text-align: center;
    width: 100%;
    vertical-align: top;
    min-height: 120px;
    padding: 0px 6px;
    border: 1px solid darkseagreen;
    background: lightseagreen;
}

.color-palet span {
    border: 1px solid #ddd;
    display: inline-block;
    height: 32px;
    margin: 2px;
    width: 32px;
    border-radius: 50%;
    background: none;
    margin-top: 20px;
}
  
  span.select-ur-theme.theme-span {
    background: none;
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    margin-top:0;
}

.color-palet span:hover {
  border-color: #666; }

.color-palet span.color0 {
  background: #b08a27; }

.color-palet span.color1 {
  background: #c8122e; }

.color-palet span.color2 {
  background: #339933; }

.color-palet span.color4 {
  background: #8e8e8e; 
}

.color-palet span.contrast, .color-palet span.color3 {
    border: none;
    margin: 2px 0;
    height: auto;
}

body.smart-style-6 nav>ul>li>a{ padding-left:5px;}

html[lang="ar"] body.smart-style-6 .login-info a span{ margin-right:-10px; margin-left:0;}

#divSmallBoxes, #divMiniIcons, #divbigBoxes {
    z-index: 9999999999;
}
.header-dropdown-list a.dropdown-toggle span {
    color: #000;
}
body.smart-style-6 nav ul li ul li a .fa {
    color: #666;
}

.hidden-menu #left-panel {
    z-index: 99999;
}

.color-palet span:hover {
    cursor: pointer;
}


/** Green **/
body.col2.smart-style-6 #ribbon {
    background: #00843d;   
}
.col2 .fa{ color:#00843d;}
body.col2.smart-style-6 nav > ul {
    background: #00843d;
}
.col2 .jarviswidget > header > h2 {
    
    color: #00843d;
   
    
}
.col2 .scroll-top-wrapper.show {    
    background: #00843d;
}


body.col2.smart-style-6 .minifyme {
    background: #00843d;
}
body.col2.smart-style-6 .page-footer {
    background: #9e8739;
}
.col2 .k-state-selected, .col2 .k-state-selected:link, .col2 .k-state-selected:visited, .col2 .k-list > .k-state-selected, .col2 .k-list > .k-state-highlight, .col2 .k-panel > .k-state-selected, .col2 .k-ghost-splitbar-vertical, .col2 .k-ghost-splitbar-horizontal, .col2 .k-draghandle.k-state-selected:hover, .col2 .k-scheduler .k-scheduler-toolbar .k-state-selected, .col2 .k-scheduler .k-today.k-state-selected, .col2 .k-marquee-color {
    color: #fff;
    background-color: #00843d!important;
    border-color: #00843d!import ant;
}
body.col2.smart-style-6 .btn-primary, .btn-primary {
    background: #00843d;
    border-color: #00843d !important;
    
}
.col2 .k-grid-header th.k-header {
    background: #00843d!important;
    color: #fff!important;
}

body.col2.smart-style-6 .ajax-notifications .fa-4x.fa-border {
    color: #00843d;
    border-color: #00843d;
}
.col2 .hidden-menu #hide-menu > :first-child > a {
    background: #00843d !important;
	
}

body.col2.smart-style-6 .page-footer {
    background: #00843d;
}

.col2 #ribbon .breadcrumb body.smart-style-6>.active, .col2  .breadcrumb body.smart-style-6>li+li:before, body.col2.smart-style-6 #ribbon .breadcrumb, body.col2.smart-style-6 #ribbon .breadcrumb a, body.col2.smart-style-6 #ribbon .breadcrumb li:last-child {
    color: #374850!important;
}

.col2 .scroll-top-wrapper i.fa {
    line-height: inherit;
    color: #fff;
}
body.col2.smart-style-6 nav ul li a {
    border-bottom: 1px solid #00A63D;
}

/** Red **/
body.col1.smart-style-6 #ribbon {
    background: #c8122e;   
}
.col1 .fa{ color:#c8122e;}
body.col1.smart-style-6 nav > ul {
    background: #c8122e;
}
.col1 .jarviswidget > header > h2 {
    
    color: #c8122e;
   
    
}
.col1 .scroll-top-wrapper.show {    
    background: #c8122e;
}


body.col1.smart-style-6 .minifyme {
    background: #c8122e;
}
body.col1.smart-style-6 .page-footer {
    background: #9e8739;
}
.col1 .k-state-selected, .col1 .k-state-selected:link, .col1 .k-state-selected:visited, .col1 .k-list > .k-state-selected, .col1 .k-list > .k-state-highlight, .col1 .k-panel > .k-state-selected, .col1 .k-ghost-splitbar-vertical, .col1 .k-ghost-splitbar-horizontal, .col1 .k-draghandle.k-state-selected:hover, .col1 .k-scheduler .k-scheduler-toolbar .k-state-selected, .col1 .k-scheduler .k-today.k-state-selected, .col1 .k-marquee-color {
    color: #fff;
    background-color: #c8122e!important;
    border-color: #c8122e!import ant;
}
body.col1.smart-style-6 .btn-primary, .btn-primary {
    background: #c8122e;
    border-color: #c8122e !important;
    
}
.col1 .k-grid-header th.k-header {
    background: #c8122e!important;
    color: #fff!important;
}

body.col1.smart-style-6 .ajax-notifications .fa-4x.fa-border {
    color: #c8122e;
    border-color: #c8122e;
}
.col1 .hidden-menu #hide-menu > :first-child > a {
    background: #c8122e !important;
	
}

body.col1.smart-style-6 .page-footer {
    background: #c8122e;
}

.col1 #ribbon .breadcrumb body.smart-style-6>.active, .col1  .breadcrumb body.smart-style-6>li+li:before, body.col1.smart-style-6 #ribbon .breadcrumb, body.col1.smart-style-6 #ribbon .breadcrumb a, body.col1.smart-style-6 #ribbon .breadcrumb li:last-child {
    color: #374850!important;
}

.col1 .scroll-top-wrapper i.fa {
    line-height: inherit;
    color: #fff;
}
body.col1.smart-style-6 nav ul li a {
    border-bottom: 1px solid #C8672E;
}

body.col1.hidden-menu #hide-menu > :first-child > a {
    background: none!important;
}

/** Ash **/

body.col3.smart-style-6 #ribbon {
    background: #8e8e8e;   
}
.col3 .fa{ color:#8e8e8e;}
body.col3.smart-style-6 nav > ul {
    background: #8e8e8e;
}
.col3 .jarviswidget > header > h2 {
    
    color: #8e8e8e;
   
    
}
.col3 .scroll-top-wrapper.show {    
    background: #8e8e8e;
}


body.col3.smart-style-6 .minifyme {
    background: #8e8e8e;
}
body.col3.smart-style-6 .page-footer {
    background: #9e8739;
}
.col3 .k-state-selected, .col3 .k-state-selected:link, .col3 .k-state-selected:visited, .col3 .k-list > .k-state-selected, .col3 .k-list > .k-state-highlight, .col3 .k-panel > .k-state-selected, .col3 .k-ghost-splitbar-vertical, .col3 .k-ghost-splitbar-horizontal, .col3 .k-draghandle.k-state-selected:hover, .col3 .k-scheduler .k-scheduler-toolbar .k-state-selected, .col3 .k-scheduler .k-today.k-state-selected, .col3 .k-marquee-color {
    color: #fff;
    background-color: #8e8e8e!important;
    border-color: #8e8e8e!important;
}
body.col3.smart-style-6 .btn-primary, .btn-primary {
   /*  background: #8e8e8e; */
    border-color: #8e8e8e !important;
    
}
.col3 .k-grid-header th.k-header {
    background: #8e8e8e!important;
    color: #fff!important;
}

body.col3.smart-style-6 .ajax-notifications .fa-4x.fa-border {
    color: #8e8e8e;
    border-color: #8e8e8e;
}
.col3 .hidden-menu #hide-menu > :first-child > a {
    background: #8e8e8e !important;
	
}

body.col3.smart-style-6 .page-footer {
    background: #8e8e8e;
}
.col3 #ribbon .breadcrumb body.smart-style-6>.active, .col3 .breadcrumb body.smart-style-6>li+li:before, body.col3.smart-style-6 #ribbon .breadcrumb, body.col3.smart-style-6 #ribbon .breadcrumb a, body.col3.smart-style-6 #ribbon .breadcrumb li:last-child {
    color: #374850!important;
}
body.col3.smart-style-6 nav ul li a {
    border-bottom: 1px solid #000000;
}
.col3 .scroll-top-wrapper i.fa {
    line-height: inherit;
    color: #fff;
}


/** Night Theme Start**/

body{ height:100%;}body.col4.smart-style-6{background: #000!important;}
body.col4.smart-style-6 .k-dropdown.form-control, body.col4.smart-style-6 .k-dropdown.form-control>span, body.col4.smart-style-6 .k-numerictextbox>.k-numeric-wrap, body.col4.smart-style-6 .k-textbox.form-control {
height: 31px!important;
}
body.col4.smart-style-6 #header {
height: 53px;
}
body.col4.smart-style-6 #left-panel {
padding-top: 54px;
}
body.col4.smart-style-6.fixed-header #main {
margin-top: 54px;
}
body.col4.smart-style-6.fixed-ribbon #ribbon {
top: 53px;
}
body.col4.smart-style-6 .bg-color-blue, body.col4.smart-style-6 .bootstrap-tagsinput>span, body.col4.smart-style-6 .onoffswitch-inner:before, body.col4.smart-style-6 .open>.dropdown-toggle.btn-primary, body.col4.smart-style-6 .select2-container-multi .select2-choices .select2-search-choice, body.col4.smart-style-6 .bg-color-greenLight,body.col4.smart-style-6 .bg-color-blueDark, body.col4.smart-style-6 .bg-color-purple {
background: #000000!important;
}
body.col4.smart-style-6 .color-palet span.color0 {
background: #b08a27!important;
}
body.col4.smart-style-6 .color-palet span.color1 {
background: #c8122e!important;
}
body.col4.smart-style-6 .color-palet span.color2 {
background: #339933!important;
}
body.col4.smart-style-6 .color-palet span.color4 {
background: #8e8e8e!important;
}

/** Night Theme End**/

/*body.smart-style-6 #hide-menu i{
	color:#b68a35 !important
}
body.col1.smart-style-6 #hide-menu i{
	color:#c8122e !important
}
body.col2.smart-style-6 #hide-menu i{
	color:#00843d !important
}
body.col3.smart-style-6 #hide-menu i{
	color:#8e8e8e !important
}
body.col4.smart-style-6 #hide-menu i{
	color:#000 !important
}*/

body .error-404{
	color:#b68a35 !important;
	font-size:250px;
	vertical-align:middle;
}
body.col1 .error-404{
	color:#c8122e !important;
	font-size:250px;
	vertical-align:middle;
}
body.col2 .error-404{
	color:#00843d !important;
	font-size:250px;
	vertical-align:middle;
}
body.col3 .error-404{
	color:#8e8e8e !important;
	font-size:250px;
	vertical-align:middle;
}
body.col4 .error-404{
	color:#000 !important;
	font-size:250px;
	vertical-align:middle;
}

body .img-404{
	vertical-align:middle;
	height: 250px;
	widht: 250px;
}

/*1. Modifies the font styling for form/grid.
  2. Modifies the font styling for body.
  3. Modifies the font styling for aside menu.
  4. Modifies the font styling for user name.
  5. Modifies the font styling for dropdown.
  6. Modifies the font styling for wizard name. etc*/
.size12 .jarviswidget > div , body.size12 , body.size12.smart-style-6 nav ul li a , .size12 .login-info a span, .size12 .form-control, .size12 .bootstrapWizard li .title , .size12 .form header, .size12 .form legend, .size12 .btn{
	font-size:12px;
}
.size13 .jarviswidget > div , body.size13 , body.size13.smart-style-6 nav ul li a , .size13 .login-info a span, .size13 .form-control, .size13 .bootstrapWizard li .title , .size13 .form header, .size13 .form legend, .size13 .btn{
	font-size:13px;
}
.size14 .jarviswidget > div , body.size14 , body.size14.smart-style-6 nav ul li a , .size14 .login-info a span, .size14 .form-control, .size14 .bootstrapWizard li .title , .size14 .form header, .size14 .form legend, .size14 .btn{
	font-size:14px;
}
.size15 .jarviswidget > div , body.size15 , body.size15.smart-style-6 nav ul li a , .size15 .login-info a span, .size15 .form-control, .size15 .bootstrapWizard li .title , .size15 .form header, .size15 .form legend, .size15 .btn{
	font-size:15px;
}
.size16 .jarviswidget > div , body.size16 , body.size16.smart-style-6 nav ul li a , .size16 .login-info a span, .size16 .form-control, .size16 .bootstrapWizard li .title , .size16 .form header, .size16 .form legend, .size16 .btn{
	font-size:16px;
}
.size12 .panel-title{
	font-size:13px;
}
.size13 .panel-title{
	font-size:14px;
}
.size14 .panel-title{
	font-size:15px;
}
.size15 .panel-title{
	font-size:16px;
}
.size16 .panel-title{
	font-size:17px;
}
.color-palet.font-palet {
	background:lightseagreen !important
}
ul.bootstrapWizard {
	display: flex;
	margin: 10px;
}
.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step, .bootstrapWizard li .step {
	font-size: 14px;
	padding: 14px 4px;
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-top: -15px;
}
.bootstrapWizard li a span {
	margin-top: 0;
}
.bootstrapWizard li .title {top: 5px;}
._6-stepper li {
	width: 16.5%;
}

._6-stepper li:nth-child(1) .step::before {
	content: "0%";
}

._6-stepper li:nth-child(2) .step::before {
	content: "20%";
}

._6-stepper li:nth-child(3) .step::before {
	content: "40%";
}

._6-stepper li:nth-child(4) .step::before {
	content: "60%";
}

._6-stepper li:nth-child(5) .step::before {
	content: "80%";
}

._6-stepper li:nth-child(6) .step::before {
	content: "100%";
}

._5-stepper li {
	width: 20%;
}

._5-stepper li:nth-child(1) .step::before {
	content: "0%";
}

._5-stepper li:nth-child(2) .step::before {
	content: "25%";
}

._5-stepper li:nth-child(3) .step::before {
	content: "50%";
}

._5-stepper li:nth-child(4) .step::before {
	content: "75%";
}

._5-stepper li:nth-child(5) .step::before {
	content: "100%";
}

._4-stepper li {
	width: 25%;
}

._4-stepper li:nth-child(1) .step::before {
	content: "0%";
}

._4-stepper li:nth-child(2) .step::before {
	content: "25%";
}

._4-stepper li:nth-child(3) .step::before {
	content: "75%";
}

._4-stepper li:nth-child(4) .step::before {
	content: "100%";
}

._3-stepper li {
	width: 33.3%;
}

._3-stepper li:nth-child(1) .step::before {
	content: "0%";
}

._3-stepper li:nth-child(2) .step::before {
	content: "50%";
}

._3-stepper li:nth-child(3) .step::before {
	content: "100%";
}

._2-stepper li {
	width: 50%;
}

._2-stepper li:nth-child(1) .step::before {
	content: "0%";
}

._2-stepper li:nth-child(2) .step::before {
	content: "100%";
}
 .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
    background: #b68a35!important;
    color: #fff;
    font-weight: 700;
    padding: 13px 9px;
    font-size: 15px;
    border-radius: 50%;
   border: 3px solid #b68a35!important;;
} 
body.col1 .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
    background: #c8122e!important;
    color: #fff;
    font-weight: 700;
    padding: 13px 9px;
    font-size: 15px;
    border-radius: 50%;
    border: 3px solid #c8122e!important;;
}
body.col2 .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
    background: #00843d!important;
    color: #fff;
    font-weight: 700;
    padding: 13px 9px;
    font-size: 15px;
    border-radius: 50%;
    border: 3px solid #00843d!important;;
}
body.col3 .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
    background: #000!important;
    color: #fff;
    font-weight: 700;
    padding: 13px 9px;
    font-size: 15px;
    border-radius: 50%;
    border: 3px solid #000!important;;
}
body.col4 .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
    background: #8e8e8e!important;
    color: #fff;
    font-weight: 700;
    padding: 13px 9px;
    font-size: 15px;
    border-radius: 50%;
    border: 3px solid #8e8e8e!important;;
}

.content-center-line{
	background: linear-gradient(to right, 
	                              transparent 0%, 
	                              transparent calc(50% - 4px), 
	                              #ccc calc(50% - 4px), 
	                              #ccc calc(50% + 4px), 
	                              transparent calc(50% + 4px), 
	                              transparent 100%); 
}
text {
    display: inline !important;
    white-space: pre-wrap !important;
    direction: ltr !important;
}
section#widget-grid, body.smart-style-6 .page-footer {
    display: inline-block;
    width: 100%;
}