/*
BRIGHT BLUE #005aff
BLUEGREEN
PANEL HEADER BLUE ALT  #2196F3
MID
LIGHT #00bcd4
LIGHT GREY BUTTON ALT #607D8B
MAGENTA ALT ACCENT #e91e63

pastel green  #00fd65ab

minions yellow #FFEE58;
				color: #3d3d3d;
				text-shadow: 1px 1px 2px #90A4AE;


pastel green block white outline typeface
{
background-color: #00fd65ab;
    color: #ffffff;
    text-shadow: 2px 2px 2px black, 0PX -1PX 1PX grey;
	    border-color: #32404e;
		box-shadow: 1px 1px 10px 0px #607D8B;
}

.s1-white-box-shadow
{
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
.badge-default {
    background-color: #2bbbad!important;
    color: #fff!important;
}
.badge-primary {
    background-color: #4285f4!important;
    color: #fff!important;
}
.badge-success {
    background-color: #00c851!important;
    color: #fff!important;
}
.badge-info {
    background-color: #33b5e5!important;
    color: #fff!important;
}
.badge-warning {
    background-color: #f80!important;
    color: #fff!important;
}
.badge-danger {
    background-color: #ff3547!important;
    color: #fff!important;
}
.badge-shadow{
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.badge-pill {
    -webkit-border-radius: 10rem;
    border-radius: 10rem;
    padding-right: .6em;
    padding-left: .6em;
}

pressed
	background-color: #1c71ff;

not pressed
	background-color: #82b1ff;
*/

:root{
	--s1-color-primary: #386ae8;  /* royal blue */
	--s1-color-primary-alt: #2196F3; /* dodger blue */
	--s1-color-dark: #3f505f; /* fiord */
	--s1-color-gray: #607d8b; /* lynch hoki  */
	--s1-color-minions: rgb(255, 238, 88);  /* #ffee58  Gorse #fced4f minions text #0c457a */
	--s1-color-minty: rgba(0, 253, 101, 0.67);  /* 00fd65 Spring Green #80ffAA PASTEL CANDY MINTY*/
	--s1-color-raspberry: #E91E63;  /* Amaranth */
	--s1-color-fa-blue: #228ae6; /*  Curious Blue summer sky */
	--s1-color-bright: #1f71ff; /* Dodger blue */
	--s1-color-light: #0078f0;  /*  Azure Radiance  */
	--s1-color-brz: #005aff; /* bootstrap 4.0 blue #007bff Blue Ribbon #2d53fe*/
	--s1-color-azure: #007bff;
	--s1-color-sky: #5fa2dd;  /* Havelock Blue  Malibu  */
	--s1-color-alt-blue: #2196F3;
	--s1-color-green: #2bbbad;  /*  Shamrock bright #2ecc71 light #32db64 */
	--s1-color-bs-blue: #4285f4;  /*  Cornflower Blue  */
	--s1-color-success: #2ecc71;  /*  Malachite  */
	--s1-color-success-tint: #00c851;  /*  Malachite  */
	--s1-color-info: #33b5e5;  /* Picton Blue  */
	--s1-color-warning: #ff8800; /* Pizazz */
	--s1-color-danger: #ff3547; /* coral red */
	--s1-color-torch: #ff0030;  /*  Torch Red  */
	--s1-color-brick: #cc0030;  /*  Brick Red  */
	--s1-color-eco: #80ffaa;  /* #4CAF50 neon 1bff00*/
	--s1-color-reef: #CCFF90;  /*  reef */
	--s1-color-dolly: #F4FF81; /* dolly */
	--s1-color-neon-blue: #5555ff; /*  neon blue */
	--s1-color-spring: #00E676; /*  spring green #00E676 #33ff77 */
	--s1-color-choco: #795548;
	--base-color: #03a9f4;
    --base-highlight-color: #4fc3f7;
    --base-light-color: #b3e5fc;
    --base-dark-color: #0288d1;
    --base-pressed-color: #0275a8;
	--base-focused-color: #29b6f6;
	--lighter: #e9ecef;
    --primary: #5e72e4;
    --secondary: #f4f5f7;
    --success: #2dce89;
    --info: #11cdef;
    --warning: #fb6340;
    --danger: #f5365c;
    --light: #adb5bd;
    --dark: #212529;
    --default: #172b4d;
	--white: #fff;
	--smoke: #f5f5f5;
	--alice: #f4f8ff;
	--cerulean: #2A52BE;
	--navy: #0052CC;
	--aplgreen: #4cd964;
	--squidink: #172B4D;
	--clooney: #5E6C84;
	--solitude: #eaeff1;
}
.x-treelist-s1nav .x-treelist-row-over > * > .x-treelist-item-icon.s1-color-glow {
	color: #3f9 !important;
}
.x-splitter-noresize{
	cursor: pointer;
}
body.x-masked .x-mask {
	z-index: 20000;
}
label.x-form-required-field > span:after,
.s1-md-text-label.x-form-required-field:after {
    color: #ff0030;
    content: ' *';
    font-weight: bold;
}
.s1-clickable{
	cursor: pointer;
}
.s1-current-color{
	color: currentColor;
}
.s1-unclickable{
	cursor: none !important;
	pointer-events: none;
}
.s1-wrap{
	position: relative;
}
.s1-logo-icon{
	background: url('sampleone/s1.png');
}
.s1-text-ellipsis{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.s1-toast .x-window-body {
    background-color: #3f505f !important;
	color:#ffffff !important;
	box-shadow: rgba(9, 30, 66, 0.31) 0px 0px 1px, rgba(9, 30, 66, 0.25) 0px 20px 32px -8px;
}
.s1-toast .x-window-body > .x-autocontainer-outerCt {
    display: table;
    position: absolute;
    top: 0;
	left: 0;
	padding: 0 42px;
}
.s1-toast .x-window-body:before{
	content: '\f129';
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 36px;
    padding: 6px 14px;
    background-color: #ff0030;
    color: #fff;
}

.s1-messagebox.s1-toast .x-window-header{
	background-color: #3f505f !important;
}
.s1-logo-sphere-icon-small{
	background: url('../favicon.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	box-shadow: 0 0 10px 3px #ffffff, 0 0 0 1px #ffffff;
    border-radius: 50%;
}
.s1-messagebox .x-window-header{
	background-color: #005aff;
	border-color: #005aff;
	padding: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.s1-messagebox .x-window-header-title{
	color: #ffffff;
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
	padding: 7px 15px;
}
.s1-messagebox .x-window-header-title .x-title-text{
	padding-left: 5px;
	line-height: 18px;
	font-size:	15px;
	letter-spacing: 0.5px;
}
.s1-messagebox .x-window-body {
    background-color: #ffffff;
	color:#000000;
}
.s1-messagebox .x-window-text {
    background-color: #ffffff;
	color:#000000;
}
.s1-messagebox .x-tool{
	width: 32px !important;
	height: 32px !important;
	font-size: 16px !important;
	line-height: 32px !important;
	left: unset !important;
	top: 0 !important;
	right: 0 !important;
}
.s1-messagebox .x-tool.x-tool-over > .x-tool-close{
	background-color: #ff0030;
}
.s1-messagebox .x-tool-tool-el{
	height: 32px !important;
	width: 32px !important;
	font-size: 16px !important;
	line-height: 16px !important;
	padding: 8px !important;
	opacity: 1 !important;
}
.s1-messagebox .x-tool-close:before {
    content: '\f00d';
	font-family: FontAwesome;
	opacity: 1;
}
.s1-messagebox .x-tool-img {
    background-image: none;
    background-color: transparent;
    color: #ffffff;
}
.s1-messagebox .x-message-box-icon {
    background-image: none;
    text-align: center;
    vertical-align: middle;
    padding: 0;

	font-family: FontAwesome;
    font-size: 32px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
}
/* Ext.window.MessageBox.INFO */
.s1-messagebox .x-message-box-icon.x-message-box-info:before {
    content: '\f05a';
    font-family: FontAwesome;
    color: #0065ff;
}
.s1-messagebox .x-message-box-icon.x-message-box-info:before {
    content: '\f05a';
    font-family: FontAwesome;
    color: #0065ff;
}
/* Ext.window.MessageBox.WARNING */
.s1-messagebox .x-message-box-icon.x-message-box-warning {
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 28px solid #000;
    border-radius: 5px;
}
.s1-messagebox .x-message-box-icon.x-message-box-warning:before {
	content: '\f071';
	font-family: FontAwesome;
	color: yellow;

	position: relative;
    right: 10px;
    top: 1px;
    overflow: hidden;
    font-size: 20px;
}
/* Ext.window.MessageBox.QUESTION */
.s1-messagebox .x-message-box-icon.x-message-box-question:before {
    content: '\f059';
    font-family: FontAwesome;
    color: #20b2aa;
}
.s1-messagebox .x-message-box-icon.x-message-box-send-question:before {
    content: '\f1d8';
    font-family: FontAwesome;
    color: #007bff;
}
/* Ext.window.MessageBox.ERROR */
.s1-messagebox .x-message-box-icon.x-message-box-error:before {
    content: '\f06a';
    font-family: FontAwesome;
    color: #ff0030;
}
/* OK button */
.s1-messagebox .x-toolbar-footer .x-btn:nth-child(1){
	background-color: #0065ff;
	border-color: #0065ff;
}
/* YES button */
.s1-messagebox .x-toolbar-footer .x-btn:nth-child(2){
	background-color: #0065ff;
	border-color: #0065ff;
}
/* NO button */
.s1-messagebox .x-toolbar-footer .x-btn:nth-child(3){
	background-color: #607d8b;
	border-color: #607d8b;
}
/* CANCEL button */
.s1-messagebox .x-toolbar-footer .x-btn:nth-child(4){
	background-color: #607d8b;
	border-color: #607d8b;
}
.s1-tip.x-tip .x-tip-body{
	background-color: #F4FF81;
}
.s1-tip.x-tip-default{
	background-color: #F4FF81;
}
.s1-tip.x-tip-default .x-tip-anchor-left:after {
	border-right: 10px solid #F4FF81;
}
.s1-tip.x-tip .x-tool-img{
	background-image: none;
	background-color: transparent;
    color: #3f505f;
}
.s1-tip .x-tool-close:before {
    content: '\f00d';
	font-family: FontAwesome;
}
.s1-tip.x-tip .x-tool > .x-tool-close{
	color: #3f505f;
}
.s1-tip.x-tip .x-tool.x-tool-over > .x-tool-close{
	color: #ff0030;
}
.s1-qtip.x-tip{
	background-color: #3f505f;
	color: #ffffff;
}
.s1-qtip.x-tip .x-tip-body{
	color: inherit;
}
.s1-qtip.long.x-tip{
	width: auto !important;
}
.s1-qtip.long.x-tip .x-tip-body{
	width: auto !important;
	font-weight: 900;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #fff;
}
.s1-qtip.long.x-tip .x-tip-body > div{
	display: block;
}
.s1-grid-panel, .s1-panel{
	border-color: rgba(0,0,0,0.18);
}
.s1-grid-panel.s1-grid-panel-alt.x-grid table.x-grid-item{
	background-color: var(--secondary);
}
.s1-grid-panel.s1-grid-panel-alt.x-grid table.x-grid-item-selected{
	background-color: var(--s1-color-minty);
	background-color: #88ffbbff;
	/* background-color: #c2ddf2; */
}
.s1-grid-panel.s1-grid-panel-alt.x-grid table.x-grid-item-over{
	background-color: #88ffbb88;
	/* background-color: #e2eff9; */
}
.s1-grid-panel .x-grid-row-editor .x-panel-body,
.s1-grid-panel .x-grid-row-editor-buttons{
	background-color: #deebff !important;
	color: #505F79 !important;
}
.s1-grid-panel .x-grid-row-editor-buttons .x-row-editor-update-button{
	background-color: #0065ff !important;
}
.s1-grid-panel .x-grid-row-editor-buttons .x-row-editor-update-button .x-btn-inner{
	color: #ffffff !important;
}
.s1-grid-panel .x-grid-row-editor-buttons .x-row-editor-cancel-button{
	background-color: #ffffff !important;
	border-color: #0065ff !important;
}
.s1-grid-panel .x-grid-row-editor-buttons .x-row-editor-cancel-button .x-btn-inner{
	color: #0065ff !important;
}
.s1-grid-panel.s1-panel .x-title-text{
	padding-left: 10px;
}
.s1-grid-panel .x-column-header{
	background-color: var(--cerulean);
	color: #ffffff;
	font-weight:600;
}
.s1-grid-panel.s1-panel-md .x-column-header{
	background-color: #42526e !important;
}
.s1-grid-panel.s1-panel-md .x-column-header .x-column-header-inner{
    background-color: #42526e !important;
    color: #fff;
    box-shadow: inset 0 -2px #005aff;
    font-weight: 900;
    letter-spacing: 1px;
}
.s1-grid-panel.s1-grid-panel-alt.s1-quick-invoice .x-column-header .x-column-header-inner{
	background-color: #78909c!important;
    color: #FFF;
    box-shadow: inset 0 -2px 1px 0px #ff8800;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
.s1-grid-panel.s1-grid-panel-alt.s1-quick-invoice .x-column-header .x-toolbar-text{
	background-color: #172B4D !important;
	color: #fff !important;
	width: 100% !important;
	padding: 4px 8px;
}
.s1-grid-panel.s1-grid-panel-alt.s1-quick-invoice .x-grid-group-hd{
	padding: 4px;
}
.s1-grid-panel .wrap-text .x-column-header-text{
	text-overflow: unset;
    white-space: normal;
    text-align: center;
}
.s1-grid-panel .caption-text .x-column-header-text{
	font-size: 10px;
}
.s1-grid-panel .x-column-header-over{
	background-color: #3f505f;
	color: #ffffff;
}
.s1-grid-panel .x-grid-header-ct{
	-webkit-box-shadow: 0 -1px 10px 1px #5c5c5c;
	box-shadow: 0 -1px 10px 1px #5c5c5c;
	z-index: 2;
}
.s1-grid-panel.gray-header-ct .x-grid-header-ct{
	background-color: var(--cerulean);
}
.s1-grid-panel.s1-panel-md .x-grid-header-ct{
	background-color: #42526e !important;
}
.s1-grid-panel.s1-panel-md.s1-quick-invoice .x-grid-header-ct{
	/* background-color: #0052cc !important; */
    background-image: linear-gradient(to bottom, #78909c, #78909c 30px, #ff8000 30px,#ff8000 32px, #172b4d 32px);
}
.s1-grid-panel .x-group-hd-container{
	/* z-index: 2; */
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.s1-grid-panel.s1-panel-md.thin-group-hd .x-grid-group-hd{
	padding: 2px;
}
.s1-grid-panel .x-grid-group-hd{
	background-color: #3f505f;
	/* background-color: #f80;  */
}
.s1-grid-panel.s1-quick-invoice .x-grid-group-hd{
	background-color: #2684FF;
}
.s1-grid-panel .x-grid-group-title{
	color: #ffffff;
	font-weight: 600;
	padding-left: 5px;
}
.s1-grid-panel .x-grid-group-title > span{
	border-radius: 2px;
}
.s1-grid-panel .x-grid-group-hd-collapsible .x-grid-group-title,
.s1-grid-panel .x-grid-group-hd-collapsed .x-grid-group-title{
	background-image:none;
}

.s1-grid-panel .x-grid-group-hd-collapsible .x-grid-group-title:before{
    content: '\f146';
    font-family: FontAwesome;
    font-weight: 300;
    margin-right: 15px;
	opacity: 0.6;
}
.s1-grid-panel .x-grid-group-hd-collapsed .x-grid-group-title:before{
    content: '\f0fe';
    font-family: FontAwesome;
    font-weight: 300;
    margin-right: 15px;
	opacity: 1;

    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 17px;
    border-radius: 4px;
    box-shadow: inset 0 0 0px 2px rgba(0,0,0,0.125);
}
.s1-grid-panel.s1-quick-invoice .x-grid-group-hd-collapsible .x-grid-group-title:before{
    content: '\f146';
    font-family: FontAwesome;
    font-weight: 300;
    margin-right: 15px;
	opacity: 1;

    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 17px;
    border-radius: 4px;
    box-shadow: inset 0 0 0px 2px rgba(0,0,0,0.125);
}
.s1-grid-panel.s1-quick-invoice .x-grid-group-hd-collapsed .x-grid-group-title:before{
    content: '\f0fe';
    font-family: FontAwesome;
    font-weight: 300;
    margin-right: 15px;
	opacity: 1;
}
.s1-grid-panel.s1-panel-md .x-grid-group-hd-collapsible .x-grid-group-title,
.s1-grid-panel.s1-panel-md .x-grid-group-hd-collapsed .x-grid-group-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.s1-grid-panel.s1-panel-md .x-grid-group-hd-collapsible .x-grid-group-title:before,
.s1-grid-panel.s1-panel-md .x-grid-group-hd-collapsed .x-grid-group-title:before{
	margin-right: 5px;
}

.s1-grid-panel.alt-summary .x-docked-summary{
	background-color: #deebff !important;
    color: #0747A6 !important;
 }
 .s1-grid-panel.alt-summary tr.x-grid-row-summary.x-grid-row-total td.x-grid-cell.s1-grid-cell-fit{
	background-color: #deebff !important;
    color: #0747A6 !important;
 }
 .s1-grid-panel.alt-summary tr.x-grid-row-summary.x-grid-row-total td.x-grid-cell{
	background-color: #deebff !important;
    color: #0747A6 !important;
 }
.s1-grid-panel tr.x-grid-row-summary td.x-grid-cell,
.s1-grid-panel tr.x-grid-row-summary td.x-grid-cell>.x-grid-cell-inner.x-grid-checkcolumn-cell-inner {
	font-weight: 700;
	color: #222;
	background-color: #73FFF0 !important;
}
 .s1-grid-panel tr.x-grid-row-summary.x-grid-row-total td.x-grid-cell{
	background-color: #0065ff !important;
	color: #ffffff;
	font-weight: 900;
	font-size: 15px;
	line-height: 26px;
 }
 .s1-grid-panel td.nopad.x-grid-td{
	vertical-align: middle;
 }
 .s1-grid-panel td.nopad .x-grid-cell-inner{
	padding: 1px 3px;
 }
 .s1-grid-panel td.division .x-grid-cell-inner{
	padding: 3px;
 }
 .s1-grid-panel .x-grid-cell-inner.x-grid-checkcolumn-cell-inner{
	 background-color: #0052cc;
 }
 .s1-grid-panel.s1-property-grid td.x-grid-cell:first-child{
	 font-weight: 700;
	 color: #0065ff;
 }
 .s1-grid-panel.s1-property-grid.s1-property-wrap-value td.x-grid-cell:nth-child(2) .x-grid-cell-inner{
	white-space: normal;
}
/*
.s1-grid-panel .x-grid-item .x-grid-cell-inner-action-col{
	visibility:hidden;
}
.s1-grid-panel .x-grid-item.x-grid-item-over .x-grid-cell-inner-action-col{
	visibility:visible;
}
*/

.s1-icon-spacer-1{
	margin-left: 1px;
}
.s1-icon-spacer-2{
	margin-left: 2px;
}
.s1-icon-spacer-3{
	margin-left: 3px;
}
.s1-icon-spacer-4{
	margin-left: 4px;
}
.s1-icon-spacer-5{
	margin-left: 5px;
}.s1-icon-spacer-8{
	margin-left: 8px;
}
.s1-icon-pad-right-12{
	padding-right: 12px;
}
.s1-grid-panel .x-grid-item .x-action-col-icon.s1-icon-24{
	font-size: 24px;
    line-height: 32px;
    width: 32px;
    height: 32px;
	border-radius: 50%;
	margin: 5px 0;
}
.s1-grid-panel .x-grid-item .x-action-col-icon.s1-icon-20{
	font-size: 20px;
	line-height: 32px;
    width: 32px;
    height: 32px;
	border-radius: 50%;
	margin: 5px 0;
}
.s1-grid-panel .x-grid-item .x-action-col-icon.s1-icon-ghost{
	color: #ffffff;
	visibility: hidden;
}
.s1-grid-panel .x-grid-item.x-grid-item-over .x-action-col-icon.s1-icon-ghost.s1-icon-green-over{
	color: #33ff55;
	visibility: visible;
}
.s1-grid-panel .x-grid-item.x-grid-item-selected .x-action-col-icon.s1-icon-ghost.s1-icon-dark{
	color: #3f505f;
	visibility: visible;
}
.s1-grid-panel .x-grid-item.x-grid-item-selected.x-grid-item-over .x-action-col-icon.s1-icon-ghost.s1-icon-warning-over,
.s1-grid-panel .x-grid-item.x-grid-item-over .x-action-col-icon.s1-icon-ghost.s1-icon-warning-over{
	color: #ff8800;
	visibility: visible;
}
.s1-grid-panel .x-grid-item.x-grid-item-selected.x-grid-item-over .x-action-col-icon.s1-icon-ghost.s1-icon-choco-over,
.s1-grid-panel .x-grid-item.x-grid-item-over .x-action-col-icon.s1-icon-ghost.s1-icon-choco-over{
	color:#795548;
	visibility: visible;
}
.s1-grid-panel .x-grid-item .x-action-col-icon.s1-icon-dark.s1-icon-red-over{
	color: #3f505f;
}
.s1-grid-panel .x-grid-item.x-grid-item-over .x-action-col-icon.s1-icon-dark.s1-icon-red-over{
	color:#E91E63;
}
.s1-grid-panel .x-grid-item.x-grid-item-over .x-action-col-icon.s1-icon-dark.s1-icon-torch-over{
	color:#ff0030;
}
.s1-grid-panel .x-grid-item.x-grid-item-over .x-action-col-icon.s1-icon-dark.s1-icon-green-over{
	color:#33ff55;
}
.s1-grid-panel .x-grid-item.x-grid-item-over .x-action-col-icon.s1-icon-dark.s1-icon-choco-over{
	color:#795548;
}
.s1-grid-panel .x-grid-item.x-grid-item-over .x-action-col-icon.s1-icon-dark.s1-icon-danger-over{
	color:#ff3547;
}
.s1-grid-panel .x-grid-item.x-grid-item-over .x-action-col-icon.s1-icon-dark{
	color: #0065ff;
}
.s1-group-hd-checkbox{
	margin-left: -8px;
	margin-right: 8px;
}
.s1-grid-panel .x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after,
.s1-grid-panel .x-column-header-checkbox.x-column-header.x-selmodel-column.x-grid-hd-checker-on .x-column-header-checkbox:after {
    color: #ffffff;
    content: '\f046';
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 16px;
    width: 17px;
	background-position: unset;
}
.s1-grid-panel .x-column-header.x-column-header-checkbox .x-column-header-checkbox:after, .x-grid-checkcolumn:after{
	content: '\f096';
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    background-color: #0052cc;
    border-radius: 4px;
    height: 15px;
	width: 15px;
	background-image: none;
    display: inline-block;
}
.s1-grid-panel .x-column-header-sort-ASC .x-column-header-text-inner,
.s1-grid-panel .x-column-header-sort-DESC .x-column-header-text-inner{
	background-image: unset !important;
	background-position: unset !important;
	background-position: unset;
	background-repeat: unset;
	padding: 0;
}
.s1-grid-panel .x-column-header-sort-ASC .x-column-header-text-inner:after{
	font-family: FontAwesome;
    content: '\f160';
	/* font-family: Material-Design-Iconic-Font; */
	/* content: '\f303'; */
	font-weight: 300;
	margin-left: 5px;
    color: #F4FF8A;
}
.s1-grid-panel .x-column-header-sort-DESC .x-column-header-text-inner:after{
    font-family: FontAwesome;
	content: '\f161';
	/* font-family: Material-Design-Iconic-Font; */
	/* content: '\f2fe'; */
	font-weight: 300;
	margin-left: 5px;
	color: #F4FF8A;
}
.s1-login-img{
	width:24px;
	height:24px;
}
.s1-text-x-small{
	font-size: x-small;
}
.s1-text-small{
	font-size: small;
}
.s1-text-medium{
	font-size: medium;
}
.s1-text-large{
	font-size: large;
}
.s1-text-x-large{
	font-size: x-large;
}
.s1-text-size-11{
	font-size: 11px;
}
.s1-bold-text{
	font-weight:700;
}
.s1-style-text{
	font-style: italic;
}
.s1-emphasize-label{
	font-weight: 900;
	box-shadow: 0 2px #666;
}
.s1-align-number{
	text-align: right;
	padding-right:10px;
}
.s1-text-align-right{
	text-align: right;
}
.s1-text-align-center{
	text-align: center;
}
.s1-text-align-left{
	text-align: left;
	padding-left:10px;
}
.s1-text-shadow{
	text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
.s1-text-shadow-white.x-btn .x-btn-inner,
.s1-text-shadow-white.x-btn .x-btn-glyph,
.s1-text-shadow-white.s1-stat-o .x-img,
.s1-text-shadow-white{
	text-shadow: 1px 1px 1px #ffffff !important;
}
.s1-text-shadow-trans{
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .125);
}
.s1-text-shadow-light{
	text-shadow: 0 1px 1px #909090;
}
.s1-text-shadow-dark{
	text-shadow: 0 1px 1px #000000;
}
.s1-text-shadow-etching{
background-color: #565656;
  color: transparent;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	-moz-background-clip: text;
		background-clip: text;
}
.s1-padding,
.s1-padding > .x-form-item-label-inner{
	padding: 10px 15px !important;
}
.s1-hr-dashed > hr{
	border:0;
	border-top:2px dashed #8c8c8c;
}
.s1-hr-double > hr{
	border: 0;
	border-top: 3px double #8c8c8c;
}
.s1-hr > hr{
	border:0;
	border-top:2px solid #8c8c8c;
}
.s1-hr-light > hr{
	border:0;
	border-top:2px solid #cfcfcf;
}
.s1-theme-current{
	background-color: currentColor;
}
.s1-theme-disabled{
	background-color: #aabbcc;
}
.s1-theme-border{
	border: 1px solid rgba(0,0,0,.125) !important;
}
.s1-theme-border-thick{
	border: 2px solid rgba(0,0,0,.125)!important;
}
.s1-theme-border-current{
	border-color: currentColor !important;
}
.s1-theme-border-thick-current{
	border: 2px solid currentColor !important;
}
.s1-theme-primary{
	background-color: #386ae8 !important;
	color: #fff !important;
}
.s1-theme-reverse{
	background-color: #fff !important;
	color: #0065ff !important;
}
.s1-theme-inverse{
	background-color: #fff !important;
	color: currentColor !important;
}
.s1-theme-primary-alt{
	background-color: #2196F3 !important;
	color: #fff !important;
}
.s1-theme-dark{
	background-color: #3f505f !important;
	color: #fff !important;
}
.s1-theme-dark-glow{
	background-color: #3f505f !important;
	color: #3f9 !important;
}
.s1-theme-irish-spring{
	background-color: #33ff99 !important;
	color: #11522c !important;
	border-color: currentColor !important;
}
.s1-theme-gray{
	background-color: #607d8b !important;
	color: #fff !important;
}
.s1-theme-minions{
	background-color: hsl(54, 100%, 67%) !important;
	color: #0c457a !important;
	border-color: currentColor !important;
}
.s1-theme-dolly{
	background-color: #F4FF81 !important;
	color: #222 !important;
}
.s1-theme-reef{
	background-color: #CCFF90 !important;
	color: #222 !important;
}
.s1-theme-minty{
	background-color: rgba(0, 253, 101, 0.67) !important;
	color: #000 !important;
}
.s1-theme-raspberry{
	background-color: #E91E63 !important;
	color: #fff !important;
}
.s1-theme-fa-blue{
	background-color: #228ae6 !important;
	color: #fff !important;
}
.s1-theme-neonblue{
	background-color: #5555ff !important;
	color: #fff !important;
}
.s1-theme-bright{
	background-color:#1f71ff !important;
	color: #fff !important;
}
.s1-theme-light{
	background-color: #0078f0 !important;
	color: #fff !important;
}
.s1-theme-brz{
	background-color: #005aff !important;
	color: #fff !important;
}
.s1-theme-sky{
	background-color: #5fa2dd !important;
	color: #fff !important;
}
.s1-theme-alt-blue{
	background-color: #2196F3 !important;
	color: #fff !important;
}
.s1-theme-green{
    background-color: #2bbbad !important;
    color: #fff !important;
}
.s1-theme-eco{
    background-color: #80ffaa !important;
    color: #fff !important;
}
.s1-theme-aquamarine{
    background-color: #99ffcc !important;
    color: #fff !important;
}
.s1-theme-bs-blue {
    background-color: #4285f4 !important;
    color: #fff !important;
}
.s1-theme-success {
    background-color: #2ecc71 !important;
    color: #fff !important;
}
.s1-theme-spring {
    background-color: #00E676 !important;
	color: #fff !important;
}
.s1-theme-info {
    background-color: #33b5e5 !important;
    color: #fff !important;
}
.s1-theme-warning {
    background-color: #f80 !important;
    color: #fff !important;
}
.s1-theme-danger {
    background-color: #ff3547 !important;
    color: #fff !important;
}
.s1-theme-torch {
    background-color: #ff0030 !important;
    color: #fff !important;
}
.s1-theme-brick {
    background-color: #cc0030 !important;
    color: #fff !important;
}
.s1-theme-choco {
    background-color: #795548 !important;
    color: #fff !important;
}
.s1-theme-cerulean {
    background-color: #2A52BE !important;
    color: #fff !important;
}
.s1-theme-cerulean.border{
	border-color: #2A52BE !important;
}
.s1-theme-outline-current{
	background-color: #fff !important;
	color: currentColor !important;
	border-color: currentColor !important;
}
.s1-theme-outline-primary{
	background-color: #fff !important;
	color: #386ae8 !important;
	border-color: #386ae8 !important;
}
.s1-theme-outline-primary-alt{
	background-color: #fff !important;
	color: #2196F3 !important;
	border-color: #2196F3 !important;
}
.s1-theme-outline-dark{
	background-color: #fff !important;
	color: #3f505f !important;
	border-color: #3f505f !important;
}
.s1-theme-outline-gray{
	background-color: #fff !important;
	color: #607d8b !important;
	border-color: #607d8b !important;
}
.s1-theme-outline-minions{
	background-color: #fff !important;
	color: rgb(255, 238, 88) !important;
	border-color: rgb(255, 238, 88) !important;
}
.s1-theme-outline-minty{
	background-color: #fff !important;
	color: rgba(0, 253, 101, 0.67) !important;
	border-color: rgba(0, 253, 101, 0.67) !important;
}
.s1-theme-outline-raspberry{
	background-color: #fff !important;
	color: #E91E63 !important;
	border-color: #E91E63 !important;
}
.s1-theme-outline-fa-blue{
	background-color: #fff !important;
	color: #228ae6 !important;
	border-color: #228ae6 !important;
}
.s1-theme-outline-bright{
	background-color: #fff !important;
	color:#1f71ff !important;
	border-color:#1f71ff !important;
}
.s1-theme-outline-light{
	background-color: #fff !important;
	color: #0078f0 !important;
	border-color: #0078f0 !important;
}
.s1-theme-outline-brz{
	background-color: #fff !important;
	color: #005aff !important;
	border-color: #005aff !important;
}
.s1-theme-outline-sky{
	background-color: #fff !important;
	color: #5fa2dd !important;
	border-color: #5fa2dd !important;
}
.s1-theme-outline-alt-blue{
	background-color: #fff !important;
	color: #2196F3 !important;
	border-color: #2196F3 !important;
}
.s1-theme-outline-green{
    background-color: #fff !important;
	color: #2bbbad !important;
	border-color: #2bbbad !important;
}
.s1-theme-outline-eco{
    background-color: #fff !important;
	color: #80ffaa !important;
	border-color: #80ffaa !important;
}
.s1-theme-outline-aquamarine{
    background-color: #fff !important;
	color: #99ffcc !important;
	border-color: #99ffcc !important;
}
.s1-theme-outline-bs-blue {
    background-color: #fff !important;
	color: #4285f4 !important;
	border-color: #4285f4 !important;
}
.s1-theme-outline-success {
    background-color: #fff !important;
	color: #2ecc71 !important;
	border-color: #2ecc71 !important;
}
.s1-theme-outline-spring {
    background-color: #fff !important;
	color: #00E676 !important;
	border-color: #00E676 !important;
}
.s1-theme-outline-info {
    background-color: #fff !important;
	color: #33b5e5 !important;
	border-color: #33b5e5 !important;
}
.s1-theme-outline-warning {
    background-color: #fff !important;
	color: #f80 !important;
	border-color: #f80 !important;
}
.s1-theme-outline-danger {
    background-color: #fff !important;
	color: #ff3547 !important;
	border-color: #ff3547 !important;
}
.s1-theme-outline-torch {
    background-color: #fff !important;
	color: #ff0030 !important;
	border-color: #ff0030 !important;
}
.s1-theme-outline-brick {
    background-color: #fff !important;
	color: #cc0030 !important;
	border-color: #cc0030 !important;
}
.s1-theme-outline-choco {
    background-color: #fff !important;
	color: #795548 !important;
	border-color: #795548 !important;
}
.s1-theme-outline-cerulean {
    background-color: #ffffff !important;
	color: #2A52BE !important;
	border-color: #2A52BE !important;
}
.s1-theme-mono-info{
	background-color: #deebff !important;
    color: #0747A6 !important;
    border-color: #0747A6 !important;
}
.s1-theme-mono-info-bold{
	background-color: #0052cc !important;
    color: white !important;
}
.s1-theme-mono-success{
	background-color: #ABF5D1 !important;
    color: #006644 !important;
    border-color: #006644 !important;
}
.s1-theme-mono-success-bold{
	background-color: #00875a !important;
    color: white !important;
}
.s1-theme-mono-success-over{
	background-color: #79F2C0;
}
.s1-theme-mono-danger{
	background-color: #FFEBE6 !important;
    color: #BF2600 !important;
    border-color: #BF2600 !important;
}
.s1-theme-mono-danger-bold{
	background-color: #de350b !important;
    color: white !important;
}
.s1-theme-mono-teal{
    background-color: #B3F5FF !important;
    color: #005753 !important;
    border-color: #005753 !important;
    /* color: #2b7b8a !important; */
    /* border-color: #2b7b8a !important; */
}
.s1-theme-mono-teal-bold{
	background-color: #007DA6 !important;
	color: white !important;
}
.s1-theme-mono-grapes{
	background-color: #eae6ff !important;
    color: #403294 !important;
    border-color: #403294 !important;
}
.s1-theme-mono-grapes-bold{
	background-color: #5243aa !important;
    color: white !important;
}
.s1-theme-mono-cream{
	background-color: #fff0b3 !important;
    color: #172b4d !important;
    border-color: #172b4d !important
}
.s1-theme-mono-warning{
	background-color: #ff8b00 !important;
	color: #172b4d !important;
	border-color: #172b4d !important
}
.s1-theme-mono-dark-bold{
	background-color: #42526e !important;
    color: white !important;
}
.s1-theme-mono-dark{
	background-color: #dfe1e6 !important;
	color: #42526e !important;
	border-color: #42526e !important
}
.s1-theme-mono-choco-bold{
	background-color: #6D4C41 !important;
    color: white !important;
}
.s1-theme-mono-choco{
	background-color: #D7CCC8 !important;
	color: #4E342E !important;
	border-color: #4E342E !important;
}

.s1-bg-color-mono-info{
	background-color: #deebff !important;
}
.s1-color-mono-info{
    color: #0747A6 !important;
}
.s1-bg-color-mono-info-bold{
	background-color: #0052cc !important;
}
.s1-color-mono-info-bold{
	color: #0052cc !important;
}
.s1-bg-color-mono-success{
	background-color: #ABF5D1 !important;
}
.s1-color-mono-success{
    color: #006644 !important;
}
.s1-bg-color-mono-success-bold{
	background-color: #00875a !important;
}
.s1-color-mono-success-bold{
	color: #00875a !important;
}
.s1-color-mono-success-over{
	color: #79F2C0;
}
.s1-bg-color-mono-danger{
	background-color: #FFEBE6 !important;
}
.s1-color-mono-danger{
    color: #BF2600 !important;
}
.s1-bg-color-mono-danger-bold{
	background-color: #de350b !important;
}
.s1-color-mono-danger-bold{
	color: #de350b !important;
}
.s1-bg-color-mono-teal{
    background-color: #B3F5FF !important;
}
.s1-color-mono-teal{
    color: #2b7b8a !important;
}
.s1-bg-color-mono-grapes{
	background-color: #eae6ff !important;
}
.s1-color-mono-grapes{
    color: #403294 !important;
}
.s1-bg-color-mono-grapes-bold{
	background-color: #5243aa !important;
}
.s1-color-mono-grapes-bold{
	color: #5243aa !important;
}
.s1-bg-color-mono-cream{
	background-color: #fff0b3 !important;
}
.s1-color-mono-cream{
    color: #172b4d !important;
}
.s1-bg-color-mono-warning{
	background-color: #ff8b00 !important;
}
.s1-color-mono-warning{
	color: #172b4d !important;
}
.s1-bg-color-mono-dark-bold{
	background-color: #42526e !important;
}
.s1-color-mono-dark-bold{
	color: #42526e !important;
}
.s1-bg-color-mono-dark{
	background-color: #dfe1e6 !important;
}
.s1-color-mono-dark{
	color: #42526e !important;
}
.s1-bg-color-mono-choco-bold{
	background-color: #6D4C41 !important;
}
.s1-color-mono-choco-bold{
	color: #6D4C41 !important;
}
.s1-bg-color-mono-choco{
	background-color: #D7CCC8 !important;
}
.s1-color-mono-choco{
	color: #4E342E !important;
}
.x-progress-bar{
	border-radius: 2px;
}
.s1-bg-color-smoke{
	background-color: #f5f5f5;
}
.s1-bg-color-alice{
	background-color: #f4f8ff;
}
.s1-bg-color-primary,
.s1-progressbar-primary .x-progress-bar{
	background-color: #386ae8;
}
.s1-bg-color-primary-alt,
.s1-progressbar-primary-alt .x-progress-bar{
	background-color: #2196F3;
}
.s1-bg-color-dark,
.s1-progressbar-dark .x-progress-bar{
	background-color: #3f505f;
}
.s1-bg-color-gray,
.s1-progressbar-gray .x-progress-bar{
	background-color: #607d8b;
}
.s1-bg-color-minions,
.s1-progressbar-minions .x-progress-bar{
	background-color: rgb(255, 238, 88);
}
.s1-bg-color-minty,
.s1-progressbar-minty .x-progress-bar{
	background-color: rgba(0, 253, 101, 0.67);
}
.s1-bg-color-raspberry,
.s1-progressbar-raspberry .x-progress-bar{
	background-color: #E91E63;
}
.s1-bgcolor-fa-blue,
.s1-progressbar-fa-blue .x-progress-bar{
	background-color: #228ae6;
}
.s1-bgcolor-neonblue,
.s1-progressbar-fa-neonblue .x-progress-bar{
	background-color: #555577;
}
.s1-blue-button-bright,
.s1-progressbar-bright .x-progress-bar{
	background-color:#1f71ff;
}
.s1-blue-button-light,
.s1-progressbar-light .x-progress-bar{
	background-color: #0078f0;
}
.s1-bg-color-brz,
.s1-progressbar-brz .x-progress-bar{
	background-color: #005aff;
}
.s1-bg-color-sky,
.s1-progressbar-sky .x-progress-bar{
	background-color: #5fa2dd;
}
.s1-bg-color-alt-blue,
.s1-progressbar-alt-blue .x-progress-bar{
	background-color: #2196F3;
}
.s1-bg-color-green,
.s1-progressbar-green .x-progress-bar{
    background-color: #2bbbad;
}
.s1-bg-color-aquamarine,
.s1-progressbar-aquamarine .x-progress-bar{
    background-color: #99ffcc;
}
.s1-bg-color-spring,
.s1-progressbar-spring .x-progress-bar{
    background-color: #00E676;
}
.s1-bg-color-eco,
.s1-progressbar-eco .x-progress-bar{
    background-color: #80ffaa;
}
.s1-bg-color-bs-blue,
.s1-progressbar-bs-blue .x-progress-bar {
    background-color: #4285f4;
}
.s1-bg-color-success,
.s1-progressbar-success .x-progress-bar {
    background-color: #2ecc71;
}
.s1-bg-color-info,
.s1-progressbar-info .x-progress-bar {
    background-color: #33b5e5;
}
.s1-bg-color-warning,
.s1-progressbar-warning .x-progress-bar {
    background-color: #f80;
}
.s1-bg-color-danger,
.s1-progressbar-danger .x-progress-bar {
    background-color: #ff3547;
}
.s1-bg-color-torch,
.s1-progressbar-torch .x-progress-bar {
    background-color: #ff3547;
}
.s1-bg-color-choco,
.s1-progressbar-choco .x-progress-bar {
    background-color: #795548;
}
.s1-bg-color-cerulean,
.s1-progressbar-cerulean .x-progress-bar {
    background-color: #2A52BE;
}
.s1-color-white{
	color: #ffffff !important;
}
.s1-color-disabled{
	color: #aabbcc !important;
	opacity: 0.65 !important;
}
.s1-color-primary{
	color: #386ae8 !important;
}
.s1-color-primary-alt{
	color: #2196F3 !important;
}
.s1-color-dark{
	color: #3f505f !important;
}
.s1-color-gray{
	color: #607d8b !important;
}
.s1-color-minions{
	color: rgb(255, 238, 88) !important;
}
.s1-color-minty{
	color: rgba(0, 253, 101, 0.67) !important;
}
.s1-color-raspberry{
	color: #E91E63 !important;
}
.s1-color-fa-blue{
	color: #228ae6 !important;
}
.s1-color-bright{
	color:#1f71ff !important;
}
.s1-color-light{
	color: #0078f0 !important;
}
.s1-color-brz{
	color: #005aff !important;
}
.s1-color-sky{
	color: #5fa2dd !important;
}
.s1-color-alt-blue{
	color: #2196F3 !important;
}
.s1-color-green{
    color: #2bbbad !important;
}
.s1-color-bs-blue {
    color: #4285f4 !important;
}
.s1-color-success {
    color: #2ecc71 !important;
}
.s1-color-info {
    color: #33b5e5 !important;
}
.s1-color-warning {
    color: #f80 !important;
}
.s1-color-danger {
    color: #ff3547 !important;
}
.s1-color-torch {
	color: #ff0030 !important;
}
.s1-color-brick {
	color: #cc0030 !important;
}
.s1-color-eco {
	color: #80ffaa !important;
}
.s1-color-reef {
	color: #CCFF90 !important;
}
.s1-color-dolly {
	color: #F4FF81 !important;
}
.s1-color-neon-blue {
	color: #5555ff !important;
}
.s1-color-spring {
	color: #00E676 !important;
}
.s1-color-choco {
	color: #795548 !important;
}
.s1-color-cerulean {
	color: #2A52BE !important;
}
.s1-color-squidink {
	color: #172B4D !important;
}
.s1-color-clooney {
	color: #5E6C84 !important;
}
body:before {
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;

    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    z-index: 500;
}
.s1-icon-raspberry, .s1-icon-raspberry-over{
	color:#E91E63;
}
.s1-glyph-red .x-btn-glyph,
.s1-icon-red, .s1-icon-red-over{
	color:#E91E63;
}
.s1-glyph-green .x-btn-glyph,
.s1-icon-green, .s1-icon-green-over{
	color: #008000;
}
.s1-glyph-blue .x-btn-glyph,
.s1-icon-blue, .s1-icon-blue-over{
	color: #005aff;
}
.s1-glyph-dark .x-btn-glyph,
.s1-icon-dark{
	color: #3f505f;
}
.s1-glyph-danger .x-btn-glyph,
.s1-icon-danger, .s1-icon-danger-over{
	color: #ff3547;
}
.s1-glyph-torch .x-btn-glyph,
.s1-icon-torch, .s1-icon-torch-over{
	color: #ff0030;
}
.s1-glyph-choco .x-btn-glyph,
.s1-icon-choco, .s1-icon-choco-over{
	color: #795548;
}
.s1-glyph-gray .x-btn-glyph,
.s1-icon-gray{
	color: #607d8b;
}
.s1-glyph-green-check .x-btn-glyph{
	opacity: 1 !important;
	color: #33ff55 !important;
}
.s1-glyph-white .x-btn-glyph,
.s1-icon-white,
.s1-text-white,
.s1-text-white .x-title-glyph,
.s1-text-white .x-fieldset-header-text,
.s1-text-white.x-btn .x-btn-inner,
.s1-text-white.x-btn .x-btn-icon-el,
.s1-text-white .x-panel-header-title > .x-title-text,
.s1-text-white.x-btn .x-btn-glyph,
.s1-text-white.x-btn .x-btn-icon,
.s1-text-white.x-btn .x-btn-icon > .x-btn-icon-el,
.s1-text-white .x-form-display-field,
.s1-toolbar-text .x-toolbar-item,
.s1-toolbar-text .x-form-item-label-text,
.s1-toolbar-text .x-form-item{
	color: #ffffff;
}
.s1-primary-blue.reverse{
	background-color:#ffffff;
	color:#0065ff;
}
.s1-primary-blue{
	background-color:#0065ff;
	color:#ffffff;
}
.s1-primary-blue .x-window-header-title-default{
	background-color:#0065ff;
	color:#ffffff;
    font-size: 15px;
    font-weight: 300;
    line-height: 16px;
}
.s1-white-box{
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0,0,0,.05), 0 6px 10px rgba(0,0,0,.08);
}
.s1-stat-o{
	background-color:#005aff;
	color:#ffffff;
	border: 2px solid #ffffff;
	text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 4px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 10px 1px rgba(0,0,0,0.8), 0 0 10px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 0 4px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 10px 1px rgba(0,0,0,0.8), 0 0 10px 2px rgba(0,0,0,.5);
    box-shadow: 0 0 0 4px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 10px 1px rgba(0,0,0,0.8), 0 0 10px 2px rgba(0,0,0,.5);
}
.s1-stat-o.s1-stat-o-small{
	-webkit-box-shadow: 0 0 0 2px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 4px 1px rgba(0,0,0,0.8), 0 0 4px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 0 2px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 4px 1px rgba(0,0,0,0.8), 0 0 4px 2px rgba(0,0,0,.5);
    box-shadow: 0 0 0 2px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 4px 1px rgba(0,0,0,0.8), 0 0 4px 2px rgba(0,0,0,.5);
}
.s1-stat-o.s1-stat-o-small.s1-window-card-icon{
	-webkit-box-shadow: 0 0 0 2px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 10px 1px rgba(0,0,0,0.3), 0 0 10px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 0 2px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 10px 1px rgba(0,0,0,0.3), 0 0 10px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 0 2px #fff, inset 1px 1px 5px rgba(0,0,0,0.2), 0 0 10px 1px rgba(0,0,0,0.3), 0 0 10px 2px rgba(0,0,0,.2);
}
.s1-puffy-button:before{
    content: "";
    display: block;
    background: #fff;
    border-top: 2px solid #ddd;
    position: absolute;
    top: -18px;
    left: -18px;
    bottom: -18px;
    right: -18px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: inset 0px 8px 48px #ddd;
}
.s1-stat-o .x-img{
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.21);
	border-width:0;
    font-family: FontAwesome;
    margin: 0px;
    padding: 10px;
    border-radius: 50%;
	text-align: center;
    vertical-align: middle;
}
.s1-panel-dark .x-panel-body{
	background-color:#3f505f !important;
}
.s1-panel.body-border .x-panel-body{
	border: 1px solid #32404e !important;
	border-top: 1px solid transparent !important;
	/* background-color:#e2e2e2 !important; */
	background-color: #f9f9f9;
}
.s1-panel.s1-panel-white-body .x-panel-body{
	background-color:#ffffff !important;
}
.s1-panel .x-panel-header{
    background-color: #0065ff;
	border-bottom-color: transparent;
	border-bottom-width: 0 !important;
	/* cursor: pointer; */
}
.s1-panel-search-bar .x-panel-header{
	/* border-top-right-radius: 24px;
    border-bottom-right-radius: 24px; */
	border-bottom-color: transparent !important;
	background-color: #0065ff;
    /* background-image: linear-gradient(to right, rgb(17, 119, 255), rgb(17, 119, 255) 180px, rgb(245, 245, 245) 180px); */
}
.s1-panel .x-panel-header-title{
    color:#ffffff;
	font-weight:600;
}
.s1-panel .x-panel-header-title-default > .x-title-text,
.s1-panel .x-panel-header-title-default-framed > .x-title-text-default-framed{
	padding-left:16px !important;
}
.s1-panel .s1-tab-panel .x-panel-header-title-default > .x-title-text{
	padding-left: 10px !important;
}
/* .s1-panel .x-panel-header-title > .x-title-text{
    margin-left: 10px;
} */
.s1-panel .x-panel-header-title > .x-title-icon-wrap > .x-title-icon.x-title-glyph{
    color:#ffffff;
	font-weight:100;
	font-size: 20px;
	line-height: 24px;
	height: 24px;
	width: 24px;
	opacity: 1;
}
.s1-panel .x-panel-header-title + .x-tool > .x-tool-tool-el{
	background-color: transparent;
	background-image: none;
	color: #fff;
	opacity: 1;
    line-height: 24px;
	height: 24px;
	width: 24px;
    font-size: 20px;
	font-weight: 300;
	text-shadow: 0 1px 5px rgba(0, 0, 0, .6);
}
.s1-panel .x-panel-header-title + .x-tool > .x-tool-img{
	background-image: none;
	background-color: transparent;
	color: #ffffff;
}
/*
.s1-panel .x-tool:not(.s1-panel.x-panel .x-fieldset .x-tool){
	line-height:24px !important;
	font-size: 20px !important;
}
.s1-panel .x-tool-tool-el:not(.s1-panel.x-panel .x-fieldset .x-tool-tool-el){
	background-color: transparent !important;
	color:#ffffff !important;
	opacity:1 !important;
	font-weight: 300 !important;
    font-size: 20px !important;
    line-height: 24px !important;
	height: 24px !important;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .6);
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
}
 */
/* .s1-panel .x-tool > .x-tool-tool-el:not(.s1-panel .x-fieldset > .x-fieldset-header > .x-fieldset-header-tool > .x-tool-tool-el){
	background-color: transparent;
	background-image: none;
	color: #fff;
	opacity: 1;
    line-height: 24px;
    height: 24px;
    font-size: 20px;
	font-weight: 300;
	text-shadow: 0 1px 5px rgba(0, 0, 0, .6);
} */
/* s1-stat-panel */
.s1-stat-panel{
	-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
.s1-stat-panel .s1-stat-panel-title{
	background-color:#607d8b;
}
.s1-stat-panel .s1-stat-panel-title .x-panel-header-title > .x-title-text{
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	color:#ffffff;
	/* text-shadow: 0 1px 2px #909090; */
	text-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 7px #fff;
}
.s1-icon-progress-stat[data-text]::before{
    content: attr(data-text);
    text-align: center;
    line-height: 14px;
    font-size: 11px;
    width: 58px;
    display: block;
    background-color: #efefef;
    border: 2px solid currentColor;
    color: currentColor;
    position: absolute;
    top: 4px;
    left: -16px;
    font-weight: 700;
    box-sizing: border-box;
    opacity: 0.9;
    transform: rotate(-45deg);
    z-index: 5;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.s1-stat-panel .s1-stat-icon{
	border-color: transparent;
	background-color: #0065ff;
	color: #ffffff;
}
.s1-stat-panel .s1-stat-card-value{
	font-size: 32px;
	line-height: 36px;
	font-weight: 700;
	color: #0065ff;
	text-shadow: 0 1px 2px #909090;
	padding: 8px;
}
.s1-stat-panel .s1-stat-card-value > .x-title-text{
	overflow: visible;
}
.s1-stat-panel .s1-stat-card-title{
    background-color: #32404e;
	vertical-align: middle;
}
.s1-stat-panel .s1-stat-card-title .x-panel-header-title{
	padding:2px 8px 2px 4px;
}
.s1-stat-panel .s1-stat-card-title .x-panel-header-title > .x-title-text{
	color: #ffffff;
    font-size: 16px;
	font-weight: 600;
    text-shadow: 2px 2px 2px rgb(0, 0, 0);
}

/*
.s1-timeline .x-box-inner{
	margin: 0 auto;
	overflow: visible;
}
.s1-timeline .x-box-inner:before {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #c0c0c0;
    top: 0;
    bottom: 0;
    left: 15px;
    margin-left: -3px;
}
.s1-timeline-item {
    overflow: visible;
    margin-left: 20px !important;
}
.s1-timeline-item:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: -26px;
    background-color: #ffffff;
    border: 3px solid #06c;
    top: -20px;
    border-radius: 30px;
    z-index: 1;
}

.s1-timeline-item.s1-timeline-item-1:before {
	content:'\f3bd';
	font-family: 'Material-Design-Iconic-Font';
}
.s1-timeline-item.s1-timeline-item-2:before {
	content:'\f3be';
	font-family: 'Material-Design-Iconic-Font';
}
.s1-timeline-item.s1-timeline-item-3:before {
	content:'\f3bf';
	font-family: 'Material-Design-Iconic-Font';
}
.s1-timeline-item.s1-timeline-item-4:before {
	content:'\f3c0';
	font-family: 'Material-Design-Iconic-Font';
}
.s1-timeline-item.s1-timeline-item-5:before {
	content:'\f3c1';
	font-family: 'Material-Design-Iconic-Font';
}
.s1-timeline-item.s1-timeline-item-6:before {
	content:'\f3c2';
	font-family: 'Material-Design-Iconic-Font';
}
*/
.s1-stat-box{
	border: 1px solid #000000;
	background-color: #ffffff;
}
.s1-stat-card .s1-stat-card-value > .x-title-text {
    overflow: visible;
}
.s1-stat-card .s1-stat-card-value{
	font-size: 32px;
	line-height: 36px;
	font-weight: 700;
	color: #0065ff;
	text-shadow: 0 1px 2px #909090;
	padding: 8px;
}
.s1-stat-card{
	-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
.s1-stat-card .x-panel-header{
	background-color: #fff;
}
.s1-stat-card .s1-stat-card-value.x-panel-header{
    background-color: #32404e;
}
.s1-stat-card .s1-stat-card-title{
    background-color: #32404e;
	color: #ffffff;
    font-size: 14px;
	font-weight: 600;
	vertical-align: middle;
}
.s1-stat-card .s1-stat-card-title .x-title-text{
    background-color: #32404e;
	color: #ffffff;
    font-size: 16px;
	font-weight: 600;
    padding:2px 8px 2px 4px;
    text-shadow: 2px 2px 2px rgb(0, 0, 0);
}
.s1-stat-box .x-autocontainer-innerCt{
	background-color:#a0a0a0;
}
.s1-stat-title{
	background-color:#ffffff;
	border: 1px solid #c0c0c0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
	font-weight: 700;
	font-size: 16px;
	color: #0065ff;
	text-align:left;
	padding: 3px 8px 3px 8px;
	vertical-align:middle;
	line-height:24px;
}
.s1-stat-value{
	background-color: #32404e;
	color: #ffffff;
    font-size: 16px;
    font-weight: 600;
	padding:3px 10px 3px 10px;
	text-align:right;
	vertical-align:middle;
	line-height:26px;
	text-shadow: 0 1px 2px rgb(0, 0, 0);
}

.s1-logo-text{
	background: url('sampleone/sampleone.png');
	background-size: auto 50px;
	background-repeat: no-repeat;
	background-position: 15px;;
	background-clip: content-box;
	background-color:#ffffff;
	border: 1px solid transparent;
}

.s1-logobutton{
	background: url('sampleone/s1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-clip: content-box;
	background-color:#ffffff;
	border: 2px solid transparent;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 2px #9E9E9E;
	-moz-box-shadow: 0 0 2px #9E9E9E;
	box-shadow: 0 0 2px #9E9E9E;
}
#s1-treelistpanel > .x-panel-header{
	background-color:#ffffff;
}

#s1-login-form{
	background-color:#3f505f;
}
.s1-core-content .x-panel-body{
	background-color:#ffffff;
}
.s1-core-content.lockdown .x-panel-body:first-of-type{
	background-color:#3f505f;
}
.s1-logo-sphere{
	width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: white;
    margin-top: -65px;
	overflow:visible;
	z-index: 2;
}
.s1-logo-sphere .x-img{
    border-radius: 50%;
    background-color: white;
}

.s1-logo-sphere-text{
    background-size: contain;
}
.s1-login-text .x-form-text{
	font-size:14px;
	line-height:20px;
	min-height:24px;
	padding-left: 10px;
	padding-right:10px;
/*
	background: #ffffff url('sampleone/logo.png') 105% no-repeat;
	background-size:64px 48px;
*/
}
.s1-login-text .x-form-trigger-wrap {
    border: 0;
    border-bottom: 2px solid #005aff;
}
.s1-login-icon{
    text-align: center;
    vertical-align: middle;
    font-size: 18px !important;
    line-height: 22px !important;
	width:28px !important;
	height:26px !important;
    color: #fff;
    background-color: #005aff;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 5px 0 black;
	margin-right: 3px !important;
}

.s1-login-panel .x-panel-body{
	background-color:#ffffff !important;
	border-radius: 10px;
	overflow:visible;
}
.s1-login-panel,
.s1-login-panel .x-panel-bodyWrap,
.s1-login-panel .x-box-inner,
.s1-fieldcontainer .x-box-layout-ct,
.s1-fieldcontainer .x-box-inner{
	overflow:visible;
}
/*
.s1-login-panel .x-panel-body[role="form"]{
	background-color:#ffffff !important;
	background: #ffffff url(sampleone/logo.png) 135% 100% no-repeat;
	background-size: 200px 150px;
}
.s1-signin-btn{
	max-width: 220px;
}
*/
.s1-titlebar{
	z-index:100;
}
#s1-treelistpanel{
	z-index:90;
}
#maintoolbarpanel{
	z-index:80;
}
#main-tbar{
	z-index:70;
}
#filterpanel{
	z-index:60;
}
#filtertabpanel{
	z-index:50;
}
.s1-grid-header-tool.x-btn{
    font-size: 24px;
    line-height: 1;
    width: 26px;
    height: 24px;
    border-width: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
	position: absolute;
	top: 2px !important;
	right: 3px !important;
}
.s1-grid-header-tool-small.x-btn{
    width: 22px;
    height: 22px;
    border-width: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
	position: absolute;
	top: 5px;
	right: 5px;
}
.s1-grid-header-tool-small.x-btn.mini{
	top: 0;
	border-radius: 3px !important;
}
.s1-grid-header-tool.x-btn.x-btn-pressed{
	background-color: #5fa2dd;
	border:1px solid #ffffff;
}
.s1-grid-header-tool.x-btn .x-btn-glyph{
    font-size: 23px;
    line-height: 23.9px;
    width: 24px;
    height: 24px;
    opacity: 1;
	color: #ffffff;
}
.s1-grid-header-tool-small.x-btn .x-btn-glyph{
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    opacity: 1;
	color: #ffffff;
}
.s1-grid-header-tool-small.mini.x-btn .x-btn-glyph{
    font-size: 15px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    opacity: 1;
	color: inherit;
	font-weight: 100;
}
.s1-grid-header-tool-small.mini.x-btn .x-btn-glyph.font-fix{
	font-size: 18px;
    padding-left: 1.3px;
}
.s1-grid-header-tool-small.mini.x-btn .x-btn-glyph.font-fix-20{
	font-size: 20px;
}
.s1-grid-header-tool{
	width:24px;
	height:24px;
	font-weight: 700;
	background-color: #3f505f;
	font-size: 24px;
	position: absolute;
	top: 3px !important;
	right: 3px !important;
}
.s1-grid-header-tool .x-tool-tool-el{
	width: 24px;
    height: 24px;
	color: #ffffff;
	opacity: 1;
}

.s1-date-trigger.x-form-trigger{
    width: 22px;
    font: 18px/22px FontAwesome;
    background: #fff;
    color: #0065ff;
}
.s1-date-trigger.x-form-trigger-focus,
.s1-date-trigger.x-form-trigger-over{
    background: #0065ff;
    color: #ffffff;
}
.s1-date-field-trigger:before {
    content: "\f073";
}
.s1-trigger{
	font: 16px/1 FontAwesome;
	font-weight:700;
	color: #0065ff;
	vertical-align: middle;
	text-align: center;
	background: transparent;
	padding: 2px 4px 2px 5px;
}
.s1-trigger.s1-searchfield{
	padding: 2px;
	width: 35px;
}
.s1-md-text .s1-trigger.x-form-trigger-over.s1-clear-trigger:before {
    color: #ff0030;
}
.s1-md-text .s1-trigger.s1-clear-trigger:before {
    content: '\f136';
}
.s1-md-text .s1-trigger.s1-search-trigger {
	display: none;
}
.s1-md-text .s1-trigger.s1-searchfield {
    font: 24px/1 Material-Design-Iconic-Font;
    background-color: #fff;
    text-shadow: unset;
    color: #5E6C84;
    height: 48px;
    width: 48px;
    padding: 12px;
    box-sizing: border-box;
    margin: 0;
    opacity: 1;
}
.s1-trigger.x-form-trigger-over{
	opacity:.5;
}
.s1-trigger.s1-search-trigger{
    color: #ffffff;
	font-weight: 500;
}
.s1-trigger.s1-search-trigger:before{
	content:'\f002';
}
.s1-trigger.s1-search-trigger-spacer{
	margin-left: 5px;
}
.s1-trigger.s1-clear-trigger{
	color:#3f505f;
	font-weight: 300;
    opacity: 0.8;
}
.s1-trigger.s1-clear-trigger.s1-searchfield{
	width: 20px;
	padding: 0;
}
.s1-trigger.s1-clear-trigger:before{
	content:'\f00d';
}
.s1-trigger.s1-clear-trigger.x-form-trigger-over{
	/* background-color: #ffffff; */
	color:#ff0030;
	opacity: 1;
}
.s1-date-trigger.s1-clear-trigger-alt.x-form-trigger-over{
	/* background-color: #ffffff; */
	color: #3f505f;
	opacity: 1;
}
.s1-date-trigger.s1-clear-trigger-alt{
	/* background-color: #ffffff; */
	color: #ff0030;
	opacity: 1;
}
.s1-date-trigger.s1-clear-trigger-alt:before{
	font-family: 'Material-Design-Iconic-Font';
	content: '\f136';
	padding: 2px;
}
.s1-date-trigger.s1-range-date-trigger.x-form-trigger-over{
	color: #1f71ff;
	opacity: 1;
}
.s1-date-trigger.s1-range-date-trigger:before{
	font-family: 'Material-Design-Iconic-Font';
	content:'\f331';
	/* content: '\f133'; */
	padding: 2px;
}
.s1-date-trigger.s1-range-trigger:before{
	content: '\f07e';
}
.s1-date-trigger.s1-range-trigger.x-form-trigger-over{
	color: #1f71ff;
	opacity: 1;
}
.s1-date-trigger.s1-single-date-trigger.x-form-trigger-over{
	color: #1f71ff;
	opacity: 1;
}
.s1-date-trigger.s1-single-date-trigger:before{
	font-family: 'Material-Design-Iconic-Font';
	content:'\f332';
	/* content:'\f3bd'; */
	padding: 2px;
}
.s1-trigger.s1-options-trigger{
	background-color: #607d8b;
	color: #ffffff;
	font-weight: 300;
	opacity: 1;
}
.s1-trigger.s1-options-trigger.x-form-trigger-over{
	color: #F4FF81;
}
.s1-trigger.s1-options-trigger:before{
	content:'\f1c6';
	/* content:'\f3bd'; */
}
.s1-trigger.s1-history-trigger{
	background-color: #607d8b;
	color: #ffffff;
	font-weight: 300;
	opacity: 1;
}
.s1-trigger.s1-history-trigger.x-form-trigger-over{
	background-color: #3f505f;
	color: #3f9;
}
.s1-trigger.s1-history-trigger:before{
	content:'\f1da';
}
.s1-grid-live-filter.s1-grid-live-filter-white .s1-trigger,
.s1-trigger.white{
	color:#ffffff;
}
.s1-grid-live-filter.s1-grid-live-filter-white .x-form-text {
	background: #ffffff !important;
}
.s1-grid-live-filter .x-form-text {
    color: #0065ff;
    background: transparent none repeat scroll 0 0 !important;
    border: medium none !important;
/*     margin-left: 5px; */
/*     margin-right: 5px; */
/*     padding-left: 15px; */
/*     padding-right: 15px; */
    font-weight: 600;
}
.s1-grid-live-filter.s1-rounded-field{
	border-radius: 5px;
}
.s1-grid-live-filter.s1-rounded-field .x-form-trigger-wrap {
	background-image: linear-gradient(to left, #0065ff, #0065ff 35px, #ffffff 35px);
    border: 2px solid #5c5c5c;
    border-radius: 5px;
    padding-right: 0;
}
.s1-clear-text-trigger{
	font: 18px/1 FontAwesome;
	color:#3f505f;
	display:block;
}
.s1-clear-text-trigger:before{
	content:'\f05c';
	margin-right: 20px;
}
.s1-address-field-trigger{
    vertical-align: top;
    display: table-cell;
    width: 24px;
    background: transparent;
}
.s1-edit-trigger{
	font: 24px/1 FontAwesome;
	color:#0065ff;
}
.s1-edit-trigger:before{
	content:'\f044';
}
.s1-address-field .x-form-field.x-form-textarea,
.s1-address-field .x-autocontainer-innerCt{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 16px 8px;
	font-size: 13px;
	line-height: 17px;
	white-space: pre;
}
.s1-address-field .x-form-field.x-form-textarea::first-line,
.s1-address-field .x-autocontainer-innerCt::first-line{
	font-weight: 700;
	letter-spacing: 0.2px;
	/* text-transform: uppercase; */
	font-size: 14px;
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
}
.s1-gridtoolbox .x-panel-header{
	background-image: linear-gradient(to bottom, #0065ff, #0065ff 80px, #909090 82px, #ffffff 85px);
	border: 0px solid transparent;
	cursor:pointer;
}
.s1-link-icon{
	font: 16px/1 FontAwesome;
	color:#3f505f;
}
.s1-link-icon:before{
	content:'\f148';
}
.s1-invoice-print-icon{
	background-color: #ff0030;
	color: #ffffff;
	padding: 1px 3px;
	border-radius: 3px;
	margin: 0 8px;

	-webkit-box-shadow:	0 0 2px 1px currentColor,
	0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow:	0 0 2px 1px currentColor,
		0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	box-shadow: 		0 0 2px 1px currentColor,
		0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
}
.s1-info-icon{
	font: 16px/1 FontAwesome;
	color:#3f505f;
}
.s1-info-icon:before{
	content:'\f129';
}
.s1-search-icon{
	font: 24px/1 FontAwesome;
	color: inherit;
}
.s1-search-icon::before{
	content: '\f002';
}
.s1-label-search-icon{
	font: 16px/1 FontAwesome !important;
	padding-right: 8px !important;
}
.s1-label-search-icon .x-form-item-label-text::before{
	content: '\f002';
}
.s1-spin-load-icon{
	font: 24px/1 FontAwesome;
	color: inherit;
}
.s1-spin-load-icon:before{
	content: '\f110';
}
.s1badgebutton{
	margin-top:4px;
}
.s1-badge {
    position: relative;
    overflow: visible;
}
.s1-badge.s1-badge-left[data-badge-text]:after {
	left: 2px;
}
.s1-badge.s1-badge-right[data-badge-text]:after {
	right: 2px;
}
.s1-badge[data-badge-text]:after {
    content: attr(data-badge-text);
    position: absolute;
    font-size: 10px;
    top: -10px;
/*    right: 2px; */
    width: auto;
    font-weight: bold;
    color: white;
    /* text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0; */
	text-shadow: 1px 1px 2px #000000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 4px;
    background-image: none;
    background-color: #C00;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff1a1a), color-stop(3%, #e60000), color-stop(100%, #b30000));
    background-image: -webkit-linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);
    background-image: linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
/*    box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em; */
	box-shadow: 1px 1px 5px #000000;
	z-index:5;
}
.s1-badge.s1-badge-circle[data-badge-text]:after{
	border-radius: 50%;
    top: -8px;
    right: -8px;
    width: 12px;
    line-height: 12px;
    padding: 2px;
}
.s1-badge.x-treelist-item[data-badge-text]:after {
    content: attr(data-badge-text);
    position: absolute;
    font-size: 10px;
    top: 15px;
    right: 20px;
    width: auto;
    font-weight: bold;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 4px;
    background-image: none;
    background-color: #C00;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff1a1a), color-stop(3%, #e60000), color-stop(100%, #b30000));
    background-image: -webkit-linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);
    background-image: linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
}
.s1-badge.invoicingBtn[data-badge-text]:after {
    content: attr(data-badge-text);
    position: absolute;
    font-size: 12px;
    top: 7px;
    right: 5px;
    width: auto;
    font-weight: bold;
    color: white;
    /* text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0; */
	text-shadow: 1px 1px 2px #000000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 4px;
    background-image: none;
    background-color: #0065ff;
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff1a1a), color-stop(3%, #e60000), color-stop(100%, #b30000));
    background-image: -webkit-linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);
    background-image: linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);*/
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
    /*    box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em; */
	box-shadow: 1px 1px 5px #000000;
}
.s1-badge.s1-badge-inline[data-badge-text]:after {
    font-size: 12px;
    top: 7px;
    right: 5px;
}
.s1-badge.s1-badge-rh[data-badge-text]:after {
    font-size: 10px;
    top: -13px;
    right: 3px;
	z-index:5;
}
.s1-badge.s1-badge-inline-plain[data-badge-text]:after{
	background: #ffffff !important;
	box-shadow: unset !important;
	text-shadow: unset!important;
	color: currentColor !important;
	font-size: 14px;
	line-height: 18px;
	top: 6px;
    right: 6px;
}
.s1-badge.s1-badge-inline-plain.x-btn-default-large[data-badge-text]::after{
	font-size: 16px;
	line-height: 16px;
	top: 7px;
	right: 8px;
	padding: 5px 6px 3px 6px;
}
.s1-badge.s1-badge-inline-plain.s1-badge-tall[data-badge-text]:after{
	top: 12px !important;
}
/*
.s1-outline-text{
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
*/
.s1-badge.s1-badge-blue[data-badge-text]:after {
    background-color: #0065ff;
	background-image: none;
	text-shadow:  1px 1px 2px #000000;
}
.s1-badge.s1-badge-raspberry[data-badge-text]:after {
    background-color: #E91E63;
	background-image: none;
	text-shadow:  1px 1px 2px #000000;
}
.s1-badge.s1-badge-dark[data-badge-text]:after {
    background-color: #3f505f;
	background-image: none;
	text-shadow:  1px 1px 2px #000000;
}
.s1-badge.s1-badge-minty[data-badge-text]:after {
    background-color: rgba(0, 253, 101, 0.67);
	border-color: #32404e;
	background-image: none;
	text-shadow:  1px 1px 2px #000000;
}
.s1-badge.s1-badge-minions[data-badge-text]:after {
	background-color: rgb(255, 238, 88);
	border-color: #0c457a;
	background-image: none;
	text-shadow:  1px 1px 2px #000000;
}
.s1-badge.s1-badge-mono-info[data-badge-text]:after {
	background-image: none;
	background-color: #deebff !important;
    color: #0747A6 !important;
    text-shadow: 1px 1px 1px #ffffff !important;
}
.s1-badge.s1-badge-mono-info-bold[data-badge-text]:after {
	background-image: none;
	background-color: #0052cc !important;
    color: white !important;
}
.s1-badge.s1-badge-mono-success[data-badge-text]:after {
	background-image: none;
	background-color: #ABF5D1 !important;
    color: #006644 !important;
    text-shadow: 1px 1px 1px #ffffff !important;
}
.s1-badge.s1-badge-mono-success-bold[data-badge-text]:after {
	background-image: none;
	background-color: #00875a !important;
    color: white !important;
}
.s1-badge.s1-badge-mono-danger[data-badge-text]:after {
	background-image: none;
	background-color: #FFEBE6 !important;
    color: #BF2600 !important;
    text-shadow: 1px 1px 1px #ffffff !important;
}
.s1-badge.s1-badge-mono-danger-bold[data-badge-text]:after {
	background-image: none;
	background-color: #de350b !important;
    color: white !important;
}
.s1-badge.s1-badge-mono-teal[data-badge-text]:after {
	background-image: none;
    background-color: #B3F5FF !important;
    color: #008DA6 !important;
}
.s1-badge.s1-badge-mono-grapes[data-badge-text]:after {
	background-image: none;
	background-color: #eae6ff !important;
	color: #403294 !important;
	text-shadow: 1px 1px 1px #ffffff !important;
}
.s1-badge.s1-badge-mono-grapes-bold[data-badge-text]:after {
	background-image: none;
	background-color: #5243aa !important;
    color: white !important;
}
.s1-badge.s1-badge-mono-cream[data-badge-text]:after {
	background-image: none;
	background-color: #fff0b3 !important;
    color: #172b4d !important;
    text-shadow: 1px 1px 1px #ffffff !important;
}
.s1-badge.s1-badge-mono-warning[data-badge-text]:after {
	background-image: none;
	background-color: #ff8b00 !important;
    color: #172b4d !important;
}
.s1-badge.s1-badge-mono-dark-bold[data-badge-text]:after {
	background-image: none;
	background-color: #42526e !important;
    color: white !important;
}
.s1-badge.s1-badge-mono-dark[data-badge-text]:after {
	background-image: none;
	background-color: #dfe1e6 !important;
    color: #42526e !important;
}
.s1-filter-bar{
	background-color: #f5f5f5;
}
.s1-filter-bar .x-box-inner{
	background-color: transparent;
}
.s1-filter-bar .x-box-scroller{
	font-family: FontAwesome;
	font-weight:700;
	font-size:16px;
	line-height:16px;
	color:#3f505f;
	width:16px;
	margin-left:4px;
	margin-right:4px;
	opacity:.75;
}
.s1-filter-bar .x-box-scroller.x-box-scroller-hover{
	opacity:1;
}
.s1-filter-bar .x-box-scroller.x-box-scroller-disabled{
	opacity:.25;
}
.s1-filter-bar .x-box-scroller.x-box-scroller-left{
	background-image:none;
	background-color:transparent;
	left:0;
}
.s1-filter-bar .x-box-scroller-body-horizontal{
	margin-left:16px;
	overflow:hidden;
}
.s1-filter-bar .x-box-scroller.x-box-scroller-right{
	background-image:none;
	background-color:transparent;
	right:0;
}
.s1-filter-bar .x-box-scroller.x-box-scroller-left:before{
	content:'\f053';
	width: 16px;
	line-height:16px;
	text-align:center;
	display:block;
}
.s1-filter-bar .x-box-scroller.x-box-scroller-right:before{
	content:'\f054';
	width: 16px;
	line-height:16px;
	text-align:center;
	display:block;
}

.s1-filter-view{
	background-color: #e2e2e2;
	white-space: nowrap;
	vertical-align: middle;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.s1-filter-view.is-dirty:after{
	content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 12px solid transparent;
    border-left-color: #ff0030;
	border-bottom: 0;
}
.s1-filter-view .filteritem:first-of-type,
.s1-filter-view .filtertag:first-of-type,
.s1-filter-view .filteritem-tags:first-child{
	margin-left: 8px;
}
.s1-filter-view .filteritem{
	display: flex;
	flex-direction: column;
	white-space: normal;
	margin-right: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	min-width: 70px;
	max-width: 160px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
    border-radius: 3px;
	/* box-shadow:0px 1px 3px rgba(0,0,0,0.7); */
}
.s1-filter-view .filteritem-tags{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	overflow: hidden;

	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;

	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

	white-space: nowrap;
	background-color: #ffffff;
	margin-right: 8px;
	transition: all 0.5s  ease;
	flex: unset;
}
.s1-filter-view .filteritem-tags.collapsed{
	flex: 0 63px;
}
.s1-filter-view .filteritem-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	white-space: nowrap;
	background-color: #ffffff;
}
.s1-filter-view .filteritem-wrap.collapse{
	max-width: 	0;
}
.s1-filter-view .filtertag-header{
	display: inline-flex;
	align-self: stretch;
	align-items: center;
	white-space: nowrap;
	font-weight: 700;
	padding: 9px;
	background-color: #0065ff;
	color: #fff;
	width: 50px;
	z-index: 3;
}
.s1-filter-view .filtertag-footer{
	font: 16px/1 FontAwesome;
    align-self: stretch;
    display: flex;
	align-items: center;

	padding: 0;
	white-space: nowrap;

	background-color: #0065ff;
	color: #fff;
	width: 16px;
	z-index: 2;
}
.s1-filter-view .filtertag{
	display: flex;
    align-self: center;
	align-items: center;
	justify-content: space-between;

	font-size: 12px;
	line-height: 14px;
	font-weight:700;
	text-align: center;

	padding: 2px 2px 2px 5px;
	border: 2px solid rgba(0,0,0,.125);
	border-radius: 3px;

	margin-right: 8px;
}
.s1-filter-view .filterwrap{
	background-color: #0065ff;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.s1-filter-view .filtertext{
	display: block;
	flex: 1 0;

    text-align: center;
    white-space: nowrap;

	background-color: #0065ff;
    color: #ffffff;

	font-size: 12px;
    line-height: 16px;
    padding: 0 0.5em 0 1em;
}
.s1-filter-view .removeicon{
	background-color: #0065ff;
	font: 12px/1 FontAwesome;
	color:#ffffff;
	vertical-align:middle;
	cursor: pointer;
    width: 16px;
}
.s1-filter-view .removeicon:before{
	content: "\f00d";
	width: 16px;
	line-height:16px;
	text-align:center;
	display:block;
}
.s1-filter-view .removeicon:hover{
	background-color: #ff0030;
	}
.s1-filter-view .filtertag .removeicon{
	background-color: transparent;
	color: currentColor;
}
.s1-filter-view .filtertag .removeicon:hover,
.s1-filter-view .filtertag-footer .expandicon:hover,
.s1-filter-view .filtertag-footer .collapseicon:hover{
	opacity: 0.6;
}
.s1-filter-view .filtertag-footer .expandicon:before{
	content: "\f0da";
	width: 16px;
	text-align:center;
	display:block;
}
.s1-filter-view .filtertag-footer .collapseicon:before{
	content: "\f0d9";
	width: 16px;
	text-align:center;
	display:block;
}
.s1-filter-view .more-icon{
	background-color: #ff8800;
    color: #ffffff;
    position: absolute;
    top: 0px;
    right: 0;
    height: 100%;
    width: 11px;
    font-size: large;
	text-align: center;
	vertical-align: middle;
    pointer-events: auto;
	cursor: pointer;
	display: inline-block;
	/* opacity: 0.6 !important; */
}
.s1-filter-view .more-icon:before{
	content: '\f19b';
    font-family: Material-Design-Iconic-Font;
    font-size: 17px;
    font-weight: 100;
    text-align: center;
    line-height: 19px;
    display: block;
}
.s1-filter-view .more-icon:hover{
	/* opacity: 1 !important; */
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.s1-filter-view .filtervalue{
	position: relative;
	background-color: #ffffff;
	color: #333;
    font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 1px 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	line-height: 17px;
	/* box-shadow: 0px 2px 6px rgba(255,255,153,0.7); */
}
/* .s1-filter-view .filtervalue > span {
    background-color: red;
    color: white;
    top: 0px;
    height: 100%;
    width: 10px;
    right: 0;
    position: absolute;
    font-size: large;
    text-align: center;
    pointer-events: auto;
    cursor: pointer;
} */
.s1-articlesearch-item{
	margin-bottom: 10px;
	/* margin-left: 16px; */
	min-width: 340px;
	position: relative;
	overflow: hidden;
	border-bottom: unset !important;
	border-radius: 5px;
}
.s1-articlesearch-item.s1-articlesearch-item-over{
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15), 0 0 5px 5px #F4FF81;
}
.s1-articlesearch-item.s1-articlesearch-item-over .s1-article-block .article-number{
	background-color: #F4FF81;
}
.s1-articlesearch-item .s1-articlesearch-item-menu{
	float: left;
    top: 0;
    left: -16px;
    position: absolute;
    height: 24px;
	width: 16px;
	padding: 4px 6px;
	cursor: pointer;
}
.s1-articlesearch-item .s1-articlesearch-item-menu span{
	height: 16px;
    width: 16px;
    font-family: FontAwesome;
    font-size: 16px;
    cursor: pointer;
}
.s1-articlesearch-item .s1-articlesearch-item-menu span:before{
	content:'\f142';
}
.s1-articlesearch-item .s1-articlesearch-item-body{
	position: relative;
	overflow: hidden;
	display: block;
	/* border: 1px solid; */
	padding: 10px;
}
.s1-articlesearch-item .s1-articlesearch-item-header{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	padding: 5px;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 2px 20px;
    border-bottom-right-radius: 10px;
}
.s1-articlesearch-item .s1-articlesearch-item-header span{
	display: block;
}
.s1-articlesearch-item .s1-articlesearch-item-division{
	float: right;
    top: 0;
    right: 0;
    position: relative;
    height: 44px;
    width: 44px;
    margin-top: -10px;
    margin-right: -10px;
    border-bottom-left-radius: 36px;
    box-shadow: -1px 1px 5px 0 #aaaaaa;
}
.s1-articlesearch-item .s1-articlesearch-item-division span{
	height: 24px;
    width: 24px;
    float: right;
    border-bottom-left-radius: 50%;
    position: relative;
    top: 5px;
	right: 5px;
}
.s1-articlesearch-item .s1-articlesearch-item-size{
	z-index: 2;
	float: right;
	bottom: 7px;
    right: 0px;
    position: absolute;
    height: 36px;
    width: 60px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding-left: 5px;
}
.s1-articlesearch-item .s1-articlesearch-item-size.s1-control-center-ui{
	top: 16px;
	padding: 0;
	background-color: transparent;
}
.s1-articlesearch-item .s1-articlesearch-item-size > span.item-size{
	font-size: 14px;
	letter-spacing: 2px;
}
.s1-articlesearch-item .s1-articlesearch-item-size > span.item-size{
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 1px;
}
.s1-articlesearch-item .s1-articlesearch-item-button{
	float: right;
    bottom: 0;
    right: 0;
    position: absolute;
    height: 48px;
    width: 48px;
}
.s1-articlesearch-item .s1-articlesearch-item-button span{
	height: 48px;
    width: 48px;
    font-family: FontAwesome;
    font-size: 24px;
    position: relative;
    cursor: pointer;
    bottom: -5px;
    right: -20px;
}
.s1-articlesearch-item .s1-articlesearch-item-button span:before{
	content:'\f054';
}
.s1-articlesearch-item .s1-status-block{
    position: absolute;
    top: -2px;
	right: 60px;
}
.s1-articlesearch-item .s1-status-block > span{
	position: relative;
    top: 0;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 1px 25px;
    font-size: 11px;
    line-height: 12px;
	margin-right: 10px;
	margin-left: 10px;
}
.s1-articlesearch-item .s1-article-block{
	display: inline-block;
	border-right: 2px solid #607d8b;
	margin-top: 11px;
	margin-bottom: 10px;
	width: calc(100% - 60px);
}
.s1-articlesearch-item .s1-info-block{
	width: 100%;
	font-size: 11px;
	line-height: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.s1-articlesearch-item .s1-info-block > span{
	padding-left: 10px;
	padding-right: 10px;
}
.s1-articlesearch-item .s1-info-block > div{
	flex: 1;
}
.s1-articlesearch-item .s1-info-block > div > span{
	padding: 0 8px;
}
.s1-articlesearch-item .s1-info-block > *.status-info{
	flex: 0;
	padding: 0 12px;
	margin: 4px;
	white-space: nowrap;
}
.s1-articlesearch-item .s1-article-block{
	overflow: hidden;
	position: relative;
}
.s1-articlesearch-item .s1-article-block .article-number{
	font-size: 22px;
	line-height: 26px;
	font-weight: 900;
	letter-spacing:1px;
}
.s1-articlesearch-item .s1-article-block .article-number > a{
	text-decoration: none;
	color: inherit;
}
.s1-articlesearch-item .s1-article-block .article-number > span{
	/* float: right; */
    font-size: 11px;
    margin: 4px 8px;
}
.s1-articlesearch-item .s1-article-block .style-name{
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 1px;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.s1-articlesearch-item .s1-article-block .color-name{
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	letter-spacing: 2px;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.s1-articlesearch-item.x-item-selected .s1-articlesearch-item-body:before {
    content: 'selected';
    text-align: center;
	height: 15px;
	line-height: 15px;
	font-size: 13px;
    width: 100px;
    display: block;
	background-color: #ffff00;
	color: #222;
    position: absolute;
    top: 20px;
    right: -20px;
    font-weight: 900;
    box-sizing: border-box;
    opacity: 0.8;
    transform: rotate(45deg);
    z-index: 5;
    box-shadow: 2px 2px 20px 0px #909090;
}
.coming-soon:before {
	content: 'coming soon';
    text-align: center;
	height: 15px;
	line-height: 15px;
	font-size: 10.5px;
    width: 100px;
    display: block;
	background-color: #ffff00;
	color: #222;
    position: absolute;
    top: 22px;
    right: -20px;
    font-weight: 900;
    box-sizing: border-box;
    opacity: 0.8;
    transform: rotate(45deg);
    z-index: 5;
    box-shadow: 2px 2px 20px 0px #909090;
}
/*
.s1-articlesearch-item.s1-articlesearch-item-over .s1-article-block .style-name-tip{
	position: absolute;
	display: block;
	white-space: nowrap;
	bottom: 20px;
	left: 20px;
	padding: 0 10px;
	width: auto;
	background-color: #0050ff;
	color: #fff;
	font-size: 11px;
	line-height: 13px;
	z-index: 1;
} */
	/* .s1-articlesearch-item.s1-articlesearch-item-over .s1-article-block .style-name:before {
    content: ' ';
    display: block;
    width: 16px;
    height: 16px;
    float: right;
	background-color: transparent;
	pointer-events: initial;
}
.s1-articlesearch-item.s1-articlesearch-item-over .s1-article-block .style-name:hover:after {
	cursor: pointer;
	visibility: visible;
}
.s1-articlesearch-item.s1-articlesearch-item-over .s1-article-block .style-name:after,
.s1-articlesearch-item.s1-articlesearch-item-over .s1-article-block .color-name:after{
	pointer-events: initial;
	content: attr(data-text);
	position: absolute;
	display: block;
	top: 20px;
	left: 20px;
	padding: 0 10px;
	width: auto;
	background-color: #0050ff;
	color: #fff;
	font-size: 11px;
	line-height: 13px;
	z-index: 1;
	overflow:hidden;
}
*/

.s1-info-card.s1-customer-info::after{
	content: '\f0c0';
}

.s1-info-card{
	position: relative;
	padding: 5px;
	min-width: 340px;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 4px;
	/* margin: 5px; */
}
.s1-info-card.s1-customer-info::after{
	content: '\f0c0';
}
.s1-info-card.s1-supplier-info::after{
	content: '\f275';
}
.s1-info-card.s1-date-info::after{
	content: '\f1b2';
}
.s1-info-card.s1-article-info::after{
	content: '\f3eb';
    font-family: Material-Design-Iconic-Font;
}
.s1-info-card::after{
	content: '';
    font-family: FontAwesome;
    color: currentColor;
    opacity: 0.3;
    font-size: 96px;
    position: absolute;
	right: 5%;
    top: 50%;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
.s1-info-card.s1-entity-info{
	min-height: 56px;
	position: relative;
    padding: 16px;
    margin: 4px 0;
    border-left: 8px solid currentColor;
	border-radius: 0;
	box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.4);
}
.s1-info-card.s1-entity-info::after{
	content: '\f112';
    font-family: Material-Design-Iconic-Font;
    color: currentColor;
    opacity: 0.2;
	font-size: 56px;
	line-height: 0;
    position: absolute;
	left: 16px;
    top: 50%;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	z-index: 0;
}
.s1-info-card.s1-entity-info.auto::after{
	content: '\f293';
}
.s1-info-card.s1-entity-info.invoice::after{
	content: '\f222';
}
.s1-info-card.s1-entity-info > .s1-info-body{
	margin-left: 16px;
	flex: 1;
}
.s1-info-card.s1-entity-info.s1-swipe::after{
	z-index: 1
}
.s1-info-card.s1-entity-info.s1-swipe{
	justify-content: flex-start;
    padding: 0;
	flex-direction: row;
	background-color: #C1C7D0 !important;
}
.s1-info-card.s1-entity-info.invoice.s1-swipe{
	margin: 4px;
    display: flex;
    min-height: 80px;
    justify-content: flex-start;
}
.s1-info-card.s1-entity-info.s1-swipe > .s1-info-body{
	margin: 0;
	align-items: center;
    display: flex;
	width: 100%;
	height: 100%;
    position: absolute;
    left: 0;
    padding: 5px 48px 5px 32px;
    z-index: 1;
	transition: all 0.3s ease;
	/* row over row select */
	/*
	width: calc(100% - 48px);
	padding-right: 8px;
	*/
}
.s1-info-card.s1-entity-info.invoice.s1-swipe > .s1-info-body{
	padding: 24px 8px 8px 32px;
	background-color: #fff;
	position: unset;
}
.s1-grid-panel.s1-panel-md .x-grid-item.x-grid-item-selected.x-grid-item-over .s1-info-card.s1-entity-info.s1-swipe > .s1-info-body,
.s1-grid-panel.s1-panel-md .x-grid-item.x-grid-item-selected .s1-info-card.s1-entity-info.s1-swipe > .s1-info-body,
.s1-grid-panel.s1-panel-md .x-grid-item.x-grid-item-over .s1-info-card.s1-entity-info.s1-swipe > .s1-info-body{
	width: calc(100% - 48px);
	padding-right: 8px;
}
.s1-info-sliding-window{
	flex: 0;
    transition: all 0.3s ease;
}
.s1-grid-panel.s1-panel-md .x-grid-item.x-grid-item-selected.x-grid-item-over .s1-info-card.s1-entity-info.s1-swipe.invoice > .s1-info-sliding-window,
.s1-grid-panel.s1-panel-md .x-grid-item.x-grid-item-selected .s1-info-card.s1-entity-info.s1-swipe.invoice > .s1-info-sliding-window,
.s1-grid-panel.s1-panel-md .x-grid-item.x-grid-item-over .s1-info-card.s1-entity-info.s1-swipe.invoice > .s1-info-sliding-window{
	flex: 0 1 48px !important;
}
.s1-info-btn{
	width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    position: relative;
    left: calc(100% - 40px);
    display: block;
    z-index: 0;
    border-radius: 50%;
    padding: 0;
    font-family: FontAwesome;
}
.s1-info-btn.edit::before{
	content: '\f040';
}
.s1-info-btn.view::before{
	content: '\f1e5';
}
.s1-info-card.s1-entity-info.invoice.s1-swipe > .s1-info-btn.view{
    position: absolute;
    top: calc(50% - 24px);
	left: calc(100% - 48px);
    margin: 8px;
}
.s1-info-card.s1-entity-info.invoice.s1-swipe > .s1-info-card .s1-info-card-header{
	position: absolute;
    left: 0;
    top: 0;
	font-size: 14px;
	line-height: 20px;
	padding: 1px 20px;
    border-bottom-right-radius: 10px;
    z-index: 2;
}
/** indent and allow content to spill outside container */
.s1-grouped-row > .s1-grid-cell-fit > .x-grid-cell-inner > .s1-info-card.s1-entity-info.auto {
    margin-left: 28px;
    overflow: visible;
}
/** timeline */
.s1-grouped-row > .s1-grid-cell-fit > .x-grid-cell-inner > .s1-info-card.s1-entity-info.auto::before {
    content: ' ';
    height: 120%;
    border-left: 4px solid #005aff;
    width: 0px;
    position: absolute;
    left: -24px;
    top: -4px;
}
/** timeline item  */
.s1-grouped-row > .s1-grid-cell-fit > .x-grid-cell-inner > .s1-info-card.s1-entity-info.auto > .s1-info-body::before {
    content: ' ';
    width: 16px;
    height: 16px;
    background-color: white;
    border: 3px solid #005aff;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: -34px;
    z-index: 1;
    top: calc(50% - 11px);
}
.s1-info-card.s1-entity-info.invoice > .s1-info-body > .s1-info-text-2{
	display: flex;
	flex-direction: column;
	align-self: flex-end;
}
.s1-info-card.s1-entity-info.invoice > .s1-info-body > .s1-info-text-2 > .s1-info-amount{
	align-self: flex-end;
    padding: 1px 2px !important;
    margin: 4px;
}
.s1-info-card.s1-entity-info > .s1-info-body > .s1-info-text-2{
	font-weight: 900;
	line-height: 24px;
	z-index: 1;
	position: relative;
	color: #172B4D !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3),-1px -1px 1px #ffffff !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
	background-clip: text;

	white-space: normal;
	word-break: break-word;
}

.s1-info-card .s1-info-card-header{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	line-height: 15px;
	padding: 1px 20px;
	border-bottom-right-radius: 10px;
}
.s1-info-card .s1-info-block{
	position: relative;
	overflow: hidden;
	margin: 15px 20px 5px 20px;
}
.s1-info-text-1{
	font-size: 22px;
	line-height: 26px;
	font-weight: 900;
	letter-spacing: 1px;
}
.s1-info-text-2{
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 1px;
}
.s1-info-text-3{
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 2px;
}
.s1-activity-card-stat{
	padding-left: 4px !important;
}
.s1-invoice-card {
    position: relative;
    min-width: 320px;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 4px;
	margin: 5px;
}
.s1-invoice-card-header{
	display: flex;
    justify-content: space-between;
	align-items: flex-start;
	z-index: 2;
}
.s1-invoice-card-badge {
	position: relative;
	display: inline-block;
	left: 0;
	top: 0;
	font-size: 16px;
	line-height: 1;
	padding: 5px 12px 10px 8px;
	font-family: FontAwesome;
	font-weight: 100;
    color: currentColor;
	border-bottom-right-radius: 25px;
	z-index: 3;
}
.s1-invoice-card::before {
    content: '';
    font-family: FontAwesome;
    color: currentColor;
    opacity: 0.2;
    font-size: 120px;
    position: absolute;
    left: 120px;
    top: 55px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    z-index: 0;
}
.s1-invoice-card.s1-invoice-card-supplier::before {
    content: '\f275';
}
.s1-invoice-card.s1-invoice-card-customer::before {
    content: '\f0c0';
}
.s1-invoice-card.s1-invoice-card-customer-se::before {
    content: '\f21b';
}
.s1-invoice-card.s1-invoice-card-proforma::before {
    content: '\f15c';
}
.s1-invoice-card.s1-invoice-card-immediate::before {
    content: '\f06a';
}
.s1-invoice-card.s1-invoice-card-credit-note::before {
    content: '\f199';
	font-family: 'Material-Design-Iconic-Font';
	top: 40px;
}
.s1-invoice-card.s1-invoice-card-supplier .s1-invoice-card-badge::before {
    content: '\f275';
}
.s1-invoice-card.s1-invoice-card-customer .s1-invoice-card-badge::before {
    content: '\f0c0';
}
.s1-invoice-card.s1-invoice-card-customer-se .s1-invoice-card-badge::before {
    content: '\f21b';
}
.s1-invoice-card.s1-invoice-card-proforma .s1-invoice-card-badge::before {
    content: '\f15c';
}
.s1-invoice-card.s1-invoice-card-immediate .s1-invoice-card-badge::before {
    content: '\f06a';
}
.s1-invoice-card.s1-invoice-card-credit-note .s1-invoice-card-badge::before {
	content: '\f199';
	font-family: 'Material-Design-Iconic-Font';
	top: 44px;
}
.s1-invoice-card-ref {
	padding: 2px 16px;
	font-size: 11px;
	border-bottom-left-radius: 10px;
	z-index: 3;
}
.s1-invoice-card-ref > div:first-child{
	display: inline-block;
	margin-left: 0;
}
.s1-invoice-card-ref > div{
	display: inline-block;
	margin-left: 20px;
}
.s1-invoice-card-ref > div > span{
	margin-left: 5px;
}
.s1-invoice-card-body{
	position: relative;
    overflow: hidden;
    margin: 2px 16px 0 16px;
    padding-bottom: 0;
    z-index: 2;
    color: #172B4D !important;
}
.s1-invoice-card-body-inner{
	display: flex;
    justify-content: space-between;
    padding: 4px 0 0 0;
}
.s1-invoice-card-stat{
	display: inline-flex;
    padding: 0px 16px;
    font-size: 14px;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.s1-invoice-card-footer{
	position: relative;
    /* padding: 2px 8px; */
	box-shadow: 0 0px 2px 2px rgba(0, 0, 0, .125);
	padding: 0 8px 4px 8px;
	height: 24px;
    display: flex;
    justify-content: space-between;
	align-items: center;
	font-size: 11px;
	z-index: 2;
}
.s1-invoice-card-footer > * > .jump-icon{
	/* padding: 0 4px; */
	font-size: 20px;
	line-height: 20px;
}
.s1-invoice-tools{
	position: absolute;
	z-index: 2;
    margin: 0;
    bottom: 0;
    right: 0;
    padding: 1px 15px;

	display: flex;
    flex-direction: row;

	list-style: outside;
	list-style-type: none;

	font-size: 11px;
	line-height: 1;
	border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.s1-invoice-tools > li{
	margin-left: 5px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	width: 42px;
	height: 32px;
}
.s1-invoice-tools > li > span{
	margin-top: 20px;
    font-size: 10px;
    line-height: 11px;
    display: block;
    text-align: center;
}
.s1-invoice-tools > li:last-child{
	margin-left: 15px;
	width: 16px;
}
.s1-invoice-tools > li:last-child > i{
	line-height: 32px;
}
.s1-chevron-toggle.x-btn .x-btn-glyph:before,
.s1-chevron-toggle.x-btn .x-btn-icon > .x-btn-icon-el:before{
	font-family: FontAwesome;
	content: '\f053';
}
.s1-chevron-toggle.x-btn.x-btn-pressed .x-btn-glyph:before,
.s1-chevron-toggle.x-btn.x-btn-pressed .x-btn-icon > .x-btn-icon-el:before{
	font-family: FontAwesome;
	content: '\f054';
}
.s1-preview-toggle.x-btn{
	opacity: 0.6;
}
.s1-preview-toggle.x-btn.x-btn-pressed{
	opacity: 1;
}
.s1-preview-toggle.x-btn .x-btn-glyph:before,
.s1-preview-toggle.x-btn .x-btn-icon > .x-btn-icon-el:before{
	font-family: FontAwesome;
	content: '\f070';
}
.s1-preview-toggle.x-btn.x-btn-pressed .x-btn-glyph:before,
.s1-preview-toggle.x-btn.x-btn-pressed .x-btn-icon > .x-btn-icon-el:before{
	font-family: FontAwesome;
	content: '\f06e';
	opacity: 1;
}
.s1-toggle-btn{
	line-height: 16px;
	padding:0;
	font-size: 12px;
}
.s1-toggle-btn.x-btn{
	border: 1px solid #0065ff;
	background-color: #ffffff;
}
.s1-toggle-btn.x-btn.x-btn-over{
	opacity: 0.5;
}
.s1-toggle-btn.s1-division-toggle.x-btn{
	background-color: #e9e9e9;
}
.s1-toggle-btn.s1-sourcing.x-btn,
.s1-toggle-btn.s1-currency.x-btn{
	border: 2px solid #0065ff !important;
	background-color: #e9e9e9 !important;
}
.s1-toggle-btn.s1-sourcing.x-btn .x-btn-inner,
.s1-toggle-btn.s1-currency.x-btn .x-btn-inner{
	font-weight: 900;
	opacity: 0.5;
}
.s1-toggle-btn.s1-currency.x-btn .x-btn-glyph{
	opacity: 0.5;
}
.s1-toggle-btn.x-btn .x-btn-inner,
.s1-toggle-btn.x-btn .x-btn-glyph{
	color: #0065ff;
	opacity: 1;
}
.s1-toggle-btn.x-btn.x-btn-pressed{
	background-color: #0065ff;
	border: 1px solid #0065ff;
}
.s1-toggle-btn.x-btn.x-segmented-button-item-horizontal.x-segmented-button-middle{
	border: 1px solid #0065ff;
}
.s1-toggle-btn.x-btn.x-segmented-button-item-vertical.x-segmented-button-middle{
	border: 1px solid #0065ff;
}
.s1-toggle-btn.x-btn.x-segmented-button-item-horizontal.x-segmented-button-first.x-btn-pressed{
	border: 1px solid #0065ff;
	border-right-color: #ffffff;
}
.s1-toggle-btn.x-btn.x-segmented-button-item-horizontal.x-segmented-button-last.x-btn-pressed{
	border: 1px solid #0065ff;
	border-left-color: #ffffff;
}
/* .s1-toggle-btn.x-btn.x-segmented-button-item-vertical.x-segmented-button-first.x-btn-pressed{
	border: 1px solid #0065ff;
	border-bottom-color: #ffffff;
}
.s1-toggle-btn.x-btn.x-segmented-button-item-vertical.x-segmented-button-last.x-btn-pressed{
	border: 1px solid #0065ff;
	border-top-color: #ffffff;
} */
.s1-toggle-btn.x-btn.x-btn-pressed .x-btn-inner,
.s1-toggle-btn.x-btn.x-btn-pressed .x-btn-glyph{
	color: #ffffff;
	opacity: 1;
}
.s1-toggle-btn.s1-sourcing-fe.x-btn.x-btn-pressed{
	background-color: var(--s1-color-torch) !important;
	border: 2px solid var(--s1-color-brz) !important;
}
.s1-toggle-btn.s1-sourcing-fe.x-btn.x-btn-pressed .x-btn-inner{
	color: var(--s1-color-dolly) !important;
}
.s1-toggle-btn.s1-sourcing-eu.x-btn.x-btn-pressed{
	background-color: #003399 !important;
	border: 2px solid rgba(0, 0, 0, 0.125) !important;
}
.s1-toggle-btn.s1-sourcing-eu.x-btn.x-btn-pressed .x-btn-inner{
	color: #ffcc00 !important;
}
.s1-toggle-btn.s1-sourcing-us.x-btn.x-btn-pressed{
	background-color: #ffffff !important;
	border: 2px solid var(--s1-color-brz) !important;
}
.s1-toggle-btn.s1-sourcing-us.x-btn.x-btn-pressed .x-btn-inner{
	color: var(--s1-color-torch) !important;
}
.s1-toggle-btn.s1-currency-eu.x-btn.x-btn-pressed{
	background-color: #B3D4FF !important;
	border: 2px solid #0747A6 !important;
}
.s1-toggle-btn.s1-currency-eu.x-btn.x-btn-pressed .x-btn-inner,
.s1-toggle-btn.s1-currency-eu.x-btn.x-btn-pressed .x-btn-glyph{
	color: #0747A6 !important;
}
.s1-toggle-btn.s1-currency-us.x-btn.x-btn-pressed{
	background-color: #85bb65 !important;
	border: 2px solid var(--clooney) !important;
}
.s1-toggle-btn.s1-currency-us.x-btn.x-btn-pressed .x-btn-inner,
.s1-toggle-btn.s1-currency-us.x-btn.x-btn-pressed .x-btn-glyph{
	color: #565656 !important;
}
.s1-toggle-btn.x-btn.x-segmented-button-item-horizontal.x-segmented-button-first{
    border-bottom-left-radius: 0.6em;
    border-top-left-radius: 0.6em;
}
.s1-toggle-btn.x-btn.x-segmented-button-item-horizontal.x-segmented-button-last{
    border-bottom-right-radius: 0.6em;
    border-top-right-radius: 0.6em;
}
.s1-toggle-btn.x-btn.x-segmented-button-item-vertical.x-segmented-button-first{
    border-top-right-radius: 0.6em;
    border-top-left-radius: 0.6em;
}
.s1-toggle-btn.x-btn.x-segmented-button-item-vertical.x-segmented-button-last{
    border-bottom-right-radius: 0.6em;
    border-bottom-left-radius: 0.6em;
}
.s1-tab-btn.x-btn.x-segmented-button-item-horizontal{
	border: 1px solid transparent;
	background-color: #ffffff;
	padding: 6px 5px 4px;
	border-bottom: 3px solid transparent;
	transition: color 0.5s, border-color 0.5s;
}
.s1-tab-btn.x-btn.x-segmented-button-item-vertical{
	border: 1px solid transparent;
	background-color: var(--s1-color-gray);
	color: #d2d2d2;
	padding: 5px 7px 5px 10px;
	border-left: 4px solid transparent;
	transition: color 0.5s, border-color 0.5s;
}
.s1-tab-btn.x-btn.x-btn-pressed.x-segmented-button-item-horizontal .x-btn-inner{
	font-weight: 700;
}
.s1-tab-btn.x-btn.x-segmented-button-item-horizontal .x-btn-inner,
.s1-tab-btn.x-btn.x-segmented-button-item-horizontal .x-btn-glyph{
	color: #000;
	/* color: rgba(0, 0, 0, .75); */
	opacity: 0.5;
	transition: color 0.5s, opacity 0.5s;
}
.s1-tab-btn.x-btn.x-segmented-button-item-horizontal .x-btn-inner{
	font-weight: 700;
}
.s1-tab-btn.x-btn.x-segmented-button-item-vertical .x-btn-glyph{
	color: #d2d2d2;
}
.s1-tab-btn.x-btn.x-segmented-button-item-vertical .x-btn-inner{
	text-align: center;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #d2d2d2;
	justify-content: stretch;
	font-weight: 700;
}
.s1-tab-btn.x-btn.x-btn-over.x-segmented-button-item-horizontal .x-btn-inner,
.s1-tab-btn.x-btn.x-btn-over.x-segmented-button-item-horizontal .x-btn-glyph,
.s1-tab-btn.x-btn.x-btn-pressed.x-segmented-button-item-horizontal .x-btn-inner,
.s1-tab-btn.x-btn.x-btn-pressed.x-segmented-button-item-horizontal .x-btn-glyph{
	color: #0065ff;
	opacity: 1;
}
.s1-tab-btn.x-btn.x-btn-over.x-segmented-button-item-vertical .x-btn-inner,
.s1-tab-btn.x-btn.x-btn-over.x-segmented-button-item-vertical .x-btn-glyph,
.s1-tab-btn.x-btn.x-btn-pressed.x-segmented-button-item-vertical .x-btn-inner,
.s1-tab-btn.x-btn.x-btn-pressed.x-segmented-button-item-vertical .x-btn-glyph{
	color: #0065ff;
	opacity: 1;
}
.s1-tab-btn.x-btn.x-segmented-button-item-horizontal.x-btn-pressed{
	border-bottom: 3px solid #0065ff;
}
.s1-tab-btn.x-btn.x-segmented-button-item-vertical.x-btn-pressed{
	border-left: 5px solid #0065ff;
}
.s1-tab-btn.x-btn.x-segmented-button-item-vertical.x-segmented-button-first{
	margin-right: 2px;
}

/*  region picker css */
.s1-src-region-picker {
	background-color: #ffffff;
	border-collapse: collapsed;
}
/* button outline deco */
.s1-src-region-picker .s1-src-region-btn.x-btn.x-segmented-button-first{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #0065ff;
	border-right-color: #ffffff;
}
.s1-src-region-picker .s1-src-region-btn.x-btn.x-segmented-button-middle{
	border: 1px solid #0065ff;
}
.s1-src-region-picker .s1-src-region-btn.x-btn.x-segmented-button-last{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #0065ff;
	border-left-color: #ffffff;
}
/* x-btn-disabled */
.s1-src-region-picker .s1-src-region-btn.x-btn.x-btn-disabled{
	opacity:1;
	background-color: #e2e2e2;
}
.s1-src-region-picker .s1-src-region-btn.x-btn.x-btn-disabled .x-btn-button{
	opacity:0.5;
}
.s1-src-region-picker .s1-src-region-btn.x-btn.x-btn-disabled .x-btn-inner{
	color:#0065ff;
	font-weight:500;
}
/* x-btn-over */
.s1-src-region-picker .s1-src-region-btn.x-btn-over{
	opacity: 0.5;
}
/* x-btn */
.s1-src-region-picker .s1-src-region-btn.x-btn {
	background-color: #ffffff;
}
.s1-src-region-picker .s1-src-region-btn.x-btn .x-btn-inner{
	color:#0065ff;
	font-weight:600;
}
/* x-btn-pressed */
.s1-src-region-picker .s1-src-region-btn.x-btn.x-btn-pressed{
	background-color: #0065ff;
}
.s1-src-region-picker .s1-src-region-btn.x-btn.x-btn-pressed .x-btn-inner{
	color:#ffffff;
	font-weight:600;
}
.s1-pill-tag{
	font-size: 12px;
	font-weight:700;
	text-align: center;
	padding: 1px 5px;
	border: 2px solid rgba(0,0,0,.125);
	display: inline-block;
	line-height: 14px;
	border-radius: 4px;
}
.s1-date-tag{
	font-size: 12px;
	font-weight:700;
	text-align: center;
	padding: 1px 8px;
	display: inline-block;
	line-height: 14px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.s1-pill-tag-mini{
	display: inline-block;
	font-size: 10px;
	line-height: 12px;
	font-weight:700;
	text-align: center;
	padding: 0px 4px;
	border: 2px solid rgba(0,0,0,.125);
	border-radius: 4px;
}
.s1-pill{
	padding: 2px 15px;
	border-radius: 30px;
	border: 1px solid rgba(0,0,0,.125);
	text-align: center;
	font-weight:700;
	line-height:1;
}
.s1-pill.s1-pill-compact{
	font-size: 12px;
	padding: 1px 10px;
	border: 2px solid rgba(0,0,0,.125);
}
.s1-pill.s1-pill-mini{
	font-size: 11px;
	padding: 1px 10px;
	border: 2px solid rgba(0,0,0,.125);
}
.s1-pill.s1-pill-strong{
	border-width: 2px;
}
.s1-pill.s1-pill-small{
	font-size: small;
}
.s1-pill.s1-pill-medium{
	font-size: medium;
}
.s1-pill.s1-pill-large{
	font-size: large;
}
.s1-pill.s1-pill-blue{
	background-color: #0065ff;
	color: #ffffff;
}
.s1-pill.s1-pill-blue.s1-pill-outline{
	background-color: #ffffff;
	border-color: #0065ff;
	color: #0065ff;
}
.s1-pill.s1-pill-dark{
	background-color: #3f505f;
	color: #ffffff;
}
.s1-pill.s1-pill-dark.s1-pill-outline{
	background-color: #ffffff;
	border-color: #32404e;
	color: #3f505f;
}
.s1-pill.s1-pill-blue.s1-pill-outline.s1-pill-chicklet{
	background-color: #ffffff;
	border-color: #0065ff;
	color: #0065ff;
	border-radius: 5px;
	padding-right: 2px;
}
.s1-pill.s1-pill-chicklet{
	border-radius: 5px;
	padding-right: 2px;
}
.s1-pill-chicklet span{
	display: inline-block;
	padding-left: 17px;
	margin-left: 15px;
	padding-right: 16px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.s1-icon-btn{
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,.125);
	-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.s1-icon-btn.x-btn .x-btn-glyph, .s1-icon-btn.x-btn .x-btn-inner, .s1-icon-btn.x-btn .x-btn-icon{
	color: inherit;
	opacity: 1;
}
.s1-clear-filter-icon:after{
    content: '\f136';
    font-family: Material-Design-Iconic-Font;
    font-size: 16px;
    border-radius: 50%;
    color: #f00;
    position: absolute;
    bottom: 0px;
    right: 4px;
    line-height: 16px;
    text-shadow: 2px 2px 1px #d2d2d2;
    font-weight: 700;
}
/* x-btn */
.s1-circle{
	border-radius: 50% !important;
}
.s1-square-small{
	border-radius: 3px !important;
}
.s1-square{
	border-radius: 4px !important;
}
.s1-square-top{
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
}
.s1-rounded{
	border-radius: 5px !important;
}
.s1-justify{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.s1-centerize{
	display: flex;
	justify-content: center;
	align-items: center;
}
.s1-vcenter{
	display: flex;
	align-items: center;
}
.s1-vstretch{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}

.s1-app-button.x-btn{
	/* width: 128px;
	height: 128px; */
	background-color: #0065ff;
    color: #ffffff;
    border: 2px solid #ffffff !important;
    text-align: center;
    vertical-align: middle;
	border-radius: .75rem;
	padding: 15px 20px;
    -webkit-box-shadow: 0 0 0 4px #fff, inset 2px 3px 5px rgba(0,0,0,0.6), 0 5px 10px 1px rgba(0,0,0,0.8), 0 0 10px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 0 4px #fff, inset 2px 3px 5px rgba(0,0,0,0.6), 0 5px 10px 1px rgba(0,0,0,0.8), 0 0 10px 5px rgba(0,0,0,.5);
    box-shadow: 0 0 0 4px #fff, inset 2px 3px 5px rgba(0,0,0,0.6), 0 5px 10px 1px rgba(0,0,0,0.8), 0 0 10px 5px rgba(0,0,0,.5);
}
.s1-app-button.x-btn .x-btn-glyph{
	font-size: 48px;
    width: 48px;
    line-height: 48px;
    height: 48px;
	align-self: center;
	opacity: 1;
	color: inherit;
	font-weight: 300;
}
.s1-app-button.x-btn .x-btn-icon-left > .x-btn-glyph{
	margin-right: 20px;
}
.s1-app-button.x-btn .x-btn-glyph.fa-fix{
	font-size: 44px;
}
.s1-app-button.x-btn .x-btn-inner{
	color: inherit;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    white-space: normal;
}
.s1-button-wrap.x-btn .x-btn-inner{
	white-space: normal
}
.s1-button.x-btn{
	background-color: #0065ff;
	color: #ffffff;
	border-color: transparent;
	/* box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .35); */
	/* box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); */
	/* box-shadow: 1px 1px 10px 0px #607D8B; */
	/* text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000; */
	/* text-shadow: 1px 1px 2px #000000; */
}
/** split toggle btn  */
.s1-split-btn.x-btn{
	display: inline-block;
	border: 1px solid currentColor !important;
	background: #ffffff !important;
	border-radius: 4px;
	padding-right: 48px;
}
.s1-split-btn.x-btn.x-btn-pressed,
.s1-split-btn.x-btn.s1-split-btn-pressed{
	background-image: linear-gradient(to right, #ffffff, #ffffff 30px, currentColor 30px) !important;
}
.s1-split-btn.s1-split-btn-small.x-btn.x-btn-pressed,
.s1-split-btn.s1-split-btn-small.x-btn.s1-split-btn-pressed{
	background-image: linear-gradient(to right, #ffffff, #ffffff 22px, currentColor 22px) !important;
}
.s1-split-btn.x-btn-default-large.x-btn.x-btn-pressed,
.s1-split-btn.x-btn-default-large.x-btn.s1-split-btn-pressed{
	background-image: linear-gradient(to right, #ffffff, #ffffff 38px, currentColor 38px) !important;
}
.s1-split-btn.x-btn .x-btn-inner{
	padding: 0 12px;
	font-weight: 700;
}
.s1-split-btn.x-btn .x-btn-inner,
.s1-split-btn.x-btn .x-btn-glyph,
.s1-split-btn.x-btn .x-btn-icon-el{
	color: currentColor !important;
	opacity: 1 !important;
}
.s1-split-btn.s1-split-btn-small-text.x-btn .x-btn-inner{
	font-size: 12px;
}
.s1-split-btn.x-btn-default-large.x-btn .x-btn-glyph{
	font-size: 24spx;
}
.s1-split-btn.x-btn.x-btn-pressed .x-btn-inner,
.s1-split-btn.x-btn.s1-split-btn-pressed .x-btn-inner{
	color: #ffffff !important;
}
.s1-button.s1-button-bold.x-btn .x-btn-inner{
	font-weight: 700;
}
.s1-button.s1-button-split.x-btn{
	border-color:#0065ff !important;
	background-image: linear-gradient(to right, #ffffff, #ffffff 30px, #0065ff 30px) !important;
}
.s1-button.s1-button-split.x-btn .x-btn-glyph{
	color:#0065ff;
	font-weight:500;
	opacity: 1;
}
.s1-button.s1-button-rounded.x-btn{
	border-radius: 5px;
}
.s1-button.s1-button-padded.x-btn{
	padding: 3px 12px;
}
.s1-button-shadow{
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.s1-button-shadow-alt{
	-webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}
.s1-button.x-btn .x-btn-glyph{
	color: inherit;
	font-weight: 500;
	opacity: 1;
}
.s1-button.x-btn .x-btn-inner{
	color: inherit;
	font-weight: 500;
	padding-left: 10px;
	padding-right: 10px;
}
.s1-button.x-btn.x-btn-pressed .s1-collapse-left:before{
	font-family: FontAwesome;
	content:'\f054'
}
.s1-button.x-btn .s1-collapse-left:before{
	font-family: FontAwesome;
	content:'\f053'
}
.s1-button.s1-button-tool.x-btn{
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	text-shadow: none;
}
.s1-button.s1-button-tool.x-btn .x-btn-inner{
	color:#ffffff;
	padding:0;
}
.s1-button.s1-button-tool.x-btn .x-btn-glyph{
	color:#ffffff;
	opacity: 1;
}
/* @mixin: s1-fat-text */
.s1-button.s1-fat-text.x-btn .x-btn-inner{
	font-weight:550;
}
/* @mixin: s1-outline-text */
.s1-button.s1-pop-text.x-btn .x-btn-inner,
.s1-button.s1-pop-text.x-btn .x-btn-glyph{
	color: #ffffff;
	text-shadow: 2px 2px 2px #000000, 0px -1px 1px #808080;
}
/* @mixin: s1-outline-text */
.s1-button.s1-outline-text.x-btn .x-btn-inner,
.s1-button.s1-outline-text.x-btn .x-btn-glyph{
	color: #ffffff;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
/* @mixin: s1-button-glyph-right */
.s1-button.s1-button-glyph-right.x-btn .x-btn-glyph{
	right:3px;
	position:absolute;
}
.s1-button.s1-wide-text.x-btn .x-btn-inner{
	color: #ffffff;
	font-weight: 900;
	letter-spacing: 2px;
}
.s1-button.x-btn .x-btn-arrow:after,
.s1-button.x-btn .x-btn-arrow-right:after,
.s1-button.x-btn .x-btn-split:after{
	width: 35px;
	background-image: none !important;
	background-color: transparent;
	padding-right: 0;
	font-family:FontAwesome;
	content:'\f078';
	color: currentColor;
	font-weight:500;
	opacity: 1;
}
.s1-button.splitbutton.x-btn .x-btn-split:after{
	width: 29px;
	border-left: 2px solid rgba(0,0,0,0.125);
}
.s1-button.splitbutton.s1-theme-mono-success.x-btn.x-arrow-over .x-btn-split:after {
	background-color: #79F2C0;
	box-shadow: 3px 0 0 3px #79F2C0;
}
.s1-button.splitbutton.s1-theme-mono-success.x-btn.x-btn-menu-active .x-btn-split:after {
	background-color: #57D9A3;
	box-shadow: 3px 0 0 3px #57D9A3;
}
.s1-button.splitbutton.s1-theme-mono-success.x-btn.x-splitbutton-over .x-btn-button{
	background-color: #79F2C0;
	box-shadow: -3px 0 0 3px #79F2C0;
}
.s1-button.splitbutton.s1-theme-mono-success.x-btn.x-splitbutton-over.x-arrow-over .x-btn-button{
	background-color: initial;
	box-shadow: initial;
}
.s1-button.s1-button-no-text-shadow.x-btn{
	text-shadow: none;
}
/* @mixin: s1-button-blue */
.s1-button.s1-button-blue.x-btn{
	background-color: #0065ff;
	border-color: #0065ff;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
	color: #ffffff;
}
/* @mixin: s1-button-alt-blue */
.s1-button.s1-button-alt-blue.x-btn{
	background-color: #2196F3;
	border-color: #32404e;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
/* @mixin: s1-button-sky */
.s1-button.s1-button-sky.x-btn{
	background-color: #5fa2dd;
	border-color: #32404e;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
/* @mixin: s1-button-brz */
.s1-button.s1-button-brz.x-btn{
	background-color: #005aff;
	border-color: #32404e;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
	color:#ffffff;
}
/* @mixin: s1-button-dark */
.s1-button.s1-button-dark.x-btn{
	background-color: #3f505f;
	border-color: #32404e;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
/* s1-button-gray */
.s1-button.s1-button-gray.x-btn{
	background-color: #607d8b;
	border-color: #32404e;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
/* s1-button-minions */
.s1-button.s1-button-minions.x-btn{
	background-color: rgb(255, 238, 88);
	border-color: #0c457a;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
/*
.s1-button.s1-button-minions.x-btn .x-btn-inner{
	color: #ffffff;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
*/
/* s1-button-minty */
.s1-button.s1-button-minty.x-btn{
	background-color: rgba(0, 253, 101, 0.67);
	border-color: #32404e;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
/* s1-button-raspberry */
.s1-button.s1-button-raspberry.x-btn{
	background-color: #e91e63;
	border-color: #32404e;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
/* s1-button-green */
.s1-button.s1-button-green.x-btn{
	background-color: #2baaad;
	border-color: #32404e;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
/* s1-button-eco */
.s1-button.s1-button-eco.x-btn{
	background-color: #80ffaa;
	border-color: #32404e;
	text-shadow: 1px 1px 2px #000000, -1px -1px 0px #607d8b, -1px -1px 2px #000000;
	font-weight: 550;
}
/* @mixin: s1-button-inverse */
.s1-button.s1-button-inverse.x-btn{
	background-color: #ffffff;
	border-color: #0065ff;
	/* text-shadow: 1px 1px 1px #020817; */
}
.s1-button.s1-button-inverse.x-btn .x-btn-inner{
	color:#0065ff;
	font-weight:500;
}
.s1-button.s1-button-inverse.x-btn .x-btn-glyph{
	color:#0065ff;
	font-weight:500;
	/* text-shadow: 1px 1px 2px #000000, -1px -1px 2px #000000; */
}
/* @mixin: s1-button-outline */
.s1-button.s1-button-outline.x-btn{
	border-color: currentColor;
	color: currentColor;
}
.s1-button.s1-button-outline.x-btn .x-btn-inner{
	color: currentColor;
	font-weight:500;
}
.s1-button.s1-button-outline.x-btn .x-btn-icon{
	color: currentColor;
	font-weight:500;
}
.s1-button.s1-button-outline.x-btn .x-btn-icon > .x-btn-glyph,
.s1-button.s1-button-outline.x-btn .x-btn-icon > .x-btn-icon-el,
.s1-button.s1-button-outline.x-btn .x-btn-glyph{
	color: currentColor;
	font-weight:500;
	opacity: 1;
}
/* @mixin: s1-button-glyph */
.s1-button-glyph.x-btn{
	border-color: transparent;
	background-color: transparent;
	color: currentColor;
}
.s1-button-glyph.x-btn .x-btn-inner{
	color: currentColor;
	font-weight:500;
}
.s1-button-glyph.x-btn .x-btn-icon{
	color: currentColor;
	font-weight:500;
}
.s1-button-glyph.x-btn .x-btn-icon > .x-btn-glyph,
.s1-button-glyph.x-btn .x-btn-glyph{
	color: currentColor;
	font-weight:500;
	opacity: 1;
}
.s1-button.x-btn.x-btn-disabled{
	opacity:1;
	background-color: #e2e2e2;
}
.s1-button.x-btn.x-btn-disabled .x-btn-button,
.s1-button.splitbutton.x-btn.x-btn-disabled .x-btn-split:after,
.s1-blur{
	opacity:0.65;
}
.s1-button.s1-faux-disable.x-btn.x-btn-disabled .x-btn-button{
	opacity: 1 !important;
}
/* .s1-button.x-btn.x-btn-disabled .x-btn-inner{
	color:#386ae8;
	font-weight:500;
} */
.s1-button.x-btn-over{
	opacity: 0.5;
}
.s1-button-glyph-16-24 .x-btn-glyph{
	font-size: 16px;
	line-height: 24px;
}
.s1-button-glyph-20-24 .x-btn-glyph,
.s1-button-glyph-20-24 .x-btn-icon-el,
.s1-font-20-24{
	font-size: 20px;
	line-height: 24px;
}
.s1-font-16-24{
	font-size: 16px;
	line-height: 24px;
}
.s1-button-glyph-20 .x-btn-glyph{
	font-size: 20px;
}
.s1-button-glyph-24-32 .x-btn-glyph{
	font-size: 24px;
	line-height: 32px;
}
.s1-button-text-24 .x-btn-inner{
	font-size:24px;
	line-height:32px;
}
.s1-button-text-bold .x-btn-inner{
	font-weight: 700 !important;
}
.s1-button.s1-button-white.x-btn{
	background-color: #ffffff !important;
	border-color: transparent !important;
}
.s1-button.s1-button-white.x-btn .x-btn-inner,
.s1-button.s1-button-white.x-btn .x-btn-glyph{
	color:#0065ff !important;
	opacity: 1;
}
.s1-button.s1-button-white.x-btn-over .x-btn-inner,
.s1-button.s1-button-white.x-btn-over .x-btn-glyph{
	color: #29b6f6 !important;
	opacity: 1 !important;
}
#main-tbar .x-btn{
	padding:1px 3px 1px 3px;
}
.acc-icon{
	background: url('sampleone/div_acc.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.tex-icon, .app-icon{
	background: url('sampleone/div_tex.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.ftw-icon{
	background: url('sampleone/div_ftw.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.shirt-icon{
	background: url('sampleone/shirt.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.backpack-icon{
	background: url('sampleone/backpack.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.shoe-icon{
	background: url('sampleone/shoe.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.cat-icon{
	background: url('sampleone/logo.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffff;
}
.s1-logo-sphere-icon{
	background: url('sampleone/s1.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffff;
}
.s1-logo-sphere-icon-small{
	background: url('../favicon.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	box-shadow: 0 0 10px 3px #ffffff, 0 0 0 1px #ffffff;
    border-radius: 50%;
}
.s1-sphere-btn-cat{
	border: 3px solid #ff0030 !important;
	border-radius: 50%;
	width: 56px;
	height: 56px;
}
.s1-sphere-btn.s1-sphere-btn-mini .x-btn-icon-el.cat-icon{
	width: 40px;
	height: 40px;
}
.s1-sphere-btn-logo{
	border: 2px solid #ffffff !important;
	border-radius: 50%;
	width: 56px;
	height: 56px;
}
.s1-sphere-btn-logo .x-btn-icon-el{
	width: 54px;
	height: 54px;
}
/* division toggle picker css */
.s1-division-button.x-btn-over{
	opacity:0.5;
}
.s1-division-button.x-btn{
/*	background-color: #7897ff; */
	background-color: #a0a0a0;
}
.s1-division-button.x-btn.x-btn-disabled{
	background-color: #e2e2e2;
}
.s1-division-button.x-btn.x-btn-pressed{
	background-color: #0065ff;
}
.s1-division-button-all .s1-division-button.x-btn{
	background-color: #0065ff;
}
.s1-division-button.x-btn.x-segmented-button-item-horizontal.x-segmented-button-first{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.s1-division-button.x-btn.x-segmented-button-item-horizontal:nth-child(3) {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-right: 4px !important;
}
.s1-division-all-button.x-btn-over{
	opacity:0.5;
}
.s1-division-all-button.x-btn{
	background-color: #ffffff;
	border:0px solid transparent;
	font-size:12px;
	line-height:12px;
	height:12px;
	padding:0;
}
.s1-division-all-button.x-btn .x-btn-icon-el{
	font: 12px/1 FontAwesome;
	color: #0065ff;
	font-weight: 500;
	opacity: 1;
	margin: 0;
	max-height: 12px;
}
.s1-division-all-button.x-btn .x-btn-icon-el:before{
	content: "\f204";
}
.s1-division-all-button.x-btn.x-btn-pressed .x-btn-icon-el:before{
	content: "\f205";
}
.s1-division-all-button.x-btn .x-btn-inner-default-toolbar-small{
	color: #0065ff;
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	margin: 0;
	max-height: 12px;
}
.s1-division-all-button.x-btn.x-btn-pressed.x-btn-default-toolbar-small{
	font-weight: 600;
	background-color: #ffffff;
}

/* end division toggle picker css */

/* toggle checkbox css */
/* .s1-toggle-checkbox{
	cursor: pointer;
} */
.s1-toggle-checkbox .x-form-item-body.x-form-cb-wrap{
	font-size: 24px;
	line-height: 17px;
	min-width: 28px;
	/* cursor: pointer; */
	vertical-align: top;
}
.s1-toggle-checkbox.s1-position-right .x-form-item-body.x-form-cb-wrap{
	font-size: 24px;
	line-height: 17px;
	min-width: 28px;
	/* cursor: pointer; */
	vertical-align: top;
	position: absolute;
	right: 0;
}

.s1-toggle-checkbox .x-form-cb.x-form-checkbox+.x-form-cb-label.x-form-cb-label-before {
    padding-right: 28px;
}
.s1-toggle-checkbox .x-form-cb.x-form-checkbox+.x-form-cb-label.x-form-cb-label-after {
    padding-left: 28px;
	text-align: right;
	width: 100px;
	margin-right: 5px;
	margin-left: 5px;
}
.s1-toggle-checkbox .x-form-cb-input{
	position: absolute;
    margin: 0;
    padding: 0;
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: opacity(0);
	opacity: 0;
	cursor: pointer;
}
.s1-toggle-checkbox .x-form-cb {
    position: absolute;
    left: 0;
    right: 0;
    vertical-align: middle;
/*    overflow: hidden; */
    padding: 0;
    border: 0;
	margin:0;
	cursor: pointer;
}
.s1-toggle-checkbox .x-form-cb.x-form-checkbox{
	background: white;
    font: 24px/1 FontAwesome;
    color: #0065ff;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    left: 0;
    margin-left: 33px;
    width: 28px;
    height: 17px;
    text-align: center;
    line-height: 16px;
    border-radius: 8px;
    top: 2px;
}
.s1-toggle-checkbox .x-form-cb.x-form-checkbox:before{
	content: "\f204";
}
.s1-toggle-checkbox.x-form-cb-checked .x-form-checkbox{
	color: #0065ff;
}
.s1-toggle-checkbox.x-form-cb-checked .x-form-checkbox:before{
	content: "\f205";
}
.s1-toggle-checkbox .x-form-item-label.x-form-item-label-top{
	padding: 0;
	min-height: 0;
	max-height: 17px;
}
.s1-toggle-checkbox .x-form-item-label.x-form-item-label-top > .x-form-item-label-inner{
	padding: 0;
}
.s1-toggle-checkbox .x-form-item-label-text {
	/* font-size:13px; */
	/* line-height:13px; */
	margin-left: 5px;
	margin-right: auto;
}

.s1-toggle-checkbox .x-form-cb-label{
	color: #a0a0a0;
    font-weight: 750;
}
.s1-toggle-checkbox .s1-toggle-checkbox-label-before {
	color: #a0a0a0 !important;
    position: absolute;
    left: 5px;
}
.s1-toggle-checkbox.x-form-cb-checked .x-form-cb-label {
    color: #0065ff;

}
/*
.s1-toggle-checkbox.x-container.x-form-item .x-form-item-label{
	font-size:12px;
	line-height:12px;
}
*/
.s1-toggle-checkbox.x-form-item .x-form-item-label.x-form-item-label-right{
	line-height:17px;
}
/*
.s1-toggle-checkbox.x-form-type-checkbox .x-form-item-label-text{
	font-weight:750;
}
.s1-toggle-checkbox.x-form-cb-checked.x-form-type-checkbox .x-form-item-label-text{
	font-weight:300;
}
.s1-toggle-checkbox.x-form-fieldcontainer.x-form-item .x-form-item-label.x-form-item-label-top > .x-form-item-label-inner{

}
*/
/* end toggle checkbox css */
.s1-menucheckitem{
	height: auto !important;
}

.s1-menucheckitem .x-menu-item.menu-group{
	background-color: #3f505f;
}
.s1-menucheckitem .x-menu-item .x-menu-item-text{
	font-size: 16px;
	line-height: 24px;
}
.s1-menucheckitem .x-menu-item.menu-group .x-menu-item-text{
	color: #ffffff;
	font-weight: 700;
}
.s1-menucheckitem .x-menu-item.menu-group .menu-group-icon{
	background: transparent;
	font: 16px/1 FontAwesome;
	font-weight: 500;
	color: #ffffff;
	top: 2px;
	width: 20px;
}
.s1-menucheckitem .x-menu-item.menu-group .menu-group-icon:before{
	content: "\f0db";
}
.s1-menucheckitem .x-menu-item.x-menu-item-focus{
	background: transparent;
}
.s1-menucheckitem .x-menu-icon-separator {
    left: 30px;
}
.s1-menucheckitem .x-menu-item-text.x-menu-item-indent{
    margin-left: 36px;
}
.s1-menucheckitem .x-menu-item .x-menu-item-checkbox{
	background: transparent;
	font: 24px/1 FontAwesome;
	font-weight: 500;
	color: #0065ff;
	cursor: pointer;
	top: 0;
	right: 20px;
	width: 20px;
}
.s1-menucheckitem .x-menu-item.x-menu-item-unchecked .x-menu-item-checkbox:before{
	content: "\f204";
}
.s1-menucheckitem .x-menu-item.x-menu-item-checked .x-menu-item-checkbox:before{
	content: "\f205";
}
.s1-activity-picker{
	padding: 5px 0 5px 5px;
    margin: 5px;
	background-image: linear-gradient( to right, #fff, #fff 42px, #0065ff 42px) !important;
	border-color: tranparent;
}
.s1-activity-picker.s1-theme-outline-cerulean{
	background-image: linear-gradient( to right, #fff, #fff 42px, #2A52BE 42px) !important;
}
.s1-activity-picker.x-btn .x-btn-icon > .x-btn-glyph {
	color: #0065ff;
	font-weight: 500;
	opacity: 1;
}
.s1-activity-picker.x-btn .x-btn-inner {
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 1px;
	margin-left: 5px;
	padding: 0 10px;
}
.s1-activity-picker.s1-invoice-filter.x-btn .x-btn-inner {
	color: inherit;
}
/*  split button arrow box */
.s1-activity-picker.x-btn.x-btn-default-large .x-btn-arrow-el{
	top: 0;
    right: 0;
    height: 100%;
    width: 32px !important;
    pointer-events: none;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) !important;
}
/*  split button arrow  glyph  */
.s1-activity-picker .x-btn-wrap-default-large.x-btn-split-right:after{
	width: 32px;
	background-image: none !important;
	background-color: transparent;
	padding-right: 0;
	font-family:FontAwesome;
	content:'\f078';
	color: #ffffff;
	font-weight:500;
	opacity: 1;
}
.s1-activity-picker.x-btn-over .x-btn-arrow-el {
    background-color: #b3e5fc !important;
    opacity: .65;
}
/* s1-activity-picker-menu */
.s1-activity-picker-menu{
	height: auto !important;
}
/* .s1-activity-picker-menu .x-menu-item{
	padding: 4px 6px;
} */
.s1-activity-picker-menu .x-menu-item.x-menu-item-focus,
.s1-activity-picker-menu .x-menu-item.x-menu-item-active{
	background-color: #b3e5fc;
}
.s1-activity-picker-menu .x-menu-item.x-menu-item-checked,
.s1-activity-picker-menu .x-menu-item.x-menu-item-checked.x-menu-item-focus,
.s1-activity-picker-menu .x-menu-item.x-menu-item-active.x-menu-item-checked{
	background-color: #0065ff;
}
.s1-activity-picker-menu .x-menu-item.x-menu-item-checked.x-menu-item-active{
	background-color: #0065ff;
}
.s1-activity-picker-menu .x-menu-item.x-menu-item-checked .x-menu-item-text{
	color: #ffffff !important;
}
.s1-activity-picker-menu .x-menu-item.x-menu-item-checked .x-menu-item-icon,
.s1-activity-picker-menu .x-menu-item.x-menu-item-checked .x-menu-item-icon.x-menu-item-glyph{
	color: #ffffff !important;
}
.s1-activity-picker-menu .x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon {
    background-image: none !important;
}
.s1-activity-picker-menu .x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon.x-menu-item-checkbox {
	line-height: 24px;
    background-image: none !important;
}
.s1-activity-picker-menu .x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon:before{
	content: '\f26b';
    font-family: Material-Design-Iconic-Font;
	font-weight: 900;
	color: #ffffff;
	top: 4px !important;
}
.s1-activity-picker-menu .x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon.x-menu-item-checkbox:before{
	content: '\f26b';
    font-family: Material-Design-Iconic-Font;
	font-weight: 900;
	color: #ffffff;
}
.s1-activity-picker-menu .x-menu-item .x-menu-item-text{
	color: #3f505f;
	letter-spacing: 1px;
	display: block;
}
.s1-activity-picker-menu .x-menu-item .x-menu-item-icon.x-menu-item-glyph{
	opacity: 1;
}
.s1-activity-picker-menu .x-menu-item .x-menu-item-icon{
	top: 4px;
	left: 6px;
	color: #999;
	font-size: 18px;
	line-height: 24px;
	width: 24px;
	height: 24px;
}
.s1-activity-picker-menu .x-menu-item .x-menu-item-icon.font-fix{
	font-size: 24px;
}
.s1-activity-picker-menu .x-menu-item .x-menu-item-icon.font-fix-22{
	font-size: 22px;
}
.s1-activity-picker-menu .x-menu-item.x-menu-item-checked .x-menu-item-text{
	font-weight: 700;
}
.s1-activity-picker-menu .x-menu-icon-separator {
    left: 36px;
}
.s1-activity-picker-menu .x-menu-item-text.x-menu-item-indent{
    margin-left: 42px;
}
.s1-activity-picker-menu .x-menu-item-text.x-menu-item-indent-right-icon {
    margin-right: 36px;
}

/* s1-quickfilter-menu */
.s1-subtext{
	display: flex;
	justify-content: center;
    font-size: 11px;
    text-align: center;
    line-height: 1;
}
.s1-inline-tool{
    display: block;
    position: absolute;
    right: 5px;
    bottom: 10px;
    font-size: 16px;
	line-height: 16px;
    padding: 2.5px 0.75px;
}
.s1-invoice-filter.x-btn .x-btn-inner{
	display: flex;
    flex-direction: column;
    flex: 1;
	margin: 0;
	padding: 0 8px;
}
.s1-quick-filter{
	display: flex;
	align-items: center;
	padding: 4px 8px;
	min-width: 170px;
}
.s1-quick-filter.s1-invoice-filter{
	display: flex;
	align-items: center;
	padding: 4px 8px;
}
.s1-quick-filter-close{
	position: relative;
	top:0;
	right:0;
	padding: 3px;
}
.s1-sort-filter{
	display: flex;
	padding: 5px;
	background-color: transparent;
	color: #5E6C84;
}
.s1-sort-filter .x-btn-icon-el,
.s1-sort-filter .x-btn-inner{
	color: inherit;
}
.s1-sort-filter.x-btn .x-btn-text::after{
	content: '\f2f9';
    font-family: Material-Design-Iconic-Font;
    font-weight: 700;
    padding-right: 8px;
}
.s1-sort-filter-dir-toggle{
	position: relative;
	top:0;
	right:0;
	padding: 3px 8px;

	/* font-family: Material-Design-Iconic-Font; */
	font-family: FontAwesome;
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	/* background-color: rgba(0,0,0,.09); */
    /* opacity: 0.9; */
}
.s1-sort-filter-dir-toggle.sort-dir-ASC::before{
	/* content: '\f303'; */
	content: '\f160';

}
.s1-sort-filter-dir-toggle.sort-dir-DESC::before{
	/* content: '\f2fe'; */
	content: '\f161';
}
.s1-invoice-filter.x-btn .x-btn-icon > .x-btn-glyph {
	color: #0065ff;
	font-weight: 500;
	opacity: 1;
	margin: 0;
}
.s1-invoice-filter-menu-highlight{
	/* background-color: rgba(66,133,244,0.149); */
	background-color: #88ffbb88;
}
.s1-invoice-filter-menu .x-menu-item{
	background-color: transparent;
    border-left: 4px solid transparent;
}
.s1-invoice-filter-menu .x-menu-item .x-menu-item-text{
	font-size: 13px;
	line-height: 14px;
	padding: 0;
}
.s1-invoice-filter-menu .x-menu-item .x-menu-item-icon{
	top: 3px;
}
.s1-quickfilter-menu.s1-invoice-filter-menu .x-menu-item-text.x-menu-item-indent{
    margin-left: 44px;
}
.s1-filter-menu-green-highlight .x-menu-item.x-menu-item-focus,
.s1-filter-menu-green-highlight .x-menu-item.x-menu-item-active{
	background-color: #88ffbb88;
}
.s1-invoice-filter-menu .x-menu-item.x-menu-item-focus,
.s1-invoice-filter-menu .x-menu-item.x-menu-item-active{
	/* background-color: #b3e5fc; */
	background-color: rgba(66,133,244,0.149);
}
.s1-invoice-filter-menu .x-menu-item .x-menu-item-text .s1-inline-tool{
	display: none;
}
.s1-invoice-filter-menu .x-menu-item.x-menu-item-active.x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon,
.s1-invoice-filter-menu .x-menu-item.x-menu-item-active.x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon.x-menu-item-checkbox,
.s1-invoice-filter-menu .x-menu-item.x-menu-item-focus.x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon,
.s1-invoice-filter-menu .x-menu-item.x-menu-item-focus.x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon.x-menu-item-checkbox {
	display: none;
}
.s1-invoice-filter-menu .x-menu-item.x-menu-item-focus .x-menu-item-text .s1-inline-tool,
.s1-invoice-filter-menu .x-menu-item.x-menu-item-active .x-menu-item-text .s1-inline-tool{
	display: block;
}
.s1-quickfilter-menu.s1-invoice-filter-menu .x-menu-icon-separator {
    left: 44px;
}
.s1-invoice-filter-menu .x-menu-item.x-menu-item-checked{
	/* background-color: rgba(66,133,244,0.149); */
	background-color: #def;
    border-left: 4px solid #1a73e8;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.s1-invoice-filter-menu .x-menu-item.x-menu-item-checked .x-menu-item-text{
	color: #1a73e8;
	font-weight: 700;
	margin-left: 46px;
	padding: 0;
}
.s1-invoice-filter-menu .x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon {
	display: block;
	background-image: none !important;
	top: 12px;
	right: 6px;
}
.s1-invoice-filter-menu .x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon.x-menu-item-checkbox {
	display: block;
	line-height: 24px;
	top: 6px;
	right: 6px;
    background-image: none !important;
}
.s1-invoice-filter-menu .x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon:before{
	content: '\f26b';
    font-family: Material-Design-Iconic-Font;
	font-weight: 900;
	color: #1a73e8;
}
.s1-invoice-filter-menu .x-menu-item-checked .x-menu-item-icon-default.x-menu-group-icon.x-menu-item-checkbox:before{
	content: '\f26b';
    font-family: Material-Design-Iconic-Font;
	font-weight: 900;
	color: #1a73e8;
}
.s1-quickfilter-menu{
	border-radius: 2px;
}
.s1-quickfilter-menu .x-toolbar{
	padding: 1px;
}
.s1-quickfilter-menu .x-toolbar .x-box-inner{
	overflow: visible;
}
.s1-quickfilter-menu .x-menu-body{
	background-color: #ffffff;
}
.s1-quickfilter-menu .x-menu-item .x-menu-item-text{
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
}
.s1-quickfilter-menu .x-menu-item.tall .x-menu-item-text{
	line-height: 24px;
}
.s1-quickfilter-menu .x-menu-item.x-menu-item-checked .x-menu-item-text{
	font-weight: 700;
}
.s1-quickfilter-menu .x-menu-item .x-menu-item-icon.x-menu-item-glyph{
	opacity: 1;
}
.s1-quickfilter-menu .x-menu-item .x-menu-item-icon{
	top: 0;
	left: 6px;
	font-size: 18px;
	line-height: 24px;
	width: 24px;
	height: 24px;
	border-radius: 4px;
}
.s1-quickfilter-menu .x-menu-item.tall .x-menu-item-icon{
	font-size: 24px;
	line-height: 1;
	top: 6px;
	left: 6px;
}
.s1-quickfilter-menu .x-menu-icon-separator {
    left: 36px;
}
.s1-quickfilter-menu .x-menu-item-text.x-menu-item-indent{
    margin-left: 42px;
}
.s1-quickfilter-menu .x-menu-item-text.x-menu-item-indent-right-icon {
    margin-right: 36px;
}

/* s1-toggle-combo */
.s1-toggle-combo .x-list-plain hr{
	margin-top: 2px;
	margin-bottom: 2px;
}
.s1-toggle-combo .x-boundlist-item{
	vertical-align: bottom;
	font-size: 14px;
	line-height: 20px;
	margin: 4px 0;
}
.s1-toggle-combo .x-combo-list-item{
	padding: 1px 0;
	display: flex;
    align-items: center;
	font-weight: 500;
}
.s1-toggle-combo .x-combo-list-item .x-combo-list-tag{
	display: inline-block;
    width: 50px;
    text-align: center;
    padding: 1px 5px;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    border: 2px solid rgb(0,0,0,0.125);
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 15px;
}
.s1-combo-tag{
	display: inline-block;
    width: 50px;
    text-align: center;
    padding: 1px 5px;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    border: 2px solid rgb(0,0,0,0.125);
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 15px;
}
.s1-toggle-combo .x-combo-list-item .x-combo-list-tag.long{
	width: 70px;
}
.s1-toggle-combo .x-boundlist-item-over,
.s1-toggle-combo .x-boundlist-selected.x-boundlist-item-over{
    background: #d6e9f6;
    border-color: #d6e9f6;
}
.s1-toggle-combo .x-boundlist-selected{
	background-color: transparent;
	border-color: transparent;
}
.s1-toggle-combo .x-boundlist-selected .x-combo-list-item{
	font-weight: 600;
}
.s1-toggle-combo .x-boundlist-selected .x-combo-list-item .x-combo-list-glyph{
	font-weight: 600;
}
.s1-toggle-combo .x-boundlist-item .x-combo-list-glyph{
	background: transparent;
	font: 20px/1 FontAwesome;
	font-weight: 500;
	color: #0065ff;
	cursor: pointer;
	margin-left: auto;
	margin-right: 5px;
}
.s1-toggle-combo .x-boundlist-item .x-combo-list-glyph:before{
	content: "\f204";
	position: relative;
	/* top: 2px; */
}
.s1-toggle-combo .x-boundlist-selected .x-combo-list-glyph:before{
	content: "\f205";
	position: relative;
	/* top: 2px; */
}
.s1-switch-btn.x-btn{
	background: transparent;
	border: none;
	font: 12px/1 FontAwesome;
	color: #ffffff;
	cursor: pointer;
	padding: 0;
}
.s1-switch-btn.x-btn.x-btn-pressed{
	background-color: transparent !important;
	border: none;
	color: #F4FF81 !important;
	/* color: #33ff55 !important; */
}
.s1-switch-btn.x-btn .x-btn-inner{
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	color: #ffffff;
	text-shadow: 0 0 1px #000000;
}
.s1-switch-btn.x-btn.x-btn-pressed .x-btn-inner{
	color: #F4FF81 !important;
	/* color: #33ff55 !important; */
}
.s1-switch-btn.x-btn .x-btn-icon-el{
	background: transparent;
	font: 18px/1 FontAwesome;
	height: 18px;
	font-weight: 500;
	color: #ffffff;
	cursor: pointer;
	margin: 0 !important;
	text-shadow: 0 0 1px #000000;
}
.s1-switch-btn.x-btn .x-btn-icon-el:before{
	content: "\f204";
	opacity: 1;
}
.s1-switch-btn.x-btn.x-btn-pressed .x-btn-icon-el:before{
	content: "\f205";
	opacity: 1 !important;
	color: #F4FF81 !important;
	/* color: #33ff55 !important; */

}
/* s1-toggle-button */

.s1-toggle-button.x-btn{
	background-color: #a0a0a0;
}
.s1-toggle-button.x-btn.s1-badge{
	background-color: #0065ff;
	opacity: 1;
	font-weight: 700;
}
.s1-toggle-button.x-btn.x-btn-pressed{
	background-color: #0065ff;
	opacity: .8;
}
.s1-toggle-button.x-btn.s1-badge.x-btn-pressed{
	background-color: #0065ff;
	opacity: 1
}
.s1-toggle-button.x-btn-over{
	opacity: .5;
}
.s1-toggle-button.x-btn .x-btn-inner, .s1-toggle-button.x-btn .x-btn-glyph,
.s1-toggle-button.x-btn-pressed .x-btn-inner, .s1-toggle-button.x-btn-pressed .x-btn-glyph{
	color: #ffffff;
	opacity: 1;
}
#toggleFilters.x-btn .x-btn-glyph, #toggleFilters.x-btn-pressed .x-btn-glyph{
	font-size: 18px;
}
#toggleFilters.x-btn .x-btn-inner, #toggleFilters.x-btn-pressed .x-btn-inner{
	padding-left: 2px;
}
/* semester scroller css */
.s1-semester-scroller .x-box-layout-ct,
.s1-semester-scroller .x-box-inner{
	overflow: visible;
}
.s1-semester-scroller .s1-scrollers.x-tool{
	font-size: 24px;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
}
.s1-semester-scroller .s1-scrollers.x-tool .x-tool-tool-el{
	font-size: 24px;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	color: #ffffff;
	background-color: transparent;
	opacity: .8;
}
.s1-semester-scroller .s1-scrollers.x-tool-over .x-tool-tool-el{
	opacity: 1;
}
.s1-semester-scroller .s1-scrollers-alt.x-tool{
	font-size: 24px;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	border-radius: 50%;
}
.s1-semester-scroller .s1-scrollers-alt.x-tool .x-tool-tool-el{
	font-size: 24px;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	color: #0065ff;
	background-color: transparent;
	opacity: .8;
}
.s1-semester-scroller .s1-scrollers-alt.x-tool-over .x-tool-tool-el{
	opacity: 1;
}
/* .s1-semester-scroller .s1-semester-picker{
	margin-left: 10px !important;
	margin-right: 10px !important;
} */
.s1-semester-scroller .s1-semester-picker{
	cursor: pointer;
}
.s1-semester-scroller .s1-semester-picker .x-form-text{
	/*background-image: linear-gradient( to right, #6B73FF, #000DFF, #6B73FF);*/
	/*background-image: linear-gradient( 135deg, #97ABFF 10%, #123597 100%);*/
	background-color: #ffffff;
	color: #172B4D;
	text-align: center;
	font-weight: 700;
	border: 0;
	cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.s1-semester-picker .x-boundlist-item{
	text-align: center;
}
.s1-semester-picker .x-boundlist-item.x-boundlist-selected {
	font-weight: 700;
}
.s1-semester-scroller .s1-semester-picker.s1-semester-picker-selected .x-form-text{
	background-color: #0065ff;
	color: white;
}
/* .s1-activity-picker.x-boundlist-item{
	color: #555;
}
.s1-activity-picker.x-boundlist-item > i{
	margin: 0 15px 0 10px;
    opacity: 0.7 !important;
    font-size: 22px !important;
    line-height: 22px !important;
} */
.s1-activity-picker.x-boundlist-item.x-boundlist-selected{
	background-color: #0078f0;
	color: #ffffff;
}
/* end semester scroller css */
.s1-titlebar{
	background-color: #0065ff;
	border: transparent;
}
.s1-title {
    color: #ffffff;
    vertical-align: middle;
}
.s1-title > .x-title-item > .x-title-icon.x-title-glyph{
	background-color: #0065ff;
	color: #ffffff;
	opacity: 1;
}
.s1-title .x-title-text{
	background-color: #0065ff;
	color: #ffffff;
	font-weight: 500;
    font-size: 18px;
    line-height: 24px;
	opacity: 1;
}
.s1-titlebutton{
	background-color: inherit;
	border: transparent;
	margin-left:10px;
}
.s1-titlebutton .x-btn-inner{
	/* background-color: #0065ff; */
	color: #ffffff;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	opacity: 1;
}
.s1-titlebutton .x-btn-glyph{
	background-color: #0065ff;
	color: #ffffff;
	font-weight: 300;
	font-size: 22px;
	line-height: 24px;
	width: 24px;
	opacity: 1;
}

.s1-app-title {
    font-size: 14px;
    font-weight: 700;
    padding-left: 10px;
    color: #32404e;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.23);
}
.s1-app-title .x-title-text{
	font-size: 19px;
    padding-left: 10px;
}

.s1-shadow-one{
	-webkit-box-shadow:	0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow:	0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	box-shadow: 		0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
}
/*  */
.shadow {
  -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.16), 0px 3px 3px rgba(0,0,0,.23);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 3px 6px rgba(0,0,0,.16), 0px 3px 3px rgba(0,0,0,.23);  /* Firefox 3.5 - 3.6 */
/*  box-shadow:         0px 5px 5px 0px rgba(38, 46, 62, 0.3),0px 5px 5px 0px rgba(38, 46, 62, 0.2); */ /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	box-shadow:         0px 3px 6px rgba(0,0,0,.16), 0px 3px 3px rgba(0,0,0,.23); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.shadow2 {
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.shadow3 {
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.25), 0 4px 8px rgba(0,0,0,0.22);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0 2px 4px rgba(0,0,0,0.25), 0 4px 8px rgba(0,0,0,0.22);  /* Firefox 3.5 - 3.6 */
  box-shadow:		  0 2px 4px rgba(0,0,0,0.25), 0 4px 8px rgba(0,0,0,0.22);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.shadow-side {
  -webkit-box-shadow: 5px 0px 10px rgba(0,0,0,.25), 10px 0px 10px rgba(0,0,0,.22); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    5px 0px 10px rgba(0,0,0,.25), 10px 0px 10px rgba(0,0,0,.22); /* Firefox 3.5 - 3.6 */
  box-shadow:         5px 0px 10px rgba(0,0,0,.25), 10px 0px 10px rgba(0,0,0,.22); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.shadow-side2 {
  -webkit-box-shadow: 3px 0px 6px rgba(0,0,0,.16), 3px 0px 3px rgba(0,0,0,.23); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 0px 6px rgba(0,0,0,.16), 3px 0px 3px rgba(0,0,0,.23); /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 0px 6px rgba(0,0,0,.16), 3px 0px 3px rgba(0,0,0,.23); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.shadow-top {
  -webkit-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.08), 0px -1px 3px rgba(0, 0, 0, 0.12);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px -2px 3px rgba(0, 0, 0, 0.08), 0px -1px 3px rgba(0, 0, 0, 0.12);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px -2px 3px rgba(0, 0, 0, 0.08), 0px -1px 3px rgba(0, 0, 0, 0.12);
}
.shadow-new{
  box-shadow: -3px -1px 3px rgba(0,0,0,.3), 3px -1px 3px rgba(0,0,0,.3), 0px 2px 3px rgba(0,0,0,.3), 0px 2px 3px rgba(0,0,0,.3); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.shadow-side3{
  box-shadow: 3px 0px 1px rgba(0, 0, 0, .3), 1px 0px 3px 1px rgba(0, 0, 0, .3); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.s1-shadow-fab{
	-webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.s1-shadow-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.s1-shadow-1-half {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
.s1-shadow-2 {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}
.s1-shadow-3 {
    -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,.24), 0 17px 50px 0 rgba(0,0,0,.19);
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24), 0 17px 50px 0 rgba(0,0,0,.19);
}
.s1-shadow-4 {
    -webkit-box-shadow: 0 16px 28px 0 rgba(0,0,0,.22), 0 25px 55px 0 rgba(0,0,0,.21);
    box-shadow: 0 16px 28px 0 rgba(0,0,0,.22), 0 25px 55px 0 rgba(0,0,0,.21);
}
.s1-shadow-5 {
    -webkit-box-shadow: 0 27px 24px 0 rgba(0,0,0,.2), 0 40px 77px 0 rgba(0,0,0,.22);
	box-shadow: 0 27px 24px 0 rgba(0,0,0,.2), 0 40px 77px 0 rgba(0,0,0,.22);
}
.s1-shadow-ext{
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.26), 3px 3px 6px rgba(0,0,0,.33);
	-moz-box-shadow:	3px 3px 6px rgba(0,0,0,.26), 3px 3px 6px rgba(0,0,0,.33);
    box-shadow:		3px 3px 6px rgba(0,0,0,.26), 3px 3px 6px rgba(0,0,0,.33);
}
.s1-shadow-inset{
	-webkit-box-shadow: inset -1px 2px 2px 2px rgba(204, 204, 204, 0.7);
	-moz-box-shadow: inset -1px 2px 2px 2px rgba(204, 204, 204, 0.7);
	box-shadow: inset -1px 2px 2px 2px rgba(204, 204, 204, 0.7);
}
.s1-shadow-border{
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}
.s1-shadow-g{
	-webkit-box-shadow:	0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	-moz-box-shadow:	0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	box-shadow:	0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.s1-shadow-g-one{
	-webkit-box-shadow:	0 4px 6px 0 hsla(0, 0%, 0%, 0.2), 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	-moz-box-shadow:	0 4px 6px 0 hsla(0, 0%, 0%, 0.2), 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	box-shadow:	0 4px 6px 0 hsla(0, 0%, 0%, 0.2), 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.s1-shadow-0{
	-webkit-box-shadow: 0 0 2px 1px #000000;
	-moz-box-shadow: 0 0 2px 1px #000000;
	box-shadow: 0 0 2px 1px #000000;
}
.s1-shadow-00{
	-webkit-box-shadow: 0 1px 3px 0 #222;
	-moz-box-shadow: 0 1px 3px 0 #222;
	box-shadow: 0 1px 3px 0 #222;
}
.s1-shadow-sheet{
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.4);
}
.s1-shadow-sheet-right{
	-webkit-box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, 0.4);
	box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, 0.4);
}
.s1-sidedash-shadow-thin{
	-webkit-box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.25);
	box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.25)
}
.s1-sidedash-shadow{
	-webkit-box-shadow: 0 16px 10px 0 rgba(0, 0, 0, 0.14),
						0 11px 18px 0 rgba(0, 0, 0, 0.12),
						0 13px 5px -1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 16px 10px 0 rgba(0, 0, 0, 0.14),
					 0 11px 18px 0 rgba(0, 0, 0, 0.12),
					 0 13px 5px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 16px 10px 0 rgba(0, 0, 0, 0.14),
				0 11px 18px 0 rgba(0, 0, 0, 0.12),
				0 13px 5px -1px rgba(0, 0, 0, 0.2);
}
.s1-shadow-sheet-btn-right{
	-webkit-box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.6);
	box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.6);
}
.s1-shadow-small{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.s1-shadow-medium{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.s1-shadow-large{
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.s1-shadow-glow-bright{
	-webkit-box-shadow:	0 0 2px 1px #1f71ff,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow:	0 0 2px 1px #1f71ff,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	box-shadow: 		0 0 2px 1px #1f71ff,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2),

						0px 2px 4px -1px rgba(0, 0, 0, 0.2),
						0px 4px 5px 0px rgba(0, 0, 0, 0.14),
						0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.s1-shadow-glow-white{
	-webkit-box-shadow:	0 0 2px 1px #ffffff,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow:	0 0 2px 1px #ffffff,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	box-shadow: 		0 0 2px 1px #ffffff,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2),

						0px 2px 4px -1px rgba(0, 0, 0, 0.2),
						0px 4px 5px 0px rgba(0, 0, 0, 0.14),
						0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.s1-shadow-glow{
	-webkit-box-shadow:	0 0 2px 1px currentColor,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow:	0 0 2px 1px currentColor,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	box-shadow: 		0 0 2px 1px currentColor,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
}
.s1-shadow-glow-raised{
	-webkit-box-shadow:	0 0 2px 1px currentColor,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2),
						0px 2px 4px -1px rgba(0, 0, 0, 0.2),
						0px 4px 5px 0px rgba(0, 0, 0, 0.14),
						0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:	0 0 2px 1px currentColor,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2),
						0px 2px 4px -1px rgba(0, 0, 0, 0.2),
						0px 4px 5px 0px rgba(0, 0, 0, 0.14),
						0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 		0 0 2px 1px currentColor,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2),
						0px 2px 4px -1px rgba(0, 0, 0, 0.2),
						0px 4px 5px 0px rgba(0, 0, 0, 0.14),
						0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.s1-shadow-edge{
	-webkit-box-shadow:	0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
.s1-border-glow-bright{
	box-shadow: 0 0 2px 1px #1f71ff;
}
.s1-border-glow{
	box-shadow: 0 0 2px 1px currentColor;
}
.s1-shadow-md{
	-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.s1-shadow-card{
	-webkit-box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 1px 3px 1px;
	-moz-box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 1px 3px 1px;
	box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 1px 3px 1px;
}
.s1-shadow-top{
	-webkit-box-shadow: 0 -2px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 -2px 4px rgba(0,0,0,.2);
	box-shadow: 0 -2px 4px rgba(0,0,0,.2);
}
.s1-shadow-right{
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.s1-shadow-panel-btn{
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
.s1-shadow-toolbar{
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
}
.s1-shadow-toolbar-md{
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
}
.s1-shadow-footerbar{
    box-shadow: 0 0 7px rgba(60,64,67,0.302);
}
.s1-mat-card{
	-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	border: 1px solid #d5d5d5;
	background: #fff;
	color: rgba(0,0,0,.87);
	border-radius: 5px;
	/* main background-color: */
}
.s1-shadow-menu{
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),
						0 8px 10px 1px rgba(0,0,0,.14),
						0 3px 14px 2px rgba(0,0,0,.12);
	   -moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),
						0 8px 10px 1px rgba(0,0,0,.14),
						0 3px 14px 2px rgba(0,0,0,.12);
			box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),
						0 8px 10px 1px rgba(0,0,0,.14),
						0 3px 14px 2px rgba(0,0,0,.12);
}
/* .s1-shadow-{
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
} */
.mdc-elevation--z0 {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z1 {
	-webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z2 {
	-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z3 {
	-webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z4 {
	-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z5 {
	-webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z6 {
	-webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z7 {
	-webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z8 {
	-webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z9 {
	-webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z10 {
	-webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z11 {
	-webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z12 {
	-webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z13 {
	-webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z14 {
	-webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z15 {
	-webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z16 {
	-webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z17 {
	-webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z18 {
	-webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z19 {
	-webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z20 {
	-webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z21 {
	-webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z22 {
	-webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z23 {
	-webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  }

  .mdc-elevation--z24 {
	-webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
			box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
.vbar{
	width:2px;
	margin: 0 5px 0 5px;
	border-right: 2px solid #8c8b8b;
	border-left: 2px solid #fff;
}
.mysearchfield{
	margin:5px;
}
.mysearchfield .x-form-text{
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	border:1px solid transparent;
}
.mysearchfield .x-form-text-field-body{
	border-radius:15px;
	border:1px solid grey;
}
.mysearchfield .x-form-trigger-wrap{
	border-radius:15px;
	border:1px solid grey;
}
.mysearchfield .x-form-trigger{
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	border:1px solid transparent;
	border-left:0;
	right:10px;
	position:relative;
}
.mytabpanel{
	background-color: #ffffff;
}
.mytabpanel .x-tab-bar{
	background-color: #32404e;
}
.mytabpanel .x-tab-bar-body{
	max-height: 24px;
	padding:0;
	margin:0;
}
.mytabpanel .x-box-scroller{
	opacity:.8;
}
.mytabpanel .x-box-scroller-hover{
	opacity:1;
}
.mytabpanel .x-box-scroller-disabled{
	opacity:.3;
}
.mytabpanel .x-box-scroller-left{
	background-image:none !important;
	background-color:transparent !important;
	left:10px;
}
.mytabpanel .x-tab-bar-scroller .x-box-scroller-body-horizontal{
	margin-left:40px;
	overflow:hidden;
}
.mytabpanel .x-box-scroller-right{
	background-image:none !important;
	background-color:transparent !important;
	right:10px;
	margin-left:40px;
}
.mytabpanel .x-box-scroller-left:before{
	font-family: FontAwesome;
	font-weight:700;
	font-size:24px;
	line-height:24px;
	color:#ffffff;
	content:'\f053';
}
.mytabpanel .x-box-scroller-right:before{
	font-family: FontAwesome;
	font-weight:700;
	font-size:24px;
	line-height:24px;
	color:#ffffff;
	content:'\f054';
}
.mytabpanel .x-panel-header{
	background-color: #Ffffff;
	border-bottom: 2px solid #386ae8 !important;
}
.mytabpanel .x-panel-header-title{
	font-weight:700;
}
.mytabpanel .x-tool{
	margin-right:10px;
}
.mytabpanel .x-tool-tool-el{
	width: 24px;
	height: 24px;
	font-size:24px;
	line-height:24px;
	margin-top: 6px;
	background-color: #ffffff;
}
.mytabpanel .x-tab{
	margin:0px;
	margin-left:5px;
	text-align:center;
	border-radius:0;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.mytabpanel .x-tab.x-tab-active{
	background-color: #0065ff;
	color:#ffffff;
	border-color:#0065ff;
	border-radius:0;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.mytabpanel .x-tab.x-tab-active .x-tab-text{
	background-color: #0065ff;
	color:#ffffff;
	border-color:#0065ff;
	border-radius:0;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.mytabpanel .x-panel{
	border-bottom: 2px solid #0065ff;
}

.mytabpanel2{
	background-color: #ffffff;

}
.mytabpanel2 .x-tab-bar-body{
	min-height: 30px;
}
.mytabpanel2 .x-tab-bar-strip{
	border-bottom: 2px solid #0065ff;
}
.mytabpanel2 .x-tab{
	margin:0px;
	margin-left:3px;
	text-align:center;
}
.mytabpanel2 .x-tab.x-tab-active{
	background-color: #0065ff;
	color:#ffffff;
	border:none;
}
.mytabpanel2 .x-tab.x-tab-active .x-tab-text{
	background-color: #0065ff;
	color:#ffffff;
	border:none;
}
.mytabpanel2 .x-panel{
	border-bottom: 2px solid #0065ff;
}

.canvas{
    background-color: #262e3e;
}
.header-panel{
	background-color: #ffffff;
	border-bottom: 2px solid #262e3e !important;
}
.footer-panel{
	background-color: #ffffff;
	border-top: 2px solid #262e3e !important;
}
#side-panel .x-panel-body{
    background-color: white;
}
/*  bluepanel */
.bluepanel{
    border-radius: 8px;
}
.bluepanel .x-panel-header{
    background-color: #0065ff;
    color:#ffffff;
    font-size:15px;
    min-height:17px;
    line-height:15px;
    padding: 5px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.bluepanel .x-panel-header-title{
    color:#ffffff;
    font-weight: 700;
    font-size:14px;
    line-height:15px;
    min-height:15px;
    vertical-align: middle;
    padding-left: 5px;
}

/*  displayfield inside panel */
.display-text .x-form-display-field{
    font-size: 16px;
    min-height: 17px;
    line-height: 17px;
    text-align: left;
    font-weight: 700;
    padding-left:5px;
}
.display-text-small .x-form-item-body{
    font-size: 14px;
    min-height: 15px;
    line-height: 15px;
    text-align: left;
	padding:0;
	margin:0;
    /* font-weight: 700; */
}
.display-text-small .x-form-display-field{
    font-size: 14px;
    min-height: 15px;
    line-height: 15px;
    text-align: left;
	padding:0;
	margin:0;
    /* font-weight: 700; */
    padding-left:15px;
}
/*  displayfield highlighted label top - self panel  */
.s1-field-item{
    border-radius: 4px;
    margin-bottom:15px;
}
.s1-field-item .x-form-item-label{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 2px solid #386ae8;
	border-bottom:0;
	font-size:14px;
    line-height:15px;
    min-height:15px;
	padding:0;
}
.s1-field-item .x-form-item-label-inner{
    background-color: #0065ff;
    color:#ffffff;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 2px solid #0065ff;
    font-size:14px;
    line-height:15px;
    min-height:15px;
	padding:0;
}
.s1-field-item .x-form-item-label.x-form-item-label-top > .x-form-item-label-inner{
	padding:3px;
}
.s1-field-item .x-form-item-label-text{
    font-size:14px;
    line-height:15px;
    min-height:15px;
    font-weight: 700;
    padding-left: 10px;
}
.s1-field-item .x-form-item-body{
    background-color: #ffffff;
    padding: 5px;
    padding-left: 10px;
    padding-right: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	font-size:16px;
    line-height:17px;
    min-height:17px;
}
.s1-field-item .x-form-display-field{
    font-size:16px;
    line-height:17px;
    min-height:17px;
    font-weight: 700;
    padding-left:5px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

/*  displayfield  highlighted left label with bottom line field   */
.s1-field-item-side{
    margin-bottom:15px;
}
.s1-field-item-side .x-form-item-label{
    background-color: #0065ff;
    color:#ffffff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 2px solid #0065ff;
    padding:0;
}
.s1-field-item-side .x-form-item-label-inner{
    font-size:14px;
    line-height:15px;
    min-height:15px;
}
.s1-field-item-side .x-form-item-label-text{
    font-size:14px;
    line-height:15px;
    min-height:15px;
    max-height:15px;
    font-weight: 700;
    padding-left: 10px;
}
.s1-field-item-side .x-form-item-body{
    background-color: #ffffff;
	border: 2px solid white;
    border-bottom: 2px solid #0065ff;
	border-left: 0;
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    vertical-align:middle;
	font-size:14px;
    line-height:15px;
    min-height:15px;
}
.s1-field-item-side .x-form-display-field{
    color:black;
    font-size:14px;
    line-height:15px;
    min-height:15px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding: 0;
    margin:0;
    padding-left: 20px;
    padding-right: 30px;
}


/*  table column row  side label  */
.s1-field-table-side{
    margin:0;
    margin-left:5px;
    margin-right:5px;
}
.s1-field-table-side .x-form-item-label{
    color:#000000;
    vertical-align:bottom;
	font-size:14px;
    line-height:15px;
    min-height:15px;
}
.s1-field-table-side .x-form-item-label-inner{
    border-bottom: 2px solid #0065ff;
    text-align: left;
	padding-top:0;
    font-size:14px;
    line-height:15px;
    min-height:15px;
}
.s1-field-table-side .x-form-item-label-text{
    font-size:14px;
    line-height:15px;
    min-height:15px;
    max-height:15px;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}
.s1-field-table-side .x-form-item-body{
    vertical-align:top;
    text-align: left;
    padding-top: 0;
    border-bottom: 2px solid #0065ff;
	font-size:14px;
    line-height:15px;
    min-height:15px;

}
.s1-field-table-side .x-form-display-field{
    color:#000000;
    font-size:14px;
    line-height:15px;
    min-height:15px;
    padding-left: 20px;
    padding-right: 30px;
}
.s1-field-table-side+.x-field{
    padding-right:30px;
    margin-bottom:5px;
}
/*  table column row  */
.s1-field-table{
    margin:0;
    margin-bottom:5px;
    margin-left:5px;
}
.s1-field-table .x-form-item-label{
    color:#000000;
    vertical-align:bottom;
	font-size:14px;
    line-height:15px;
    min-height:15px;
}
.s1-field-table .x-form-item-label-inner{
    border-bottom: 2px solid #0065ff;
    font-size:14px;
    line-height:15px;
    min-height:15px;
    max-height:15px;
    padding-top: 0;
    text-align: center;
}
.s1-field-table .x-form-item-label-text{
    font-size:14px;
    line-height:15px;
    min-height:15px;
    max-height:15px;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.s1-field-table .x-form-item-body{
    vertical-align:top;
    text-align: center;
	padding:0;
    padding-top: 5px;
    margin:0;
	font-size:14px;
    line-height:15px;
    min-height:15px;
}
.s1-field-table .x-form-display-field{
    color:#000000;;
    font-size:14px;
    line-height:15px;
    min-height:15px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding: 0;
    margin:0;
    padding-left: 20px;
    padding-right: 30px;
}

/*  textarea panelized  */
.s1-field-textarea .x-form-text{
    border:1px solid white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius:0;
}
.s1-field-textarea{
    border-radius: 4px;
    margin-bottom:15px;
}
.s1-field-textarea .x-form-item-label{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #0065ff;
	font-size:14px;
    line-height:15px;
    min-height:15px;
	padding:0;
}
.s1-field-textarea .x-form-item-label-inner{
    background-color: #0065ff;
    color:#ffffff;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 2px solid #0065ff;
    font-size:14px;
    line-height:15px;
    min-height:15px;
	padding:0;
}
.s1-field-textarea .x-form-item-label.x-form-item-label-top > .x-form-item-label-inner{
	padding:3px;
}
.s1-field-textarea .x-form-item-label-text{
    font-size:14px;
    line-height:15px;
    min-height:15px;
    font-weight: 700;
    padding-left: 10px;
}
.s1-field-textarea .x-form-textarea-body{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding:5px;
    background-color: white;
}

.display .x-form-display-field{
    font-size: 22px;
    min-height: 22px;
    line-height: 29px;
    font-weight:700;
    margin:0;
}
.title .x-form-display-field{
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    margin:0;
}
.title .x-form-item-label{
	padding-top: 0;
}

.bluestrip{
    background-color: #0065ff;
    color:#ffffff;
}
.bluestrip-acc.x-accordion-item .x-accordion-hd .x-panel-header-title{

    color:#ffffff;
	font-weight: 700;
}
.bluestrip-acc.x-accordion-item .x-accordion-hd-over .x-panel-header-title{
    opacity: .5;
}
.bluestrip-acc .x-panel-header{
	border:2px groove white;
	background-color: #0065ff;
}
.title-strip{
	font-size:11px;
	line-height:11px;
	min-height:11px;
	color:#ffffff;
}
.caption .x-form-item-label-text{
    font-size:11px;
    line-height:11px;
    min-height:11px;
    font-weight: 700;
    padding-left: 5px;
	vertical-align:middle;
}
.caption .x-form-item-label{
    background-color: #0065ff;
    color:#ffffff;
	vertical-align:middle;
	font-size:11px;
    line-height:11px;
    min-height:11px;
	margin:0;
	padding:0;
}
.caption .x-form-display-field{
    font-size:11px;
    line-height:11px;
    min-height:11px;
    font-weight: 700;
    padding-left: 5px;
}
.filterpanel.x-panel-header{
    background-color: #0065ff;
    color: #ffffff;
	padding:0;
}
.filterpanel.x-panel-header .x-panel-header-title{
    background-color: #0065ff;
    color:#ffffff;
	padding:0;
	font-size:12px;
	line-height:12px;
	min-height:12px;

}
.s1-tab-panel .x-panel-header{

	/* background-color: #0065ff;
	border: 1px solid #0065ff; */
    background-color: #2A52BE;
	border: 1px solid #2A52BE;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.s1-tab-panel .x-panel-header-title{
    color:#ffffff;
	font-weight:600;
	font-size:18px;
	line-height: 22px;
	padding-left: 0;
}
.s1-tab-panel .x-panel-body{
	background-color:#f5f5f5;
}
.s1-tab-panel.s1-tab-panel-white .x-panel-body{
	background-color:#ffffff;
}
.s1-panel.mystic .x-panel-body,
.s1-tab-panel.mystic .x-panel-body{
	background-color:#eaeff1;
}
.s1-tab-bar{
	background-color: #ffffff;
	z-index: 10;
}
.s1-tab-bar.x-tab-bar > .x-tab-bar-body{
	padding: 1px 1px 3px 1px;
	background-color: #ffffff;
}
.s1-tab-bar.orders.x-tab-bar > .x-tab-bar-body{
	padding: 4px 1px 3px 1px;
	background-color: #ffffff;
}
.s1-tab.x-tab{
	background-color: #ffffff;
	color:#000000;
	opacity:0.5;
	text-shadow: 0 1px 1px #909090;
	border:none;
	border-bottom: 3px solid #ffffff;
	text-align: center;
	transition: color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}
.s1-tab.s1-tab-orders.x-tab{
	background-color: #ffffff;
	color:#000000;
	opacity:0.5;
	text-shadow: 0 1px 1px #909090;
	border:none;
	border-bottom: 3px solid #ffffff;
	/* transition: color 0.5s linear, border-color 0.5s linear, opacity 0.5s linear; */
}
.s1-tab.x-tab.x-tab-active{
	background-color: #ffffff;
	color: #0065ff;
	opacity: 1;
	border-bottom-color: #0065ff;
	transition: color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}
.s1-tab.s1-tab-orders.x-tab.x-tab-active{
	background-color: #ffffff;
	color: #0065ff;
	opacity: 1;
	border-bottom-color: #0065ff;
}
.s1-tab.s1-tab-orders.x-tab.x-tab-over{
	opacity: 1;
}
.s1-tab.s1-tab-orders.x-tab.x-tab-over .x-tab-text > .x-tab-inner{
	color: #0065ff;
	opacity: 0.8;
}
.s1-tab.s1-tab-orders.x-tab.x-tab-active .x-tab-text > .x-tab-inner{
	opacity: 1;
	color: #0065ff;
}
.s1-tab.x-tab.x-tab-over .x-tab-icon-el.x-tab-glyph{
	color: #0065ff;
	opacity: 0.8;
}
.s1-tab.x-tab.x-tab-active .x-tab-icon-el.x-tab-glyph{
	opacity: 1;
	color: #0065ff;
}
.s1-tab.s1-tab-orders.x-tab.x-tab-over .x-tab-icon-el.x-tab-glyph{
	color: #0065ff;
	opacity: 0.8;
}
.s1-tab.s1-tab-orders.x-tab.x-tab-active .x-tab-icon-el.x-tab-glyph{
	opacity: 1;
	color: #0065ff;
}
.s1-tab.x-tab .x-tab-button{
	line-height:32px;
	font-size: 24px;
	width: 32px;
	height: 32px;
	padding: 4px;
}
.s1-tab.s1-tab-orders.x-tab .x-tab-button{
	padding: 0;
}
.s1-tab.x-tab .x-tab-glyph{
	font-size: 24px;
	line-height: 24px;
	width: 24px;
	height: 24px;
}
.s1-tab.x-btn{
	background-color: transparent !important;
	border: none;
}
.s1-tab.x-btn .x-btn-icon-el.x-btn-glyph{
	font-size: 32px;
    line-height: 32px;
    height: 32px;
    width: 12px;
    color: #000000;
    opacity: 0.5;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.s1-tab.x-btn.x-btn-over .x-btn-icon-el.x-btn-glyph,
.s1-tab.x-btn.x-btn-focus .x-btn-icon-el.x-btn-glyph{
	color: #0065ff;
	opacity: 1;
}
.s1-topbar-scroller .x-box-scroller{
	font-family: FontAwesome;
	font-weight:700;
	font-size:26px;
	line-height:26px;
	color: #0065ff;
	width:26px;
	margin-left:4px;
	margin-right:4px;
	opacity:.75;
}
.s1-topbar-scroller .x-box-scroller.x-box-scroller-hover{
	opacity:1;
}
.s1-topbar-scroller .x-box-scroller.x-box-scroller-disabled{
	opacity:.25;
}
.s1-topbar-scroller .x-box-scroller.x-box-scroller-left{
	background-image:none;
	background-color:transparent;
	left:0;
}
.s1-topbar-scroller .x-box-scroller-body-horizontal{
	margin-left:26px;
	margin-right:26px;
	overflow:hidden;
}
.s1-topbar-scroller .x-box-scroller.x-box-scroller-right{
	background-image:none;
	background-color:transparent;
	right:0;
}
.s1-topbar-scroller .x-box-scroller.x-box-scroller-left:before{
	content:'\f053';
	width: 26px;
	line-height:26px;
	text-align:center;
	display:block;
}
.s1-topbar-scroller .x-box-scroller.x-box-scroller-right:before{
	content:'\f054';
	width: 26px;
	line-height:26px;
	text-align:center;
	display:block;
}
.s1-tagfield .x-form-text .x-tagfield-item{
	background-color: #0065ff;
	color: #fff;
	border-color: #0065ff;
	border-radius: 8px;
	padding-left: 10px;
	padding-right: 22px;
	line-height: 15px;
	box-shadow: 0 1px 3px 0 #222;
}
.s1-tagfield .x-form-text .x-tagfield-item-close{
	background-image: none;
	font-family: FontAwesome;
	top: 0;
	right: 3px;
	line-height: 15px;
}
.s1-tagfield .x-form-text .x-tagfield-item-close::before{
	content:'\f00d';
}
.s1-tagfield.x-form-readonly .x-form-text .x-tagfield-item-close{
	display: none;
}
.s1-tagfield.no-input .x-form-text .x-tagfield-input-field{
	display:none;
}
.s1-tagfield.no-border .x-tagfield-body > .x-form-trigger-wrap{
	border:none;
}
.s1-sidepanel{
	z-index: 50 !important;
}
.s1-raise-3{
	z-index: 3 !important;
}
.s1-raise-5{
	z-index: 5 !important;
}
.s1-raise-7{
	z-index: 7 !important;
}
.s1-elevate-me{
	z-index: 98 !important;
}
.s1-sphere-btn-item-1{
	z-index: 94 !important;
}
.s1-sphere-btn-item-2{
	z-index: 95 !important;
}
.s1-sphere-btn-item-3{
	z-index: 96 !important;
}
.s1-sphere-btn-item-4{
	z-index: 97 !important;
}
.s1-sphere-btn{
	box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.3);
	max-width: 56px !important;
	max-height: 56px !important;
	/* height: 56px; */
	opacity: 0.7;
	border: 2px solid #ffffff;
	border-radius: 50%;
	transition: opacity 0.9s ease;
}
.s1-sphere-btn.highlight{
	opacity:1;
}
.s1-sphere-btn.x-btn .x-btn-glyph{
	opacity: 0.7
}
.s1-sphere-btn.x-btn .x-btn-inner{
	color: #ffffff;
}
.s1-sphere-btn.x-btn-over,
.s1-sphere-btn.x-btn.x-btn-pressed.x-btn-default-large,
.s1-sphere-btn.x-btn.x-btn-pressed.x-btn-default-small,
.s1-sphere-btn.x-btn.x-btn-pressed.x-btn-default-medium {
	opacity: 1;
	border: 2px solid #ffffff !important;
	border-color: #ffffff !important;
}
.s1-sphere-btn.x-btn-over .x-btn-glyph,
.s1-sphere-btn.x-btn-over.x-btn-pressed,
.s1-sphere-btn.x-btn.x-btn-pressed .x-btn-glyph,
.s1-sphere-btn.x-btn-over.x-btn-pressed .x-btn-glyph{
	opacity: 1;
}
.s1-transbox{
	z-index: 99 !important;
	height: auto;
	display: flex;
}
.s1-transbox.x-box-layout-ct,
.s1-transbox.x-box-layout-ct .x-box-inner{
	overflow: visible;
	max-height: 322px;
	display: flex;
}
/* .s1-transbox.s1-transbox-open.x-box-layout-ct,
.s1-transbox.s1-transbox-open.x-box-layout-ct .x-box-inner{
	transition: flex 0.5s ease-out;
	flex: 1;
} */
/* .s1-transbox[class^="s1-sphere-btn-item-"]{
	transition: flex 0.5s ease;
	display: flex;
	flex-direction: column-reverse;
	flex: 1;
} */

.s1-transbox.s1-transbox-close .s1-sphere-btn-item-1{
	transition: all 0.9s ease-out;
	transform: translateY(60px);
	opacity: 0 !important;
	flex: 0;
}
.s1-transbox.s1-transbox-close .s1-sphere-btn-item-2{
	transition: all 0.9s ease-out 0.2s;
	transform: translateY(120px);
	opacity: 0 !important;
	flex: 0;
}
.s1-transbox.s1-transbox-close .s1-sphere-btn-item-3{
	transition: all 0.9s ease-out  0.4s;
	transform: translateY(180px);
	opacity: 0 !important;
	flex: 0;
}
.s1-transbox.s1-transbox-close .s1-sphere-btn-item-4{
	transition: all 0.9s ease-out  0.4s;
	transform: translateY(220px);
	opacity: 0 !important;
	flex: 0;
}
.s1-transbox.s1-transbox-close.x-box-layout-ct,
.s1-transbox.s1-transbox-close.x-box-layout-ct .x-box-inner{
	transition: all 0.9s ease 0.6s;
	max-height: 60px;
	flex: 0;
}
.s1-order-side-panel .x-panel-header{
	background-color: #ffffff;
	border-color: transparent;
	border-bottom: 2px solid #005aff !important;
}
.s1-order-side-panel .x-panel-header-title-default > .x-title-text{
	padding: 8px 16px 10px 16px;
	font-size: 20px !important;
	line-height: 24px !important;
}
.s1-order-side-panel .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-right{
    opacity: 1;
	font-size: 24px;
	line-height: 1;
    font-weight: 300;
    /* line-height: 44px !important; */
	width: 54px !important;
	background-color: #005aff;
}
.s1-order-side-panel .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-right > .x-title-icon.x-title-glyph{
    opacity: 1;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px !important;
    width: 24px !important;
	height: 24px !important;
	color: #ffffff;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
.s1-panel-md.smoke .x-panel-body{
	background-color: #f5f5f5 !important;
}
.s1-panel-md .x-panel-header{
	height: 24px;
}
.s1-panel-md .x-panel-header-title{
	color: inherit;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 1px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
.s1-panel-md .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-right > .x-title-icon.x-title-glyph,
.s1-panel-md .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-left > .x-title-icon.x-title-glyph{
	opacity: 1;
	font-size: 24px;
    font-weight: 300;
    line-height: 24px !important;
    width: 24px !important;
	height: 24px !important;
	color: inherit;
}
.s1-panel-md .x-panel-header-title-default > .x-title-text{
	padding-left: 16px;
}

.s1-panel-alt .x-panel-header,
.s1-window-alt .x-window-header{
	background-color: #0065ff;
	border-color: #0065ff;
	padding: 0;
	height: 32px;
	width: 400px;
	top: 0 !important;
	left: 0 !important;
}
.s1-panel-alt .x-panel-header-title,
.s1-window-alt .x-window-header-title,
.s1-window .x-window-header-title{
	color: #ffffff;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 1px;
}
.s1-window .x-window-header-title{
	padding-left: 5px;
}
.s1-panel-alt .x-panel-header-title-default > .x-title-text,
.s1-window-alt .x-window-header-title-default > .x-title-text,
.s1-window .x-window-header-title-default > .x-title-text{
	padding-left:10px;
}
.s1-window-md .x-window-header-title > .x-title-text{
	padding-left:16px;
}
.s1-window-alt.s1-panel-alt .x-tool,
.s1-window-alt .x-tool,
.s1-window .x-tool{
	border: 0 solid transparent;
	left: unset !important;
	top: 0 !important;
	right: 0 !important;
	height: 30px !important;
	width: 32px !important;
	font-size: 16px !important;
	line-height: 20px !important;
	opacity: 1 !important;
}
.s1-window-md .x-tool{
	border: 0 solid transparent;
	left: unset !important;
	top: -6px !important;
	right: -12px !important;
	height: 46px !important;
	width: 46px !important;
	font-size: 20px !important;
	line-height: 20px !important;
	font-weight: 900;
	opacity: 1 !important;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 11px;
	transition: all 0.3s ease;
}
.s1-window-alt.s1-panel-alt .x-tool-tool-el,
.s1-window-alt .x-tool-tool-el,
.s1-window .x-tool-tool-el{
	height: 30px !important;
	width: 30px !important;
	padding: 5px !important;
	opacity: 1 !important;
}
.s1-window-md .x-tool .x-tool-tool-el{
	width: 24px !important;
	height: 24px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s1-window-alt.s1-panel-alt .x-tool-img,
.s1-window-alt .x-tool-img,
.s1-window .x-tool-img,
.s1-window-md .x-tool-img {
    background-image: none;
    background-color: transparent;
    color: #ffffff;
}
.s1-window-alt.s1-panel-alt .x-tool.x-tool-over > .x-tool-close,
.s1-window-alt .x-tool.x-tool-over > .x-tool-close,
.s1-window .x-tool.x-tool-over > .x-tool-close{
	background-color: #ff0030;
	border-color: #ff0030;
	border-top-right-radius: 3px;
}
.s1-window-md .x-tool.x-tool-over{
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 50%;
}
.s1-window-alt.s1-panel-alt .x-tool-close:before,
.s1-window-alt .x-tool-close:before,
.s1-window .x-tool-close:before {
    content: '\f00d';
	font-family: FontAwesome;
	opacity: 1;
}
.s1-window-md .x-tool-close:before {
    content: '\f136';
	font-family: Material-Design-Iconic-Font;
	opacity: 1;
}

.s1-panel-alt .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-left,
.s1-window-alt .x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-left,
.s1-window .x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-left,
.s1-window-md .x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-left{
	width: 32px;
	padding: 0;
}
.s1-panel-alt .x-panel-header-title > .x-title-icon-wrap > .x-title-icon,
.s1-window-alt .x-window-header-title > .x-title-icon-wrap > .x-title-icon {
    width: 32px;
    height: 30px;
    padding: 5px;
	font-size: 20px;
	font-weight: 300;
	line-height: 22px;
	margin: 0;
	/* border-top-left-radius: 3px; */
	background-color: #ffffff;
	color: #0065ff;
    opacity: 1;
}
.s1-window-alt .x-window-header-title > .x-title-icon-wrap > .x-title-icon {
	border-top-left-radius: 3px;
}
.s1-window-md .x-window-header-title > .x-title-icon-wrap > .x-title-icon{
	color: #fff !important;
	width: 32px;
    height: 32px;
    padding: 3px;
	font-size: 24px;
	font-weight: 300;
	line-height: 24px;
	opacity: 1;
}
.s1-panel-alt .x-toolbar-footer,
.s1-window-alt .x-toolbar-footer{
	padding: 1px;
}
.s1-window .x-window-header{
	background-color: #0065ff;
	padding: 0 !important;
	height: 32px;
}
.s1-panel-alt > .x-panel-bodyWrap > .x-panel-body{
	background-color: #eaeff1;
	/* background-color: #f4f8ff; */
}
.s1-panel-alt.white-body > .x-panel-bodyWrap > .x-panel-body{
	background-color: #fff;
	/* background-color: #f4f8ff; */
}
/* .s1-window .x-window-header-title-default > .x-title-text{
	padding-left:10px;
} */
/* .s1-window .x-tool{
	width: 44px !important;
	height: 44px !important;
	font-size: 16px !important;
	line-height: 22px !important;
	padding: 6px !important;
	left: unset !important;
	top: 0 !important;
	right: 0 !important;
} */
/* .s1-window .x-tool.x-tool-over > .x-tool-close{
	background-color: #ff0030 !important;
}
.s1-window .x-tool-close:before {
    content: '\f00d';
	font-family: FontAwesome;
} */
.s1-window .x-window-header-title + .x-tool > .x-tool-img {
    background-image: none;
    /* background-color: transparent; */
    color: #ffffff;
}
.s1-window .x-window-header-title > .x-title-icon-wrap > .x-title-icon {
    color: #ffffff;
	opacity: 1;
	width: 32px;
    height: 30px;
    padding: 5px;
	font-size: 20px;
	font-weight: 300;
	line-height: 22px;
}
/* .s1-window .x-window-header .x-tool{
	vertical-align:middle !important;
	line-height:24px !important;
	font-size: 24px !important;
} */
/* .s1-window .x-window-header .x-tool-tool-el{
	overflow:visible;
	color:#ffffff;
	opacity:1 !important;
	font-weight: 300 !important;
    font-size: 24px !important;
    line-height: 44px !important;
	height: 44px !important;
	width: 44px !important;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .6); */
	/* text-shadow: 2px 2px 2px rgba(0, 0, 0, .6); */
	/* left: unset !important;
	top: 0 !important;
	right: 0 !important;
} */

.s1-window .x-toolbar-footer{
	padding: 5px;
}
/* .s1-window .x-message-box-icon {
    background-image: none;
    text-align: center;
    vertical-align: middle;
    padding: 0;
}
.s1-window .x-message-box-icon:before {
    content: '\f059';
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 32px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
} */
.s1-window-md .x-window-header{
	background-color: #005aff;
	padding: 11px 16px !important;
	border-color: transparent !important;
}
.s1-window-md .x-window-header-title{
	padding: 0 !important;
	color: #ffffff;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	min-height: 32px;
}
.s1-accordion.x-accordion-item .x-accordion-hd{
	padding: 3px 10px;
}
.s1-accordion.s1-accordion-md.x-accordion-item .x-accordion-hd{
	padding: 11px 16px;
}
.s1-accordion.x-accordion-item .x-accordion-hd .x-panel-header-title{
    font-size: 16px;
	line-height: 20px;
	color: #005aff;
	opacity: 1;
}
.s1-accordion.s1-accordion-md.x-accordion-item .x-accordion-hd .x-panel-header-title .x-title-text{
	padding-left: 16px;
}
.s1-accordion.x-accordion-item .x-accordion-hd-over .x-panel-header-title{
    opacity: .5;
}
.s1-accordion.x-accordion-item .x-accordion-hd .x-tool-collapse-top::after{
	content: '\f107';
	font-family: FontAwesome;
	color: #005aff;
	font-weight: 700;
}
.s1-accordion.x-accordion-item .x-accordion-hd .x-tool-expand-bottom::after{
	content: '\f106';
	font-family: FontAwesome;
	color: #005aff;
	font-weight: 700;
}
.s1-accordion .x-panel-header-title > .x-title-icon-wrap > .x-title-icon {
	color: #005aff;
	opacity: 1;
}
.s1-accordion.s1-accordion-md .x-panel-header-title > .x-title-icon-wrap > .x-title-icon {
	font-size: 20px;
	line-height: 20px;
	width: 20px;
	height: 20px;
	padding: 0;
}
.s1-accordion .x-panel-header.x-accordion-hd:not(.x-collapsed) {
    border-bottom: 2px solid #005aff;
}
.s1-accordion.s1-accordion-md .x-panel-header.x-accordion-hd .x-tool{
	height: 36px !important;
    width: 36px !important;
    padding: 6px !important;
    top: -6px !important;
    right: -8px !important;
}
.x-spotlight {
	background-color: #000000;

	z-index: 8999;
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
	width: 0;
	height: 0;
	zoom: 1;
	font-size: 0;
}
.s1-floating-tb{
	z-index: 45 !important;
}
.s1-tab.x-tab.main-filter-icon:after{
	content: 'main';
    font-size: 11px;
    font-weight: 900;
    position: absolute;
    left: 10px;
	bottom: 0;
}
.s1-tab.x-tab.quick-filter-icon:after{
	content: 'quick';
    font-size: 11px;
    font-weight: 900;
    position: absolute;
    left: 6.5px;
	bottom: 0;
}
.s1-tab.x-tab.tag-filter-icon:after{
	content: 'tags';
    font-size: 11px;
    font-weight: 900;
    position: absolute;
    left: 13px;
	bottom: 0;
}
.s1-tab.x-tab.range-filter-icon:after{
	content: 'range';
    font-size: 11px;
    font-weight: 900;
    position: absolute;
    left: 7px;
	bottom: 0;
}
.s1-tab.x-tab.date-filter-icon:after{
	content: 'date';
	font-size: 11px;
	font-weight: 900;
	position: absolute;
	left: 11px;
	bottom: 0;
}
.s1-tab.x-tab.number-filter-icon:after{
	content: 'number';
	font-size: 11px;
	font-weight: 900;
	position: absolute;
	left: 2px;
	bottom: 0;
}
.s1-tab.x-tab.code-filter-icon{
	font-weight: 700;
}
.s1-tab.x-tab.code-filter-icon:after{
	content: 'code';
	font-size: 11px;
	font-weight: 900;
	position: absolute;
	left: 11px;
	bottom: 0;
}
.s1-tab.x-tab.x-tab-active:after{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s ease 0.2s, opacity 0.2s ease;
}
.s1-tab.x-tab:after{
	visibility: visible;
	opacity: 1;
	transition: visibility 0s ease, opacity 0.2s ease 0.2s;
}
.s1-tab.s1-tab-over.x-tab{
	color: #0065ff;
	opacity: 1;
}
.s1-tab.s1-tab-compressed.x-tab{
	padding: 0 8px !important;
}
.s1-tab.s1-tab-condensed.x-tab{
	padding: 0 2px !important;
}

.s1-date-range-field .x-form-text-wrap:before{
	font-family: FontAwesome;
    content: '\f133';
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    font-weight: 300;
    background-color: #0065ff;
    color: #fff;
    text-align: center;
    font-size: 16px;
	padding: 2px;
    line-height: 18px;
    width: 20px;
    height: 20px;
}
.s1-date-range-field input.x-form-field.x-form-text{
	left: 24px;
	position: relative;
}
.s1-date-range-picker .s1-date-bar{
	border: 1px solid #0065ff !important;
	z-index: 5;
}
.s1-date-range-picker .s1-date-from{
	text-align: left;
	padding: 5px 10px;
	background-color: #0065ff !important;
	/* cursor: pointer; */
}
.s1-date-range-picker .s1-date-from > .x-form-item-body{
	vertical-align: top;
	min-height: 17px;
	height: 24px;
	padding-left: 5px;
}
.s1-date-range-picker .s1-date-from.s1-date-active > .x-form-item-body{
	border-bottom: 3px solid #ff8800;
}

.s1-date-range-picker label.s1-date-from-label.x-form-item-label.x-form-item-label-top > span.x-form-item-label-inner{
	padding: 0 !important;
	padding-top: 5px !important;
}
.s1-date-range-picker .s1-date-from-label{
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 2px;
	/* cursor: pointer; */
}
.s1-date-range-picker .s1-date-from-label .x-form-item-label-text{
	font-weight: 900;
	color: #c0c0c0;
}
.s1-date-range-picker .s1-date-from .x-form-display-field{
	font-weight: 900;
	color: #ffffff;
	margin-top: 0;
	min-height: 17px;
	height: 20px;
}

.s1-date-range-picker .s1-date-to{
	text-align: right;
	padding: 5px 10px;
	background-color: #ffffff;
	/* cursor: pointer; */
}
.s1-date-range-picker .s1-date-to > .x-form-item-body{
	vertical-align: top;
	min-height: 17px;
	height: 24px;
	padding-right: 5px;
}
.s1-date-range-picker .s1-date-to.s1-date-active > .x-form-item-body{
	border-bottom: 3px solid  #ff8800;
}
.s1-date-range-picker label.s1-date-to-label.x-form-item-label.x-form-item-label-top > span.x-form-item-label-inner{
	padding: 0 !important;
	padding-top: 5px !important;
}
.s1-date-range-picker .s1-date-to-label{
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 2px;
	/* cursor: pointer; */
}
.s1-date-range-picker .s1-date-to-label .x-form-item-label-text{
	font-weight: 900;
	color: #a0a0a0;
}
.s1-date-range-picker .s1-date-to .x-form-display-field{
	font-weight: 900;
	color: #0065ff;
	margin-top: 0;
	min-height: 17px;
	height: 20px;
}

.s1-date-range-picker .s1-box-arrow{
	background-color: #0065ff;
	border: 30px solid #ffffff;
	border-left: 30px solid transparent;
	border-right-width: 0;
	padding-top: 1px;
	width: 0; height: 0;
}

.s1-date-picker .x-datepicker-header{
	background-color: #3f505f;
	z-index: 2;
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.s1-date-picker .x-datepicker-month .x-btn-inner{
	color: #ffffff !important;
}
.s1-date-picker .x-btn-wrap-default-small.x-btn-split-right:after{
	background-image: none !important;
	font-family: FontAwesome;
	content: "\f078";
	color: #ffffff;
}

.s1-date-picker .x-datepicker-arrow{
	font-family: FontAwesome;
	font-size: 12px;
	line-height: 1;
	color: #ffffff;
}
.s1-date-picker .x-datepicker-prev,
.s1-date-picker .x-datepicker-next{
	background: none !important;
}
.s1-date-picker .x-datepicker-prev:before {
	content: "\f053";
}
.s1-date-picker .x-datepicker-next:before{
	content: "\f054";
}
.s1-date-picker .x-monthpicker-body {
	display: flex;
	padding-bottom: 30px;
}

.s1-date-picker .x-monthpicker-yearnav {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.s1-date-picker .x-monthpicker-months {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.s1-date-picker .x-monthpicker-years {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.s1-date-picker .x-monthpicker-buttons > a.x-btn{
	background-color: #0065ff !important;
}
.s1-date-picker .x-monthpicker-months,
.s1-date-picker .x-monthpicker-years{
	width: 50%;
}
.s1-date-picker .x-datepicker-column-header:first-of-type,
.s1-date-picker .x-datepicker-column-header:last-of-type{
	color: #ff0030;
	background-color: #f5f5f5;
	border-color: #f5f5f5;
}
.s1-date-picker .x-datepicker-column-header{
	text-align: center !important;
	font-weight: 700;
}
.s1-date-picker .x-datepicker-column-header > .x-datepicker-column-header-inner{
	padding: 0;
}
.s1-date-picker .x-datepicker-cell:first-of-type,
.s1-date-picker .x-datepicker-cell:last-of-type {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.s1-date-picker .x-datepicker-cell{
	text-align: center !important;
}
.s1-date-picker .x-datepicker-cell > .x-datepicker-date{
	padding: 0;
}
.s1-date-picker .x-datepicker-cell.x-datepicker-today{
	border: none;
}
.s1-date-picker .x-datepicker-cell.x-date-highlight.x-date-highlight-start{
	background-color: #dde7ee;
    border-left: 3px solid #3574ff;
    color: #3574ff;
}
.s1-date-picker .x-datepicker-cell.x-date-highlight{
	background-color: #dde7ee;
	border-color: #dde7ee;
}
.s1-date-picker .x-datepicker-cell.x-date-highlight.x-date-highlight-end{
	background-color: #dde7ee;
	border-color: #dde7ee;
    border-right: 3px solid #3574ff;
    color: #3574ff;
}

.s1-date-picker .x-datepicker-cell.x-datepicker-today > .x-datepicker-date{
    border-radius: 50%;
    margin-left: 7px;
    margin-right: 7px;
	padding: 1px 6px 1px 6px;
	background-color: #ff3547;
	color: #ffffff;
}
.s1-date-picker .s1-datepicker-footer{
	z-index: 2;
}
.s1-date-picker .x-datepicker-footer{
	background-color: #c0c0c0;
}
.s1-date-picker .x-datepicker-footer > a.x-btn{
	background-color: #0065ff;
}

.s1-tag-field .x-form-text-default .x-tagfield-item{
	background-color: #2baaad;
	border-color: rgba(0, 0, 0, .125);
	color: #ffffff;

	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .125);
	-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .125);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .125);

	padding: 1px 24px 1px 8px;
    /* font-size: 14px;
    line-height: 16px; */

	font: 14px/16px Consolas, Monaco, Courier, "Andale Mono", "Lucida Console", monospace;
}
.s1-tag-field.alt-blue .x-form-text-default .x-tagfield-item{
	background-color: #2196F3;
	/* border-color: transparent;
	color: #ffffff;
	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); */
}
.s1-tag-field.warning .x-form-text-default .x-tagfield-item{
	background-color: #ff8800;
	/* border-color: transparent;
	color: #ffffff;
	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); */
}
.s1-tag-field.choco .x-form-text-default .x-tagfield-item{
	background-color: #795548;
	/* border-color: transparent;
	color: #ffffff;
	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); */
}
.s1-tag-field.cream .x-form-text-default .x-tagfield-item{
	background-color: #fff0b3 !important;
    color: #172b4d !important;
	border-color: #172b4d !important;
	font-weight: 700;
}
.s1-tag-field .x-form-text-default .x-tagfield-item > .x-tagfield-item-close{
	background-image: none;
	height: 16px;
    width: 16px;
	line-height: 16px;
	text-align: center;
    top: 0;
}
.s1-tag-field .x-form-text-default .x-tagfield-item > .x-tagfield-item-close:before{
	font-family: FontAwesome;
	content: '\f00d';
	color: currentColor;
}
.s1-text-arrow::after{
	width: 0;
	height: 0;
	border: 0.5em solid transparent;
	border-right: none;
	content: '';
	display: inline-block;
}
.s1-group-column-header > .x-column-header-inner:first-of-type{
	font-weight: 900;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.s1-group-column-header-1 > .x-column-header-inner:first-of-type{
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.s1-group-column-header-2 > .x-column-header-inner:first-of-type{
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.s1-fieldset-range.x-fieldset{
	background-color: #f5f5f5 !important;
	/* margin: 1px 2px !important; */
	border: none;
	overflow: visible;
	-webkit-box-shadow: 0 0 2px 1px #0065ff;
	-moz-box-shadow: 0 0 2px 1px #0065ff;
	box-shadow: 0 0 2px 1px #0065ff;
}
.s1-fieldset-range.x-fieldset > legend{
	background-color: #ffffff;
	padding: 1px 15px;
	border-radius: 10px;
	border: 1px solid #0065ff;
	color: #0065ff;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.s1-fieldset-range.s1-fieldset-split-glyph.x-fieldset > legend:before{
	content: '\f21b';
	line-height: 18px;
	font-family: FontAwesome;
	font-size: 18px;
	position: absolute;
	top: 1px;
	left: 11px;
	float: left;
	background-color: lightskyblue;
	color: white;
	padding: 2px 6px 2px 6px;
	border-top-left-radius: 9px;
	border-bottom-left-radius: 9px;
	text-align: center;
	width: 1.25em;
}
.s1-fieldset-range.s1-fieldset-date-range.x-fieldset > legend:before{
	content: '\f073';
	font-family: FontAwesome;
	float: left;
}
.s1-fieldset-range.s1-fieldset-split-glyph.x-fieldset .x-fieldset-header-default > .x-fieldset-header-text{
	margin-left: 25px;
	line-height: 18px;
}
.s1-fieldset-range.x-fieldset .x-fieldset-header-default > .x-fieldset-header-text{
	color: inherit !important;
}
.s1-fieldset-range.x-fieldset.s1-fieldset-date-range .x-fieldset-header-default > .x-fieldset-header-text{
	padding-left: 5px;
}
.s1-fieldset-range.x-fieldset .x-field.x-form-item.x-form-type-text .x-form-item-body{
	background-color: #4C9AFF;
}
.s1-fieldset-range.x-fieldset .x-field.x-form-item.x-form-type-text .x-form-item-body .x-form-field.x-forn-text{
	margin-left: 5px;
}
.df-name {
	background-color: #3f505f !important;
	color: #fff !important;
    padding: 2px 2px 2px 15px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    border: 1px solid #909090;
    position: relative;
	vertical-align: middle;
}
.df-value {
	background-color: #F4FF81 !important;
	color: #222 !important;
	font-weight: 700;
    display: inline-block;
    font-size: 12px;
    padding: 0 10px;
    line-height: 12px;
    border-radius: 5px;
    position: relative;
    bottom: 1px;
    right: 4px;
    margin-left: 10px;
}
a[data-tooltip] {
	display: inline-block;/*bug fix*/
	text-decoration: none;
}
a[data-tooltip]:after {
	content: attr(data-tooltip);
	position: absolute;
	font-size: 12px;
	line-height: 14px;
	bottom: 3px;
	left: 0;
	background: #ff8800;
	padding: 5px 15px;
	color: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	transition-delay: 0.2s;
}
a[data-tooltip]:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #ff8800;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	transition-delay: 0.2s;
	opacity: 0;
	left: 0;
	top: 10px;
}
a[data-tooltip].s1-tooltip-active {
	overflow: visible;
}
a[data-tooltip].s1-tooltip-active:after {
	left: 249px;
}
a[data-tooltip].s1-tooltip-active:before {
    left: 240px;
}
a[data-tooltip].s1-tooltip-active:after,
a[data-tooltip].s1-tooltip-active:before {
	opacity: 1;
}
.s1-list-wrap{
	padding: 0;
	background-color: #ffffff;
	border-radius: .25rem;
	margin: 0;
}
.s1-list{
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	display: flex;
	flex-direction: column;
}
.s1-list.larger{
	font-size: 1.25rem;
}
ul.s1-list{
	padding: 0;
	margin: 0;
	list-style: inside;
	list-style-type: none;
}
.s1-list .s1-list-item:first-child{
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.s1-list .s1-list-item{
    position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
}
.s1-list .s1-list-item.s1-list-item-over{
	background-color: rgb(0 0 0 / 0.08);
    color: #005aff;
}
.s1-list .s1-list-item.indent{
	padding-left: 2.5rem;
}
.s1-list .s1-list-item-btn{
	margin-left: 20px;
    border-radius: .25em;
    font-size: 14px;
}
.s1-list .s1-nav-list{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	background-color: #546e7a;
	box-shadow: inset 5px 0 var(--s1-color-spring);
	padding: 5px 10px;
	border: 1px solid rgba(0,0,0,.125);
}
.s1-list .s1-nav-list.x-item-over,
.s1-list .s1-nav-list.x-item-selected{
	background-color: var(--s1-color-dark);
}
.s1-list .s1-nav-list.x-item-over span.s1-nav-list-header,
.s1-list .s1-nav-list.x-item-selected span.s1-nav-list-header{
	color: #ffffff;
}
.s1-list .s1-nav-list.x-item-over span.s1-nav-list-stat,
.s1-list .s1-nav-list.x-item-selected span.s1-nav-list-stat{
	border-color: #ffffff;
	color: #ffffff;
}
.s1-list .s1-nav-list.partial{
	box-shadow: inset 5px 0 var(--s1-color-warning);
}
.s1-list .s1-nav-list.none{
	box-shadow: inset 5px 0 var(--s1-color-torch);
}
.s1-list .s1-nav-list span{
	text-align: center;
	padding: 0 2px;
}
.s1-list .s1-nav-list span.s1-nav-list-header{
	color: #e0e0e0;
	transition: color 0.5s ease;
}
.s1-list .s1-nav-list span.s1-nav-list-stat{
	font-size: 14px;
    margin-top: 4px;
    line-height: 18px;
	border-radius: 0.35rem;
    border: 3px solid #e0e0e0;
	box-shadow: inset 0 0 0px 1px #999;
	transition: color 0.5s ease, border-color 0.5s ease;
}
.s1-list .s1-nested-list{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	height: 377px;
}
.s1-list .s1-list-item-header{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	padding: .75em 1.25rem;
	border: 1px solid rgba(0,0,0,.125);
	z-index: 2;
	border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.s1-list .s1-list-item-body{
	height: auto;
	flex: 1;
	overflow-y: auto;
	transition: flex 0.3s ease-out;
	border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.s1-list .s1-list-item-body.s1-collapsed{
	flex: 0 !important;
}
.s1-list .s1-list-item:last-child{
	margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.s1-list .s1-list-item .s1-list-item-stat{
	display: inline-block;
    font-weight: 700;
    white-space: nowrap;

	text-align: center;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	margin-left: 5px;
}
.s1-list.larger .s1-list-item .s1-list-item-stat{
	font-size: .75rem;
	line-height: 1.25;
	padding: .2em .8em;
}
.s1-date-line-wrap{
	padding: 2px 10px;
	background-color: #ffffff;
	border-radius: 4px;
}
ul.s1-date-line{
	position: relative;
    padding: 0;
    display: flex;
		list-style: outside;
		list-style-type: none;
		justify-content: space-between;
		align-content: stretch;
	margin: 25px 5px 10px;
}
ul.s1-date-line::after{
	content: ' ';
    width: 100%;
    height: 4px;
    /* background-color: rgba(31, 113, 255, 0.5); */
    top: 7px;
    position: absolute;
    background-color: #795548;
}
ul.s1-date-line li{
	z-index: 2;
}
ul.s1-date-line li div{
	margin-top: 7px;
    /* box-shadow: 0 3px 1px -1px rgba(31, 113, 255, 0.7); */
    box-shadow: 0 3px 1px -1px currentColor;
}


/* .s1-tag-list > ul{ */
.s1-tag-list{
	position: relative;
    /* padding: 0 5px; */
    display: flex;
		list-style: outside;
		list-style-type: none;
}
.s1-tag-list{
	padding: 1px 15px;
	background-color: inherit;
}

.s1-tag-list.s1-invoice-tag-list{
	background-color: transparent;
	position: unset;
    margin: 0;
    font-size: 12px;
	line-height: 24px;
	padding: 0 0 0 8px;
	z-index: 3;
}

/* .s1-tag-list > ul > li:first-child { */
.s1-tag-list > li:first-child {
	margin: 0
}
/* .s1-tag-list > ul > li { */
.s1-tag-list > li {
    margin-left: 5px;
}
.s1-tag-list > li span.s1-pill-small {
    font-size: 12px;
	padding: 1px 10px;
	border: 2px solid rgba(0,0,0,.125);
}

.s1-timeline{
	padding: 0;
	margin: 0;
}
.s1-timeline-wrap{
    position: relative;
	padding: 0;
	margin: 0;
    display: flex;
	flex-direction: column;
	align-items: stretch;
    list-style: inside;
    list-style-type: none;
	background-color: #f5f5f5;
	margin-bottom: 16px !important;
}
/** timeline line */
.s1-timeline-wrap::before{
    content: ' ';
    position: absolute;
    height: 100%;
    width: 5px;
    background-color: rgba(0, 0, 0, 0.125);
    left: 138px;
}
.s1-timeline-item{
	margin: 8px 12px;
    padding: 4px 0;
    position: relative;
    border-radius: 4px;
    z-index: 2;
}
.s1-timeline-item.notrack{
	background-color: #f5f5f5;
    margin-top: 0 !important;
    z-index: 0;
}
.s1-timeline-item:first-child:not(.s1-timeline-item-docked){
	margin-top: 16px;
}
.s1-timeline-item:last-child{
	margin-bottom: 0;
}
.s1-timeline-item-docked{
	margin-top: 0;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}
.s1-timeline-item .s1-timeline-date{
	float: left;
    width: 85px;
	font-size: 16px;
	line-height: 1;
    font-weight: 700;
    text-align: right;
    margin: 5px 10px;
	padding: 2px 10px;
	border-radius: 4px;
}
.s1-timeline-item .s1-timeline-date > span{
	display: block;
}
.s1-timeline-item .s1-timeline-date > span.month-day{
	text-transform: uppercase;
}
.s1-timeline-item .s1-timeline-date > span.year{
	font-weight: 900;
	letter-spacing: 4px;
}
.s1-timeline-item .s1-timeline-date > span.parcel{
	line-height: 32px;
}
.s1-timeline-item .s1-timeline-date > span.onforwarding{
	line-height: 1;
	height: 36px;
	display: flex;
	align-items: center;
	font-size: 12px;
}
.s1-timeline-item .s1-timeline-glyph.font-fix {
	font-size: 22px;
	line-height: 36px;
}
.s1-timeline-item .s1-timeline-glyph {
    display: block;
    position: absolute;
    left: 100px;
    width: 36px;
    height: 36px;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
	margin: 5px 10px;
	border: 2px solid #ffffff;
    border-radius: 50%;
	z-index: 3;

	-webkit-box-shadow: 0 0 0 2px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 10px 1px rgba(0,0,0,0.8), 0 0 10px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 0 2px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 10px 1px rgba(0,0,0,0.8), 0 0 10px 2px rgba(0,0,0,.5);
    box-shadow: 0 0 0 2px #fff, inset 1px 1px 5px rgba(0,0,0,0.6), 0 0 10px 1px rgba(0,0,0,0.8), 0 0 10px 2px rgba(0,0,0,.5);
}
.s1-timeline-item .s1-timeline-text{
	display: block;
    padding: 5px 10px;
    text-align: left;
    font-size: 18px;
	line-height: 26px;
	font-weight: 700;
    margin: 5px 10px;
	margin-left: 160px;
	border-radius: 4px;
}
.s1-timeline-item .s1-timeline-text.parcel{
	font-size: 17px;
}
.s1-formview{
	padding: 0;
	margin: 0;
	background-color: #f5f5f5;
}
.s1-formview .s1-formview-wrap{
	position: relative;
	padding: 0;
	margin: 0;
    display: flex;
    flex-direction: column;
    list-style: inside;
    list-style-type: none;
	background-color: #f5f5f5;
	margin-right: 20px !important;
}
.s1-formview .s1-formview-item{
	display: block;
	margin: 10px 5px 0 5px;
	padding: 5px;
	border-radius: 5px;
}
.s1-formview .s1-formview-item:last-child{

	margin-bottom: 10px;
}
.s1-formview .s1-formview-item > label{
	display: inline-block;
	text-align: left;
	padding: 1px 20px;
	color: #007bff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 1px;
	border-radius: 4px;
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;
	background-color: #007bff;
	color: #ffffff;
}
.s1-formview .s1-formview-item >  div{
	text-align: left;
    font-size: 16px;
    line-height: 1;
    padding: 6px 15px;
	background-color: #ffffff;
	border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.s1-formview .s1-formview-item > div > span {
    font-size: 13px;
    font-weight: 700;
    color: #909090;
}
.s1-track-parcel {
    float: right;
    font-size: 20px;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 5px;
    cursor: pointer;
}
.s1-button-paper.x-btn{
	background-color: #deefff;
	border: 1px solid;
	border-color: #0071de;
	color: #41403e;
}
.s1-button-paper.x-btn .x-btn-inner,
.s1-button-paper.x-btn .x-btn-glyph{
	color: currentColor;
}
.s1-toggle-split-btn.s1-button.x-btn .x-btn-split:after{
	content: '\f142';
}
.s1-toggle-split-btn .s1-quick-filter-close{
	position: absolute;
	top:0;
	right: 24px;
	margin: 8px;
}
.s1-icon{
	display: block;
	width: 24px;
	height: 24px;
}
.s1-window-card{
	position: relative;
	overflow: hidden;
    min-width: 350px;
    margin: 10px 5px 7px 5px;
    background-color: #ffffff;
    border-radius: .75rem;
}
.s1-window-card-body{
	position: relative;
	overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 10px;
	margin: 0;
	z-index: 1;
}
.s1-window-card-icon{
	display: flex;
	justify-content: center;
	align-items: center;
    width: 36px;
    height: 36px;
    margin: 5px 10px 5px 1px;
    padding: 6px;
    border-width: 1px;
    border-radius: .5rem;
}
.s1-window-card-main-block{
	flex: 1;
	margin-left: 5px;
}
.s1-window-card-footer{
	position: relative;
    font-size: 12px;
    line-height: 1;
	padding: 2px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    box-shadow: 0 0px 2px 2px rgba(0, 0, 0, .125);
}
.s1-window-card-status{
	padding: 0 6px 0 2px !important;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
.s1-window-card-status > span{
	margin-left: 5px;
}
.s1-window-card-info{
	margin: 0;
	padding: 0;
	display: flex;
}
.s1-window-card-info > span{
	display: flex;
    align-items: center;
}
.s1-window-card-info > span:last-child{
	display: flex;
    align-items: center;
	margin-left: 10px;
}
.s1-window-card-info > span > i{
	margin: 0 5px;
	line-height: 1;
}
.s1-target-card{
	position: relative;
    overflow: hidden;
    /* min-width: 350px; */
    margin: 10px 5px;
    background-color: #ffffff;
    border-radius: .75rem;
}
.s1-target-card-body{
	position: relative;
    overflow: hidden;
	margin: 0;
	padding: 5px 10px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.s1-target-card-main-block{
	flex-grow: 1;
	overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 2px 5px;
}
.s1-target-card-main-row{
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2px 0;
}
.s1-target-card-tag-list{
	display: flex;
    align-items: flex-end;
    background-color: #fff;
    padding: 0;
    margin: 0 0 3px 0;
}
.s1-target-card-stats-block{
    border-left: 2px solid rgba(0,0,0,0.125);
    display: flex;
    flex: 1;
    padding: 2px 5px;
    margin-left: 5px;
    justify-content: space-evenly;
}
.s1-target-card-stats-card{
	position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin: 0 5px;
}
.s1-target-card-stats-card-header{
	display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 1px 5px;
    position: absolute;
    width: 66px;
    right: 100%;
    transform-origin: 100% 0;
    transform: rotate(-90deg) translate(0, 0);
    font-weight: 900;
    letter-spacing: 3px;
}
.s1-target-card-stats-card-body{
	letter-spacing: 0;
    font-weight: 500;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-grow: 1;
}
.s1-target-card-stats-label{
	flex: 1;
    line-height: 14px;
    margin: 0 0 0 16px;
    padding: 2px 5px;
}
.s1-target-card-stats-label:first-child{
    margin-bottom: 2px;
}

.s1-grid-cell-fit .x-grid-cell-inner{
	padding: 0 2px;
	top: -4px;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),
						0 1px 10px 0 rgba(0,0,0,0.12),
						0 2px 4px -1px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),
						0 1px 10px 0 rgba(0,0,0,0.12),
						0 2px 4px -1px rgba(0,0,0,0.2);
			box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),
						0 1px 10px 0 rgba(0,0,0,0.12),
						0 2px 4px -1px rgba(0,0,0,0.2);
}
.s1-grid-cell-space-evenly .x-grid-cell-inner{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
.s1-grid-cell-fit.no-offset .x-grid-cell-inner{
	top: 0 !important;
}
.s1-grid-cell-fit.no-offset.padded .x-grid-cell-inner{
	padding: 0 8px 2px 4px;
}
.s1-grid-cell-condensed > .x-grid-cell-inner{
	padding: 5px 4px 4px 16px;
}
.s1-sidedash-panel{
	z-index: 50;
}
.s1-sidedash-panel.x-panel,
.s1-sidedash-panel.x-panel > .x-panel-bodyWrap{
	overflow: visible !important;
}
.s1-sidedash-btn{
	top: 40px !important;
	left: 50% !important;
	border-radius: 50%;
	z-index: 8;
}
.s1-sidedash-btn.s1-panel-md{
	top: 72px !important;
}
.s1-sidedash-btn.s1-sidedash-panel{
	left: calc(100% - 48px) !important;
}
.s1-sidedash-btn.x-btn{
	width: 32px !important;
	height: 32px !important;
	max-height: 32px !important;
	background-color: #fff !important;
	color: #0065ff !important;
	padding: 2px !important;
	border: 2px solid transparent !important;
	-webkit-box-shadow:	0px 1px 4px rgba(0, 0, 0, 0.3),
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2),
						0 2px 2px 0 rgba(0,0,0,0.16),
						0 0 0 1px rgba(0,0,0,0.08),
						2px 2px 8px 0 rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3),
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2),
						0 2px 2px 0 rgba(0,0,0,0.16),
						0 0 0 1px rgba(0,0,0,0.08),
						2px 2px 8px 0 rgba(0, 0, 0, 0.4);
			box-shadow:	0px 1px 4px rgba(0, 0, 0, 0.3),
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2),
						0 2px 2px 0 rgba(0,0,0,0.16),
						0 0 0 1px rgba(0,0,0,0.08),
						2px 2px 8px 0 rgba(0, 0, 0, 0.4);
}
.s1-sidedash-btn.x-btn .x-btn-glyph{
	text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	color: #0065ff !important;
	opacity: 1 !important;
}
.s1-sidedash-btn.x-btn.x-btn-focus,
.s1-sidedash-btn.x-btn.x-btn-active,
.s1-sidedash-btn.x-btn.x-btn-over{
	/* border: 2px solid #0065ff !important; */
	opacity: 1 !important;
	-webkit-box-shadow:	0 4px 6px 0 hsla(0, 0%, 0%, 0.2), 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08), 0 0 2px 1px currentColor, 0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow:	0 4px 6px 0 hsla(0, 0%, 0%, 0.2), 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08), 0 0 2px 1px currentColor, 0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	box-shadow:	0 4px 6px 0 hsla(0, 0%, 0%, 0.2), 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08), 0 0 2px 1px currentColor, 0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
}
.s1-sidedash-btn.x-btn.x-btn-pressed{
	background-color: #0065ff !important;
	opacity: 1 !important;
}
.s1-sidedash-btn.x-btn.x-btn-pressed .x-btn-glyph{
	color: #ffffff !important;
	opacity: 1 !important;
}
.s1-overflow-container > .x-box-inner,
.s1-toolbar > .x-box-inner{
	overflow: visible !important;
}
.s1-toolbar.footer{
	box-shadow: 0 -1px 0px 0px rgba(0, 0, 0, 0.18);
	background-color: #eaeff1;
}
.s1-toolbar.x-toolbar .x-toolbar-text{
	color: inherit;
}
.s1-menu-board{
	display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    height: 64px;
    background-color: #fff;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    z-index: 3;
}
.s1-menu-board-item{
	position: relative;
	flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background-color: #fff;
	margin: 5px 0;
    padding: 0 10px;
}
.s1-menu-board-item:not(:first-child)::before {
    content: ' ';
    position: absolute;
    left: 0;
    height: 50%;
	border-left: 2px solid rgba(0,0,0,.125);
}
.s1-menu-board-item-label{
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2px;
}
.s1-menu-board-item-label.compact{
    font-size: 11px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 1px;
}
.s1-menu-board-item-value{
	font-size: 18px;
    line-height: 24px;
    font-weight: 900;
    letter-spacing: 1px;
}
.s1-semester-box{
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 1px;
	background-color: #0065ff;
	color: #fff;
	border: 2px solid currentColor;
	border-radius: 5px;
	padding: 2px 15px;
}
.welcome-text-wrap{
    display: flex;
    justify-content: center;
    width: 100%;
}
.welcome-text{
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    border: 1px solid #d5d5d5;
    background: #fff;
    color: rgba(0,0,0,.87);
    border-radius: 5px;
    padding: 0.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 550px;
    font-size: 13px;
}
.welcome-text-detail-block{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.welcome-text-section-header{
    margin: 5px 0;
    width: 80%;
    border-bottom: 2px solid rgba(0,0,0,.25);
}
.welcome-text-title,
.welcome-text-section-header.red{
    color: #ff0030;
    margin-top: 10px;
}
.welcome-text-section > pre{
	font-family: inherit !important;
	margin: 5px 0 10px 0;
}
.welcome-text-footer{
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.s1-cb-toggle .x-form-cb-input,
.s1-cb-toggle .x-form-cb{
/* input[type=checkbox]{ */
	height: 0;
	width: 0;
	visibility: hidden;
}
.s1-cb-toggle .x-form-cb-label{
	display: flex;
    justify-content: space-between;
    align-items: center;

	cursor: pointer;
	width: 40px;
	height: 24px;
	background: #c0c0c0;
	border-radius: 24px;
	position: relative;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
	font-weight: 700;
}
.s1-cb-toggle.has-label .x-form-cb-label{
	margin: 0 36px 0 28px ;
}
.s1-cb-toggle.reverse-label .x-form-cb-label{
	margin: 0 28px 0 36px ;
}
.s1-cb-toggle .x-form-cb-label span:first-child{
	margin: -28px;
}
.s1-cb-toggle .x-form-cb-label span:last-child{
	margin: -36px;
}
.s1-cb-toggle.reverse-label .x-form-cb-label span:first-child{
	margin: -36px;
}
.s1-cb-toggle.reverse-label .x-form-cb-label span:last-child{
	margin: -28px;
}
.s1-cb-toggle.x-form-cb-checked .x-form-cb-label span:last-child{
	font-weight: 900;
}
/* icons inside toggle */
.s1-cb-toggle.s1-cb-toggle-icons .x-form-cb-label:before {
    content: '\f00d';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 40px;
    font: 14px/20px FontAwesome;
    padding-left: 22px;
    color: #e2e2e2;
}
.s1-cb-toggle.s1-cb-toggle-icons.x-form-cb-checked .x-form-cb-label:before {
    content: '\f00c';
    position: absolute;
    top: 2px;
    left: 3px;
    font: 14px/20px FontAwesome;
    padding: 0;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
/* labels inside toggle */
.s1-cb-toggle.s1-cb-toggle-labelled .x-form-cb-label:before {
    content: 'no';
    font-size: 10px;
    line-height: 24px;
    position: absolute;
    right: 0;
    color: #fff;
    width: 19px;
    text-align: center;
}
.s1-cb-toggle .x-form-cb-label:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 20px;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0, 0.25),
				0 3px 3px 0 rgba(0,0,0, 0.15);
	-moz-box-shadow: 0 0 1px 0 rgba(0,0,0, 0.25),
				0 3px 3px 0 rgba(0,0,0, 0.15);
	-o-box-shadow: 0 0 1px 0 rgba(0,0,0, 0.25),
				0 3px 3px 0 rgba(0,0,0, 0.15);
	box-shadow: 0 0 1px 0 rgba(0,0,0, 0.25),
				0 3px 3px 0 rgba(0,0,0, 0.15);
}

.s1-cb-toggle.x-form-cb-checked .x-form-cb-label{
	background: #4cd964;
}
.s1-cb-toggle.s1-cb-toggle-labelled.x-form-cb-checked .x-form-cb-label:before {
    content: 'yes';
    font-size: 10px;
    line-height: 24px;
    position: absolute;
    left: 0;
    color: #fff;
    width: 19px;
    text-align: center;
    font-weight: 700;
}
.s1-cb-toggle.x-form-cb-checked .x-form-cb-label:after{
	left: calc(100% - 2px);
	transform: translateX(-100%);
}
.s1-cb-toggle .x-form-cb-label:active:after{
	width: 24px;
}
.s1-cb-toggle .x-form-cb-wrap{
	vertical-align: middle;
}
.s1-cb-toggle.s1-icon-labels .x-form-cb-wrap-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.s1-arrow-up{
	position: relative;
}
.s1-arrow-up:before{
    font-family: Material-Design-Iconic-Font;
    content: '\f2fd';
    transform: rotate(-90deg);
    color: #33ff55;
    position: absolute;
    left: 7px;
    top: 3px;
    font-size: 28px;
	line-height: 32px;
	text-shadow: -1px 0px 2px rgba(0, 0, 0, 0.8);
}
.s1-arrow-up-alt{
	position: relative;
}
.s1-arrow-up-alt:before{
	font-family: Material-Design-Iconic-Font;
    content: '\f2fd';
    transform: rotate(-90deg);
    color: #33ff55;
    position: absolute;
    left: 18px;
    top: 5px;
    font-size: 28px;
    line-height: 32px;
    text-shadow: 1px -1px 1px rgba(0, 0, 0, 1), 1px 1px 1px rgba(0, 0, 0, 1);
}
.s1-arrow-up-title{
	position: relative;
}
.s1-arrow-up-title:before{
	font-family: Material-Design-Iconic-Font;
    content: '\f2fd';
    transform: rotate(-90deg);
    color: #33ff55;
    position: absolute;
    right: -8px;
    bottom: -8px;
    font-size: 24px;
    line-height: 32px;
    text-shadow: -1px 0px 2px rgba(0, 0, 0, 0.8);
}
.s1-bookmark:after{
	content: ' ';
    display: inline-block;
    background-color: transparent;
    border: 8px solid #ABF5D1;
    border-bottom-color: transparent;
    border-top-width: 12px;
    border-radius: 0px;
    position: absolute;
    left: 12px;
    top: 4px;
    z-index: -1;
}

.s1-md-text.x-field .x-form-text,
.s1-md-text.x-field .x-form-display-field{
	font-size: 16px;
    line-height: 20px;
    min-height: 20px;
    padding: 4px 12px 8px;
}
.s1-md-text.bold.x-field .x-form-text,
.s1-md-text.bold.x-field .x-form-display-field{
	font-weight: 900;
	letter-spacing: 1px;
}
.s1-md-text.x-field .x-form-textarea{
    min-height: 76px;
}
.s1-md-text.x-form-item-no-label .x-form-text{
	padding: 4px 12px;
}
.s1-md-text.x-field .x-form-item-label, .s1-md-text-label{
	font-size: 12px;
    line-height: 20px;
    font-weight: 700;
	letter-spacing: 1px;
	color: #666;
}
.s1-md-text-display > .x-form-item-body > .x-form-display-field{
	font-size: 14px;
    line-height: 20px;
    font-weight: 700;
	letter-spacing: 1px;
	color: var(--squidink);
}
.s1-md-text.x-field .x-form-item-label > .x-form-item-label-inner{
	padding-top: 0 !important
}
.s1-md-text.x-field-focus .x-form-item-label{
	color: #005aff !important;
}
.s1-md-text.x-form-invalid .x-form-item-label,
.s1-md-text.x-form-invalid.x-field-focus .x-form-item-label{
	color: #BF2600 !important;
}
.s1-md-text.x-field .x-form-trigger-wrap:not([id|=s1addressfieldelement]):not([id|=s1searchfield]){
  border: 0;
	border-bottom: 1px solid #005aff;
	transition: color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}
.s1-md-text.x-form-invalid.x-field .x-form-trigger-wrap:not([id|=s1addressfieldelement]):not([id|=s1searchfield]){
	border-bottom-color: #BF2600 !important;
}
.s1-md-text.no-lines .x-form-trigger-wrap {
	border-color: #fff !important;
}
.s1-md-text.x-field .x-form-trigger-wrap.x-form-trigger-wrap-focus:not([id|=s1addressfieldelement]):not([id|=s1searchfield]) {
    /* border: 0; */
	/* border-bottom: 2px solid #005aff; */

	-webkit-box-shadow: 0 2px 0 -1px #005aff;
	   -moz-box-shadow: 0 2px 0 -1px #005aff;
		 -o-box-shadow: 0 2px 0 -1px #005aff;
			box-shadow: 0 2px 0 -1px #005aff;

	transition: box-shadow 0.2s ease;
}
.s1-md-text.x-field .x-form-trigger-wrap.x-form-trigger-wrap-focus .x-form-text:not([id|=s1addressfieldelement]):not([id|=s1searchfield]) {
	background-color: #deebff;
	transition: background-color 0.2s ease;
}
.s1-md-text.x-field .x-form-trigger-wrap > .x-form-text-wrap .x-placeholder-label{
    line-height: 18px;
    padding: 6px 12px;
}
.s1-md-text.x-field.prefixed > .x-form-text-field-body > .x-form-trigger-wrap > .x-form-text-wrap{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.s1-md-text.x-field.prefixed > .x-form-text-field-body > .x-form-trigger-wrap > .x-form-text-wrap > .x-form-text{
	text-transform: uppercase;
}
.s1-md-text.x-field.bold.block > .x-form-display-field-body > .x-form-display-field{
	text-transform: uppercase;
}
.s1-md-text.x-field .x-form-text.x-form-invalid-field {
	background-color: #FFEBE6 !important;
	color: #BF2600 !important;
}
.s1-btn-separator-right{
	box-shadow: 0 -40px 0 2px #FFF,
				0 40px 0 2px #FFF,
				0 0 0 2px rgba(0,0,0,0.25);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 2;
}
.s1-btn-separator-left{
	box-shadow: 0 -40px 0 2px #FFF,
				0 40px 0 2px #FFF,
				0 0 0 2px rgba(0,0,0,0.25);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	z-index: 2;
}
.s1-button.s1-pressed-btn.x-btn{
	color: #5E6C84 !important;
	border-color: transparent !important;
	background-color: #fff !important;
}
.s1-button.s1-pressed-btn.x-btn.x-btn-over{
	color: #005aff !important;
	opacity: 1 !important;
}
.s1-button.s1-pressed-btn.x-btn.x-btn-pressed{
	color: #005aff !important;
}
.s1-button.s1-ghost-btn.x-btn{
	background-color: transparent;
	border-color: transparent;
	outline-color: transparent;
	color: var(--clooney);
}
.s1-button.s1-ghost-btn.x-btn.x-btn-over{
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 50%;
	opacity: 1;
}
.s1-pill-btn.x-btn{
	font-size: 11px;
    padding: 0;
	border: 2px solid rgba(0,0,0,.125);
	border-radius: 24px;
}
.s1-pill-btn.x-btn .x-btn-glyph,
.s1-pill-btn.x-btn .x-btn-icon-el{
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 1px;
	font-size: 20px;
	font-weight: 500;
	opacity: 1;
	color: inherit;
}
.s1-pill-btn.x-btn .x-btn-text,
.s1-pill-btn.x-btn .x-btn-icon,
.s1-pill-btn.x-btn .x-btn-button{
	min-height: unset !important;
}
.s1-pill-btn.x-btn .x-btn-inner{
	color: inherit;
	font-size: 14px;
	line-height: 18px;
	padding: 0 10px;
	font-weight: 700;
}
.s1-quick-invoice-tools{
	position: absolute;
    display: flex;
    justify-content: space-between;
    width: 210px;
    flex-direction: row-reverse;
    right: 8px;
    top: 12px;
}
.s1-slidingpager .x-slider-horz .x-slider-thumb{
	background-image: none;
	background-color: #0065ff;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}

.s1-picker-tag{
	display: flex;
	justify-content: space-between;
	align-items: center;

	font-size: 12px;
	text-align: center;
	padding: 0 5px;
	border: 2px solid rgba(0,0,0,.125);
	line-height: 12px;
	border-radius: 4px;

	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.s1-picker-tag .x-btn-inner{
	color: inherit !important;
}
.s1-picker-tag .s1-picker-tag-close{
	color: inherit !important;
	margin: 0 4px;
}
.s1-picker-tag .s1-picker-tag-close.s1-color-torch{
	color: #ff0030 !important;
}

.s1-filter-container{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	overflow: hidden;

	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;

	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

	white-space: nowrap;
	background-color: #ffffff;
	margin-right: 8px;
	transition: all 0.5s  ease;
	flex: unset;
}
.s1-filter-container.collapsed{
	transition: all 0.5s  ease;
	flex: 0 73px;
}
.s1-filter-container .s1-filter-container-wrap{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	overflow: hidden;
	white-space: nowrap;
	background-color: #ffffff;
}
.s1-filter-container .s1-filter-container-wrap .x-autocontainer-outerCt{
	display: flex;
}
.s1-filter-container .s1-filter-container-wrap .x-autocontainer-innerCt{
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	white-space: nowrap;
	background-color: #ffffff;
}
.s1-filter-container-header{
	display: inline-flex;
    align-self: stretch;
    align-items: center;
    white-space: nowrap;
    font-weight: 700;
    padding: 7px;
    background-color: #0065ff;
    color: #fff;
    width: 60px;
    line-height: 18px;
    font-size: 14px;
    letter-spacing: 0.5px;
    z-index: 3;
}
.s1-filter-container-footer{
	font: 16px/1 FontAwesome;
    align-self: stretch;
    display: flex;
	align-items: center;

	padding: 0;
	white-space: nowrap;

	background-color: #0065ff;
	color: #fff;
	width: 16px;
	z-index: 2;
}
.s1-filter-container-footer .expandicon:hover,
.s1-filter-container-footer .collapseicon:hover{
	opacity: 0.6;
}
.s1-filter-container-footer .expandicon:before{
	content: "\f0da";
	width: 16px;
	text-align:center;
	display:block;
}
.s1-filter-container-footer .collapseicon:before{
	content: "\f0d9";
	width: 16px;
	text-align:center;
	display:block;
}
.s1-filter-container .s1-picker-tag{
	margin-right: 8px;
}
.s1-filter-container .s1-picker-tag:first-of-type{
	margin-left: 8px;
	margin-right: 8px;
}
.s1-invoice-tag{
	display: inline-block;
    margin-right: 0.4em;
    border-radius: 3px;
    padding: 0.2px 0.4em;
    line-height: 1.4em;
	font-size: 12px;

	border-color: transparent !important;
	text-shadow: 1px 1px 1px #ffffff !important;

	-webkit-box-shadow:	0 0 2px 1px currentColor,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow:	0 0 2px 1px currentColor,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	box-shadow: 		0 0 2px 1px currentColor,
						0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
	/*
	display: block;
	font-size: 11px;
	line-height: 12px;
	font-weight:700;
	text-align: center;
	padding: 0px 4px;
	border: 2px solid rgba(0,0,0,.125);
	border-radius: 4px;
 */

}
.s1-invoice-tag.small{
	font-size: 11px;
}
.s1-invoice-tag.plain{
	text-shadow: none !important;
}
.s1-invoice-tag.grapes-bold{
	text-shadow: 0 2px 2px rgba(0, 0, 0, .2) !important;
	box-shadow: 0 0 2px 1px #5243aa, 0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
    border: 1px solid #fff !important
}
.s1-splitter{
	-webkit-box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2), 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2), 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2), 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	border: 1px solid rgba(0,0,0,0.16);
	background-color: rgba(50, 64, 78, .78) !important;
	/* background-color: #32404e !important; */
	/* opacity: 0.92; */
}
.s1-splitter .x-collapse-el{
	-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.s1-card{
	padding: 4px;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);

	display: flex;
	flex-direction: column;
    justify-content: flex-start;
	align-items: stretch;
}
.s1-card > label{
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #0035ff;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
	padding: 4px 8px;
}
.s1-card > div{
	/* box-shadow: inset 0 3px 1px -1px rgba(0, 0, 0, .18); */
	font-size: 16px;
	line-height: 1;
	color: var(--squidink);
	padding: 8px 16px;
}
.s1-card > div.remark{
    height: 96px;
	overflow-y: auto;
}
.s1-card > div > span{
	font-size: 13px;
	font-weight: 700;
	color: var(--clooney);
}
.s1-view{
	padding: 0;
	margin: 0;
	background-color: #eaeff1;
}
.s1-view .s1-view-wrap{
	position: relative;
	padding: 0;
	margin: 0;
    display: flex;
    flex-direction: column;
    list-style: inside;
    list-style-type: none;
	/* margin-right: 20px !important; */
}
.s1-view .s1-view-item{
	display: block;
	margin: 8px;
	padding: 0;
}
.s1-article-tag{
	border: 2px solid rgba(0,0,0,.125);
	border-radius: 4px;
	padding: 1px 4px 0;

	/* font-weight: 700; */
	font-size: 11px;
	line-height: 12px;

	display: inline-flex;
	flex-direction: row;
	align-items: baseline;

	margin: 0 4px;

	-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.s1-article-tag > i + strong{
	margin-left: 2px;
}
.s1-label-caption:after{
	content: attr(data-text);
	display: flex;
	font-size: 9px;
	line-height: 9px;
	color: #ff0030;
	font-weight: 700;
}

li.s1-view-item.timeline {
	padding-left: 6px;
	position: relative;
	margin: 4px 8px;
}
li.s1-view-item.timeline:before {
    content: ' ';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-flex;
    background-color: #0065ff;
    position: absolute;
    top: 8px;
    left: 0;
}
/** separator after */
/*
li.s1-view-item.timeline:after {
    content: " ";
    display: block;
    height: 2px;
    width: 100%;
    background-color: rgba(0,0,0,.125);
    margin-top: 8px;
}
 */
li.s1-view-item.timeline > div.timeline-header{
	margin-left: 24px;
	color: var(--squidink);
	font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}
li.s1-view-item.timeline > div.timeline-wrap{
	border-left: 4px solid #0065ff;
    margin-top: 4px;
    padding: 4px 4px 8px 12px;
}
.notif:after{
	content: ' ';
    width: 5px;
    height: 5px;
    background-color: #ff0030;
    position: absolute;
    top: 2px;
    left: calc(50% - 10px);
    border-radius: 50%;
}
.notif.x-btn-glyph:after{
	top: -2px;
	left: -2px;
	width: 6px;
	height: 6px;
}
.notif.x-menu-item-glyph:after{
	top: 2px;
	left: -2px;
}
.notif.order-number:after{
	/* left: 4px !important; */
	background-color: #ff0030 !important;
}
.notif.order-number:after,
.notif.status-code:after{
	left: 8px;
    background-color: #3f9;
    width: 4px;
    height: 4px;
		border: 1px solid rgb(0,0,0,.125);
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 35%);
}
.notif.status-code.status-name{
	position: relative;
}
.notif.status-code.status-name:after{
	left: -7px;
	top: -1px;
}
.vidplayer::before{
	content: ' ';
    background-color: #ff0030;
    display: block;
    position: absolute;
    width: 20px;
    height: 14px;
    z-index: 0;
    top: 6px;
    right: 6px;
	border-radius: 2px;
	box-shadow: inset 0 0 2px 1px rgb(0 0 0 / 0.5);
}
.s1-segmented-field{
	display: flex;
	align-items: center;
	justify-content: center;
}
.s1-segmented-field.x-segmented-button-vertical {
	flex-direction: column;
}
.s1-segmented-field.s1-segmented-field-label{
	padding-top: 32px !important;
	padding-left: 8px !important;
}
.s1-segmented-field > a{
	flex: 1
}
.s1-segmented-field > label{
	flex: 1;
	order: -1;
	position: absolute;
	top:	0;
	left: 0;
}
.s1-subscript::after,
.s1-subscript[data-text]::after{
	content: attr(data-text);
	vertical-align: sub;
	font: 900 12px Consolas;
}
.s1-subscript.s1-subscript-data-1::after{
	content: '1';
}
.s1-subscript.s1-subscript-data-2::after{
	content: '2';
}