: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;
--xls:url('data:image/svg+xml;utf-8,');
--xls-active:url('data:image/svg+xml;utf-8,');
--xls-over:url('data:image/svg+xml;utf-8,');
}
body, .x-panel-body{
font-family: ffdinforpuma, -apple-system, system-ui, BlinkMacSystemFont, "segoe ui", Roboto, "helvetica neue", Arial, sans-serif;
}
.x-mask{
width: 100% !important;
height: 100% !important;
}
.x-action-col-icon {
height: 16px;
width: 16px;
margin: 2px 4px 2px 2px;
}
/**************************************************************************/
.vrt-icon{
background: url('../../shared/icons/VRT.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: #000000;
border: 0 solid transparent;
}
.sampleone-icon{
background: url('../../shared/icons/s1.png');
background-size: contain;
background-repeat: no-repeat;
background-position: cente;
background-color: #ffffff;
border: 0 solid transparent;
}
.pbi-icon{
background: url('../../shared/icons/pbi.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: #f2ca1c;
border: 0 solid transparent;
}
.tex-icon, .app-icon{
background: url('../../shared/icons/div_tex.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.ftw-icon{
background: url('../../shared/icons/div_ftw.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.acc-icon{
background: url('../../shared/icons/div_acc.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.psp-nav-button .x-btn-icon-el{
font-weight: bold;
width: 100%;
height: 100%;
background-position: center center;
}
.psp-nav-button {
font-weight: bold;
}
.shadow {
-webkit-box-shadow: 5px 5px 15px 5px rgba(38, 46, 62, 0.5); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 5px 5px 15px 5px rgba(38, 46, 62, 0.5); /* Firefox 3.5 - 3.6 */
box-shadow: 5px 5px 15px 5px rgba(38, 46, 62, 0.5); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.puma-screen-title{
float: right;
border: 1px;
font-weight: bold;
font-size: 17px
}
.ow-icon {
background-image: url(../../shared/icons/custom/iphone.png);
}
.s1-centerize{
display: flex;
justify-content: center;
align-items: center;
}
.wrap .x-grid-cell-inner {
white-space: normal;
}
.bold-text {
font-weight: bold;
}
.italic-text {
font-weight: bold;
}
.underline-text{
text-decoration: underline;
}
.tall.x-column-header .x-column-header-text{
margin: 0;
}
.tall-cell {
height: 15px;
}
.tall-row {
height: 30px;
vertical-align: middle;
}
.tall-row > td{
vertical-align: middle;
}
.fail-row .x-grid-cell{
background-color: red;
font-weight: bold;
color: white;
}
.inactive-row.x-grid-row{
opacity: 70%;
}
.inactive-row.x-grid-row .x-grid-cell {
background-color: rgb(96 125 139 / 20%);
}
.bold-text .x-btn-inner {
font-weight: bold !important;
}
.upload-icon {
background-size: 24px 24px;
}
#puma-regional-orderlist-right-save .x-btn-inner{
font-weight: bold;
font-size: 15px;
}
#puma-regional-orderlist-right-save .x-btn-icon-el{
font-weight: bold;
font-size: 15px;
margin-left:40%;
width:28px;
}
.big-button .x-btn-inner {
font-weight: bold !important;
font-size: 15px !important;
}
.big-icon {
background-size: 28px 28px;
}
.welcome-text-wrap{
display: flex;
flex-direction: column;
justify-content: stretch;
/* width: 100%;
height: 340px;
min-height: 340px; */
}
.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; */
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
/* min-width: 550px;
width: 80%; */
font-size: 13px;
}
.welcome-text-detail-block{
display: flex;
flex-direction: column;
align-items: stretch;
}
.welcome-text-section-container{
font-size: 14px;
display: flex;
flex-direction: column;
align-items: stretch;
margin-bottom: 16px;
}
.welcome-text-section{
display: flex;
flex-direction: column;
align-items: stretch;
flex: 1;
padding-left: 36px;
}
.welcome-text-section-header{
flex: 2 0 100%;
margin: 5px 0;
border-bottom: 2px solid rgba(0,0,0,.25);
letter-spacing: 1.8px;
font-size: 16px;
font-weight: 900;
padding-left: 4px;
}
.welcome-text-title,
.welcome-text-section-header.red{
color: #ff0030;
margin-top: 10px;
}
.welcome-text-section-icon{
padding: 4px;
margin-right: 4px;
}
.welcome-text-section > pre{
font-family: inherit !important;
margin: 5px 0 10px 0;
}
.welcome-text-footer{
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.link-btn.x-btn{
background: none !important;
border: none !important;
cursor: pointer;
box-shadow: inset 0 -2px 0px 0px currentColor;
padding: 0;
border-radius: 0;
transition: .5s color ease;
}
.link-btn.x-btn.x-btn-over{
color: #3f9 !important;
}
.link-btn.x-btn.x-btn-over.red{
color: #ff0030 !important;
}
.link-btn.x-btn .x-btn-inner{
color: currentColor;
font-size: 16px;
line-height: 24px;
}
.link-btn.x-btn .x-btn-button{
height: 24px;
}
.link-btn.x-btn > .x-btn-wrap > .x-btn-button > .x-btn-glyph{
color: currentColor;
font-size: 16px;
line-height: 24px;
}
.s1-clickable{
cursor: pointer;
}
.s1-poweredby{
display: inline-flex;
align-items: center;
flex-direction: row;
}
.s1-poweredby > div{
position: relative;
overflow: hidden;
}
.s1-poweredby.s1-poweredby-right{
justify-content: flex-end;
}
.s1-poweredby-root{
color: #ffffff;
height: 22px;
font-size: 10px;
/* box-shadow: 0px -8px 16px rgb(0 0 0 / 10%); */
font-weight: 500;
line-height: 22px;
padding-right: 8px;
padding-left: 8px;
background-color: transparent;
}
.s1-poweredby.s1-poweredby-root > div > strong{
color: #ff0030;
font-weight: 900;
}
.s1-poweredby.s1-poweredby-root > div > abbr {
font-weight: 700;
}
.s1-poweredby.s1-poweredby-root > div > span {
font-weight: 500;
letter-spacing: 1.2px;
}
.s1-icon{
display: block;
width: 24px;
height: 24px;
}
.s1-icon.all{
display: flex;
width: 12px;
height: 12px;
}
.s1-icon.ftw-icon.all{
width: 24px;
height: 10px;
}
.s1-icon.large{
width: 32px;
height: 32px;
}
.s1-icon.xls{
background: var(--xls) center center/ contain no-repeat;
opacity: 0.5;
}
.s1-icon.xls.x-tab-icon-el{
height: 36px;
margin-bottom: 4px;
}
.s1-icon.xls.x-active,
.s1-tab.x-active > .x-tab-wrap > .x-tab-button > .s1-icon.xls{
background: var(--xls-active) center center/ contain no-repeat;
opacity: 1;
}
.s1-icon.xls.x-over,
.s1-icon.xls.x-active.x-over,
.s1-tab.x-over > .x-tab-wrap > .x-tab-button > .s1-icon.xls,
.s1-tab.x-active.x-over > .x-tab-wrap > .x-tab-button > .s1-icon.xls,
.s1-icon-btn:hover > .s1-icon{
background: var(--xls-over) center center/ contain no-repeat;
opacity: 1;
}
.s1-info-card.downloads{
margin: 0;
padding: 0;
overflow: visible;
}
.s1-info-card.downloads > .s1-window-card{
flex: 1;
z-index: 1;
}
.s1-window-card{
font-family: ffdinforpuma;
position: relative;
overflow: hidden;
/* min-width: 350px; */
/* margin: 10px 5px 7px 5px; */
background-color: #ffffff;
border-radius: 4px;
}
.s1-window-card.dark{
/* background-color: #DFE1E6; */
background-color: #ececec;
}
.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-row.x-grid-row-selected.x-grid-row-over .s1-info-card.s1-entity-info.s1-swipe > .s1-info-body,
.s1-grid-panel.s1-panel-md .x-grid-row.x-grid-row-selected .s1-info-card.s1-entity-info.s1-swipe > .s1-info-body,
.s1-grid-panel.s1-panel-md .x-grid-row.x-grid-row-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: flex 0.3s ease;
}
.s1-grid-panel.s1-panel-md .x-grid-row.x-grid-row-selected.x-grid-row-over .s1-info-card.s1-entity-info.s1-swipe.invoice > .s1-info-sliding-window,
.s1-grid-panel.s1-panel-md .x-grid-row.x-grid-row-selected .s1-info-card.s1-entity-info.s1-swipe.invoice > .s1-info-sliding-window,
.s1-grid-panel.s1-panel-md .x-grid-row.x-grid-row-over .s1-info-card.s1-entity-info.s1-swipe.invoice > .s1-info-sliding-window{
flex: 0 1 48px !important;
}
.s1-grid-panel.s1-grid-panel-alt .x-grid-row.x-grid-row-selected.x-grid-row-over .s1-info-card.s1-entity-info.s1-swipe.downloads > .s1-info-sliding-window,
.s1-grid-panel.s1-grid-panel-alt .x-grid-row.x-grid-row-selected .s1-info-card.s1-entity-info.s1-swipe.downloads > .s1-info-sliding-window,
.s1-grid-panel.s1-grid-panel-alt .x-grid-row.x-grid-row-over .s1-info-card.s1-entity-info.s1-swipe.downloads > .s1-info-sliding-window{
flex: 0 1 132px !important;
}
.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{
width: 36px;
height: 36px;
border-radius: 6px;
border: 3px solid #fff;
box-shadow: inset 0 0 2px 2px rgb(0 0 0 / 0.2), 0 0 2px 2px rgb(0 0 0 / 0.2);
background-color: #005aff;
display: flex;
justify-content: center;
align-items: center;
margin: 5px 10px 5px 1px;
}
.s1-window-card-icon.all{
flex-wrap: wrap;
width: 40px;
height: 40px;
justify-content: space-evenly;
align-content: space-evenly;
}
.s1-window-card-main-block{
flex: 1;
margin-left: 5px;
}
.s1-window-card-footer .s1-options-btn{
cursor: pointer;
font-family: FontAwesome;
font-size: 22px;
line-height: 24px;
position: absolute;
right: 0; bottom: 0px;
padding: 0 8px;
border-bottom-right-radius: 4px;
display: block !important;
background-color: #deebff !important;
color: #0747A6 !important;
}
.s1-options-btn:before {
content: "\f141";
}
.s1-window-card-footer{
position: relative;
font-size: 12px;
line-height: 1;
padding:4px 8px;
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 8px 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-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-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-white-thick{
-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: inset 0 0 1px 3px #ffffff,
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{
background: #fff;
color: rgba(0,0,0,.87);
border-radius: 4px;
}
.s1-mat-card.shadow{
-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;
}
.s1-mat-card.border{
border: 1px solid #d5d5d5;
}
.s1-mat-card > .x-header.s1-no-img > .x-header-body .x-panel-header-text-container{
color: inherit;
padding-bottom: 0;
}
.s1-mat-card > .x-header.s1-no-img > .x-header-body .x-panel-header-text-container .x-panel-header-text{
font-size: 14px;
line-height: 16px;
letter-spacing: 1.8px;
}
.s1-mat-card > .x-header.s1-no-img{
background-color: #e0e0e0;
padding: 8px;
}
.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-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-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-info-card{
display: flex;
justify-content: flext-start;
align-items: center;
}
.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-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-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: #ffe0b2 !important;
color: #e65100 !important;
border-color: #e65100 !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;
}
.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;
}
.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-row{
background-color: var(--secondary);
}
.s1-grid-panel.s1-grid-panel-alt.x-grid table.x-grid-row-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-table-over .x-grid-td{
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: #0052cc;
color: #ffffff;
font-weight:600;
background-image: unset;
}
.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.s1-grid-panel-alt .x-column-header > .x-column-header-inner > .x-column-header-text{
font-size: 12px;
line-height: 22px;
}
.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;
background-image: unset;
}
.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-app-bar{
/* background-image: linear-gradient(315deg, #002974 0%, #004bd2 43%, #005aff 83%); */
/* background-image: linear-gradient(315deg, #434343 0%, #323232 43%, #212121 83%); */
background-image: unset;
background-color: #263238;
color: #fff;
}
.s1-app-title{
font-family: ffdinforpuma;
font-weight: 900;
}
.s1-app-bar .x-toolbar-text,
.s1-app-bar .x-btn-toolbar .x-btn-inner{
color: inherit;
}
.s1-app-bar .x-btn-toolbar.x-btn-over .x-btn-inner{
color: #000;
}
.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{
padding: 4px;
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-row .x-grid-cell-inner-action-col{
visibility:hidden;
}
.s1-grid-panel .x-grid-row.x-grid-row-over .x-grid-cell-inner-action-col{
visibility:visible;
}
*/
.s1-icon-container{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 4px;
padding: 0;
height: 54px;
}
.s1-icon-container > .s1-icon-btn:first-child{
margin: 0 4px 0 0;
}
.s1-icon-container > .s1-icon-btn:last-child{
margin: 0 0 0 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.large{
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
.s1-icon-btn.large.square{
width: 56px;
padding: 2px 4px;
border-radius: 4px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
font-weight: 700;
line-height: 16px;
}
.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-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-row .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-row .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-row .x-action-col-icon.s1-icon-ghost{
color: #ffffff;
visibility: hidden;
}
.s1-grid-panel .x-grid-row.x-grid-row-over .x-action-col-icon.s1-icon-ghost.s1-icon-green-over{
color: #33ff55;
visibility: visible;
}
.s1-grid-panel .x-grid-row.x-grid-row-selected .x-action-col-icon.s1-icon-ghost.s1-icon-dark{
color: #3f505f;
visibility: visible;
}
.s1-grid-panel .x-grid-row.x-grid-row-selected.x-grid-row-over .x-action-col-icon.s1-icon-ghost.s1-icon-warning-over,
.s1-grid-panel .x-grid-row.x-grid-row-over .x-action-col-icon.s1-icon-ghost.s1-icon-warning-over{
color: #ff8800;
visibility: visible;
}
.s1-grid-panel .x-grid-row.x-grid-row-selected.x-grid-row-over .x-action-col-icon.s1-icon-ghost.s1-icon-choco-over,
.s1-grid-panel .x-grid-row.x-grid-row-over .x-action-col-icon.s1-icon-ghost.s1-icon-choco-over{
color:#795548;
visibility: visible;
}
.s1-grid-panel .x-grid-row.x-grid-row-selected.x-grid-row-over .x-action-col-icon.s1-icon-ghost.s1-icon-info-over{
color:#deebff;
visibility: visible;
}
.s1-grid-panel .x-grid-row.x-grid-row-over .x-action-col-icon.s1-icon-ghost.s1-icon-info-over{
color:#0052cc;
visibility: visible;
}
.s1-grid-panel .x-grid-row .x-action-col-icon.s1-icon-dark.s1-icon-red-over{
color: #3f505f;
}
.s1-grid-panel .x-grid-row.x-grid-row-over .x-action-col-icon.s1-icon-dark.s1-icon-red-over{
color:#E91E63;
}
.s1-grid-panel .x-grid-row.x-grid-row-over .x-action-col-icon.s1-icon-dark.s1-icon-torch-over{
color:#ff0030;
}
.s1-grid-panel .x-grid-row.x-grid-row-over .x-action-col-icon.s1-icon-dark.s1-icon-green-over{
color:#33ff55;
}
.s1-grid-panel .x-grid-row.x-grid-row-over .x-action-col-icon.s1-icon-dark.s1-icon-choco-over{
color:#795548;
}
.s1-grid-panel .x-grid-row.x-grid-row-over .x-action-col-icon.s1-icon-dark.s1-icon-danger-over{
color:#ff3547;
}
.s1-grid-panel .x-grid-row.x-grid-row-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-row-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-grid-live-filter{
width: calc(100% - 8px) !important;
margin: 2px 4px !important;
}
.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-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: 22px;
width: 22px;
height: 22px;
opacity: 1;
color: #ffffff;
font-style: normal;
}
.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-no-img{
background-image: unset;
}
.s1-button .x-btn-button{
height: 22px;
max-height: 22px;
display: flex;
align-items: center;
justify-content: center;
}
.s1-app-button.x-btn{
transition: 0.5s all ease;
color: #adb3b8;
border: 0;
border-left: 5px solid transparent;
padding: 15px 20px;
background-color: transparent;
border-radius: 0;
}
.s1-app-button.x-btn.x-btn-over {
color: #3f9;
border-left: 5px solid currentColor;
text-shadow: 0 2px 2px rgb(0 0 0 / 20%);
background-color: #3f505f !important;
background-color: #4f606f !important;
-webkit-box-shadow: 0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%);
box-shadow: 0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%);
}
.s1-app-button.x-btn.x-btn-over.red {
color: #ff0030;
}
.s1-app-button.x-btn .x-btn-button{
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
padding-left: 56px;
height: 40px;
}
.s1-app-button.x-btn .x-btn-glyph{
font-size: 40px;
width: 40px;
line-height: 40px;
height: 40px;
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: 36px;
}
.s1-app-button.x-btn .x-btn-inner{
color: inherit;
font-size: 15px;
font-weight: 700;
letter-spacing: 4px;
padding-left: 4px;
padding-right: 4px;
display: block;
white-space: normal;
}
.s1-tab-bar.x-tab-bar{
background-image: unset;
background-color: #ffffff;
}
.s1-tab-bar.x-tab-bar > .x-tab-bar-body{
padding: 0;
background-color: #ffffff;
}
.s1-tab-bar.x-tab-bar > .x-tab-bar-body > .x-box-inner.x-horizontal-box-overflow-body{
overflow: visible;
}
.s1-tab.x-tab{
/* position: relative !important; */
background-image: none;
border: none;
transition: opacity 500ms, color 500ms;
display: inline-block;
/* left: auto !important; */
background-image: unset;
background-color: #fff;
color: #5E6C84;
padding: 2px 0;
}
.s1-tab.x-tab .x-tab-glyph{
opacity: 1;
}
.s1-tab.x-tab::before{
content: ' ';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
box-shadow: 0 0 0 0 #0069ff;
transition: opacity 500ms;
}
.s1-tab.x-tab.x-tab-over,
.s1-tab.x-tab.x-tab-active.x-tab-over{
color: #0078f0;
}
.s1-tab.x-tab.x-tab-active{
color: #005aff;
}
.s1-tab.x-tab.x-tab-active::before{
opacity: 1;
box-shadow: 0 4px 0 0 #0069ff;
}
.s1-tab .x-tab-button{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column-reverse;
padding: 2px 0;
height: 100% !important;
}
.s1-tab .x-tab-button > span{
position: unset;
color: inherit;
}
.s1-tab .x-tab-button > .x-tab-inner{
line-height: 16px !important;
font-size: 12px;
font-weight: 900;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-top: 2px;
white-space: normal;
}
.s1-tab .x-tab-button > .x-tab-glyph{
flex: 1;
font-size: 28px;
line-height: 36px;
width: 32px;
height: 36px;
margin-bottom: 4px;
}
/* .s1-tab .x-tab-button > .x-tab-glyph{
flex: 1;
font-size: 24px;
line-height: 1;
width: 24px;
height: 24px;
margin-bottom: 12px;
} */
.s1-articlesearch-item .s1-articlesearch-item-button{
float: right;
bottom: 0;
right: 0;
position: absolute;
height: 64px;
width: 48px;
z-index: 1;
}
.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-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;
line-height: 16px;
padding: 1px 10px;
border: 2px solid rgba(0,0,0,.125);
}
.s1-pill-tag-mini.s1-window-card-status{
font-size: 10px;
line-height: 12px;
border-width: 1px;
border-radius: 8px;
align-items: baseline;
}
.s1-pill-tag-mini.s1-window-card-status > i{
font-size: inherit;
line-height: inherit;
}
.s1-justify{
display: flex;
justify-content: space-between;
align-items: center;
}
.s1-vcenter{
display: flex;
flex-direction: row;
align-items: center;
}
.s1-grid-cell-fit > .x-grid-cell-inner {
background-color: #f4f5f7;
}
.s1-grid-row-gray > .s1-grid-cell-fit {
border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
}
.s1-grid-row-gray > .s1-grid-cell-fit > .x-grid-cell-inner {
background-color: gray;
}
.s1-grid-row-workspace > .s1-grid-cell-fit > .x-grid-cell-inner {
background-color: #fafbfc;
}
.s1-info-card{
position: relative;
padding: 5px;
min-width: 280px;
overflow: hidden;
background-color: #ffffff;
border-radius: 4px;
/* margin: 5px; */
}
.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);
}
.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);
}
.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) !important;
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) !important;
}
.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-footer{
box-shadow: 0 -1px 0px 0px rgba(0, 0, 0, 0.18);
background-color: #eaeff1;
}
.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;
border-radius: 4px;
}
.s1-splitter > .x-collapse-el{
background-image: unset;
font-family: FontAwesome;
background-color: #939ba1;
width: 8px;
height: 48px;
margin: 0 1px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
-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-splitter.north.x-splitter-horizontal > .x-collapse-el{
width: 48px;
height: 8px;
font-size: 14px;
position: absolute;
}
.s1-splitter > .x-collapse-el:before{
content: "\f0d9";
}
.s1-splitter.collapsed > .x-collapse-el:before{
content: "\f0da";
}
.s1-splitter.north.x-splitter-horizontal > .x-collapse-el:before{
content: "\f0d8";
}
.s1-splitter.north.x-splitter-horizontal.collapsed > .x-collapse-el:before{
content: "\f0d7";
}
.s1-square{
border-radius: 4px !important;
}
.s1-info-tip-wrap{
padding: 8px;
background-color: #fff;
border-radius: 4px;
}
.s1-info-tip{
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: stretch;
font-family: ffdinforpuma, Consolas;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
border-radius: 4px;
background-color: #fff;
}
.s1-info-tip > .s1-info-tip-header{
font-weight: 900;
font-size: 14px;
line-height: 16px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 32px;
margin: 0 0 8px;
box-shadow: 0 2px 1px 0px #000;
}
.s1-info-tip > .s1-info-tip-detail {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-weight: 700;
margin-left: 8px;
margin-right: 4px;
padding: 0 4px;
}
.s1-info-tip > .s1-info-tip-detail > span:first-of-type {
flex: 1;
}
.s1-info-tip > .s1-info-tip-detail > strong{
padding: 0 4px;
border-radius: 4px;
font-size: 10px;
margin-left: 4px;
line-height: 12px;
min-width: 30px;
text-align: center;
vertical-align: middle;
}
.s1-info-tip > .s1-info-tip-detail.total > strong {
visibility: hidden;
}
.s1-app-link {
border-radius: 8px;
width: 64px;
height: 64px;
max-width: 64px;
max-height: 64px;
}
.stat-panel .caption-text .x-column-header-text{
font-size: 10px;
}
.stat-panel td.division .x-grid-cell-inner{
padding: 3px;
}
.stat-panel .x-grid-group-hd{
border-color: #0065ff;
}
.stat-panel tr.x-grid-row-summary td.x-grid-cell{
font-weight: 700;
}
.s1-progressbar.x-progress,
.s1-progressbar.x-progress > .x-progress-bar{
border-radius: 4px;
}
.s1-badge {
position: relative;
overflow: visible;
}
.s1-badge[data-badge-text]:after {
content: attr(data-badge-text);
position: absolute;
font-size: 10px;
top: -10px;
width: auto;
font-weight: bold;
color: white;
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: 1px 1px 5px #000000;
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: 4px;
left: 4px;
}
.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-warning[data-badge-text]:after {
background-image: none;
background-color: #ffffff !important;
color: #f80 !important;
text-shadow: 1px 1px 1px #ffffff !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-pill-badge{
position: relative;
width: 88px;
height: 28px;
padding: 4px;
font-size: 12px;
line-height: 18px;
padding-left: 24px;
}
.s1-pill-tag-thin-mini{
display: inline-flex;
align-items: baseline;
font-size: 8px;
line-height: 10px;
font-weight:700;
text-align: center;
padding: 0px 2px;
border: 1px solid rgba(0,0,0,.125);
border-radius: 3px;
}
.s1-grid-thin-group-hd .x-grid-group-hd{
padding: 2px;
background: #f5f5f5;
}
.s1-bulb{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 4em;
color: #0c457a;
}
.s1-bulb:before{
content: '';
display: block;
position: absolute;
left: 0px;
top: 4px;
width: 24px;
height: 20px;
border-radius: 50%;
box-shadow: 0 0 18px 2px #ffee57;
background-color: #ffee57;
z-index: -1;
}
.s1-bulb:after{
content: "\f0eb";
}
.s1-grid-summary .x-docked-summary{
background: #0065ff;
color: #ffffff;
}
.s1-grid-summary.s1-grid-summary-empty .x-docked-summary:after{
display: inline-flex;
content: 'No records to display';
position: absolute;
top: 1px;
justify-content: center;
width: 100%;
}
.s1-naked-btn {
background-image: none;
background-color: transparent;
border: none;
}
.s1-naked-btn .x-btn-inner{
color:#e0e0e0;
}
.width-inherit {
width: inherit;
}
.login-title{
font-size: 18px;
line-height: 26px;
font-weight: 700;
/* color: #d63e3e; */
color: #e63129;
text-align: center;
letter-spacing: 1px;
}
.s1-login-btn {
background-image: none;
/* background-color: #d63e3e; */
background-color: #c00000;
border: none;
padding: 8px 64px;
border-radius: 8px;
}
.s1-login-btn .x-btn-inner{
color: #e0e0e0;
font-size: 14px;
}
.s1-iframe{
position: absolute;
background-color: transparent;
right: 0;
bottom: 0;
z-index: 100;
height: 100vh;
min-width: 480px;
pointer-events: none;
}
.s1-iframe > iframe{
background-color: transparent;
}
.login-logo{
width: inherit;
height: inherit;
object-fit: contain;
}
.s1-invisible{
visibility: hidden;
}
.control-center-nav-btn{
align-items: center;
display: flex !important;
flex-direction: column;
background-color: red;
color: white;
}
.control-center-nav-btn:before {
font-size: 88px !important;
position: absolute;
top: 8px;
}
.control-center-nav-btn:after {
content: 'Control Center';
color: white;
font-size: 14px;
font-family: monospace;
display: block;
position: absolute;
width: 100%;
bottom: 2px;
text-align: center;
}