/* Fira Sans WK Font */
@font-face {
    font-family: 'Fira Sans';
    src: url('/wfm/fonts/FiraSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('/wfm/fonts/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('/wfm/fonts/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('/wfm/fonts/FiraSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('/wfm/fonts/FiraSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('/wfm/fonts/FiraSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('/wfm/fonts/FiraSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    src: url('/wfm/fonts/FiraSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

.renderjson a              { text-decoration: none; }
.renderjson .disclosure    { color: grey }
.renderjson .syntax        { color: grey; }
.renderjson .string        { color: red; }
.renderjson .number        { color: blue; }
.renderjson .boolean       { color: purple; }
.renderjson .key           { color: purple; }
.renderjson .keyword       { color: lightgoldenrodyellow; }
.renderjson .object.syntax { color: grey; }
.renderjson .array.syntax  { color: grey; }

#accretion-log-wrap .renderjson, #console-sidebar-int .renderjson {
	background-color: transparent;
	border:none;
	border-radius: 0;
}

.console-stack-trace-item {
	background: #efefef;
	margin:-5px !important;
	margin-top:5px !important;
}
.console-stack-trace-item::before {
	content: 'Stack Trace';
	background: #ddd;
	display: block;
	padding:0 5px;

}

.accretion-log-item-header {
	background:#e0e0e0;
	cursor:pointer;
}

.console-stack-trace-item pre.renderjson {
	margin:0;
}

#console-sidebar-int > .accretion-log-item {
	margin:0px !important;
}

.panel-footer .pagination-list, .panel-heading .pagination-list {
	margin-bottom: 0px;
	font-size:14px;
}

#accretion-log-wrap {
	position:fixed; 
	z-index:9999; 
	bottom:20px; 
	left:20px; 
	width: 100px;
	box-shadow: rgba(0,0,0,0.7) 0 0 10px;
	transition: all .5s;
	border-radius: 5px;
}

.panel-heading .pagination-list {
	margin-bottom: 0px;
}

#accretion-log-wrap.log-open {
	bottom:0px; left:0; width: 100%;
	border-radius: 0px;
}

#accretion-log-header {
	background: #e2e1e1; padding: 5px 15px;
	border-radius: 5px;
	cursor: pointer;
}

#accretion-log-header:hover {
	background: #dadada;
}

#accretion-log-clear-btn {
	display: none;
}

#accretion-log-wrap.log-open #accretion-log-header {
	border-radius: 0;
}

#accretion-log-wrap.log-open #accretion-log-header #accretion-log-clear-btn {
	display: inline-block;
}

#accretion-log-header.error {
	background: #bf2727;
	color:#fff;
	font-weight: bold;
}

#accretion-log-wrap.bounce {
	-webkit-animation-duration: 1s;
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-name: bounce; 
         animation-name: bounce; 
}

 @-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
 } 
 
 @keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
 }
 
 .bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
 }

.panel-window > .panel-body {
	padding:0;
}

.panel-window {
	box-shadow: rgba(0,0,0,0.4) 7px 12px 16px;
	margin:0 !important;
}
.panel-window.minimized {
	display: none !important;
}

.panel-window-list-item {
	margin-right:3px;
}

.panel-window-body.ui-resizable > .ui-resizable-handle{
	z-index: 1 !important;
}
/*
.panel-window.minimized .panel-title {
	white-space: nowrap !important;
}

.panel-window.minimized {
	display: inline-block !important;
    height: 39px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    position: initial !important;
    top: 0 !important;
    left: 0 !important;
    width: min-content !important;
    margin:0 !important;
    margin-right: 3px !important;
    z-index: initial !important;
}


.panel-window.minimized .panel-window-btn-wrap {
	display: none !important;
	width: 0px !important;
	padding: 0px !important;
}
*/

#order-summary-body p{
	margin:0;
}

.email-history-item-body-content p {
	margin:0;
}

.panel-window.active {
	z-index:2;
	background: none;
}

.panel-window.active .panel-window-heading {

	/*
	background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
    */

    background: -moz-linear-gradient(top, rgba(51,122,183,0.8) 0, rgba(51,122,183,0.8) 0%, rgba(38,90,136,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(51,122,183,0.8) 0,rgba(51,122,183,0.8) 0%,rgba(38,90,136,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(51,122,183,0.8) 0,rgba(51,122,183,0.8) 0%,rgba(38,90,136,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc337ab7', endColorstr='#cc265a88',GradientType=0 ); /* IE6-9 */
}

.panel-window.active .panel-title  {
	color:#fff;
}

.panel-window-list {
	/*
	margin-top: -30px;
    margin-left: -30px;
    margin-right: -30px;
    */
    padding: 5px;
    background: #888;
    /* height: 40px; */
    border-bottom: 1px solid #fff;
    box-shadow: rgba(0,0,0,0.3) 0 0 5px;
    min-height: 45px;
    overflow-x: auto;
    white-space: nowrap;
    
}

.panel-window .panel-window-body {
	/*height: calc(100% - 38px);*/
}

.iframe-body .iframe-hide {
	/*display: none;*/
}

.panel-window-btn {
	margin-right:3px;
}

table.table-searchable tbody tr.hidden {
	visibility: hidden;
    overflow: hidden;
    display: block !important;
    height: 0px !important;
    width: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.table-searchable-wrap .table-searchable-input-wrap {
	padding: 15px;
	border-bottom: #ccc 1px solid;
}
.panel > .table-searchable-wrap > input.table-searchable-input {
	margin: 15px;
    width: calc(100% - 30px);
    display: block;
    margin-bottom: 0;
}

/*
.table-filterable > tbody > tr {
	display: none;
}
*/

table.table-searchable tbody tr.hidden td {
	/*visibility: hidden;
    overflow: hidden;
    display: block !important;
    height: 0px !important;
    width: 0px !important;
    padding: 0px !important;
    margin: 0px !important;*/
    display: none;
}

	.filter-table-menu {
		text-align: justify;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.filter-table-menu > li {
		width:100px;
		display:inline-block;
		vertical-align:top;
	}
	.filter-table-menu > li > span {
		display:block;
		text-align: center;
		font-weight: bold;
		margin-top:5px;
	}
	.filter-table-menu:after{
		content: '';
		width: 100%;
		display: inline-block;
		border-bottom:1px solid #ddd;
		margin-top:15px;
		margin-bottom:15px;
	}

	table.table-hilight tbody > tr {
		opacity: 0.45
	}

	table.table-hilight tbody > tr.hilight-row {
		opacity: 1;
	}

	table.table-hilight thead > * {
		opacity: 1 !important;

	}

	table.table-hilight thead {
		z-index: 1;
	}

	
.splitable .split-col {
	float:left;
	padding: 15px;
	overflow-y: auto;
	position: relative;
}
.split-col-drag {
	position: absolute;
	left: 0px;
	height: calc(100% - 30px);
	border-left:1px solid #ccc;
	cursor:col-resize;
	width: 9px;
}

.panel.collapsable:not(.in) > .panel-body, .panel.collapsable:not(.in) > .table {
	display: none;
}

.panel.collapsable > .panel-heading {
	cursor: pointer;
}

#main-content {
	padding:30px;
}

body, html {
	height:100%;
	font-family: 'Fira Sans', sans-serif;
}

table.table-selectable{
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;
	-o-user-select:none
}
tr.selected-row > td {
	background-color: #d9edf7;		
}

html {
	-ms-content-zooming: none !important; /* Disables zooming */
	touch-action: none;
	-ms-content-zoom-limit-min: 100% !important;
    -ms-content-zoom-limit-max: 100% !important;
}

.cf:before,.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

#header a {
	cursor: pointer;
}

#header #tool-box .utility-icons .fa {
    font-size: 18px;
    background: none;
    color: #007AC3;
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
.nav-tabs {border-bottom:0;}
.nav-tabs > li > a {border-radius:0;padding:5px 15px;border:0;color:#525252;}
.nav-tabs > li > a:hover {border:0;background:none;}
.nav-tabs > li.active > a {color:#00499b;font-weight:700;}
.list-unstyled {margin-bottom:0;}

#tab-root {background:#e3e3e3;padding-left:15px; box-shadow: rgba(0,0,0,0.4) 0 0 15px;border-bottom: 1px solid #f7f6f6;}
.theme-blue:not(.nav-tabs),
.nav-tabs.theme-blue > li.active > a {background:#b8d5f6;border:0;}

.theme-red:not(.nav-tabs),
.nav-tabs.theme-red > li.active > a {background:#F6B8B8;border:0;}
.nav-tabs.theme-red > li > a.theme-red {background:#fff;border:0;}

.nav-tabs.theme-blue > li.active > a.theme-red {background:#F6B8B8;border:0;}
/*.nav-tabs.theme-blue  > li:not(.active) > a.theme-red {background:#ffffff;}*/

.bordered {border:1px solid #a6c8e7;padding:8px;}
.striped li {padding:5px 8px;color:#346ba3;font-size:12px;}
.striped li:nth-child(2n+1) {background:#cee6fe;}
.striped.striped-light li:nth-child(2n+1) {background:none;}
.striped.striped-light li:nth-child(2n+2) {background:#ececec;}
.striped li.rush {background:#f63837;color:#ffffff;font-weight:700;}
.icon-doc {vertical-align:top;vertical-align:top;margin:3px 4px 0 -15px;}
/*.fa-file {color:#f9eeaf;}*/
.fa-plus-circle.green {color:#6bb95d;}
.btn-white {background:#ffffff;color:#000000;border:1px solid #e2e2e2;font-size:12px;padding:7px 20px;line-height:1;}
.no-margins {margin:0;}
.ucase {text-transform:uppercase;}
.inline-divs > li > div {display:inline-block;}

#header {height:50px;position: relative;z-index: 20;background: #ffffff; border-bottom: 1px solid #ccc; box-shadow: rgba(0,0,0,0.4) 0 0px 10px;}
#header .logo {vertical-align:middle;margin: 0px 15px;}
#header #menu {display:inline-block;}
#header #menu ul {display:none;}
#header ul {list-style:none;margin:0;padding:0;}

#header ul.utility-icons a {color:#007AC3;text-decoration:none;white-space:nowrap}
#header #menu a {color:#007AC3;text-decoration:none;white-space:nowrap}
#header #menu ul, #header ul.utility-icons .sub-menu {right:-10px;}
#header #menu > li, #header ul.utility-icons > li {/*margin-right:10px;*/position:relative;}
#header #menu > li > a {font-weight:700;line-height:50px;font-size:14px; cursor: pointer;}
#header .has-children > a:after {content:'\f107'; font-family:FontAwesome; padding:0 4px; }
#header ul.utility-icons .has-children > a:after {display: none;}
#header ul.utility-icons .label {
	border-radius: 9px;
    margin-left: -6px;
    position: absolute;
    top: 13px;
    font-size: 9px;
}

#header ul.utility-icons .label.label-info {
	margin-left: -22px;
}

#header .search {display: inline-block;}
#header .search:before {content:'\f002';font-family:FontAwesome;position:absolute;color:#007AC3;font-size: 18px;margin: 5px 0 0 10px;}
#header [type=text] {height:32px;border-radius:33px;border:1px solid #c3c3c3;padding:0 15px 0 35px;-webkit-box-shadow:inset 2px 2px 5px -2px rgba(0,0,0,0.5); box-shadow:inset 2px 2px 5px -2px rgba(0,0,0,0.5);}
#header [type=text]:focus {outline:none;}

#header #tool-box {float:right;line-height:50px;margin-right:15px;}
#header #tool-box .fa {/*margin-left:10px;*/background: #007AC3; color: #ffffff; display: inline-block; padding: 12px 0; border-radius: 20px; font-size: 18px; width: 40px; height: 40px; text-align: center;}

#header #tool-box #nav-menu {right:10px;}
#header #tool-box #nav-menu li {line-height:1;}

#header #menu > li:hover .sub-menu,
#header #tool-box.active #nav-menu.sub-menu,
#header .utility-icons >li:hover .sub-menu {display:block;}

.sub-menu {background:#2b2b2b;position:absolute;display:none;min-width:150px;}
.sub-menu:before {content:''; position:absolute; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #2b2b2b transparent;    right: 0; top: 0; margin: -8px 20px;}
.sub-menu a {color:#c0c0c0 !important;display:block;padding:8px 16px;line-height:1;}
.sub-menu li + li {border-top:1px solid #3c3c3c;}

#order, #order a {background:#004596;color:#ffffff;font-size:15px;}
#order span {display:inline-block;vertical-align:top;margin-right:30px;margin-top:3px;}
#order small {font-size:10px;text-transform:uppercase;font-weight:700;display:block;}
#order .work-order {position:relative;margin-top:0;background:#003d83;padding-right:25px;vertical-align:middle;font-size:18px;font-weight:700;line-height:40px;padding-left:15px;}
#order .work-order:after {content:'';position:absolute;top:0;right:-10px;border-style: solid;border-width: 20px 0 20px 10px;border-color: transparent transparent transparent #003d83;}
#order .fa-file {font-size:12px;vertical-align: top;margin: 5px 5px 0 -15px;}
.order-details {font-size:15px;color:#00499b;}
.order-details .row {padding-top:10px;padding-bottom:10px;}
.order-details .row:first-child {padding-top:0;}
.order-details .row:last-child {padding-bottom:0;}
.order-details .row + .row {border-top:1px solid #ffffff;}
.order-details small {font-weight:700;color:#000000;text-transform:uppercase;display:block;font-size:10px;}


#sidebar {position:fixed;font-size:12px;color:#c0c0c0;width:180px;  z-index: 11; background:#2b2b2b; box-shadow: rgba(0,0,0,0.8) 0 0 15px;}
#sidebar .badge {background-color:#2b2b2b; color:#fff;}
#sidebar .badge.new {background-color:red;}
#sidebar .badge.unassigned {background-color:orange;}
#sidebar .badge.danger {background-color:red;}
/*#sidebar:before {content:'';position:fixed;top:0;left:0;width:180px;height:100%;background:#2b2b2b; zoom:1; box-shadow: rgba(0,0,0,0.8) 0 0 15px; }*/
#sidebar pre {position: absolute;}
#sidebar > .list-unstyled {padding-top:8px;}
#sidebar ul {position:relative;z-index:1;margin-bottom:10px; }
#sidebar li {margin-bottom:5px;}
#sidebar a {color:#c0c0c0;}
#sidebar > ul > li {padding:0 15px;}
#sidebar > ul > li + li {border-top:1px solid #3c3c3c;}
#sidebar h3 {font-size:11px;font-weight:700;color:#007AC3;text-transform:uppercase;margin:11px 0 5px;cursor:pointer;}
.sidebar-toggle-list-item {
	font-size: 15px;
}
body.sidebar-collapsed #sidebar {margin-left:-180px;}

body.user-not-logged-in > #main {
	margin-left: 0 !important;
}

#main-sidebar-toggle-wrap  {
	opacity: 1;
	pointer-events: none;
	position: absolute;
	top:0px;
    left: 180px;
    font-size: 20px;
    width: 0px;
    height: 100%;
    background: #2b2b2b;
    text-align: center;
    box-shadow: rgba(0,0,0,0.8) 0 0 15px;
    transition: opacity .5s, width .5s;
    z-index: -1;
    overflow:hidden;
}
body.sidebar-collapsed #main-sidebar-toggle-wrap {
	
    opacity: 1;
    transition: opacity .5s, width .5s;
    pointer-events: unset;
    z-index: 0;
    width: 30px;
    overflow:visible;
    animation: .5s delay-overflow;
}

@keyframes delay-overflow {
  from { overflow: hidden; }
}

#main-sidebar-toggle-wrap a.unassigned {color:orange;}
#main-sidebar-toggle-wrap a.danger {color:red;}

ul#sidebar-toggle-list-items > li > .sidebar-toggle-list-item-detail {
	z-index: 0;
	opacity: 0;
	position: absolute;
    top: 0px;
    left: 45px;
    width: max-content;
    background: #2b2b2b;
    font-size: 12px;
    /*border-radius: 0 8px 8px 0;*/
    padding: 4px 15px;
    box-shadow: rgba(0,0,0,0.6) 0px 10px 15px;
    line-height: 22px;
    pointer-events: none;
    margin-left: -50px;
    transition: opacity .2s, margin-left .2s;
}

ul#sidebar-toggle-list-items > li:hover > .sidebar-toggle-list-item-detail {
	margin-left: 0px;
	opacity: 1;
	transition: opacity .5s, margin-left .2s;
	z-index: 11;
}

ul#sidebar-toggle-list-items > li:hover > .sidebar-toggle-list-item-detail:before{
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 10px 7px 0;
    border-color: transparent #2b2b2b transparent transparent;
    position: absolute;
    left: -10px;
    top: 8px;
}

#main {
	transition: margin-left .5s;
}

body.iframe-body #main {
	transition: none !important;
}

body #sidebar {
	transition: margin-left .5s;
}



#sidebar .toggle-sidebar-closed {
	position: absolute;
    right: 20px;
    font-size: 20px;
    z-index: 11;
}


#main-sidebar-toggle-wrap .sidebar-toggle-list-item-detail > * {
	vertical-align: middle;
}

#main-sidebar-toggle-wrap .sidebar-toggle-list-item-detail .badge{
	padding: 0;
	font-weight: normal;
	background-color: transparent;
	vertical-align: unset;
}

.relative-position {position: relative !important;}
#header > #tool-box.active #nav-menu.sub-menu .sub-menu {
	display: none;
	padding-left: 15px;
}
#main-content > #order {
	box-shadow: rgb(0, 0, 0) 0 0px 12px;
	z-index: 10;
	border-bottom: #4885cc 1px solid;
}
.toolbox-show-small {display: none}
.side-bar-show-icon {
	display: none;
	color:#fff !important;
}
.mobile-show {
	display:none;
}

#tab-root.nav-tabs > li > a {
	border-right:#d2d2d2 1px solid;
	margin-right:-2px;
}

#tab-root.nav-tabs > li:not(.active) > a:hover {
	color:#3285e6;
	background: rgba(255,255,255,0.4);
}

#tab-root.nav-tabs > li.active > a {
	background: #fff;
	/*background: #f3f2f2;*/
	margin-bottom: 1px;
	position: relative;
	/*box-shadow: rgba(0,0,0,0.3) 0 0 2px;*/
	border-left:#ddd 1px solid;
	border-top:none;
}

#tab-root.nav-tabs > li.active > a:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 9px 0 9px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	bottom:-10px;
	left:50%;
	margin-left:-9px;

}

.modal-content.ui-resizable {
	/*overflow:auto;*/
}



@media screen and (max-width: 1350px){
	.container {
		max-width: 100%;
	}
}

@media screen and (max-width: 1255px){
	
	#header #menu {
		display: none;
	}
	#header .search {
		display: none;
	}

	#header #tool-box #nav-menu{
		left:10px;
	}
	.toolbox-show-small {display: block}
}

@media screen and (max-width: 785px){
	.mobile-show {
		display:block;
	}
	#main {
		margin:0;
		width: 100%;
	}
	#sidebar {
		display: none;
		z-index: 5;
	}
	.side-bar-show-icon {
		background: #007AC3;
	    color: #ffffff;
	    display: inline-block;
	    padding: 8px 0;
	    border-radius: 20px;
	    font-size: 18px;
	    width: 40px;
	    height: 40px;
	    text-align: center;
	    margin-top: 5px;
	}
	.mobile-hide {
		display: none;
	}
}

@media screen and (min-width: 786px){
	body > #main {margin-left:180px;}
	body.sidebar-collapsed > #main {margin-left:30px;}
	#main {
		/*width: calc(100% - 180px);*/
		/*background:#fff;*/
		background: #f3f2f2;
	}
	#tab-root, #order {
		position: relative;
		
		z-index: 3;
		
	}
	#main-content {
		height:100%;
	}	
}

@media screen and (max-width: 480px){
	#header .logo {
		display: none;
	}
	.hide-xs {
		display: none;
	}
	.nav-tabs>li {
		width: 100%;
		display: block;
		float: none;
	}
	body {
		overflow-y: visible !important; 
	}
	.set-overflow {
		height: auto !important;
	}
	.btn {
		display: block;
		width: 100%;
	}
}

.iframe-body #main {
	margin-left:0 !important;
	width:100% !important;
}

.modal .hide-in-modal {
	display:none;
}



.split-left {width:55%;float:left;position:relative; /*background:#fff;*/ z-index: 2}
.split-right {overflow:auto;}
.split-bar {cursor: col-resize;width:9px;height:100%;position:absolute;right:0;top:0;}
.split-bar:before {content:'';position:absolute;width:1px;height:100%;background:#acacac;margin-left:4px; border-left: #fffcfc 2px groove;}
.split-bar:after {content:'';position:absolute;width:9px;height:40px;border-left:1px solid #acacac;border-right:1px solid #acacac;border-top:4px solid #ffffff;border-bottom:4px solid #ffffff;top:250px;}

.records .panel {margin-bottom:0;box-shadow:none;}
.records .panel-heading, .records .panel-heading a {color:#007AC3;}
.records .panel-heading {padding-left:0;padding-right:0;color:#007AC3;}
.records .panel-heading span {margin-left:40px;}
.records .panel-body {padding:0;}
.records .panel+.panel {border-top:1px solid #dadada;}
.record {margin-bottom:20px;}
.record .edit {margin-top:5px;font-size:12px;}

.message-header > div {margin-bottom:5px;}
.message-header [type=text] {vertical-align:middle;}
.message-archives {font-size:12px;}
.message-archives .heading {background:#b1ccec;}
.message-archives .row {padding-top:2px;padding-bottom:2px;}
.message-count {display:inline-block;margin:20px 0;font-size:14px;background:#b1ccec;padding:0 4px;border:1px solid #ffffff;outline:1px solid #6292dd;color:#6078a9;font-weight:700;}

/* Overview > Process*/
.inline-divs  li {color:#727272;}
.inline-divs  li:first-child {font-weight:700;}
.inline-divs .name {width:200px;}
.inline-divs .phone {width:200px;}
.inline-divs .notes:not(.none) a {color:#727272;}

#process {margin-bottom:3px;}
#process .panel-heading {background:#b8d5f6;font-size:16px;font-weight:700;color:#004b9e;border-radius:0;}
#process .fa-edit {font-size:20px;vertical-align:middle;}

.full-height  {height:100% !important}

.payment-option {display:none;}

.counter-sheet-preview-image {
	position: relative;
	width:1100px;
}
.counter-sheet-preview-image img{
	max-width: 100%;
	height: auto;
}
.counter-sheet-field {
	position: absolute;
}

.counter-sheet-field[type=checkbox] {
	width:20px;
	height:20px;
}

.hover-info {
	position: absolute;	
	margin-top:-30px;
	margin-left:50px;
	margin-top:-200px;
	display: none;
	width:450px;
}

.show-hover-info:hover .hover-info {
	display:block;
	z-index: 9999;
	padding-right:20px;
	

}

.show-hover-info:hover .hover-info .list-group {
	height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	background:#fff;
}

.striped li.entity-info-helper-item  {
	font-size: 16px;
}


body, body #sidebar:before {
    transition-property: margin-left, margin-right;
    transition-duration: .5s;
}

body.user-sidebar-active {
    margin-right:500px;
}

body.user-sidebar-active, body.user-sidebar-active #sidebar:before{
    margin-left:-500px;
}

body.user-sidebar-active #quick-bottom-buttons-wrapper {
    right:500px;
}

body.console-sidebar-active {
    margin-right:500px;
}

body.console-sidebar-active, body.console-sidebar-active #sidebar:before{
    margin-left:0px;
}

body.console-sidebar-active #quick-bottom-buttons-wrapper {
    right:500px;
}


#quick-bottom-buttons-wrapper {
    position: fixed;
    right:0;
    bottom:0;
    z-index: 99;
    transition-property: right;
    transition-duration: .5s;
}



#main > #main-content {
	
}

.MsoListParagraph {
	text-indent: 0 !important;
}

#console-sidebar {
    position: fixed;
    top: 0;
    right: -500px;
    width: 500px;
    bottom: 0;
    background: #fff;
    transition: all .5s;
    /*box-shadow: #000000b8 0 0 5px inset;*/
    /*overflow-y: auto;*/
    overflow: hidden;
}

#console-sidebar::before {

  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: #000000b8 0 0 5px inset;
  pointer-events: none;
}

.accretion-log-error {
	background: #ff00003b;
}

body.console-sidebar-active #console-sidebar {
   right: 0;
   transition:  all .5s;
    
}

#console-sidebar-header {
	/*padding: 8px 0px;*/
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    color: #565656;
}

#console-sidebar-header-title {
	line-height: 30px;
	display: inline-block;
	padding: 0 5px;
	font-weight: bolder;
}

#console-sidebar-int {
	/*
    padding: 0 15px;
    box-shadow: rgba(0,0,0,0.6) 0 2px 2px;
    border-radius: 5px;
    overflow: hidden;
    */
        height: calc(100% - 37px);
        overflow-y: auto;
}

#user-status-sidebar {
    position: fixed;
    top: 0;
    right: -500px;
    width: 500px;
    bottom: 0;
    background: #403f3f;
    transition: all .5s;
    padding: 20px;
    box-shadow: #000 0 0 35px inset;
    color:#d2d2d2;
    overflow-y: auto;
    font-size:13px;
    text-shadow: rgba(0,0,0,0.6) 0 1px 0px;
    
}
#user-status-sidebar.active {
   right: 0;
   transition:  all .5s;
    
}

#user-status-sidebar-int {
    padding: 0 15px;
    box-shadow: rgba(0,0,0,0.6) 0 2px 2px;
    border-radius: 5px;
    overflow: hidden;
}

.user-status-sidebar-row > .col-xs-1, .user-status-sidebar-row > .col-xs-2, .user-status-sidebar-row > .col-xs-3, .user-status-sidebar-row > .col-xs-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

#user-status-sidebar > #user-status-sidebar-int > .user-status-sidebar-row {
    background: #656565;
}

#user-status-sidebar > #user-status-sidebar-int > .user-status-sidebar-row:nth-child(odd) {
    background: #525151;
}

.user-status-sidebar-row .fa.text-success {
    color:#00fd04;
}

.user-status-sidebar-user-row-order-list {
    color: rgb(51, 51, 51);
    text-shadow: none;
    padding-top:10px;
}

.toggle-user-row-orders-list {
    color:#fff;
}

.user-status-sidebar-user-row-order-list {
    display: none;
}

.user-status-sidebar-row:hover .user-status-sidebar-user-row-order-list{
	display: block;
}

.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}

.outset-shadow {
	box-shadow: rgba(0,0,0,0.1) 5px 7px 10px;
}

.switch-wrapper {
  position: relative;
  min-height: 20px;
  margin-bottom: 5px;
  display: inline-block;
}

.switch-wrapper .switch {
  position: relative;
  z-index: 0;
  top: 3px;
  width: 40px;
  height: 20px;
}

.switch-wrapper .switch input {
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin: 0;
}

.switch-wrapper .switch input:checked + .switch-slider:before {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.switch-wrapper .switch .switch-slider {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 34px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-wrapper .switch .switch-slider:before {
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 50%;
  margin-bottom: -8px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/*
.switch-wrapper.validator-switch-wrapper .switch .switch-slider:before {
	bottom: 1.2px;
}
*/

.switch-wrapper label {
  cursor: pointer;
  margin-bottom: 0;
  width: 100%;
  display: inline;
}

.switch-wrapper label span {
  z-index: 55;
  padding-left: 50px;
  font-weight: 500;
  margin-right: 5px;
  width: 100%;
  display: block;
  padding-top: 4px;
}



.switch-wrapper .switch input:checked + .switch-slider {
  background: #69bf71;
  
  
}

.selectize-control.multi .selectize-input>div {
	background: #1683cf;
	color:#fff;

}

.selectize-control.plugin-remove_button [data-value] .remove {
	    border-left: 1px solid #ffffff3d;
}


header#header > #menu > li .label {
	/*    position: absolute;
    right: -10px;
    top: 14px;
    */
    margin-left:-3px;
    border-radius: 8px;
}

.accretion-log-item {
	white-space: pre;
    margin: 5px;
    display: block;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

#user-show-status-sidebar, #user-show-status-sidebar.active > i {
	transition: all .5s;
}

#user-show-status-sidebar.active {
	display: block;
    height: 100%;
    padding: 0 5px;
    margin: 0 -5px;
    background: #d6d6d6;
    box-shadow: rgba(0,0,0,0.9) 0 0 5px inset;
    text-shadow: #000 0 1px 0;
    
}

#user-show-status-sidebar.active > i {
	color:#fff !important;
}
/*
table.tablesorter thead th.tablesorter-header {
	background: #e6e6e6;
	border-right:#b5b5b5 1px solid;
	padding-right: 15px;
}

table.tablesorter thead th.tablesorter-header:last-child {
	border-right:none;
}

.tablesorter-header {
  position: relative;
  padding-right:15px;
}

.tablesorter-header:after{
  font-family: FontAwesome;
  content:'\f07d';
  position: absolute;
  right:5px;
  top:50%;
  margin-top: -9px;
  color:#989898;
  text-shadow:#fff 0 -1px 0;
}

.tablesorter-header.tablesorter-headerAsc:after{
  content:'\f176';
}

.tablesorter-header.tablesorter-headerDesc:after{
  content:'\f175';
}
*/

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid transparent; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #007AC3; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid transparent; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.drag-and-drop-file-upload {
	border: 3px dashed #7ac1ff;
	background: #c6e0ff;
}

.drag-and-drop-file-upload.dragging-over {
    background-color: #d9f7ec;
    cursor: alias !important;
    background: 	linear-gradient(90deg, #a6f1bc 50%, transparent 50%), 	/* top line */ 
    				linear-gradient(90deg, #a6f1bc 50%, transparent 50%), 	/* bottom line */
    				linear-gradient(0deg, #a6f1bc 50%, transparent 50%), 	/* left line */
    				linear-gradient(0deg, #a6f1bc 50%, transparent 50%),  	/* right line */
    				linear-gradient(#d9f7ec, #d9f7ec);						/* background color */
	  
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y, repeat;
	background-size: 16px 3px, 16px 3px, 3px 16px, 3px 16px, 100% 100%;
	animation: draganddrop-border-animation .3s linear infinite;
	border: none;
}

@keyframes draganddrop-border-animation {
    from {
    	background-position: 0px 0px, 16px 100%, 100% 0px, 0px 16px, 0px 0px;
    }
    to {
    	background-position: 16px 0px, 0px 100%, 100% 16px, 0px 0px, 0px 0px;
    }
}

.selectize-control.single .selectize-input {
	padding: 6px 12px;
   border-radius: 5px;
   line-height: 1.42857143;
}

.panel-danger>.panel-footer {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}