.breadLine_arrow_down{background: url('../img/arrow_down.png') right center no-repeat transparent;}
.breadLine_arrow_up{background: url('../img/arrow_up.png') right center no-repeat transparent;}

@media print {
	aside#left-panel {
		display: none;
	}
}

#left-panel {
    height: 100%;
}

.copyright{
	text-align: right !important;
	margin-right:20px;
	margin-bottom:10px;
	padding-top:20px;
}
.content .workplace {
	padding-bottom:0px !important;
}

#header #logo-group {
	width: 140px !important;
}

.floatr {
	float:right !important;
}

.floatl {
	float:left !important;
}

.center{
	text-align:center !important;
}

.text-center {
	text-align: center !important;
}
.content .workplace .headInfo {
	display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 10px;
}
.dataTables_filter {
	margin-top: 0px !important;
	float:left !important;
	width: 261px !important;
}
.content .workplace .dataTables_wrapper .headInfo {
	display:block;
}
.dataTables_filter > label > input[type="search"]::placeholder {
	font-size:0px;
}
.table-border {
	border-collapse: inherit;
	border: 1px solid #CCCCCC !important;
}
.table-sorting .dataTables_length {
	padding:3px 5px 5px 3px !important;
}
.table-sorting .dataTables_filter label input[type="text"] {
	width:200px;
}

.dataTables_filter label input[type="search"] {
	margin-top: 0px !important;
	width:200px;
	float:right !important;
	margin-bottom: 0px !important;
}
ul.control {
	margin-right:10px;
	float:right;
}
ul.control li {
	display:inline;
}
ul.control li a {
	padding-top:2px;
}
.table-toolbar {
	float:right;
	margin:5px 5px 4px 0px;
}
.table-toolbar.row-form {
	float: none;
    margin: 0px;
    padding: 6px 5px 4px 0px;
    margin-left: 0px !important;
}
.treetable-toolbar {
    width: 100%;
    padding: 5px;
    height: 37px;
	padding-right:5px;
	box-sizing:border-box;
}
.table-toolbar-actions {
	position:absolute;
	top:7px;
	right:5px;
}
.treetable-toolbar .treetable-filter {
	float:left;
}
.treetable-toolbar .treetable-filter > label {
	position:relative;
}
.treetable-toolbar .treetable-filter > label > input {
	width:200px;
	height:24px;
	padding-right:25px;
	box-sizing:border-box;
}
.treetable-toolbar .treetable-filter > label > input::placeholder {
	font-size:0px;
}
.treetable-toolbar .treetable-filter > label > .btn-reset-search {
	position: absolute;
	right: 3px;
	top: 4px;
	background: none;
	border: none;
	font-weight: bold;
	font-size: 15px;
	color: #777;
	outline: none !important;
}
.treetable-toolbar .treetable-filter > label > .btn-reset-search > span {
	color: #777 !important;
}
label.checkbox {
	padding-left:5px;
}

div.modal label.checkbox div.checker {
	display: inline-block !important;
	padding-top: 0 !important;
}

.user-header-body .modal {
	left: 50% !important;
	width: auto;
}

.menu {
	background:transparent !important;
}
.menu .head {
	background: url("../img/styles/default/backgrounds/box-head.jpg") repeat-x scroll left top padding-box transparent;
    border: 1px solid #999999;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow:hidden;
}
ul.menu-nav {
	display:block;
	margin:0px 0px;
	list-style: none outside none;
	overflow:hidden;
}
ul.menu-nav li {
	background:transparent !important;
	border:none;
	color:#335A85;
	font-size:12px;
	width:100%;
}
ul.menu-nav li.menu-option a {
	padding-left:15px;
}
ul.menu-nav li.menu-option span.text {
	padding-left:20px;
	display:inline-block;
	width:100%;
}
ul.menu-nav li a {
	text-shadow:none;
	width:auto;
	display: block;
	width:100%;
	padding-left:10px;
	height:25px;
	padding-top:0px;
	text-decoration:none;
    border-bottom: 1px solid #E4E8ED !important;
    border-right-color: #E4E8ED !important;
    border-top: 1px solid #FCFCFC !important;
	padding-top:5px;
}
ul.menu-nav li a:hover {
	background-color:#335A85;
	color:white;
}
.block, .block-fluid {
	background-color:white;
	border-color: -moz-use-text-color #999999 #999999 !important;
}
.block-fluid form {
	position:relative;
}
input, textarea, .uneditable-input, select {
	width: 100%;
}
input[type=text],input[type=password] {
  border-radius: 4px;
}
input[type=password] {
	font-size: 14px !important;
	vertical-align: middle !important;
}
td input, td textarea, td .uneditable-input, td select {
	width: 90%;
}

.headInfo {
	border:1px solid #999999 !important;
}
.table th, .table td {
    padding: 5px 5px 3px 5px;
    line-height: 17px;
    box-sizing: border-box;
}
.dataTable td {
    padding: 5px 5px 3px 5px;
    line-height: 17px;
    box-sizing: border-box;
}
.dataTables_wrapper {
	margin:0px 0px !important;
}

.table-head { margin: 10px; padding: 5px; border: 1px dotted #999 !important; background-color: #F1F1F1 !important; }

.workplace {
	padding-top:15px !important;
}
.page-header {
	border:none !important;
}
.footer {
	margin-top: 0 !important;
}
.footer:after {
	clear:both;
	content:"";
	display:block;
}
.popover {
	z-index: 5000;
}
.popover-title {
	text-align:left !important;
}
.popover-content {
	padding:10px;
	text-align:left;
	font-weight:normal;	
}
.popover-content a.btn,.popover-content .popover-buttons .btn,.popover.button-confirmation .popover-content .btn {
	min-width:60px;
	display:inline-block;
}
.popover-buttons {
	padding-top:10px;
	text-align:center;
	width:100%;
}
.popover-buttons button {
	min-width:50px;
}
.btn-group .smart-popover.popover {
    line-height: 150%;
    font-size: 12px;
}
.btn-group .smart-popover.popover .popover-title {
    padding: 0px !important;
}
#message-box {
	border-radius:0px !important;
}

@media (max-width: 979px) {
	body {
		padding-top: 0;
	}
}

@media (max-width: 767px) {
	body {
		padding-right: 0px;
		padding-left: 0px;
	}
}

.navigation li{border-top: 1px solid #b2bbc0; border-bottom: 1px solid #8e979d; border-right: 1px solid #8e979d;}
.menu .navigation li:hover,.menu .navigation li.active{border-color: #8e979d; border-top-color: #b2bbc0;}

.header .customer { border-left: 1px solid #84335b;}
.breadLine {border: 1px solid #ddd;}
.content .workplace .head { background-image: none; background-color: #8E979D; border: 1px solid #8E979D;}
.content .workplace .head h1, .content .workplace .head h2, .content .workplace .head h3, .content .workplace .head h4, .content .workplace .head h5, .content .workplace .head h6 {
	color: #FFFFFF !important;
	padding: 4px 0px 3px 0px;
	line-height:22px;
}
.head > .head-icon {
	margin-left: 10px;
    padding: 7px 0px 5px 0px;
    width: 15px;
    height: 15px;
    font-size: 15px;
    font-weight: normal;
    display: block;
    float: left;
    color: white;
    text-align:center;	
}
.ui-dialog-title > .head-icon, .bootstrap-dialog-title > .head-icon, .modal-title > .head-icon {
	font-size:15px;
	position:relative;
	top:0px;
	left:1px;
	margin-right:7px;
}
.head-icon.fad:after {
	opacity: 1;	
}
.head-icon.fad:before {
	opacity: 0.5;
}
a { color:#193989;}
.ui-widget-content a { color: #193989; }

.btn-info {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
border: 1px solid #95aabb !important;
background-color: #95aabb !important;
*background-color: #95aabb !important;
background: -moz-linear-gradient(top, #b7c5d1 0%, #95aabb 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7c5d1), color-stop(100%,#95aabb)) !important;
background: -webkit-linear-gradient(top, #b7c5d1 0%,#95aabb 100%) !important;
background: -o-linear-gradient(top, #b7c5d1 0%,#95aabb 100%) !important;
background: -ms-linear-gradient(top, #b7c5d1 0%,#95aabb 100%) !important;
background: linear-gradient(top, #b7c5d1 0%,#95aabb 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7c5d1', endColorstr='#95aabb',GradientType=0 ) !important;
filter: progid:dximagetransform.microsoft.gradient(enabled=false) !important;
background-repeat: repeat-x !important;

}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff !important;
  background-color: #b7c5d1 !important;
  *background-color: #b7c5d1 !important;

background-color: #7a8fa2 !important;
*background-color: #7a8fa2 !important;
background: -moz-linear-gradient(top, #9eb1c0 0%, #7a8fa2 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9eb1c0), color-stop(100%,#7a8fa2)) !important;
background: -webkit-linear-gradient(top, #9eb1c0 0%,#7a8fa2 100%) !important;
background: -o-linear-gradient(top, #9eb1c0 0%,#7a8fa2 100%) !important;
background: -ms-linear-gradient(top, #9eb1c0 0%,#7a8fa2 100%) !important;
background: linear-gradient(top, #9eb1c0 0%,#7a8fa2 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eb1c0', endColorstr='#7a8fa2',GradientType=0 ) !important;
filter: progid:dximagetransform.microsoft.gradient(enabled=false) !important;
background-repeat: repeat-x !important;
}

.btn-info:active,
.btn-info.active {
  background-color: #9eb1c0 \9 !important;
}

.modal {
	z-index:9999 !important;
}
.headInfo .arrow_down {
	display:none !important;
}

.vam{vertical-align: middle !important;}
.vat{vertical-align: top !important;}
.vab{vertical-align: bottom !important;}

/*--------------------------------------------------------*/
.ui-datepicker {border: 1px solid #d5d5d5;}
.ui-datepicker-calendar thead tr { background-color:#eee !important; color:#000 !important;}

.ui-tabs .ui-tabs-nav .ui-state-default:first-child { margin-left:10px !important; border-left:1px solid #bbb !important;}
.ui-tabs-selected { background:#fff !important;}

.ui-tabs .ui-widget-content { background:#fff;}

.ui-corner-top {border-top-right-radius: 4px;border-top-left-radius: 4px;}

.table-sorting .dataTables_info { background:#ddd; color:#000; border-radius:4px; padding:1px 4px; margin: 4px 6px 0px;}

.width100{
	max-width:100px !important;
}
.width200{
	max-width:200px !important;
}
.width500{
	max-width:500px !important;
}
.width600{
	max-width:600px !important;
}
.width700{
	max-width:700px !important;
}
.width800{
	max-width:800px !important;
}
.width900{
	max-width:900px !important;
}
.width1000{
	max-width:1000px !important;
}
.stdHeaderDate {
	max-width:133px !important;
}

a.tipb:hover { text-decoration:none;}
/*
select, textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	width:90%;
}
*/
.no-padding-top {
	padding-top:0px !important;
}
.no-border{
	border-top:none;
	border-bottom:none;
}
.no-side-border{
	border-left:none;
	border-right:none;
}
.white {color:white !important;}

.marg-left{
	margin-left: 10px !important;
}
.marg-right{
	margin-right: 10px !important;
}
.marg-bot{
	margin-bottom: 10px !important;
}
.marg-top{
	margin-top: 10px !important;
}
.marg{
	margin: 10px !important;
}

.no-marg {
	margin: 0px !important;
}

.marg-left5{
	margin-left: 5px !important;
}
.marg-right5{
	margin-right: 5px !important;
}
.marg-bot5{
	margin-bottom: 5px !important;
}
.marg-top5{
	margin-top: 5px !important;
}
.marg5{
	margin: 5px !important;
}
.marg10{
	margin: 10px !important;
}
.marg-top10{
	margin-top: 10px !important;
}
.total_records {
	float:right !important;
	padding-right:10px !important;
}
.total_records #selected_records {
	display: inline-block;
	padding-right: 10px;
}
.wBlock {
	background: #757F88;
	background: -moz-linear-gradient(top, #A5AFB8 0%, #757F88 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A5AFB8), color-stop(100%,#757F88));
	background: -webkit-linear-gradient(top, #A5AFB8 0%,#757F88 100%);
	background: -o-linear-gradient(top, #A5AFB8 0%,#757F88 100%);
	background: -ms-linear-gradient(top, #A5AFB8 0%,#757F88 100%);
	background: linear-gradient(top, #A5AFB8 0%,#757F88 100%);
}
.wBlock .dSpace{
	background-color: #656F78;
}

div.uploader span.action{
	background-color: #FFFFFF !important;
}
.green-txt {
	color: green !important;
}
.orange-txt {
	color: orange !important;
}
.red-txt {
	color: red !important;
}
.blue-txt {
	color: #3276B1 !important;
}
.toolbar-text{
    color: #666;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    margin: 0 0 0 8px;
    padding: 3px 0;
}

.nowrap {
	white-space: nowrap !important;
}

.no-pad {
	padding: 0px !important;
}
.no-pad-vert {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.pad5 {
	padding: 5px !important;
}
.pad-top5 {
	padding-top: 5px !important;
}
.pad-bot5 {
	padding-bottom: 5px !important;
}
.pad-left5 {
	padding-left: 5px !important;
}
.pad-right5 {
	padding-right: 5px !important;
}
.pad-left15 {
    padding-left: 15px !important;
}
.pad-right15 {
    padding-right: 15px !important;
}
.pad {
	padding: 10px !important;
}
.pad-top {
	padding-top: 10px !important;
}
.pad-bot {
	padding-bottom: 10px !important;
}
.pad-left {
	padding-left: 10px !important;
}
.pad-right {
	padding-right: 10px !important;
}

/*~~~ custom: Autocomplete CSS ~~~*/

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 5px;
  margin: 2px 0 0;
  list-style: none;
  background: #ffffff !important;
  border: 1px solid #9ea196;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.ui-autocomplete li > a {
  display: block;
  padding: 0px 5px !important;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.ui-autocomplete .ui-corner-all {
    border-radius: 5px;
    margin: 2px;
}

.ui-autocomplete li > a:hover,
.ui-autocomplete li > a:focus  {
  color: #ffffff;
  text-decoration: none;
  background-color: #405694;
  border-radius: 0px;
  background-image:none;	
}

ul.tagit li.tagit-choice-editable {
    padding: 0 10px !important;
}

.table-hover tr.active td{
	background: #979EA4 !important;
	color: white !important;
}

.roller {
	height: 16px;
    position: relative;
    width: 16px;
    display: inline-block;
	background: url("../img/loaders/s_loader.gif") no-repeat scroll left center;
}
.btn-violet {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #D87DDF !important;
  *background-color: #C874CF !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D87DDF), to(#C874CF)) !important;
  background-image: -webkit-linear-gradient(top, #D87DDF, #C874CF) !important;
  background-image: -o-linear-gradient(top, #D87DDF, #C874CF) !important;
  background-image: linear-gradient(to bottom, #D87DDF, #C874CF) !important;
  background-image: -moz-linear-gradient(top, #D87DDF, #C874CF) !important;
  background-repeat: repeat-x !important;
  border-color: #C874CF #C874CF #ad6704 !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffD87DDF', endColorstr='#ffC874CF', GradientType=0) !important;
  filter: progid:dximagetransform.microsoft.gradient(enabled=false) !important;
}
.table-fixed {
	table-layout:fixed
}
.border-top {
	border-top: 1px solid #CCCCCC;
}

/* vl-dialog fix */
/* jquery UI dialog visual fix */
.ui-dialog {
	z-index: 1999 !important;
	box-shadow:0px 0px 30px 0px #333;
	border-radius:0px;
}
.ui-dialog .ui-dialog-content {
	padding: 10px 4px !important;
}

.ui-dialog-titlebar {
	background: #4E7197 !important;
	border: none !important;
}
.ui-dialog .ui-dialog-title {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    line-height: 26px;
    margin: 0 0 0 8px;
    padding: 3px 0;
}
.ui-dialog .ui-dialog-titlebar .ui-icon,.ui-dialog .ui-dialog-titlebar .ui-icon.ui-state-hover {
	background-image:none !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	right:2px;
	top:5px;
	overflow:hidden;
	height:18px;
	padding:2px 2px 0px 0px;
	margin-top:0px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
    font-family: "FontAwesome";
	content:"\00D7";
	color:white;
	font-size:24px;
	font-weight:bold;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
	margin-top:0px;
}
.ui-dialog .alert {
	margin-bottom: 0 !important;
}

/* Table in Table fix */
.tableCustomBorder td{
	background-color: transparent !important;
}
.tableCustomBorder th, .tableCustomBorder td {
    border-top: 1px solid #DDDDDD;
    border-bottom: 0;
    border-right: 1px solid #DDDDDD !important;
}
.tableCustomBorder tr:first-child th, .tableCustomBorder tr:first-child td {
	border-top: 0;
}
.tableCustomBorder th:last-child, .tableCustomBorder td:last-child {
    border-right: 0 !important;
}
.tableCustomBorder .tableCustomBorder th, .tableCustomBorder .tableCustomBorder td {
    border-top: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
}
.tableCustomBorder .tableCustomBorder tr:first-child th, .tableCustomBorder .tableCustomBorder tr:first-child td {
	border-top: 0 !important;
}
.tableCustomBorder .tableCustomBorder th:last-child, .tableCustomBorder .tableCustomBorder td:last-child {
    border-right: 0 !important;
}
.tbl-default {
	background-color: #FFFFFF !important;
}
.tbl-alternate {
	background-color: #F9F9F9 !important;
}

.line-separator {
	border-bottom:1px solid #DAE1E8;
	height: 10px;
}
.line-separator p {
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	color: black;
	position:relative;
	background:#FFFFFF;
	/*border: 1px solid #DAE1E8;*/
	margin: 0px 0px 0px 20px !important;
	padding: 2px;
}

.caption {text-align:right; color:#777;text-shadow: 0 1px 0 #fff;}
.caption-label {color:#777;text-shadow: 0 1px 0 #fff;}

#frmStdHeader, .frmHeader {
	border-bottom:1px solid #ccc;
	padding:0px 0px 5px;
}

#frmStdHeader label {
	width: 100%;
	font-size: 11px;
	color: #000;
	padding: 3px 7px 3px;
	/*border: 1px solid #ddd;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: inline-block;
	background: #f3f3f3;
	height: 21px;
	margin: 4px 0px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 1px #c1c1c1 inset, 0 1px 0 #e4e4e4;
	overflow:hidden;
}

.readonly {
	width: 100% !important;
	font-size: 11px;
	color: #000;
	padding: 3px 7px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: inline-block;
	background: #f3f3f3;
	height: 21px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow:hidden;
}

#frmStdHeader span {
	width: auto;
}

#frmStdHeader span.mark-red {
	background-color:transparent !important;
	color: red !important;
	padding-left: 0px !important;
}

.tooltip .tooltip-inner {
	max-width: none;
}
.tooltip .tooltip-arrow{
	min-height: 0!important;
}

#frmStdHeader #stdHeaderImg {
	position:absolute;
	right:5px;
	top:5px;
}
@media (max-width: 770px) {
	#frmStdHeader .row-form {
		padding: 0px 8px 0px !important;
	}
	#frmStdHeader .row-form .caption { text-align:left; display:inline;}
	#frmStdHeader #stdHeaderImg {
		position: relative;
		margin-left:10px;
	}
}

@media (max-width: 1900px) {
	#frmStdHeader .row-form {
		padding: 4px 0px 0px;
	}
}
.wrap-normal {
	white-space: normal !important;
}

div.uploader {
	border-radius: 7px;
	overflow: visible !important; /* Trainee import uploader: if the overflow isn't visible the validation message doesn't show up */
	/*overflow: inherit !important; got commented because of the validation messages*/
}

/* Bootstrap Dialog for Monkeys CSS fix */
.bootstrap-dialog-title {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0;
    padding: 8px 0px 6px 0px;
}
.bootstrap-dialog-title .ico {
	font-size:14px;
}
.bootstrap-dialog-close-button {
    float: right;
}

.bootstrap-dialog-draggable {
	cursor: move;
}
.modal {
	background-clip: inherit;
	background-color: transparent;
	box-shadow:none;
	border:none;
}
.modal-dialog {
	border:none;
	border-radius:0px;
	box-shadow: none;
	background:transparent;
}
.modal-content {
	border-radius: 0;
	box-shadow: 0px 0px 30px 0px #333;
	background:white;
}
.modal .modal-header{
	border-radius:0px;
	border:none;
	box-shadow:none;
	padding:0px 10px;
	background-clip:border-box;
}
.modal-content.ui-draggable .modal-header {
	cursor: move;
}
.modal .modal-body {
	background-color: #FFFFFF;
	padding: 0 !important;
}
.modal-footer {
	border-radius:0px;
	box-shadow: none !important;
	background: #e8eef3 !important;
	padding-bottom:10px;
}
.modal .row-fluid, .modal .row-form, .modal .block, .modal .block-fluid, .modal .footer {
	background-color: #FFFFFF !important;
}
/* Bootstrap Multiselect Custom CSS */
.multiselect-wrapper {
	width: 100% !important;
}
.multiselect-wrapper .multiselect_btn, .multiselect-wrapper .multiselect_btn:hover, .multiselect-wrapper .multiselect_btn.open {
	background-image: none;
	background-color: #FFFFFF !important;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	width: 100% !important;
	text-align: left;
}
.multiselect-wrapper.inline .multiselect_btn {
	border-width:1px !important;
}
.multiselect-wrapper.readonly {
	border:none !important;
	box-shadow:none !important;
	padding-top:0px !important;
	padding-left: 0px !important;
	margin:0px !important;
	background: none;
}
.multiselect-wrapper.readonly .multiselect_btn,
.multiselect-wrapper.readonly .multiselect_btn.disabled {
	background:none !important;
	border:none !important;
	box-shadow:none !important;
	padding:0px !important;
	margin:0px !important;
	cursor:default;
}
.multiselect-wrapper .searchbox .btn {
	position: absolute;
	margin-right:-35px;
	width:30px;
	padding-top:2px !important;
}
.multiselect-wrapper .multiselect_btn.disabled .caret,
.multiselect-wrapper.readonly .multiselect_btn .caret {
	display:none !important;
}
.multiselect-wrapper.readonly .multiselect_btn .multiselect-selected-text {
	padding-top: 3px !important;
	text-size-adjust:auto;
	text-size-adjust:initial;
	font-weight: bold;
	color: #333 !important;
}
.multiselect-wrapper .multiselect-container,.tree-dropdown .tree-container {
	width: 100%;
	box-sizing:border-box;
	padding:5px;
}
.multiselect-wrapper ul li.multiselect-all {
	display:none;
}
.multiselect-wrapper ul li label.smart-checkbox {
	margin-top:0px !important;
}
.btn-group .btn.dropdown-toggle {
	overflow: hidden;
}
.multiselect.btn.dropdown-toggle {
	margin-bottom: 0px;
}
.multiselect-item.filter input {
	margin-bottom: 0px;
}
.content .workplace .headInfo .multiselect-wrapper .multiselect-container label {
	float: inherit !important;
}
.multiselect-wrapper .multiselect-container .active > a,.multiselect-wrapper .multiselect-container li > a:focus,.multiselect-wrapper .multiselect-container .active > a:hover, .multiselect-wrapper .multiselect-container a:hover  {
	background: transparent !important;
	color: #333;
}
.multiselect-wrapper .multiselect-container > li > a > label {
    padding: 3px 10px 0 5px !important;
}

.multiselect-native-select .text-like + .multiselect-wrapper .multiselect_btn {
	border: none;
	box-shadow: initial;
	background: inherit!important;
}

.multiselect-native-select .text-like + .multiselect-wrapper .multiselect_btn b.caret{
	display: none;
}

.tooltip-error .tooltip-arrow {
	border-top-color: #620406 !important;
}
.tooltip-error .tooltip-inner {
	background: #620406;
	background: -moz-linear-gradient(top, #8A1C1F 0%, #620406 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8A1C1F), color-stop(100%,#620406));
	background: -webkit-linear-gradient(top, #8A1C1F 0%,#620406 100%);
	background: -o-linear-gradient(top, #8A1C1F 0%,#620406 100%);
	background: -ms-linear-gradient(top, #8A1C1F 0%,#620406 100%);
	background: linear-gradient(top, #8A1C1F 0%,#620406 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A1C1F', endColorstr='#620406',GradientType=0 );
}

.modal-backdrop {z-index: 1999; background-color:transparent;}

.table td .btnEvals {
	width: 70px!important;
	margin: 0px;
	padding: 0px 5px;
	text-align: left;
}

.no-marg-bot {
	margin-bottom: 0px !important;
}
.x-scroll {
	overflow-x: scroll !important;
}
.y-scroll {
	overflow-y: scroll !important;
}
textarea{
	min-height: 100px !important;
	resize: none;
	border:1px solid #9ea196;
	box-shadow:none !important;
	padding:3px 7px;
}
.row-form textarea {
	padding:3px 7px;
}
.alert {
	text-shadow: none !important;
	color:white !important;
	border-width: 1px !important;
	padding: 5px !important;
}
.modal .row-fluid {
	background-color: white;
}
.breadcrumb .divider {
	color: #bbb !important;
}
.breadcrumb .divider .ico-right {
	font-size: 14px;
}
.user-header-title .nav-but  {
    background-color: #C79121;
    color: #FFFFFF;
    height: 18px;
    padding: 0px 4px 2px 4px;
    border:1px solid #B1811D;
}
.user-header-title .nav-but .ico {
	font-size: 16px;
	padding-top: 2px !important;
}
.row-form {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}
#frmStdHeader {
	padding-top: 10px;
}
#frmStdHeader .row-form {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}
.row-form input {
	margin-top: 0px !important;
}
.row-form .caption {
	padding-top: 2px !important;
}
.row-form [class*="span"] {
    vertical-align:top !important;
    min-height: 20px !important;
}

.line-separator {
	margin-bottom: 10px;
}
.toolbar {
	padding: 8px 5px 5px 3px;
}

/* Smart admin fixes */
.btn.pull-right [class*="ico-"] {
	padding: 0 0 3px 18px;
}

.ui-widget-overlay {
	z-index: 1998 !important;
	opacity:0;
}

.dataTables_processing, .treeTables_processing {
    position: relative;
    text-indent: -9999px;
    height: 2px;
    width: 100%;
    top: 0px;
    left: 0;
    background-color: #3e9cff;
	animation: loading-bar-loop 2s ease-in-out infinite;
	margin: 0!important;
	padding: 0!important;
    background-image: none!important;
    clear:both;
}
.treeTables_processing {
	top: 0px;
	position:absolute;
}
@keyframes loading-bar-loop {
	0% {
		width: 0;
		left: 0;
	}
	50% {
		width: 100%;
	}
	100% {
		width: 0%;
		left: auto;
		right: 0;
	}
}
.mand{
	color: #ff0000 !important;
}

/* Chrome update text rendering fix */
h1,h2,h3,h4,h5,h6 {
	text-rendering:auto;
}

.caption .control-label {
	padding-top:1px;
}
.control-label .control-label {
	padding-top:0px;
}
.control-label {
	text-align: right;
	white-space: normal !important;
	padding-top:3px;
	max-height:24px;
	line-height: 16px !important;
	display: block;
    vertical-align: top;
}
.row-form .control-label.auto-height {
	height: auto !important;
	max-height: auto !important;
	max-height: initial !important;
}
@media (max-width: 767px) {
	.control-label {
		text-align: left;
	}
	#frmPGStdPayment .control-label.override {
		margin-top: 10px;
	}
	#frmPGStdPayment .span2.control-label.hide.payment,
    #frmPGStdPayment .span2.control-label.override {
		margin-left: 0px!important;
		margin-top: 8px;
    }
    #frmPGStdPayment .span2.hide.payment.payment-input {
		margin-left: 0px!important;
    }
    #frmPGStdPayment .btn.btn-mini.no-marg-bot {
    	margin-top: 10px;
    }
    #frmPGStdPayment .empty-span {
    	display: none;
    }
    #frmPGStdPayment .checkbox.inline {
    	clear: both;
    	display: block;
    	padding-left: 0px;
    }
}
.block-fluid .alert, .modal-body .alert {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}
.bg-color-grey {
	background-color: #E8EEF3 !important;
}

btn {
	vertical-align: inherit !important;
}



/* START: error messages CSS */
.red-border {
	border: 1px solid #CF1800 !important;
}
.orange-border {
	border: 1px solid #F89406 !important;
}
.green-border {
	border: 1px solid #C0EF00 !important;
}
.gray-background + .tooltip > .tooltip-inner {background-color: #545454; }
.red-border + .tooltip > .tooltip-inner {background-color: #AF1500; }
.red-border + .tooltip.top > .tooltip-arrow {border-top-color: #AF1500;}
.orange-border + .tooltip > .tooltip-inner {background-color: #EF8C00;}
.orange-border + .tooltip.top > .tooltip-arrow {border-top-color: #EF8C00;}
.green-border + .tooltip > .tooltip-inner {background-color: #99BF00;}
.green-border + .tooltip.top > .tooltip-arrow {border-top-color: #99BF00;}
.tooltip-inner {
  opacity: 1;
  filter: alpha(opacity=100);
  max-width: none !important;
}
.checkbox.red-border, .radio.red-border {
	border: 0px !important;
	color: #CF1800 !important;
}
.checkbox.orange-border, .radio.orange-border {
	border: 0px !important;
	color: #F89406 !important;
}
.checkbox.green-border, .radio.green-border {
	border: 0px !important;
	color: #C0EF00 !important;
}
.checkbox.red-border span, .radio.red-border span {
	border: 1px solid #CF1800 !important;
}
.checkbox.orange-border span, .radio.orange-border span {
	border: 1px solid #F89406 !important;
}
.checkbox.green-border span, .radio.green-border span {
	border: 1px solid #C0EF00 !important;
}
.radio.red-border span, .radio.orange-border span, .radio.green-border span {
	border-radius: 10px;
}
.checkbox.red-border span, .checkbox.orange-border span, .checkbox.green-border span {
	border-radius: 5px;
}
.smart-checkbox.red-border > span:before,.smart-radiobox.red-border > span:before {
	border: 1px solid #CF1800 !important;
}
.smart-checkbox.orange-border > span:before,.smart-radiobox.orange-border > span:before {
	border: 1px solid #F89406 !important;
}
.smart-checkbox.green-border > span:before,.smart-radiobox.green-border > span:before {
	border: 1px solid #C0EF00 !important;
}
.radio.inline, .checkbox.inline {
	margin: 0 5px 0 0;
}
.radio.inline:last, .checkbox.inline:last {
	margin: 0 !important;
}
.radio.inline-block, .checkbox.inline-block, .radiobox.inline-block {
	display:inline-block !important;
	float:none !important;
}	

/* END: error messages CSS */


/* stepy wizard */
.stepy-titles li  { color: #888; }
.stepy-titles li.current-step span { font-weight: bold; }

.wrapper .content .workplace #InfoContainer .block-fluid:last-of-type,
.wrapper .content .workplace #InfoContainer .block:last-of-type,
.wrapper .content .workplace #InfoContainer [class*="span"] .block-fluid:last-of-type,
.wrapper .content .workplace #InfoContainer [class*="span"] .block:last-of-type,
.wrapper .content .workplace #InfoContainer .row-fluid .block-fluid:last-of-type,
.wrapper .content .workplace #InfoContainer .row-fluid .block:last-of-type,
.wrapper .content .workplace #InfoContainer .row-fluid [class*="span"] .block-fluid:last-of-type,
.wrapper .content .workplace #InfoContainer .row-fluid [class*="span"] .block:last-of-type{margin-bottom: 0px !important;}

@media (min-width: 768px) {
  .row-fluid [class*="span"] {
	margin-left:0px !important;
	padding-left:10px;
	box-sizing:border-box;
  }
  .row-fluid [class*="span"]:first-child {
  	padding-left:0px;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 100%;
	padding-left:0px;
  }
  .row-fluid .span11 {
    width: 91.66%;
    *width: 91.66%;
  }
  .row-fluid .span10 {
    width: 83.33%;
    *width: 83.33%;
  }
  .row-fluid .span9 {
    width: 75%;
    *width: 75%;
  }
  .row-fluid .span8 {
    width: 66.66%;
    *width: 66.66%;
  }
  .row-fluid .span7 {
    width: 58.33%;
    *width: 58.33%;
  }
  .row-fluid .span6 {
    width: 50%;
    *width: 50%;
  }
  .row-fluid .span5 {
    width: 41.66%;
    *width: 41.66%;
  }
  .row-fluid .span4 {
    width: 33.33%;
    *width: 33.33%;
  }
  .row-fluid .span3 {
    width: 25%;
    *width: 25%;
  }
  .row-fluid .span2 {
    width: 16.66%;
    *width: 16.66%;
  }
  .row-fluid .span1 {
    width: 8.33%;
    *width: 8.33%;
  }
}
.ui-tabs .tab-pane {
	padding: 10px;
}
.ui-tabs .tabs-container {
    position: relative;
}
.ui-tabs .tabs-container .nav-left,
.ui-tabs .tabs-container .nav-right {
    position: absolute;
    background: white;
    cursor: pointer;
    height: 20px;
    width: 10px;
    z-index: 1;
    top:6px;
}
.ui-tabs .tabs-container .nav-right {
    text-align: right;
    right: 0;
}
.ui-tabs .tabs-container .nav-left.fa,
.ui-tabs .tabs-container .nav-right.fa {
    font-size: 20px !important;
    vertical-align: middle;
    padding: 3px 8px;
    font-weight: bold;
    color: black;
    border: 1px solid #bbb;
}
.ui-tabs .tabs-container .tabs-overflow {
    overflow: hidden;
}
.ui-tabs .ui-tabs-nav li a {
    display:inline-block;
    float: none;
}
.ui-tabs {
	margin-bottom: 10px;
	background:transparent;
}
.popover-content p {
	white-space: normal;
	margin-bottom: 10px;
}
a.btn {
	vertical-align: baseline !important;
}
.upper {
	text-transform: uppercase;
}

#stdSearchTbl_wrapper .bottom {
	clear: both;
}
.small_c_loader,

#frmPGStdPayment .span2.control-label {
	width: 100px;
	}
#frmPGStdPayment .span2 input.datepicker{
	width:100%!important;
    }
#frmPGStdPayment .width600 .span12.control-label a.btn {
	/* float :right; */
}
#frmPGStdPayment .checkbox.inline {
    padding-left: 0px;
    }
.radio input[type="radio"], .checkbox input[type="checkbox"], .checkbox input[type="radio"], .radio input[type="checkbox"] {
	margin: 2px 5px 2px 0 !important;
	padding: 0 !important;
	float: left;
}
.dot {
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    border: 0;
    vertical-align: middle !important;
}

/* Zoom button fix */

div.uploader {
  background-position: 0px -353px;
}

/* Optgroups border fix*/

#frmFilter .row-form select optgroup {
	border-right:0px;
	border-left:0px;
}

[class*="block"] .table tr th{
	padding: 5px 5px 4px 5px;
	vertical-align:middle;
	line-height:17px;
}

/* This helps the datatable to fit on the datatables wrapper */
.table-sorting .dataTables_wrapper{
	position: relative;
	overflow: auto;
}

table#eleTbl{
	width: 100%!important;
}

.padLeft10 {
	padding-left: 10px;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover {
	border-bottom:1px solid #bbb !important;
	bottom:-1px;
	height:26px;
	top:unset;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,.ui-tabs .ui-tabs-nav li.ui-state-hover.ui-tabs-selected {
	padding-bottom: 0px;
    padding-top: 0px;
    bottom:unset !important;
    top:1px !important;
    border-bottom:0px !important;
    height:27px;
}
.ui-tabs .ui-tabs-nav {
    white-space: nowrap !important;
    padding-top: 6px !important;
    height: 27px;
	border-radius:0px;
	width:auto;
	min-width: calc( 100% - 10px );
	padding-right:10px;
	font-size:0px;
}
.block-fluid .ui-tabs .ui-tabs-nav {
    border-left:0;
    margin-top: 5px !important;
	border-top-left-radius:0px;
}
.ui-tabs .ui-tabs-nav li {
    display: inline-block;
    float: none;
    overflow: hidden;
    border-top: 1px solid #bbb;
    height: 27px;
    border-bottom:none;
    font-size:11px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	margin-top:-1px;
}
.widthFix select {
	width:98%;
}
table.altRow tr.alt td[rowspan] {
	background-color:#f9f9f9;
}
table.altRow tr td[rowspan] {
	background-color:#fff;
}
.fixed-message {
    display: block;
    position: fixed;
    top: 92px;
    width: calc(100% - 250px);
    z-index: 999999;
}
.minified .fixed-message {
	width: calc(100% - 75px);
}

.left-stripe-cell-red {
    border-left: 3px solid red !important;
    box-sizing: border-box;
}
.box {
	border:1px solid #ddd;
}

#message-box .alert {
	text-shadow: none !important;
	color:white !important;
	border-width: 1px !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
}

#message-box .alert.message-header {
	padding: 5px !important;
}

.cke {
	margin-top:-2px !important;
}
.cke_button_label.cke_button__translate_label {
	display: inline;
}

.cke_textarea_inline {
	border-radius:3px;
}
.cke_dialog_background_cover {
	opacity:0 !important;
}
.cke_dialog_body {
	box-shadow: 0px 0px 30px 0px #888888 !important;
}
a.cke_dialog_ui_button {
	border: 1px solid #3A5795 !important;
	padding: 2px 0px 0px 0px !important;
}
a.cke_dialog_ui_button:hover {
	box-shadow: 0px 0px 5px 0px #333 !important;
}
a.cke_dialog_ui_button:active, a.cke_dialog_ui_button:focus, a.cke_dialog_ui_button:hover {
	background: #FFF !important;
}
a.cke_dialog_ui_button_ok,a.cke_dialog_ui_button_ok:active, a.cke_dialog_ui_button_ok:focus, a.cke_dialog_ui_button_ok:hover {
    background: #3A5795 !important;
}
.cke_dialog_close_button {
	top:12px !important;
}
#cke_bottom_detail,.cke_bottom {
	display:none !important;
}
.cke_contents {
	margin-bottom:3px !important;
}
@media (max-width: 767px) {
    .ckeditor-translate-modal {
        width: 500px;
    }
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
		float:left;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
    .ckeditor-translate-modal {
        width: 700px;
    }
}

@media screen and (min-width: 980px) {
    .ckeditor-translate-modal {
        width: 900px;
    }
}

@media (min-width: 768px) {
	.padleft70{
		padding-left: 8.838297872340425%;
	}
}

.trans-accordion .ui-accordion-header-icon {
	display: none;
}

.accordion .accordion-head, .sub-accordion .sub-accordion-head {
	cursor: pointer;
	font-size: 12px;
	line-height: 30px;
	padding: 2px 10px 0 25px;
	border:none !important;
	background: #E8EEF3;
}
.accordion .accordion-head > span.ico {
	margin-right:5px;
}
.accordion .accordion-head:first-child, .sub-accordion .sub-accordion-head:first-child {
	margin-top: 0;
}
.inside-form.accordion .accordion-head, .inside-form.sub-accordion .sub-accordion-head {
	margin-left: 10px;
	margin-right: 10px;
}
.inside-form.accordion .accordion-container, .inside-form.sub-accordion .sub-accordion-container {
	padding: 0 10px;
}

.datepicker {
	font-family: helvetica, arial, verdana, sans-serif !important;
}
.datepicker table tr td,.datepicker table tr th {
	font-size:11px;
}

/* spectrum styles */
.sp-replacer:hover,
.sp-replacer.sp-active,
.sp-replacer {
    border: none;
}
.sp-replacer {
    background-color: white;
}

.sp-preview,
.sp-preview-inner,
.sp-thumb-el,
.sp-thumb-inner {
    border-radius: 50%;
	border:1px solid #999;
}
.sp-preview-inner.sp-clear-display {
	border: solid 1px #222 !important;
}
.sp-thumb-active > span.sp-thumb-inner {
	background-image:none !important;
}
.sp-thumb-active > span.sp-thumb-inner:before {
	display:none;
}
.sp-preview {
    width: 15px;
    height: 15px;
	border: none !important;
}
.sp-dd {
    display: none;
}
.sp-container{
    border: 1px solid #999;
    background-color: white;
	box-shadow: 0px 0px 10px 0px #888;
}
.sp-container button:active{
    box-shadow: rgba(0, 0, 0, 0.14902) 0 2px 4px 0 inset;
}
.sp-container .sp-palette-toggle {
    margin-top: 5px;
}

.sp-container .sp-palette-toggle,
.sp-container .sp-cancel,
.sp-container .sp-choose {
    border: 1px solid #999;
    background: white;
    font-size: 12px;
    border-radius: 0;
    outline: none;
    min-width:auto !important;
	padding: 2px 6px !important;
	line-height:18px;
	vertical-align:inherit;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sp-container .sp-cancel {
    color: black !important;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 7px;
    position: relative;
    display:inline-block;
}
.sp-palette .sp-thumb-el {
	border:none !important;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
	border:none !important;
}
/*FF*/
@-moz-document url-prefix() {
    .sp-container .sp-cancel {
        top: 0;
        padding-top: 1px;
        padding-bottom: 1px;
    }
}
 /*IE 10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .sp-container .sp-cancel {
       top: 0;
       padding-top: 2px;
       padding-bottom: 1px;
          }
}
.sp-container .sp-palette-toggle:hover,
.sp-container .sp-choose:hover {
    border: 1px solid #999;
    background: white;
    text-shadow: none;
}
.sp-replacer {
	border:none !important;
	padding:3px 0px 0px 0px !important;
	background: transparent !important
}
.sp-preview {
	width: 15px !important;
	height:15px !important;
}

/* status toggle control */
.btn-group.status-toggle button {
	color: black !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border-radius: 0px !important;
}
.btn-group.status-toggle button.positive {
	border-right: 0px !important;
}
.btn-group.status-toggle button.positive.active {
	background-color: #C6F8BD !important;
}
.btn-group.status-toggle button.negative.active {
	background-color: #e0a0a0 !important;
}
.btn-group.status-toggle button[disabled] {
	opacity: 1;
	border-color: #aaa !important;
}

/* clock picker */
input.clockpicker {
	text-align:center;
	width:63px !important;
}
.clockpicker-popover.popover {
    z-index: 10000;
    border-radius: 0;
    margin-top: 0;
    width: 225px;
}
.clockpicker-popover .text-primary {
    color: black;
}

.clockpicker-popover.popover .arrow {
    display: none;
}

.clockpicker-popover.popover .clockpicker-span-minutes {
    float: none;
}

.clockpicker-popover.popover .popover-title {
    width: auto;
    margin: 0 auto;
    border: none;
    text-align: center !important;
}

.clockpicker-popover.popover .clockpicker-span-hours,
.clockpicker-popover.popover .clockpicker-span-minutes {
    margin: 0;
}

.clockpicker-popover.popover .clockpicker-span-am-pm {
    margin: 0 5px;
}
.clockpicker-popover.popover {
	box-shadow: 0px 0px 10px 0px #888888 !important;
}
.clockpicker-popover.popover .btn-block,.clockpicker-popover.popover .btn-block:hover {
    border:none !important;
	box-shadow: none !important;
	padding: 10px 0px 7px 0px !important;
    font-size: 12px !important;
}
.clockpicker-popover .popover-content {
	background:#e8eef3 !important;
	border-radius:none !important;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.clockpicker-popover.popover .clockpicker-tick {
	box-sizing:border-box !important;;
	border:1px solid transparent;
}
.clockpicker-popover.popover .clockpicker-tick.active,
.clockpicker-popover.popover .clockpicker-tick:hover {
    background-color: #C6F8BD;
	border:1px solid #468847;
}

.clockpicker-popover.popover .clockpicker-canvas line {
    stroke: #468847;
}

.clockpicker-popover.popover .clockpicker-canvas-bg,
.clockpicker-popover.popover .clockpicker-canvas-bearing,
.clockpicker-popover.popover .clockpicker-canvas-fg {
    fill: #C6F8BD;
}
.clockpicker-popover.popover .clockpicker-canvas-bg,
.clockpicker-popover.popover .clockpicker-canvas-bearing {
	stroke: #468847;
}

.clockpicker-am-pm-block .btn.pm-button {
	margin:0px !important;
	float:right;
}

.clockpicker-popover .popover-title .clockpicker-span-hours,
.clockpicker-popover .popover-title .clockpicker-span-am-pm {
    float: none;
}

.dataTable th.sorting,.dataTable th.sorting_desc,.dataTable th.sorting_asc {
	padding-right:15px !important;
}


/* hightlight class */
.highlight {
	background-color: yellow;
	color: black;
}

/* legend control class*/
.legend-control {
	padding:4px 7px;
	display:inline-block;
	border:1px solid #AAA;
	background: #FFFDDD;
}
.legend-control.transparent {
	border:none !important;
	background:transparent !important;
}
.legend-control > .legend-item {
    position: relative;
    top: 1px;
    display: inline-block;
    font-size: 12px;
    margin: 0px 3px;
}
.legend-control > .legend-item > .legend-item-box {
    float: left;
    width: 7px;
    display: block;
    padding: 5px;
    margin: 1px 5px 0 0;
    font-size: 11px !important;
    border: 1px dotted #999;
}
/* badge class */
.badge {
	border-radius: 0px;
	border:1px solid #888;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: bold;
	text-shadow: none;
}
.minified .badge {
	display:none !important;
}

/*bootstrap modal override transition*/
div.modal.fade {
	margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
}

/* attachment file iframe */
#uploader {
	width:0px;
	height:0px;
	border:0px;
	visibility:hidden;
}

.switch{
	background-image: url('../img/icons/ico/switch.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 65px;
}

.switch .span2{
	padding: 20px 0px;
	text-align: center;
}

.switch .span2 p{
	white-space: normal;
}

table tr.table-row-selected td {
    background-color: #D3D6FF !important;
}

[class *= "block"] [class *= "head"] [class *= "isw-"],
[class *= "block"] [class *= "head"] [class *= "isb-"] {
	padding: 6px 0 !important;
	margin-left: 8px !important;
}

.client-logo {
	border: 1px solid #CCCCCC !important;
	border-bottom: none;
	background: #E8EEF3 !important;
	vertical-align: middle;
	padding: 10% 15%;
	border-radius: 3px 3px 0px 0px;
}
label.checkbox span, label.radio span {
	vertical-align: bottom;
}

.url-tooltip {
	z-index:9999 !important;
	opacity: 1 !important;
}

.url-tooltip-inner {
	background: transparent !important;
	background-color: #E2E2BF !important;
	color: black !important;
	border-radius: 5px;
}

.no-border-radius {
	border-radius: 0px !important;
}

/* multiselect classes */
.multiselect .caret, .tree-select .caret {position: absolute; right: 16px; line-height: 22px;top:0px;font-size:12px;}
.tree-select .caret {
	line-height:22px !important;
}	
.multiselect .caret:before,.tree-select .caret:before {
    content:"\f078";
    font-family:"FontAwesome";
    color: #9ea196;
    font-size: 11px;
}
.caret {
	border:none !important;
}
.multiselect div { float: left !important; min-height: 15px !important; }
.multiselect-wrapper.fixed .dropdown-menu {
	position:fixed !important;
}
.multiselect-wrapper .dropdown-menu input.multiselect-search {
 	margin:0px 5px 0px 5px; width: calc(100% - 20px);height:22px;box-sizing:border-box;display:block;
}
.multiselect-wrapper .dropdown-menu input.multiselect-search::-ms-clear { display: none;}
.multiselect-wrapper .multiselect.dropdown-toggle { height: 22px; border-color: #9ea196; box-shadow:none !important;}
.multiselect-wrapper .dropdown-menu {height: auto;z-index:1096 !important;width:100%;padding:0px;box-sizing:border-box;top: 23px; box-shadow: 0px 0px 10px 0px #888888;overflow:hidden;}
.multiselect-wrapper .dropdown-menu .clear-selection-container {
	height:17px !important;
	line-height:20px;
}
.multiselect-wrapper .dropdown-menu .clear-selection-btn , .multiselect-wrapper .dropdown-menu .all-selection-btn , .multiselect-wrapper .dropdown-menu .all-deselection-btn {
	color: blue; text-decoration: underline; font-size:11px;
}

.multiselect-wrapper .dropdown-menu div.input-group { background-color: #e8eef3; border-bottom: 1px solid #999; margin: 0; padding: 7px; width: 100%; box-sizing: border-box;}
.multiselect-wrapper .dropdown-menu div.input-group a {cursor:pointer;}
.multiselect-wrapper .dropdown-menu div.input-group .fa { font-size:14px; }
.multiselect-wrapper .dropdown-menu li.loading_li {clear:both;}
.multiselect-wrapper .dropdown-menu li a {width: 100% !important; height: 27px;}
.multiselect-wrapper .dropdown-menu li a label {vertical-align:middle !important;}
.multiselect-wrapper .dropdown-menu li a:hover label { background-color: #e8eef3 !important; color: black !important; }

.multiselect-wrapper .dropdown-menu > ul > li > a > label { padding: 2px 0px 3px 10px !important; line-height: 20px; width: 100%; box-sizing: border-box; white-space: normal; text-align:left;}
.multiselect-wrapper .dropdown-menu li a input[type=checkbox] {margin-top:4px !important;}

.multiselect-wrapper.multiple .dropdown-menu > ul.multiselect-container > li > a > label {padding-left:5px !important;}
.multiselect-wrapper.multiple .dropdown-menu li a input[type=checkbox] {left:10px; position: absolute;}
.multiselect-wrapper.options-separator .dropdown-menu li {
	border-top: 1px dotted #999;
}
.multiselect-wrapper.options-separator .dropdown-menu li:first-child {
	border-top: none !important;
}
.multiselect-wrapper.multiple.options-separator .dropdown-menu li:nth-child(2) {
	border-top: none !important;
}

.multiselect-wrapper .dropdown-menu li a.multiselect-all {display:none;}
.multiselect-wrapper .dropdown-menu li a label, .multiselect-wrapper .dropdown-menu li a:hover label { text-shadow:none !important;}
.multiselect-wrapper .dropdown-menu li.active a label {background-color: #c6f8bd !important; color: black !important; font-weight:normal !important; text-shadow:none !important; }
.multiselect-wrapper *, .multiselect-wrapper input {border-radius: 0; }
.multiselect-wrapper .searchbox {
	color: #333;
}
.multiselect-wrapper .searchbox i.ico-search {
	font-size:14px;
}
.multiselect-wrapper input {border: 1px solid #999; margin: 0;}
.multiselect-wrapper > .multiselect > div {width: 95%; width: calc(100% - 15px);overflow: hidden;}
.multiselect-wrapper .multiselect-selected-text {
	color: black !important;
	width: calc(100% - 10px);
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:11px;
	line-height:17px;
}
.multiselect-wrapper .highlight {
	background-color: yellow !important;
	color: inherit;
}
.multiselect-wrapper .dropdown-menu input[type=radio] {display:none;}
.multiselect.dropdown-toggle {color:#000; opacity: 1 !important; background: white !important; height: 22px; border: 1px solid #9ea196; border-radius:4px !important; text-overflow: ellipsis; box-sizing:border-box;padding-right:12px !important; overflow: hidden;}
.multiselect.dropdown-toggle.disabled {background-color: #eeeeee !important;}

.multiselect-wrapper.inline > .dropdown-menu { margin-top:0px !important; box-shadow: none !important; position: relative !important; top:auto !important; top:initial !important; left: auto !important; left: initial !important; z-index: auto !important; z-index: initial !important; display: inherit !important; }
.multiselect-wrapper.inline > .dropdown-menu li label {
	padding-top:2px !important;
	padding-bottom:3px !important;
}
.multiselect-wrapper .multiselect_btn {
	box-sizing: border-box;
	padding: 2px 6px 2px 6px;
}

.multiselect-wrapper .clipboard-copy-btn {
    position: absolute !important;
    right: 2px !important;
    top: 2px !important;
    width: 12px !important;
    height: 12px !important;
    font-size: 11px !important;
    background: transparent !important;
    padding: 3px !important;
    display: none !important;
    left:auto !important;
    font: normal normal normal 11px/1 FontAwesome !important;
	cursor:pointer;
}
.multiselect-wrapper .clipboard-copy-btn:before {
	font-size:12px;
}
.multiselect-wrapper .multiselect_btn:hover .clipboard-copy-btn {
	display: block !important;
}
.multiselect-wrapper .multiselect_btn .multiselect-selected-text .tag-label.more {
	background: black !important;
    padding-right: 5px;
    cursor : pointer;
}
.multiselect-wrapper .multiselect_btn.disabled .multiselect-selected-text .tag-label {
	background:white;
	padding-right:5px;
}
.multiselect-wrapper .multiselect_btn.disabled .multiselect-selected-text .tag-label .tag-label-remove {
	display:none;
}
.multiselect-wrapper .multiselect_btn .multiselect-selected-text .tag-label.more .tag-title {
    color: white !important;
	font-size:11px;
}

.multiselect-wrapper.inline .multiselect_btn {
	display:none;
}
.multiselect-wrapper.auto-height .multiselect_btn {
	height: auto !important;
	display:block;
	padding-right: 1px !important;
	padding-left:2px !important;
}
.multiselect-wrapper.auto-height .multiselect_btn .multiselect-selected-text {
	overflow: visible !important;
	white-space: normal !important;
	margin: 1px 0px 0px 3px;
}

.multiselect-wrapper .multiselect_btn .multiselect-selected-text .tag-label {
	background-color: #eee;
	border-radius: 0px;
	border: 1px solid #d4d4d4;
	margin: 2px 2px 2px 0px;
    padding: 1px 2px 0px 5px;
	display:inline-block;
	font-size:11px;
	box-sizing:border-box;
}
.multiselect-wrapper .multiselect-selected-text .tag-label .tag-label-remove {
	font-size: 11px;
	color: red;
	padding-left: 2px !important;
	padding-right: 0px !important;
	display: inline-block;
 	visibility: hidden;
	cursor: pointer;
}
.multiselect-wrapper.display-new-line .multiselect-selected-text .tag-label .tag-label-remove {
    float: right;
    position: relative;
    top: 3px;
}
.multiselect-wrapper.display-new-line .multiselect-selected-text .tag-label:first-child {
	 margin-top: 5px;
}
.multiselect-wrapper.display-new-line .multiselect-selected-text .tag-label:last-child {
	 margin-bottom: 5px;
}
.multiselect-wrapper .multiselect_btn .multiselect-selected-text:hover {
	cursor: hand;
}
.multiselect-wrapper .multiselect_btn .multiselect-selected-text {
	width: 100% !important;
	clear: left;
}
.multiselect-wrapper.multiple.auto-height .multiselect_btn .caret {
	display:none !important;
}
.multiselect-wrapper.single .multiselect_btn .multiselect-selected-text {
	margin:0px !important;
}
.multiselect-wrapper.single .multiselect-selected-text .tag-label {
	width: calc(100% - 10px);
	margin:0px;
	padding:0px;
	background: transparent;
	border:none;
}
.multiselect-wrapper.single .multiselect-selected-text .tag-label .tag-label-remove {
	float: right;
	padding-top:2px !important;
}

.multiselect-wrapper.multiselect_btn .multiselect-selected-text .tag-label {
	float:left;
}
.multiselect-wrapper.auto-height.display-new-line .multiselect_btn .multiselect-selected-text .tag-label {
	display: block;
}
.multiselect-wrapper .multiselect_btn .multiselect-selected-text .tag-title {
	color: black !important;
	cursor: default;
	font-size:11px;
}
.multiselect-wrapper.display-new-line .multiselect_btn .multiselect-selected-text .tag-title {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 20px);
    height: 16px;
	vertical-align: middle;
}
.multiselect-wrapper .multiselect_btn .multiselect-selected-text .tag-label:hover .tag-label-remove {
    visibility: visible;
}
.multiselect-wrapper label input[type="checkbox"].checkbox + span:before {
	margin-left:0px !important;
}

.fake-multiselect-option {
	display : none !important;
}
.no-data + span ul li:first-child .clear-selection-container  {
    display: none !important;
}

.multiselect-wrapper .input-group-btn {
	position:absolute;
	right:20px;
	top:10px;
	width:10px !important;
	height: 18px;
	line-height: 18px;
	font-size:12px;
}
.multiselect-wrapper .input-group-btn .multiselect-clear-filter {
	background:transparent !important;
	padding: 2px 5px 0px 5px !important;
	border: none !important;
	box-shadow: none !important;
	text-shadow: none;
	box-sizing: border-box;
}

.multiselect-wrapper .tooltip-icon {
	top: 50% !important;
	margin-top:-6px;
	display: none;
	position: absolute !important;
	right: 10px;
}

td > .label,td > div > .label {
	line-height:12px;
	margin-top:0px;
	height:auto;
}
.label {
	box-sizing:border-box;
	padding:3px 6px 3px 6px;
	position:relative;
	text-shadow: none;
	line-height:17px;
	max-height:23px;
	vertical-align:top;
}
.label-important > span,
.label-warning > span,
.label-success > span,
.label-info > span {
	color: white;
}
.label-important > span.ico:before,
.label-warning > span.ico:before,
.label-success > span.ico:before,
.label-info > span.ico:before {
	color:white;
}
.readonly-text {
	font-weight: bold;
	display: inline-block;
	padding-top: 3px;
}

#frmStdHeader label .readonly-text {
	padding-top: 0 !important;
}
#frmStdHeader .caption {
	padding-top: 6px !important;
}


.modal .footer{
    clear: both;
    background-color: #e8eef3 !important;
    height:auto;
    min-height: 35px;
    margin-top: 20px!important;
    padding: 5px 10px;
}

.modal .footer .btn {
	margin-top: 7px;
}

#dlgAddUser, #dlgAddRole{
	box-shadow: 0 0 30px 0 #333;
}
.dataTable label.smart-checkbox {
	margin:0px !important;
}
.dataTable thead label.smart-checkbox {
	position:relative;
	top:-1px;
}
.dataTable label.smart-checkbox span,.dataTable label.smart-checkbox span:before {
	margin-right:0px !important;
}
.dataTable label.smart-checkbox span {
	margin-left:0px !important;	
}
.dataTable label.smart-checkbox span:before {
	left:0px !important;
}
.dataTable td > label.checkbox,.dataTable td > label.radiobox,.dataTable th > label.checkbox,.dataTable th > label.radiobox {
	min-height:auto !important;
    position: relative;
	top:-1px;
}
.dataTable tbody td > label.checkbox,.dataTable tbody td > label.radiobox {
    top: -2px;
}
label.smart-checkbox,label.smart-radiobox,label.smart-checkbox.red-border > span, label.smart-radiobox.red-border >span {
	border:none !important;
}
label.smart-checkbox,label.smart-checkbox.checkbox {
	margin-top: 3px;
	padding-left:0px;
	display: inline-block !important;
	margin-bottom:0px !important;
}
label.smart-checkbox.white-text > span {
	color:white;
}
input[type="text"]::-ms-clear {
	display: none;
}

/*
FancyTree
*/

@keyframes fancytree-icon-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); 
    margin-left:0px;}
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); 
    margin-left:-1px;} 
}
            
span.fancytree-empty,
span.fancytree-vline,
span.fancytree-expander,
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-radio,
span.fancytree-drag-helper-img,
#fancytree-drop-marker,
ul.fancytree-container li {
	background-image: none !important;
}
.fancytree-container .fancytree-node.fancytree-partsel > span.fancytree-checkbox:before{
  content: "\f00d";
  font-family: "Font Awesome Five Pro"; 
  font-size:10px;
  color:white; 
  border:1px solid #498C66;
  background:#498C66 !important;  
}
.fancytree-checkbox:before {
  font-family: 'Font Awesome Five Pro';
  font-size: 12px;
  border-radius: 0;
  content: "\a0";
  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 1px;
  height: 12px;
  line-height: 12px;
  min-width: 12px;
  margin-right: 5px;
  border: 1px solid #bfbfbf;
  background-color: #f4f4f4;
  font-weight: normal;
  box-shadow: none !important;
  float:left;
}
.fancytree-container .fancytree-checkbox:before {
  content: "\a0";
}
.fancytree-container .fancytree-node.fancytree-selected .fancytree-checkbox:before{
  content: "\f00c" !important;
  font-size:10px;
}
.fancytree-node.fancytree-selected .fancytree-checkbox:before {
  color: #2E7BCC;
  border:1px solid #498C66;
  background:#498C66 !important;
  color:white !important;
  font-weight:bold;
} 
.tree-select .readOnlyContainer {
	padding-top:3px !important;
}
.tree-select .readOnlyContainer .tag-label-remove {
	display:none !important;
}
.tree-select .tree-dropdown .clear-selection-container {
	height:17px !important;
	line-height:20px;
}
.tree-select .tree-dropdown span.fancytree-checkbox {
	padding-top:0px;
	margin-left:3px;	
}
.tree-select .tags-container {
    min-height: 20px;
}
.tree-select .tags-container .tag-label .tag-label-remove {
	top:0px !important;
	color: #990000 !important;
	margin-left:3px;
	line-height:16px;
}
.tree-select .tree-dropdown .input-append input[name=search_term] {
	display:block;
}
.tree-select .tags-container .tag-label,.tree-select.displayWithNewLine .tags-container .tag-label {
	padding:2px 3px !important;
}
.tree-select .tags-container .tag-label:hover .separator {
	display:none;
}
.tree-select .tree-dropdown .btn-clear-search,.tree-select .tree-dropdown .btn-clear-search:hover {
	position:absolute;
	width:30px;
	margin-right:-26px;
	top:0px;
}
.tree-select.tree-select-inline .tree-dropdown .tree-container {
	border-left:none;
	border-right:none;
	border-bottom:none;
}
.tree-select.tree-select-inline .tree-dropdown .input-append {
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
}
.tree-select.tree-select-inline {
	border:1px solid #aaa;
}
.tree-select.tree-select-inline #tree-wrapper {
	overflow:hidden;
}
span.fancytree-checkbox {
	padding-top:2px;
}
span.fancytree-title {
	font-style:normal !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size:11px !important;
	margin-top:1px !important;
	margin-left:2px !important;
	width:auto !important;
}
span.fancytree-title > .node-content {
	width: auto !important;
}	
.tree-select .tree-dropdown .tree-container .fancytree-node {
	padding: 1px 0px 1px 5px !important;
} 
.tree-select .tree-dropdown .fancytree-node .fancytree-title {
	margin-top:3px !important;
	width: calc( 100% - 35px ) !important;	
	padding-left:2px;
}
.filter-popover .filter-selector .tree-select {
	border:none;
}
span.fancytree-icon {
	display:none;
}
.fancytree-container .fancytree-ico-c,
.fancytree-container .fancytree-ico-e {
	left:0px;
	top:0px;
}
.fancytree-exp-cd.fancytree-ico-c .fancytree-expander:before {
	font-family: "Font Awesome Five Pro";
	font-size: 12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight:bold;
}

.fancytree-has-children .fancytree-expander:before {
	font-family: "Font Awesome Five Pro";
    content: "\f054";
    font-weight:bold;
    font-size: 12px;
    position: relative;
}

.fancytree-expanded.fancytree-has-children .fancytree-expander:before {
	font-family: "Font Awesome Five Pro";
	content: "\f078";
	left: -1px;
    position: relative;
    font-weight:bold;
    font-size: 12px;
}

.fancytree-loading .fancytree-expander {
    background-image: none !important;
}
.fancytree-loading .fancytree-expander:before {
    content: "\f054" !important;
}
.fancytree-selected span.fancytree-title {
	color:black !important;
}
ul.fancytree-container,ul.fancytree-container:focus {
	border:none !important;
	outline:none !important;
	overflow:hidden !important;
}
ul.fancytree-container li .fancytree-active span.fancytree-title {
	background: unset !important;
    color: unset !important;
    outline: unset !important;
    border:none !important;
}
.fancytree-container td {
    padding-top: 4px;
    vertical-align: top;
    padding-bottom: 3px;
    box-sizing: border-box;
}
table.fancytree-ext-table tr {
	cursor:default !important;
} 
.fancytree-container td > .fancytree-node {
	margin-top: 0px;
	margin-left:0px;
	position:relative;
}
.fancytree-container td .fancytree-node .fancytree-title {
	margin-left: 13px !important;
}
ul.fancytree-container ul {
	padding-left:20px !important; 	
}

.fancytree-container li .fancytree-node .fancytree-expander {
    position: relative;
    left: 0px;
    text-align:center;
    width:16px;
    height:20px;
}
table.dataTable th,table.fancytree-ext-table {
	outline: none !important;
	border-collapse:initial !important;
}

table.fancytree-ext-table span.fancytree-node span.fancytree-expander {
	position:absolute;
	top:1px;
	text-align:center;
    width:16px;	
    height:20px;
}
table.fancytree-ext-table .fancytree-statusnode-wait span.fancytree-node .fancytree-expander,
table.fancytree-ext-table .fancytree-statusnode-wait span.fancytree-node .fancytree-icon {
	display:none !important;
}
table.fancytree-ext-table .fancytree-statusnode-wait span.fancytree-node .fancytree-title {
	margin-left: 5px !important;
}	
table.fancytree-ext-table span.fancytree-node span.fancytree-title {
	margin-left:16px !important;
	padding-left:0px !important;
	background:transparent !important;
	color: unset !important;
}
.multiselect-add-modal {
	width: auto !important;
	min-width:400px;
}
.small-user-picture {
	margin-right: 10px;
    width: 30px;
    padding: 2px;
	background:white;
	border:1px solid #aaa;
	margin-right: 5px;
}
.modal-footer .btn + .btn, .modal-footer .btn + div + .btn {
	margin-left: 5px;
	margin-bottom: 0px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
    padding: 0px !important;
    font-family: FontAwesome !important;
    content: "\f00d" !important;
    color: #777 !important;
}
.bootstrap-tagsinput > input[type="text"]:focus {
	box-shadow:none !important;
}
input {
	box-shadow:none !important;
	outline: 0 !important;
}
textarea:focus, input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, input[type="datetime-local"]:focus, 
input[type="date"]:focus, input[type="month"]:focus, 
input[type="time"]:focus, input[type="week"]:focus, 
input[type="number"]:focus, input[type="email"]:focus, 
input[type="url"]:focus, input[type="search"]:focus, 
input[type="tel"]:focus, input[type="color"]:focus, 
.uneditable-input:focus, .cke_editable:focus,
.select2-container-multi.select2-container-active
 {
	border-color: rgba(58, 87, 149, 0.8) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(58, 87, 149, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(58, 87, 149, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(58, 87, 149, 0.6) !important;
}
.select2-container-multi.select2-container-active .select2-choices, input[type="text"].select2-input:focus {
	border:none !important;
	box-shadow:none !important;
}
.select2-container {
	border:1px solid #aaa;
	border-radius:4px;
	overflow:hidden;
}
.select2-container-multi .select2-choices {
	border: none;
    box-shadow: none;
    outline: none;
    background-image: none;
}
.select2-container-multi .select2-choices li {
	margin:3px 0px 0px 3px !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
	padding:3px 18px 3px 5px;
}
.select2-search-choice-close {
	top: 3px !important;
	left:unset !important;
	right:2px !important;
	background:none !important;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
	text-decoration:none;
}
.select2-search-choice-close:before {
	font-family: "Font Awesome Five Pro";
	content:"\00D7";
	font-size: 18px;
    color: #777;
    font-weight: bold;
}

.input-toggle {
	display:inline-block;
}
@media (max-width: 767px) {
	#detailDiv .input-toggle,#status_container.input-toggle {
		position: absolute;
   	 	right: 5px;
    	top: -26px;
	}
}
.well {
	min-height: unset;
}
.jarviswidget:before, .jarviswidget > div:before, .inner-spacer:before, .jarviswidget-editbox:before, .clearfix:before {
	display: none !important;
}
.jarviswidget:after , .jarviswidget > div:after, .inner-spacer:after,.jarviswidget-editbox:after, .clearfix:after {
	content: "" !important;
    clear: both !important;
    display: table !important;
}
.row-fluid:before {
    display: none !important;
}
.row-fluid:after {
	content: "";
    clear: both;
    display: table;
}
.loading-box {
	width: 100%;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}
.panel-title-label {
	font-weight:bold;
	color:white;
	display:inline-block;
	height:18px;
	vertical-align:top !important;
	padding-top:4px;
}
.label.dark-label, .label.dark-label span {
	color: white !important;
}
.form-fields {
    padding: 20px;
	box-sizing: border-box;
}
.form-field-info {
	padding:5px 0px 0px 0px;
}
.form-field-info:before {
	clear:both;
}
.block-fluid {
	position: relative;
}
#status_container {
	position: absolute;
	right: 7px;
	top: 6px;
}
.ui-theme .popover {
	background: rgb(255, 252, 193) !important;
	border: 1px solid #444 !important;
	border-radius:0px !important;
	box-shadow: 0px 0px 30px 0px #444 !important;
	padding:10px 5px 10px 5px !important;
}
.ui-theme .smart-popover.popover.bs-popover-left > .arrow {
    top: -8px !important;
}
.ui-theme .popover.left .arrow,.ui-theme .popover.bs-popover-left .arrow:after,.ui-theme .smart-popover.popover.bs-popover-left >.arrow:after {
	border-left-color: rgb(255, 252, 193);
	right: -9px;
}
.ui-theme .popover.top .arrow,.ui-theme .popover.bs-popover-top .arrow:after,.ui-theme .smart-popover.popover.bs-popover-top >.arrow:after {
	border-top-color: rgb(255, 252, 193);
	bottom: -9px;
}
.ui-theme .popover.right .arrow,.ui-theme .popover.bs-popover-right .arrow:after,.ui-theme .smart-popover.popover.bs-popover-right >.arrow:after {
	border-right-color: rgb(255, 252, 193);
	left: -9px;
}	
.ui-theme .popover.bottom .arrow,.ui-theme .popover.bs-popover-bottom .arrow:after,.ui-theme .smart-popover.popover.bs-popover-bottom >.arrow:after {
	border-bottom-color: rgb(255, 252, 193);
	top: -9px;
}	
	
.ui-theme .popover .popover-header,.ui-theme .popover .popover-title {
	background-color: transparent !important;
	border-radius:0px;
	border-bottom:none !important;	
	color:#444;
	font-weight:bold !important;
	font-size:16px !important;
	display:block;
}
.ui-theme .popover .popover-header .popover-filter-title:before,.ui-theme .popover .popover-title:before {
	font-size:20px;
	font-family: "Font Awesome Five Pro";
	content: "\f058";
	margin-right:10px;
	font-weight:normal !important;
	top: 1px;
    position: relative;
}
.ui-theme .popover .popover-title > .popover-filter-title:before {
	display:none;
}
.ui-theme .popover .popover-header > .popover-title {
	padding-left:0px;
}

.ui-theme .popover .popover-content {
	padding:10px 15px 10px 15px;
}
.ui-theme .timepicker-popover.popover {
	padding:0px !important;
	border:none !important;
	background:rgb(244, 244, 244) !important;
}   
.ui-theme .timepicker-popover.popover .react-timekeeper {
	border-radius:0px !important;
}

.filter-popover.popover {
	box-shadow: 0px 0px 30px #777;
	visibility:hidden;
	border-radius: 0;
	padding: 0;
	z-index: 2000;
	background:#e8eef3 !important;
	padding:3px 0px 0px 0px !important;
	border:1px solid #777 !important;
}
.filter-popover.popover.smart-popover {
	visibility:visible;
}
.config-popover.popover {
	background:#e8eef3 !important;
	padding:3px 0px 0px 0px !important;
}
.filter-popover.popover .popover-content {
	padding:0px;
}	
.popover .popover-content-inside {
	margin-bottom:20px !important;
	text-align:left;
}
.smart-popover.popover .popover-content-inside {
	margin-bottom:0px !important;
}
.filter-popover.popover.in .popover-header {
	float:left;
	width:100%;
	margin-top:-15px;
	padding: 5px 10px 0px 10px;
    box-sizing: border-box;
}
.filter-popover.popover > .popover-inner > .popover-title,
.filter-popover.popover > .popover-header > .popover-title,
.filter-popover.popover .popover-header,
.filter-popover.popover .filter-options {
	border-radius:0px;
	font-size: 13px !important;
	font-weight: normal !important;
}
.filter-popover.popover > .popover-inner > .popover-title {
	padding-bottom:8px;
}
.filter-popover.popover > .popover-inner > .popover-title:before,
.filter-popover.popover > .popover-header > .popover-title:before,
.config-popover.popover .popover-title:before {
	display:none;
}
.filter-popover.popover.top .arrow,.config-popover.popover.top .arrow {
	border-top-color: #e8eef3 !important;	
}
.filter-popover.popover.bottom .arrow,.config-popover.popover.bottom .arrow {
	border-bottom-color: #e8eef3 !important;
}
.filter-popover.popover.left .arrow,.config-popover.popover.left .arrow {
	border-left-color: #e8eef3 !important;	
}
.filter-popover.popover.right .arrow,.config-popover.popover.right .arrow {
	border-right-color: #e8eef3 !important;	
}
	
.filter-popover .title-bar .show-selected,.filter-popover .title-bar .preview-btn {
	font-size:12px;
}
.filter-popover .title-bar .show-selected .ico,.filter-popover .title-bar .preview-btn .ico {
	font-size:14px;
	margin-right:5px;
}
.smart-popover.fade {
	transition:none !important;
}
.row-form.bg-color-grey {
	padding-top: 7px !important;
	padding-right: 5px;
	padding-left:10px;
}
.row-form.bg-color-grey h4 {
	line-height: 22px;
	margin-top:1px !important;
}
.row-form.bg-color-grey > .btn.btn-mini {
	margin-bottom: 0;
}
.open > .dropdown-menu {
	padding:5px;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    background: #3A5795;
    border-radius: 0px;
}

/* spinner */
.ui-theme .c_loader {
	background:transparent;	
	font-size:30px;
	color: #3A5795 !important;
    display:block;
	width: 30px;
    height: 30px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom:16px;  
    text-align:center;
}
.ui-theme .c_loader:before,.ui-theme .c_loader:after {
	font-family: "Font Awesome Five Duotone";	
	position: absolute;
    left:50%;
    top:15px;
    margin-left:-15px;
    width:30px;
    text-align:center;
    
}
.ui-theme .c_loader:before {
	opacity:0.5;
	content: "\f3f4";
	-webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}	
.ui-theme .c_loader:after {
    opacity: 1;
	content: "\10f3f4";	
	-webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
    animation-direction: reverse;
    font-size:15px;
}
.ui-theme .c_loader + br {
	display:none;
}

.ui-theme .c_loader + br + span,.ui-theme .c_loader + span,.ui-theme .c_loader > span {
	display:block;
	margin-bottom:20px;
    text-transform:uppercase;
    font-weight:bold;  
	color: #3A5795;
	font-size:13px;
	text-align:center;
	opacity:0.8;
	letter-spacing:0.5;
}
.ui-theme .c_loader > span {
	margin-top:15px;
	margin-bottom:5px;	
}	
.c_loader + span {
	display:block;
}
.multiselect-container .c_loader {
	margin-top:60px;
	margin-bottom:80px;
}
.filter-panel {
	background: #e4e4a0;
	box-sizing:border-box;
	padding:7px 7px 0px 7px;
}
.yellow-note {
	background: #FFF99F;
	border: none;
	padding:10px;
	box-sizing:border-box;
}
.information {
	padding: 10px 0;
}
.no-information {
	padding: 5px;
	font-size: 12px;
}
.help-content {
	white-space: normal !important;
}
.help-content .popover {
	position: fixed;
	width: 400px !important;
}
.help-content .popover .popover-title::before {
	content: "\f059" !important;
}
.help-content .fa-question-circle {
	/* Example styles */
	font-size: 14px;
	margin-left: 2px;
	cursor: pointer;
}
.alert-details table,
.alert-details table tr,
.alert-details table tr td {
    border: none !important;
    background: transparent !important;
}
.time-elapsed {
	visibility: hidden;
}
.time-elapsed.rendered {
	visibility: visible;
}
.time-elapsed.rendered + .tooltip {
    width: 80px;
}