.demo-btns{margin:0;padding:0;list-style:none}.demo-btns>li{display:inline-block;margin-bottom:7px}.demo-icon-font{font-size:14px;margin-bottom:6px;padding-top:4px;padding-bottom:4px}.demo-icon-font:hover{background-color:rgba(86,61,124,.1);text-decoration:none}.demo-modal{width:auto;max-width:600px;z-index:1}.demo-red{color:#DF413E}.demo-orange{color:#DAA03E}.demo-border{border:1px solid rgba(0,0,0,.2)}.nav-demo-btn{display:none}body:not(.menu-on-top) .nav-demo-btn{display:block;padding:6px 5px;margin:5px 10px;width:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:12px;white-space:normal}.fixed-navigation .nav-demo-btn,.minified .nav-demo-btn{display:none!important}*demo-btns
    .btn-highway-yellow {
		color: #fff;
		background-color: #ffab00;
		border-color: #ffab00;
	}
	.btn-highway-yellow:hover {
		color: #000000;
		background-color: #ffab00;
		border-color: #ffab00;
	}
	.ripple{
		position:relative;
		overflow:hidden;
		transform:translate3d(0,0,0);
	}
.btn-blueDark {
				background-color: #1486e2;
				border-color: #18a7a7;
				color: white;
			}
	.ripple:after{
		content:"";
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		top:0;left:0;
		pointer-events:none;
		background-image:radial-gradient(circle,#000 10%,transparent 10.01%);
		background-repeat:no-repeat;
		background-position:50%;
		transform:scale(10,10);
		opacity:0;
		transition:transform .5s,opacity 1s;
	}
	.ripple:active:after{
		transform:scale(0,0);
		opacity:.2;
		transition:0s
	}
	nav>ul ul li a i {
		font-size: 14px!important;
		width: 18px!important;
		text-align: center!important;
		vertical-align: 0!important;
		line-height: 1!important;
		color: #F7841A;
	}
	.nav-tabs>li.active>a {
    	-webkit-box-shadow: 0 -2px 0 #ffab00;
    	-moz-box-shadow: 0 -2px 0 #ffab00;
    	box-shadow: 0 -2px 0 #ffab00;
		border-top-width: 0!important;
		margin-top: 1px!important;
		font-weight: 700;
	}
	.jarviswidget header .nav-tabs>li.active>a, 
	.jarviswidget header .nav-tabs>li.active>a:focus, 
	.jarviswidget header .nav-tabs>li.active>a:hover {
    	color: #555;
		background-color: #FFF;
    	border: 1px solid #ffab00;
		border-bottom-color: transparent;
    	border-top: none;
    	cursor: default;
	}
	.smart-style-3 nav ul li.active>a:before { 
		top: 6px;
		color: #ffab00;
	}
	.modal-footer {
		padding: 05px 10px 05px 10px;
		text-align: right;
		border-top: 1px solid #e5e5e5;
	}
	

.responsive {
  width: 100%;
    max-width: 220px;
  height: auto;
}

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 44px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
}
.cbox {
    margin-bottom: 4px;
    padding-left: 05px;
    line-height: 25px;
    color: #404040;
    cursor: pointer;
    font-size: 13px;
}

/*OVERWRITE SMART-STYLE-3 HEADER ELEMENTS*/
.smart-style-3 #ribbon {
    background: #ffffff;/* 
    border-top: 4px solid #F2CA00; */
}
.smart-style-3 #header{background-color:#FFFFFF;background-image:-moz-linear-gradient(top,#FFFFFF,#FFFFFF);background-image:-webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#FFFFFF));background-image:-webkit-linear-gradient(top,#FFFFFF,#FFFFFF);background-image:-o-linear-gradient(top,#FFFFFF,#FFFFFF);background-image:linear-gradient(to bottom,#FFFFFF,#FFFFFF)}
.login-info {
    display: block;
    font-size: 12px;
    height: 39px;
    color: #fff;
    /* border-top: 4px solid #F2CA00; */
    border-width: 1px 0;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
    width: 100%;
    margin: 0!important;
    border-bottom: 1px solid #525151;
} 
.fixed-header.fixed-ribbon #header {
    border-bottom: 4px solid #099607;
    /*#0166b2*/
    box-shadow: none;
}
/*
.btn-header>:first-child>a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: default!important;
    display: inline-block;
    font-weight: 700;
    height: 26px;
    line-height: 21px;
    min-width: 24px;
    padding: 2px;
    text-align: center;
    text-decoration: none!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #bfbfbf;
    color: #6D6A69;
    font-size: 17px;
    margin: 10px 0 0;
}
@media only screen and (max-width: 479px) and (min-width: 320px)
smartadmin-prodâ€¦ion.min.css:17
#hide-menu>:first-child>a, .btn-header a {
    margin-top: 7px!important;
    width: 40px!important;
    height: 32px!important;
    line-height: 30px!important;
}
@media (max-width: 880px) and (min-width: 768px)
smartadmin-prodâ€¦ion.min.css:17
#hide-menu>:first-child>a, .btn-header a {
    margin-top: 3px!important;
    width: 30px!important;
    height: 35px!important;
    line-height: 34px!important;
}
*/
.smart-style-3 .page-footer, .smart-style-3 .superbox-show {
    background: #B82827;
}
.page-footer {
    height: 20px;
    padding: 0px 13px 0;
    padding-left: 233px;
    border-top: 1px solid #CECECE;
    background: #B82827;
    width: 100%;
    position: absolute;
    display: block;
    bottom: 0;
}

.no-search .select2-search {
   display:none;
}
.alert-warning {
        border-color: #dfb56c;
    color: #826430;
    background-color: #efe1b3;
}
.btn-success {
    color: #fff;
    background-color: #099607;
    border-color: #099607;
}
.btn-gry {
    color: #777 !important;
    background: #dfdfdf;
    border: 1px solid #cccccc;
    
    /*color: #777 !important;*/
    
    /*border-color: #099607;*/
   
}
.smart-style-3 nav>ul>li>ul::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 23px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #7A7A7A;
}
.smart-style-3 nav>ul ul li::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    left: 23px;
    top: 16px;
    border-top: 1px solid #7A7A7A;
    z-index: 1;
}
nav>ul ul li a i {
    font-size: 15px!important;
    width: 18px!important;
    text-align: center!important;
    vertical-align: 0!important;
    line-height: 1!important;
    color: #FF6600;
}
.submenu-li {
    padding-left: 13px;
}

ul.h-list li a {
    padding: 10px 15px;
    display: block;
}
ul.h-list li.active a {
 margin-top: 10px;
    background: #f7f9fa;
    border: 1px solid #e4e5e7;
    font-weight: 600;
    border-radius: 1px;
}
ul.mailbox-list, ul.h-list {
    list-style: none;
    padding: 0;
}
.m-t {
    margin-top: 15px;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}
.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    width: auto;
}
/*.select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input {
    padding: 6px 12px;
}*/
.fuelux .wizard .action {
    position: absolute;
    right: 0;
    z-index: 2;
    float: right;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 46px;
    vertical-align: middle;
    background-color: #eee;
    border-left: 1px solid #d4d4d4;
}
.a{
    display:block;
	}
.btn-file {
  position: relative;
  overflow: hidden;
}
.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #08c;
}
plugins.htmlmedia="screen"
.btn, a:link, button {
    -webkit-tap-highlight-color: rgba(169,3,41,.5);
}
plugins.htmlmedia="screen"
a:focus, a:hover {
    color: #214e75;
    text-decoration: none;
}
plugins.htmlmedia="screen"
a:active, a:hover {
    outline: 0;
}
plugins.htmlmedia="screen"
a, button, input {
    -ms-touch-action: none!important;
}
plugins.htmlmedia="screen"
a {
    color: #3276b1;
    text-decoration: none;
}
plugins.htmlmedia="screen"
a {
    background-color: transparent;
}
plugins.htmlmedia="screen"
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheeta:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}
.b {
    display: none;
}
.fileUpload input, .upload{ position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.imp_input:after {
	content:" *"; 
	color: #e32;
	position: absolute; 
	margin-right-side: 0px 15px 15px 0px; 
	padding: 0 5px 5px 2px;

}
/*override css */
.row.vdivide [class*='col-']:not(:last-child):after {
    background: #e0e0e0;
    width: 1px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-height: 70px;
}
.btn-green {
    background-color: #099607;
    border-color: #099607;
}
.btn-cyan {
    background-color: #18a7a7;
    border-color: #18a7a7;
    color: white
}.btn-cyanLight {
    background-color: #1bbbb3;
    border-color: #1bbbb3;
    color: white
}
.btn-blue {
    background-color: #118da9;
    border-color: #118da9;
    color: white
}
.synergy-teal {
/*                    background: #00796b!important;*/
    background: linear-gradient(50deg,#a9dc7b,#00796b)!important;
    color: #fff!important;
}
.synergy-peach {
/*                    background: #00796b!important;*/
    background: linear-gradient(50deg,#de6262,#ffb88c)!important;
    color: #fff!important;
}
.synergy-cherry {
/*                    background: #00796b!important;*/
    background: linear-gradient(50deg,#eb3349,#f45c43)!important;
    color: #fff!important;
}
.synergy-purple {
/*                    background: #7873f5!important;*/
    background: linear-gradient(50deg,#ff6ec4,#7873f5)!important;
    color: #fff!important;
}
.synergy-purpleDark {
/*                    background: #7873f5!important;*/
    background: linear-gradient(50deg,#cc2b5e,#753a88)!important;
    color: #fff!important;
}
.synergy-amber {
/*                    background: #e65100!important;*/
    background: linear-gradient(50deg,#ffba3a,#e65100)!important;
    color: #fff!important;
}
.synergy-green {
/*                    background: #2e7d32!important;*/
    background: linear-gradient(50deg,#2e7d32,#c5d429)!important;
    color: #fff!important;
}.synergy-greenLight{
/*                    background: #2e7d32!important;*/
    background: linear-gradient(50deg,#2DB04F,#A8EB12)!important;
    color: #fff!important;
}
.synergy-greenDark {
/*                    background: #2e7d32!important;*/
    background: linear-gradient(40deg,#2c750b,#81ca27)!important;
    color: #fff!important;
}
.synergy-greeen {
/*                    background: #2e7d32!important;*/
     background: linear-gradient(50deg,#56ab2f,#a8e063)!important;
    color: #fff!important;
}
.synergy-greenLush {
/*                    background: #2e7d32!important;*/
     background: linear-gradient(50deg,#88c12b,#099607)!important;
   
    color: #fff!important;
}
.synergy-pink {
/*                    background: #e91e63!important;*/
    background: linear-gradient(50deg,#f59e99,#e91e63)!important;
    color: #fff!important;
}.synergy-yellow {
/*                    background: #e91e63!important;*/
    background: linear-gradient(50deg,#fdc830,#f37335)!important;
    color: #fff!important;
}
.synergy-yellowDark {
/*                    background: #e91e63!important;*/
    background: linear-gradient(50deg,#f3aa25,#ff5a00)!important;
    color: #fff!important;
}
.synergy-blue {
    background: linear-gradient(40deg,#45cafc,#303f9f)!important;
    color: #fff!important;  
}
.synergy-aqua {
    background: linear-gradient(40deg,#2096ff,#05ffa3)!important;
    color: #fff!important;
}
.synergy-blueLight {
    background: linear-gradient(40deg,#303f9f,#45cafc)!important;
    color: #fff!important;
}.synergy-blueDark {
    background: linear-gradient(40deg,#00B4DB,#0083B0)!important;
    color: #fff!important;
}
.synergy-flare {
    background: linear-gradient(40deg,#f12711,#f5af19)!important;
    color: #fff!important;
}.synergy-red {
    /*background: linear-gradient(40deg,#ff1900,#f15e5e)!important;*/
    background: linear-gradient(40deg,#a90329,#d60505)!important;
    color: #fff!important;
}
.synergy-info {
    /*background: linear-gradient(40deg,#ff1900,#f15e5e)!important;*/
    background: linear-gradient(40deg,#00B4DB,#0083B0)!important;
    color: #fff!important;
}

.btn-floating {
       box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
.modal-header-orange {
    background-color: #f78c40!important;
}
.synergy-modal-yellow {
    background-color: #f3bd0f!important;
}
.synergy-modal-red {
    background-color: #ea2200bd!important;
}.synergy-modal-cyan {
    background-color: #18bfbf!important;
}.synergy-modal-green {
    background-color: #4fad4db8!important;
   /* background-color: #21b51eb8!important;*/
}
.synergy-modal-gray {
    background-color: #6d696840!important;
    color: black;
}
.synergy-modal-yellowLight {
   // background-color: #d8cc5e!important;
    background-color: #d8cc5ecf!important;
    color: black;
}
.btn-circle-xs {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 3px 0;
    font-size: 12px;
    line-height: 18px;
   
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.btn-circle-xxs { 
    width: 21px;
    height: 21px;
    text-align: center;
    padding: 0px 0px;
    font-size: 11px;
    line-height: 18px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.btn-circle-xxxs {
    width: 21px;
    height: 21px;
    text-align: center;
    padding: 0px 0;
    font-size: 9px;
    line-height: 18px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}


.navigationScroll::-webkit-scrollbar {
width: 4px;
}

.navigationScroll::-webkit-scrollbar-track {
background: #f1f1f1; 
}

.navigationScroll::-webkit-scrollbar-thumb {
background: #bfbfbf; 
}
.navigationScroll::-webkit-scrollbar-thumb:hover {
background: #555; 
}
.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}