@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Cairo');
html,
body {
    height: 100%;
}

body{font-family: 'Raleway', sans-serif; overflow-x: hidden;}
body.rtl {font-family: 'Cairo', sans-serif; overflow-x: hidden;}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {display:block;text-align: left;width: 100%;padding: 10px 15px;}
}
@media screen and (min-width: 1365px) {
	article.middle {/*padding-left: 0px;padding-right: 0px;*/}
}
.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

#toolbar h1 {display:inline-block;color:#eee; margin:0 20px 0 0px;}
#toolbar .btn {display:inline-block;float:none;}
#extr-page .wrap {padding-top:20px;}
#slogan {position:absolute;left:200px;top:27px;}
body.rtl #slogan {right:200px;left:0;}
#extr-page #slogan {position:absolute;left:240px;top:27px;}
#extr-page body.rtl #slogan {left:0;right:240px;}
#ribbon .alert {margin-bottom:0;}
.row {margin-right:-14px;}

/*#toolbar_wrap {	position: sticky;	top: 89px; z-index:900; border-bottom: solid 1px #999;}*/
#toolbar_wrap {position: fixed;top: 89px;z-index: 900;border-bottom: solid 1px #999;width: 100%;left: 0px;padding-left: 220px;margin:0;}
body.rtl #toolbar_wrap {padding-right: 220px!important;	padding-left: 0px;}
#toolbar_wrap h1 {margin:8px 0px;display:inline-block;}
#toolbar_wrap h4 {margin:10px 0px;display:inline-block;}
#toolbar_wrap #toolbar {padding:0px 10px 0px 50px;}
#toolbar .btn { margin: 0px 10px 5px 0;}
#extr-page #ribbon , #extr-page #toolbar_wrap {display:none;}
.tooltip-inner {min-width:350px!important;}
@media screen and (max-width: 480px) {
	#toolbar_wrap #toolbar {padding:0px 5px 0px 25px;}
	#toolbar .btn {margin-left:10px; padding: 3px 10px;}
	#extr-page #ribbon , #extr-page #toolbar_wrap {display:none;}
	#toolbar_wrap {top:0px;}
	.tooltip-inner {max-width:95%!important;}
}
@media screen and (max-width: 767px) {
	.form-horizontal .form-group {margin-left: 0px; margin-right: 0px;}
	
}
@media screen and (max-width: 979px) {
	#toolbar_wrap {padding-left: 0px!important;}
	body.rtl #toolbar_wrap {padding-right: 0px!important;}
}
.fileinput_wrap {vertical-align: baseline;position:relative;}
.fileinput_wrap button, .fileinput_wrap button:active {position:absolute;right:1em;bottom:1em;left:auto;top:auto;}
#ribbon .breadcrumb {padding: 0px 14px 11px 0 !important;}
#extr-page #header {overflow: visible;}
#extr-page #header .pull-right {line-height: 48px;margin-right: 4em;}
.fixed-ribbon #ribbon {position: fixed;width: 100%;top: 49px;z-index: 901;}
.fixed-header #main {margin-top:140px;}

form.form-horizontal label {width:20%;display:inline-block;vertical-align:top;}
form.form-horizontal .form-group input, 
form.form-horizontal .form-group select,
form.form-horizontal .form-group div.file-input,
form.form-horizontal .form-group textarea {display:inline-block;width:75%;}
.form-horizontal .form-group {	margin-right: 0;	margin-left: 0;}
body.rtl .form-group textarea {padding-right:10px;}
body.rtl .form-group input {padding-right:10px;}
body.rtl div.required label.control-label::after {float: left;}


span.rate {text-align:center;display:inline-block;width:4em;border-radius:1em;background:#fff;font-weight:bold;}
span.rate-5 {background:#10d117;color:#fff;}
span.rate-4 {background:#a4eaa6;color:#333;}
span.rate-3 {background:#fcda53;color:#333;}
span.rate-2 {background:#ff6b21;color:#333;}
span.rate-1, span.rate-0  {background:#ff0000;color:#fff;}
.pagination {clear:both;}
input.form-control.form-control-inline {width:8em;}
body.rtl .form-control {padding: 0px;}
.fileinput_wrap img {cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in;}
.field-user-photo .control-label {display: none;}

#dc-* {height: 100px!important;}


.graph {margin:1em;width:240px;height:200px;display:inline-block;}
.easy-pie-title {position: absolute;right: 0;} 
.indicator-title {line-height: 30px;} 
.font-auto-xl{font-size: 400%;} 
.font-auto-lg{font-size: 26px;}
.font-auto-md{font-size: 13px;}
.font-auto-sm{font-size: 80%;} 
.font-auto-xm{font-size: 40%;} 
.top10 {padding-top: 10%;} 
.graph-legend{padding: 5px;} 
.show-stat-microcharts > div{border-bottom: 1px solid #dadada;} 
.easy-pie-chart canvas {width: 90%;} 
.easy-pie-chart .percent-big {font-size: 55px !important; top: 40% !important;} 
.graph-w {width:100%;}
.font-xss {font-size: 0.4em;}
.indicator-box {border-bottom: solid 1px #ccc; border-radius: 0px; margin-bottom: 6px;}
.indicator-box canvas {max-height: 100px; max-width: 100px;}
nav > ul > li > a b {right: 30px!important;}
.bootstrapWizard li {width: 33%!important;}
.status-0, .branch-trial {background-color: #69f;padding:4px 10px;}
.status-1, .branch-active {background-color: #6f6;padding:4px 10px;}
.branch-inactive {background-color: #f66;padding:4px 10px;}
.status-2, .branch-expired {background-color: #f88;padding:4px 10px;}
.progress.vertical {min-height: 260px!important;}
.vertical-bars li {width: 33%!important;float: right!important;}
.text-vertical {writing-mode: vertical-lr; z-index: 999;}
.easy-pie-chart .percent {font-size: 18px!important;margin-top:0!important;top: 33%!important;}

.jarviswidget-ctrls:hover {	background-color: orange;}
.modal-title {	text-align: center;	font-size: xx-large;	color: #FFFFFF;}
.modal-header {	background-color: #568A89;}
.page-title {padding-left: 10px;}
dt, dd {line-height: 2.2;}
.badge {font-weight:unset;}
.site-signin {	padding-top: 30px;}
.site-login {	padding-top: 30px;}
.opacity-8 {opacity: 0.8;}
nav ul li.active {	background-color: #474544;}
.smart-form .select i {right:11px;}
body.rtl .smart-form .select i {left:11px!important; right: auto;}
.bg-rp-green {background-color: #43C678;}
.bg-rp-yellow {background-color: #F9B900;}
.bg-rp-red {background-color: #DE3432;}
.minifyme {bottom: 5%;}
.minified .minifyme {position: absolute !important;}