/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(35489,8): run-time error CSS1030: Expected identifier, found '>'
(35489,47): run-time error CSS1031: Expected selector, found ')'
(35489,47): run-time error CSS1025: Expected comma or open brace, found ')'
*/
html,
body {
padding: 0;
margin: 0;
height: 100%;
background: #fff;
}
html,
body,
* {
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
a:hover,
a:active,
.tile:active {
outline: 0;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
height: auto;
vertical-align: middle;
border: 0;
}
#map_canvas img,
.google-maps img {
max-width: none;
}
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
font-family: "Segoe UI", "Open Sans", sans-serif, serif! important;
}
button,
input {
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
}
input[type="checkbox"] {
-webkit-filter: grayscale(100%);
}
input[type="search"] {
/*box-sizing: content-box;
appearance: textfield;
border: 1px #d9d9d9 solid;
vertical-align: top;*/
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
input[type=text]::-ms-clear,
input[type=email]::-ms-clear,
input[type=url]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear,
input[type=time]::-ms-clear {
display: none;
}
input[type=password]::-ms-reveal {
display: none;
}
* {
border-collapse: collapse;
}
a {
text-decoration: none;
cursor:pointer;
}
@font-face {
font-family: "PT Serif Caption";
font-style: normal;
font-weight: 400;
src: local("Cambria"), local("PT Serif Caption"), local("PTSerif-Caption"), url(https://themes.googleusercontent.com/static/fonts/ptserifcaption/v6/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff');
}
@font-face {
font-family: "Open Sans Light";
font-style: normal;
font-weight: 300;
src: local("Segoe UI Light"), local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: local("Segoe UI"), local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: "Open Sans Bold";
font-style: normal;
font-weight: 700;
src: local("Segoe UI Bold"), local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
/*html {
font-size: 100%;
}*/
body {
font-family: "Segoe UI", "Open Sans", sans-serif, serif;
font-size: 0.8125rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#font .light {
font-weight: 300;
font-style: normal;
}
#font .normal {
font-weight: 400;
font-style: normal;
}
#font .bold {
font-style: normal;
font-weight: 700;
}
#font .italic {
font-style: italic;
}
.leader {
font: 400 2.25rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.sub-leader {
font: 500 1.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.header {
font: 500 1.5rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.sub-header {
font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.alt-header {
font: 500 1rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.sub-alt-header {
font: 500 0.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
.minor-header {
font: 500 0.75rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h1 {
font: 400 2.25rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h2 {
font: 500 1.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h3 {
font: 400 1.5rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h4 {
font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h5 {
font: 500 0.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h6 {
font: 500 0.75rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: .625rem 0;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
font-weight: 400;
font-size: .7em;
line-height: 1;
color: #777;
}
.text-lighter {
font-weight: 100 !important;
font-style: normal;
}
.text-light {
font-weight: 300;
font-style: normal;
}
.text-normal {
font-weight: 400 !important;
font-style: normal !important;
text-transform:none;
}
.text-bold {
font-style: normal;
font-weight: 700;
}
.text-semibold {
font-style: normal;
font-weight: 500;
}
.text-italic {
font-style: italic;
}
.text-underline {
text-decoration:underline;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.capital {
text-transform: capitalize;
}
.align-left {
text-align: left !important;
}
.align-right {
text-align: right !important;
}
.float-right {
float: right !important;
}
.align-center {
text-align: center !important;
}
.align-justify {
text-align: justify;
}
.v-align-top {
vertical-align: top !important;
}
.v-align-bottom {
vertical-align: bottom !important;
}
.v-align-baseline {
vertical-align: baseline !important;
}
.v-align-middle {
vertical-align: middle !important;
}
.v-align-sub {
vertical-align: sub !important;
}
.v-align-super {
vertical-align: super !important;
}
.v-align-top-text {
vertical-align: text-top;
}
.v-align-bottom-text {
vertical-align: text-bottom !important;
}
.text-dashed {
border: 0;
border-bottom: 1px gray dashed;
display: inline;
}
.indent-paragraph:first-letter {
margin-left: 2.5rem;
}
.text-secondary {
font-size: 0.75rem;
}
.text-accent,
.text-enlarged {
font-size: 1.1rem;
}
.text-default {
font-size: 0.875rem;
}
.text-small {
font-size: 0.625rem;
}
.text-light {
font-weight: 300;
}
.text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
abbr {
text-decoration: none;
border-bottom: 1px #999999 dotted;
cursor: help;
display: inline;
}
address {
font-weight: 400;
font-style: normal;
margin: .625rem 0;
}
blockquote {
margin: .625rem 0;
padding: 0 0 0 .625rem;
border-left: 0.25rem #999999 solid;
}
blockquote small {
color: #999999;
}
blockquote small:before {
content: "\2014 \00A0";
}
blockquote.place-right {
border: 0;
border-right: 4px #999999 solid;
padding-right: .625rem;
text-align: right;
}
blockquote.place-right small:before {
content: "";
}
blockquote.place-right small:after {
content: " \00A0 \2014";
}
.unstyled-list {
padding-left: 0;
list-style: none;
}
.unstyled-list li ul,
.unstyled-list li ol {
list-style: none;
padding-left: 1.5625rem;
}
.inline-list {
list-style: none;
padding-left: 0;
}
.inline-list li {
display: inline-block;
margin-right: .625rem;
}
.inline-list li:last-child {
margin-right: 0;
}
ul,
ol {
margin-left: .3125rem;
}
ul li,
ol li {
line-height: 1.25rem;
}
ul li ul,
ol li ul,
ul li ol,
ol li ol {
padding-left: 1.5625rem;
}
dl dt,
dl dd {
line-height: 1.25rem;
}
dl dt {
font-style: normal;
font-weight: 700;
}
dl dd {
margin-left: .9375rem;
}
dl.horizontal dt {
float: left;
width: 10rem;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
dl.horizontal dd {
margin-left: 11.25rem;
}
a {
color: black;
}
a:hover {
color: #42aaff;
}
/*a:visited {
color: #000000;
}*/
a.disabled {
color: #8d8d8d;
pointer-events: none;
}
hr {
border: 0;
height: 2px;
background-color: #6a6565;
}
hr.thin {
height: 1px;
}
hr.fat {
height: 3px;
}
.tag {
display: inline-block;
line-height: 1.1;
font-size: 80%;
padding: 1px 4px 2px;
background-color: #eeeeee;
border-radius: 2px;
color: #1d1d1d;
vertical-align: middle;
}
.tag.success {
background-color: #60a917;
color: #ffffff;
}
.tag.alert {
background-color: #ce352c;
color: #ffffff;
}
.tag.info {
background-color: #1ba1e2;
color: #ffffff;
}
.tag.warning {
background-color: #fa6800;
color: #ffffff;
}
a.tag {
text-decoration: underline;
cursor: pointer;
}
.container {
width: 960px;
margin: 0 auto;
}
.fixed-top,
.fixed-bottom {
position: fixed !important;
left: 0;
right: 0;
z-index: 1030;
}
/*.fixed-top {
top: 0;
bottom: auto;
}*/
.fixed-bottom {
top: auto;
bottom: 0;
}
.pos-abs {
position: absolute !important;
}
.pos-rel {
position: relative !important;
}
.pos-fix {
position: fixed !important;
}
.padding10 {
padding: 0.625rem;
}
.padding20 {
padding: 1.25rem;
}
.paddingLR10 {
padding:0PX 0.625rem;
}
.paddingB80 {
padding-bottom: 5rem;
}
.paddingLR20 {
padding:0px 1.25rem;
}
.padding30 {
padding: 1.875rem;
}
.padding40 {
padding: 2.5rem;
}
.padding50 {
padding: 3.125rem;
}
.padding60 {
padding: 3.75rem;
}
.padding70 {
padding: 4.375rem;
}
.padding80 {
padding: 5rem;
}
.padding90 {
padding: 5.625rem;
}
.padding100 {
padding: 6.25rem;
}
.paddingR10 {
padding-right:0.625rem !important;
}
.padding5 {
padding: 5px;
}
.margin5 {
margin: 5px;
}
.margin10 {
margin: 0.625rem;
}
.margin20 {
margin: 1.25rem;
}
.margin30 {
margin: 1.875rem;
}
.margin40 {
margin: 2.5rem;
}
.margin50 {
margin: 3.125rem;
}
.margin60 {
margin: 3.75rem;
}
.margin70 {
margin: 4.375rem;
}
.margin80 {
margin: 5rem;
}
.margin90 {
margin: 5.625rem;
}
.margin100 {
margin: 6.25rem;
}
.marginLR10 {
}
.margL10 {
margin-left:0.625rem !important;
}
.grid {
display: block;
position: relative;
margin: .625rem 0;
}
.grid:before,
.grid:after {
display: table;
content: "";
}
.grid:after {
clear: both;
}
/*.grid .row {
width: 100%;
display: block;
margin: 0 0 2.12765% 0;
margin: 0 0 0.8rem 0;
}*/
.grid .row:before,
.grid .row:after {
display: table;
content: "";
}
.grid .row:after {
clear: both;
}
.grid .row:last-child {
margin-bottom: 0;
}
.grid .row > .cell {
display: block;
float: left;
width: 100%;
min-height: 10px;
margin: 0 0 0 2.12765%;
/*margin: 0 0 0 1.25rem;*/
margin: 0 0 0 1.0rem;
}
.grid .row > .cell:first-child {
margin-left: 0;
}
.grid .row.cells2 > .cell {
width: 48.936175%;
}
.grid .row.cells2 > .cell.colspan2 {
width: 100%;
}
.grid .row.cells2 > .cell.offset1 {
margin-left: 51.063825%;
}
.grid .row.cells2 > .cell.offset2 {
margin-left: 102.12765%;
}
.grid .row.cells3 > .cell {
width: 31.9149%;
}
.grid .row.cells3 > .cell.colspan2 {
width: 65.95745%;
}
.grid .row.cells3 > .cell.colspan3 {
width: 100%;
}
.grid .row.cells3 > .cell.offset1 {
margin-left: 34.04255%;
}
.grid .row.cells3 > .cell.offset2 {
margin-left: 68.0851%;
}
.grid .row.cells3 > .cell.offset3 {
margin-left: 102.12765%;
}
.grid .row.cells4 > .cell {
width: 23.4042625%;
}
.grid .row.cells4 > .cell.colspan2 {
width: 48.936175%;
}
.grid .row.cells4 > .cell.colspan3 {
width: 74.4680875%;
}
.grid .row.cells4 > .cell.colspan4 {
width: 100%;
}
.grid .row.cells4 > .cell.offset1 {
margin-left: 25.5319125%;
}
.grid .row.cells4 > .cell.offset2 {
margin-left: 51.063825%;
}
.grid .row.cells4 > .cell.offset3 {
margin-left: 76.5957375%;
}
.grid .row.cells4 > .cell.offset4 {
margin-left: 102.12765%;
}
.grid .row.cells5 > .cell {
width: 18.29788%;
}
.grid .row.cells5 > .cell.colspan2 {
width: 38.72341%;
}
.grid .row.cells5 > .cell.colspan3 {
width: 59.14894%;
}
.grid .row.cells5 > .cell.colspan4 {
width: 79.57447%;
}
.grid .row.cells5 > .cell.colspan5 {
width: 100%;
}
.grid .row.cells5 > .cell.offset1 {
margin-left: 20.42553%;
}
.grid .row.cells5 > .cell.offset2 {
margin-left: 40.85106%;
}
.grid .row.cells5 > .cell.offset3 {
margin-left: 61.27659%;
}
.grid .row.cells5 > .cell.offset4 {
margin-left: 81.70212%;
}
.grid .row.cells5 > .cell.offset5 {
margin-left: 102.12765%;
}
.grid .row.cells6 > .cell {
width: 14.893625%;
}
.grid .row.cells6 > .cell.colspan2 {
width: 31.9149%;
}
.grid .row.cells6 > .cell.colspan3 {
width: 48.936175%;
}
.grid .row.cells6 > .cell.colspan4 {
width: 65.95745%;
}
.grid .row.cells6 > .cell.colspan5 {
width: 82.978725%;
}
.grid .row.cells6 > .cell.colspan6 {
width: 100%;
}
.grid .row.cells6 > .cell.offset1 {
margin-left: 17.021275%;
}
.grid .row.cells6 > .cell.offset2 {
margin-left: 34.04255%;
}
.grid .row.cells6 > .cell.offset3 {
margin-left: 51.063825%;
}
.grid .row.cells6 > .cell.offset4 {
margin-left: 68.0851%;
}
.grid .row.cells6 > .cell.offset5 {
margin-left: 85.106375%;
}
.grid .row.cells6 > .cell.offset6 {
margin-left: 102.12765%;
}
.grid .row.cells7 > .cell {
width: 12.46201429%;
}
.grid .row.cells7 > .cell.colspan2 {
width: 27.05167857%;
}
.grid .row.cells7 > .cell.colspan3 {
width: 41.64134286%;
}
.grid .row.cells7 > .cell.colspan4 {
width: 56.23100714%;
}
.grid .row.cells7 > .cell.colspan5 {
width: 70.82067143%;
}
.grid .row.cells7 > .cell.colspan6 {
width: 85.41033571%;
}
.grid .row.cells7 > .cell.colspan7 {
width: 100%;
}
.grid .row.cells7 > .cell.offset1 {
margin-left: 14.58966429%;
}
.grid .row.cells7 > .cell.offset2 {
margin-left: 29.17932857%;
}
.grid .row.cells7 > .cell.offset3 {
margin-left: 43.76899286%;
}
.grid .row.cells7 > .cell.offset4 {
margin-left: 58.35865714%;
}
.grid .row.cells7 > .cell.offset5 {
margin-left: 72.94832143%;
}
.grid .row.cells7 > .cell.offset6 {
margin-left: 87.53798571%;
}
.grid .row.cells7 > .cell.offset7 {
margin-left: 102.12765%;
}
.grid .row.cells8 > .cell {
width: 10.63830625%;
}
.grid .row.cells8 > .cell.colspan2 {
width: 23.4042625%;
}
.grid .row.cells8 > .cell.colspan3 {
width: 36.17021875%;
}
.grid .row.cells8 > .cell.colspan4 {
width: 48.936175%;
}
.grid .row.cells8 > .cell.colspan5 {
width: 61.70213125%;
}
.grid .row.cells8 > .cell.colspan6 {
width: 74.4680875%;
}
.grid .row.cells8 > .cell.colspan7 {
width: 87.23404375%;
}
.grid .row.cells8 > .cell.colspan8 {
width: 100%;
}
.grid .row.cells8 > .cell.offset1 {
margin-left: 12.76595625%;
}
.grid .row.cells8 > .cell.offset2 {
margin-left: 25.5319125%;
}
.grid .row.cells8 > .cell.offset3 {
margin-left: 38.29786875%;
}
.grid .row.cells8 > .cell.offset4 {
margin-left: 51.063825%;
}
.grid .row.cells8 > .cell.offset5 {
margin-left: 63.82978125%;
}
.grid .row.cells8 > .cell.offset6 {
margin-left: 76.5957375%;
}
.grid .row.cells8 > .cell.offset7 {
margin-left: 89.36169375%;
}
.grid .row.cells8 > .cell.offset8 {
margin-left: 102.12765%;
}
.grid .row.cells9 > .cell {
width: 9.21986667%;
}
.grid .row.cells9 > .cell.colspan2 {
width: 20.56738333%;
}
.grid .row.cells9 > .cell.colspan3 {
width: 31.9149%;
}
.grid .row.cells9 > .cell.colspan4 {
width: 43.26241667%;
}
.grid .row.cells9 > .cell.colspan5 {
width: 54.60993333%;
}
.grid .row.cells9 > .cell.colspan6 {
width: 65.95745%;
}
.grid .row.cells9 > .cell.colspan7 {
width: 77.30496667%;
}
.grid .row.cells9 > .cell.colspan8 {
width: 88.65248333%;
}
.grid .row.cells9 > .cell.colspan9 {
width: 100%;
}
.grid .row.cells9 > .cell.offset1 {
margin-left: 11.34751667%;
}
.grid .row.cells9 > .cell.offset2 {
margin-left: 22.69503333%;
}
.grid .row.cells9 > .cell.offset3 {
margin-left: 34.04255%;
}
.grid .row.cells9 > .cell.offset4 {
margin-left: 45.39006667%;
}
.grid .row.cells9 > .cell.offset5 {
margin-left: 56.73758333%;
}
.grid .row.cells9 > .cell.offset6 {
margin-left: 68.0851%;
}
.grid .row.cells9 > .cell.offset7 {
margin-left: 79.43261667%;
}
.grid .row.cells9 > .cell.offset8 {
margin-left: 90.78013333%;
}
.grid .row.cells9 > .cell.offset9 {
margin-left: 102.12765%;
}
.grid .row.cells10 > .cell {
width: 8.085115%;
}
.grid .row.cells10 > .cell.colspan2 {
width: 18.29788%;
}
.grid .row.cells10 > .cell.colspan3 {
width: 28.510645%;
}
.grid .row.cells10 > .cell.colspan4 {
width: 38.72341%;
}
.grid .row.cells10 > .cell.colspan5 {
width: 48.936175%;
}
.grid .row.cells10 > .cell.colspan6 {
width: 59.14894%;
}
.grid .row.cells10 > .cell.colspan7 {
width: 69.361705%;
}
.grid .row.cells10 > .cell.colspan8 {
width: 79.57447%;
}
.grid .row.cells10 > .cell.colspan9 {
width: 89.787235%;
}
.grid .row.cells10 > .cell.colspan10 {
width: 100%;
}
.grid .row.cells10 > .cell.offset1 {
margin-left: 10.212765%;
}
.grid .row.cells10 > .cell.offset2 {
margin-left: 20.42553%;
}
.grid .row.cells10 > .cell.offset3 {
margin-left: 30.638295%;
}
.grid .row.cells10 > .cell.offset4 {
margin-left: 40.85106%;
}
.grid .row.cells10 > .cell.offset5 {
margin-left: 51.063825%;
}
.grid .row.cells10 > .cell.offset6 {
margin-left: 61.27659%;
}
.grid .row.cells10 > .cell.offset7 {
margin-left: 71.489355%;
}
.grid .row.cells10 > .cell.offset8 {
margin-left: 81.70212%;
}
.grid .row.cells10 > .cell.offset9 {
margin-left: 91.914885%;
}
.grid .row.cells10 > .cell.offset10 {
margin-left: 102.12765%;
}
.grid .row.cells11 > .cell {
width: 7.15668182%;
}
.grid .row.cells11 > .cell.colspan2 {
width: 16.44101364%;
}
.grid .row.cells11 > .cell.colspan3 {
width: 25.72534545%;
}
.grid .row.cells11 > .cell.colspan4 {
width: 35.00967727%;
}
.grid .row.cells11 > .cell.colspan5 {
width: 44.29400909%;
}
.grid .row.cells11 > .cell.colspan6 {
width: 53.57834091%;
}
.grid .row.cells11 > .cell.colspan7 {
width: 62.86267273%;
}
.grid .row.cells11 > .cell.colspan8 {
width: 72.14700455%;
}
.grid .row.cells11 > .cell.colspan9 {
width: 81.43133636%;
}
.grid .row.cells11 > .cell.colspan10 {
width: 90.71566818%;
}
.grid .row.cells11 > .cell.colspan11 {
width: 100%;
}
.grid .row.cells11 > .cell.offset1 {
margin-left: 9.28433182%;
}
.grid .row.cells11 > .cell.offset2 {
margin-left: 18.56866364%;
}
.grid .row.cells11 > .cell.offset3 {
margin-left: 27.85299545%;
}
.grid .row.cells11 > .cell.offset4 {
margin-left: 37.13732727%;
}
.grid .row.cells11 > .cell.offset5 {
margin-left: 46.42165909%;
}
.grid .row.cells11 > .cell.offset6 {
margin-left: 55.70599091%;
}
.grid .row.cells11 > .cell.offset7 {
margin-left: 64.99032273%;
}
.grid .row.cells11 > .cell.offset8 {
margin-left: 74.27465455%;
}
.grid .row.cells11 > .cell.offset9 {
margin-left: 83.55898636%;
}
.grid .row.cells11 > .cell.offset10 {
margin-left: 92.84331818%;
}
.grid .row.cells11 > .cell.offset11 {
margin-left: 102.12765%;
}
.grid .row.cells12 > .cell {
width: 6.3829875%;
}
.grid .row.cells12 > .cell.colspan2 {
width: 14.893625%;
}
.grid .row.cells12 > .cell.colspan3 {
width: 23.4042625%;
}
.grid .row.cells12 > .cell.colspan4 {
width: 31.9149%;
}
.grid .row.cells12 > .cell.colspan5 {
width: 40.4255375%;
}
.grid .row.cells12 > .cell.colspan6 {
width: 48.936175%;
}
.grid .row.cells12 > .cell.colspan7 {
width: 57.4468125%;
}
.grid .row.cells12 > .cell.colspan8 {
width: 65.95745%;
}
.grid .row.cells12 > .cell.colspan9 {
width: 74.4680875%;
}
.grid .row.cells12 > .cell.colspan10 {
width: 82.978725%;
}
.grid .row.cells12 > .cell.colspan11 {
width: 91.4893625%;
}
.grid .row.cells12 > .cell.colspan12 {
width: 100%;
}
.grid .row.cells12 > .cell.offset1 {
margin-left: 8.5106375%;
}
.grid .row.cells12 > .cell.offset2 {
margin-left: 17.021275%;
}
.grid .row.cells12 > .cell.offset3 {
margin-left: 25.5319125%;
}
.grid .row.cells12 > .cell.offset4 {
margin-left: 34.04255%;
}
.grid .row.cells12 > .cell.offset5 {
margin-left: 42.5531875%;
}
.grid .row.cells12 > .cell.offset6 {
margin-left: 51.063825%;
}
.grid .row.cells12 > .cell.offset7 {
margin-left: 59.5744625%;
}
.grid .row.cells12 > .cell.offset8 {
margin-left: 68.0851%;
}
.grid .row.cells12 > .cell.offset9 {
margin-left: 76.5957375%;
}
.grid .row.cells12 > .cell.offset10 {
margin-left: 85.106375%;
}
.grid .row.cells12 > .cell.offset11 {
margin-left: 93.6170125%;
}
.grid .row.cells12 > .cell.offset12 {
margin-left: 102.12765%;
}
.grid .row:empty {
display: none;
}
.grid.condensed {
display: block;
position: relative;
margin: .625rem 0;
}
.grid.condensed:before,
.grid.condensed:after {
display: table;
content: "";
}
.grid.condensed:after {
clear: both;
}
.grid.condensed .row {
width: 100%;
display: block;
margin: 0 0 0 0;
}
.grid.condensed .row:before,
.grid.condensed .row:after {
display: table;
content: "";
}
.grid.condensed .row:after {
clear: both;
}
.grid.condensed .row:last-child {
margin-bottom: 0;
}
.grid.condensed .row > .cell {
display: block;
float: left;
width: 100%;
min-height: 10px;
margin: 0 0 0 0;
}
.grid.condensed .row > .cell:first-child {
margin-left: 0;
}
.grid.condensed .row.cells2 > .cell {
width: 50%;
}
.grid.condensed .row.cells2 > .cell.colspan2 {
width: 100%;
}
.grid.condensed .row.cells2 > .cell.offset1 {
margin-left: 50%;
}
.grid.condensed .row.cells2 > .cell.offset2 {
margin-left: 100%;
}
.grid.condensed .row.cells3 > .cell {
width: 33.33333333%;
}
.grid.condensed .row.cells3 > .cell.colspan2 {
width: 66.66666667%;
}
.grid.condensed .row.cells3 > .cell.colspan3 {
width: 100%;
}
.grid.condensed .row.cells3 > .cell.offset1 {
margin-left: 33.33333333%;
}
.grid.condensed .row.cells3 > .cell.offset2 {
margin-left: 66.66666667%;
}
.grid.condensed .row.cells3 > .cell.offset3 {
margin-left: 100%;
}
.grid.condensed .row.cells4 > .cell {
width: 25%;
}
.grid.condensed .row.cells4 > .cell.colspan2 {
width: 50%;
}
.grid.condensed .row.cells4 > .cell.colspan3 {
width: 75%;
}
.grid.condensed .row.cells4 > .cell.colspan4 {
width: 100%;
}
.grid.condensed .row.cells4 > .cell.offset1 {
margin-left: 25%;
}
.grid.condensed .row.cells4 > .cell.offset2 {
margin-left: 50%;
}
.grid.condensed .row.cells4 > .cell.offset3 {
margin-left: 75%;
}
.grid.condensed .row.cells4 > .cell.offset4 {
margin-left: 100%;
}
.grid.condensed .row.cells5 > .cell {
width: 20%;
}
.grid.condensed .row.cells5 > .cell.colspan2 {
width: 40%;
}
.grid.condensed .row.cells5 > .cell.colspan3 {
width: 60%;
}
.grid.condensed .row.cells5 > .cell.colspan4 {
width: 80%;
}
.grid.condensed .row.cells5 > .cell.colspan5 {
width: 100%;
}
.grid.condensed .row.cells5 > .cell.offset1 {
margin-left: 20%;
}
.grid.condensed .row.cells5 > .cell.offset2 {
margin-left: 40%;
}
.grid.condensed .row.cells5 > .cell.offset3 {
margin-left: 60%;
}
.grid.condensed .row.cells5 > .cell.offset4 {
margin-left: 80%;
}
.grid.condensed .row.cells5 > .cell.offset5 {
margin-left: 100%;
}
.grid.condensed .row.cells6 > .cell {
width: 16.66666667%;
}
.grid.condensed .row.cells6 > .cell.colspan2 {
width: 33.33333333%;
}
.grid.condensed .row.cells6 > .cell.colspan3 {
width: 50%;
}
.grid.condensed .row.cells6 > .cell.colspan4 {
width: 66.66666667%;
}
.grid.condensed .row.cells6 > .cell.colspan5 {
width: 83.33333333%;
}
.grid.condensed .row.cells6 > .cell.colspan6 {
width: 100%;
}
.grid.condensed .row.cells6 > .cell.offset1 {
margin-left: 16.66666667%;
}
.grid.condensed .row.cells6 > .cell.offset2 {
margin-left: 33.33333333%;
}
.grid.condensed .row.cells6 > .cell.offset3 {
margin-left: 50%;
}
.grid.condensed .row.cells6 > .cell.offset4 {
margin-left: 66.66666667%;
}
.grid.condensed .row.cells6 > .cell.offset5 {
margin-left: 83.33333333%;
}
.grid.condensed .row.cells6 > .cell.offset6 {
margin-left: 100%;
}
.grid.condensed .row.cells7 > .cell {
width: 14.28571429%;
}
.grid.condensed .row.cells7 > .cell.colspan2 {
width: 28.57142857%;
}
.grid.condensed .row.cells7 > .cell.colspan3 {
width: 42.85714286%;
}
.grid.condensed .row.cells7 > .cell.colspan4 {
width: 57.14285714%;
}
.grid.condensed .row.cells7 > .cell.colspan5 {
width: 71.42857143%;
}
.grid.condensed .row.cells7 > .cell.colspan6 {
width: 85.71428571%;
}
.grid.condensed .row.cells7 > .cell.colspan7 {
width: 100%;
}
.grid.condensed .row.cells7 > .cell.offset1 {
margin-left: 14.28571429%;
}
.grid.condensed .row.cells7 > .cell.offset2 {
margin-left: 28.57142857%;
}
.grid.condensed .row.cells7 > .cell.offset3 {
margin-left: 42.85714286%;
}
.grid.condensed .row.cells7 > .cell.offset4 {
margin-left: 57.14285714%;
}
.grid.condensed .row.cells7 > .cell.offset5 {
margin-left: 71.42857143%;
}
.grid.condensed .row.cells7 > .cell.offset6 {
margin-left: 85.71428571%;
}
.grid.condensed .row.cells7 > .cell.offset7 {
margin-left: 100%;
}
.grid.condensed .row.cells8 > .cell {
width: 12.5%;
}
.grid.condensed .row.cells8 > .cell.colspan2 {
width: 25%;
}
.grid.condensed .row.cells8 > .cell.colspan3 {
width: 37.5%;
}
.grid.condensed .row.cells8 > .cell.colspan4 {
width: 50%;
}
.grid.condensed .row.cells8 > .cell.colspan5 {
width: 62.5%;
}
.grid.condensed .row.cells8 > .cell.colspan6 {
width: 75%;
}
.grid.condensed .row.cells8 > .cell.colspan7 {
width: 87.5%;
}
.grid.condensed .row.cells8 > .cell.colspan8 {
width: 100%;
}
.grid.condensed .row.cells8 > .cell.offset1 {
margin-left: 12.5%;
}
.grid.condensed .row.cells8 > .cell.offset2 {
margin-left: 25%;
}
.grid.condensed .row.cells8 > .cell.offset3 {
margin-left: 37.5%;
}
.grid.condensed .row.cells8 > .cell.offset4 {
margin-left: 50%;
}
.grid.condensed .row.cells8 > .cell.offset5 {
margin-left: 62.5%;
}
.grid.condensed .row.cells8 > .cell.offset6 {
margin-left: 75%;
}
.grid.condensed .row.cells8 > .cell.offset7 {
margin-left: 87.5%;
}
.grid.condensed .row.cells8 > .cell.offset8 {
margin-left: 100%;
}
.grid.condensed .row.cells9 > .cell {
width: 11.11111111%;
}
.grid.condensed .row.cells9 > .cell.colspan2 {
width: 22.22222222%;
}
.grid.condensed .row.cells9 > .cell.colspan3 {
width: 33.33333333%;
}
.grid.condensed .row.cells9 > .cell.colspan4 {
width: 44.44444444%;
}
.grid.condensed .row.cells9 > .cell.colspan5 {
width: 55.55555556%;
}
.grid.condensed .row.cells9 > .cell.colspan6 {
width: 66.66666667%;
}
.grid.condensed .row.cells9 > .cell.colspan7 {
width: 77.77777778%;
}
.grid.condensed .row.cells9 > .cell.colspan8 {
width: 88.88888889%;
}
.grid.condensed .row.cells9 > .cell.colspan9 {
width: 100%;
}
.grid.condensed .row.cells9 > .cell.offset1 {
margin-left: 11.11111111%;
}
.grid.condensed .row.cells9 > .cell.offset2 {
margin-left: 22.22222222%;
}
.grid.condensed .row.cells9 > .cell.offset3 {
margin-left: 33.33333333%;
}
.grid.condensed .row.cells9 > .cell.offset4 {
margin-left: 44.44444444%;
}
.grid.condensed .row.cells9 > .cell.offset5 {
margin-left: 55.55555556%;
}
.grid.condensed .row.cells9 > .cell.offset6 {
margin-left: 66.66666667%;
}
.grid.condensed .row.cells9 > .cell.offset7 {
margin-left: 77.77777778%;
}
.grid.condensed .row.cells9 > .cell.offset8 {
margin-left: 88.88888889%;
}
.grid.condensed .row.cells9 > .cell.offset9 {
margin-left: 100%;
}
.grid.condensed .row.cells10 > .cell {
width: 10%;
}
.grid.condensed .row.cells10 > .cell.colspan2 {
width: 20%;
}
.grid.condensed .row.cells10 > .cell.colspan3 {
width: 30%;
}
.grid.condensed .row.cells10 > .cell.colspan4 {
width: 40%;
}
.grid.condensed .row.cells10 > .cell.colspan5 {
width: 50%;
}
.grid.condensed .row.cells10 > .cell.colspan6 {
width: 60%;
}
.grid.condensed .row.cells10 > .cell.colspan7 {
width: 70%;
}
.grid.condensed .row.cells10 > .cell.colspan8 {
width: 80%;
}
.grid.condensed .row.cells10 > .cell.colspan9 {
width: 90%;
}
.grid.condensed .row.cells10 > .cell.colspan10 {
width: 100%;
}
.grid.condensed .row.cells10 > .cell.offset1 {
margin-left: 10%;
}
.grid.condensed .row.cells10 > .cell.offset2 {
margin-left: 20%;
}
.grid.condensed .row.cells10 > .cell.offset3 {
margin-left: 30%;
}
.grid.condensed .row.cells10 > .cell.offset4 {
margin-left: 40%;
}
.grid.condensed .row.cells10 > .cell.offset5 {
margin-left: 50%;
}
.grid.condensed .row.cells10 > .cell.offset6 {
margin-left: 60%;
}
.grid.condensed .row.cells10 > .cell.offset7 {
margin-left: 70%;
}
.grid.condensed .row.cells10 > .cell.offset8 {
margin-left: 80%;
}
.grid.condensed .row.cells10 > .cell.offset9 {
margin-left: 90%;
}
.grid.condensed .row.cells10 > .cell.offset10 {
margin-left: 100%;
}
.grid.condensed .row.cells11 > .cell {
width: 9.09090909%;
}
.grid.condensed .row.cells11 > .cell.colspan2 {
width: 18.18181818%;
}
.grid.condensed .row.cells11 > .cell.colspan3 {
width: 27.27272727%;
}
.grid.condensed .row.cells11 > .cell.colspan4 {
width: 36.36363636%;
}
.grid.condensed .row.cells11 > .cell.colspan5 {
width: 45.45454545%;
}
.grid.condensed .row.cells11 > .cell.colspan6 {
width: 54.54545455%;
}
.grid.condensed .row.cells11 > .cell.colspan7 {
width: 63.63636364%;
}
.grid.condensed .row.cells11 > .cell.colspan8 {
width: 72.72727273%;
}
.grid.condensed .row.cells11 > .cell.colspan9 {
width: 81.81818182%;
}
.grid.condensed .row.cells11 > .cell.colspan10 {
width: 90.90909091%;
}
.grid.condensed .row.cells11 > .cell.colspan11 {
width: 100%;
}
.grid.condensed .row.cells11 > .cell.offset1 {
margin-left: 9.09090909%;
}
.grid.condensed .row.cells11 > .cell.offset2 {
margin-left: 18.18181818%;
}
.grid.condensed .row.cells11 > .cell.offset3 {
margin-left: 27.27272727%;
}
.grid.condensed .row.cells11 > .cell.offset4 {
margin-left: 36.36363636%;
}
.grid.condensed .row.cells11 > .cell.offset5 {
margin-left: 45.45454545%;
}
.grid.condensed .row.cells11 > .cell.offset6 {
margin-left: 54.54545455%;
}
.grid.condensed .row.cells11 > .cell.offset7 {
margin-left: 63.63636364%;
}
.grid.condensed .row.cells11 > .cell.offset8 {
margin-left: 72.72727273%;
}
.grid.condensed .row.cells11 > .cell.offset9 {
margin-left: 81.81818182%;
}
.grid.condensed .row.cells11 > .cell.offset10 {
margin-left: 90.90909091%;
}
.grid.condensed .row.cells11 > .cell.offset11 {
margin-left: 100%;
}
.grid.condensed .row.cells12 > .cell {
width: 8.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan2 {
width: 16.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan3 {
width: 25%;
}
.grid.condensed .row.cells12 > .cell.colspan4 {
width: 33.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan5 {
width: 41.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan6 {
width: 50%;
}
.grid.condensed .row.cells12 > .cell.colspan7 {
width: 58.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan8 {
width: 66.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan9 {
width: 75%;
}
.grid.condensed .row.cells12 > .cell.colspan10 {
width: 83.33333333%;
}
.grid.condensed .row.cells12 > .cell.colspan11 {
width: 91.66666667%;
}
.grid.condensed .row.cells12 > .cell.colspan12 {
width: 100%;
}
.grid.condensed .row.cells12 > .cell.offset1 {
margin-left: 8.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset2 {
margin-left: 16.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset3 {
margin-left: 25%;
}
.grid.condensed .row.cells12 > .cell.offset4 {
margin-left: 33.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset5 {
margin-left: 41.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset6 {
margin-left: 50%;
}
.grid.condensed .row.cells12 > .cell.offset7 {
margin-left: 58.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset8 {
margin-left: 66.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset9 {
margin-left: 75%;
}
.grid.condensed .row.cells12 > .cell.offset10 {
margin-left: 83.33333333%;
}
.grid.condensed .row.cells12 > .cell.offset11 {
margin-left: 91.66666667%;
}
.grid.condensed .row.cells12 > .cell.offset12 {
margin-left: 100%;
}
.flex-grid {
display: block;
width: 100%;
}
.flex-grid .row {
display: -webkit-flex;
display: flex;
margin:0;
}
.flex-grid .row .cell {
-webkit-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
}
.flex-grid .row.cell-auto-size .cell {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.flex-grid .row .cell.colspan2 {
-webkit-flex: 0 0 16.66666666%;
flex: 0 0 16.66666666%;
}
.flex-grid .row .cell.colspan3 {
-webkit-flex: 0 0 24.99999999%;
flex: 0 0 24.99999999%;
}
.flex-grid .row .cell.colspan4 {
-webkit-flex: 0 0 33.33333332%;
flex: 0 0 33.33333332%;
}
.flex-grid .row .cell.colspan5 {
-webkit-flex: 0 0 41.66666665%;
flex: 0 0 41.66666665%;
}
.flex-grid .row .cell.colspan6 {
-webkit-flex: 0 0 49.99999998%;
flex: 0 0 49.99999998%;
}
.flex-grid .row .cell.colspan7 {
-webkit-flex: 0 0 58.33333331%;
flex: 0 0 58.33333331%;
}
.flex-grid .row .cell.colspan8 {
-webkit-flex: 0 0 66.66666664%;
flex: 0 0 66.66666664%;
}
.flex-grid .row .cell.colspan9 {
-webkit-flex: 0 0 74.99999997%;
flex: 0 0 74.99999997%;
}
.flex-grid .row .cell.colspan10 {
-webkit-flex: 0 0 83.3333333%;
flex: 0 0 83.3333333%;
}
.flex-grid .row .cell.colspan11 {
-webkit-flex: 0 0 91.66666663%;
flex: 0 0 91.66666663%;
}
.flex-grid .row .cell.colspan12 {
-webkit-flex: 0 0 99.99999996%;
flex: 0 0 99.99999996%;
}
.flex-grid .row .cell.size1 {
-webkit-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
}
.flex-grid .row .cell.size2 {
-webkit-flex: 0 0 16.66666666%;
flex: 0 0 16.66666666%;
}
.flex-grid .row .cell.size3 {
-webkit-flex: 0 0 24.99999999%;
flex: 0 0 24.99999999%;
}
.flex-grid .row .cell.size4 {
-webkit-flex: 0 0 33.33333332%;
flex: 0 0 33.33333332%;
}
.flex-grid .row .cell.size5 {
-webkit-flex: 0 0 41.66666665%;
flex: 0 0 41.66666665%;
}
.flex-grid .row .cell.size6 {
-webkit-flex: 0 0 49.99999998%;
flex: 0 0 49.99999998%;
}
.flex-grid .row .cell.size7 {
-webkit-flex: 0 0 58.33333331%;
flex: 0 0 58.33333331%;
}
.flex-grid .row .cell.size8 {
-webkit-flex: 0 0 66.66666664%;
flex: 0 0 66.66666664%;
}
.flex-grid .row .cell.size9 {
-webkit-flex: 0 0 74.99999997%;
flex: 0 0 74.99999997%;
}
.flex-grid .row .cell.size10 {
-webkit-flex: 0 0 83.3333333%;
flex: 0 0 83.3333333%;
}
.flex-grid .row .cell.size11 {
-webkit-flex: 0 0 91.66666663%;
flex: 0 0 91.66666663%;
}
.flex-grid .row .cell.size12 {
-webkit-flex: 0 0 99.99999996%;
flex: 0 0 99.99999996%;
}
.flex-grid .row .cell.size-p10 {
-webkit-flex: 0 0 10%;
flex: 0 0 10%;
}
.flex-grid .row .cell.size-p20 {
-webkit-flex: 0 0 20%;
flex: 0 0 20%;
}
.flex-grid .row .cell.size-p30 {
-webkit-flex: 0 0 30%;
flex: 0 0 30%;
}
.flex-grid .row .cell.size-p40 {
-webkit-flex: 0 0 40%;
flex: 0 0 40%;
}
.flex-grid .row .cell.size-p50 {
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
}
.flex-grid .row .cell.size-p60 {
-webkit-flex: 0 0 60%;
flex: 0 0 60%;
}
.flex-grid .row .cell.size-p70 {
-webkit-flex: 0 0 70%;
flex: 0 0 70%;
}
.flex-grid .row .cell.size-p80 {
-webkit-flex: 0 0 80%;
flex: 0 0 80%;
}
.flex-grid .row .cell.size-p90 {
-webkit-flex: 0 0 90%;
flex: 0 0 90%;
}
.flex-grid .row .cell.size-p100 {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
}
.flex-grid .row .cell.size-x100 {
-webkit-flex: 0 0 100px;
flex: 0 0 100px;
}
.flex-grid .row .cell.size-x140 {
-webkit-flex: 0 0 140px;
flex: 0 0 140px;
}
.flex-grid .row .cell.size-x150 {
-webkit-flex: 0 0 150px;
flex: 0 0 150px;
}
.flex-grid .row .cell.size-x159 {
-webkit-flex: 0 0 159px !important;
flex: 0 0 159px !important;
}
.flex-grid .row .cell.size-x160 {
-webkit-flex: 0 0 160px;
flex: 0 0 160px;
}
.flex-grid .row .cell.size-x170 {
-webkit-flex: 0 0 170px;
flex: 0 0 170px;
}
.flex-grid .row .cell.size-x180 {
-webkit-flex: 0 0 180px;
flex: 0 0 180px;
}
/*Below css added by Hasmukh for left sidebar in office admin section*/
.flex-grid .row .cell.size-x_140 {
-webkit-flex: 0 0 8.75rem;
flex: 0 0 8.75rem;
}
.flex-grid .row .cell.size-x_150 {
-webkit-flex: 0 0 9.375rem;
flex: 0 0 9.375rem;
}
.flex-grid .row .cell.size-x_160 {
-webkit-flex: 0 0 10rem;
flex: 0 0 10rem;
}
.flex-grid .row .cell.size-x_170 {
-webkit-flex: 0 0 10.625rem;
flex: 0 0 10.625rem;
}
.flex-grid .row .cell.size-x_180 {
-webkit-flex: 0 0 11.25rem;
flex: 0 0 11.25rem;
}
/*end*/
.flex-grid .row .cell.size-x200 {
-webkit-flex: 0 0 212px;
flex: 0 0 212px;
}
.flex-grid .row .cell.size-x213 {
-webkit-flex: 0 0 213px;
flex: 0 0 213px;
}
.flex-grid .row .cell.size-x215 {
-webkit-flex: 0 0 16rem;
flex: 0 0 16rem;
}
.flex-grid .row .cell.size-x218 {
-webkit-flex: 0 0 215px;
flex: 0 0 215px;
}
.flex-grid .row .cell.size-x240 {
-webkit-flex: 0 0 240px;
flex: 0 0 240px;
}
.flex-grid .row .cell.size-x284 {
-webkit-flex: 0 0 284px;
flex: 0 0 284px;
}
.flex-grid .row .cell.size-x300 {
-webkit-flex: 0 0 300px;
flex: 0 0 300px;
}
.flex-grid .row .cell.size-x358 {
-webkit-flex: 0 0 358px;
flex: 0 0 358px;
}
.flex-grid .row .cell.size-x400 {
-webkit-flex: 0 0 400px;
flex: 0 0 400px;
}
.flex-grid .row .cell.size-x500 {
-webkit-flex: 0 0 500px;
flex: 0 0 500px;
}
.flex-grid .row .cell.size-x600 {
-webkit-flex: 0 0 600px;
flex: 0 0 600px;
}
.flex-grid .row .cell.size-x700 {
-webkit-flex: 0 0 700px;
flex: 0 0 700px;
}
.flex-grid .row .cell.size-x800 {
-webkit-flex: 0 0 800px;
flex: 0 0 800px;
}
.flex-grid .row .cell.size-x900 {
-webkit-flex: 0 0 900px;
flex: 0 0 900px;
}
.flex-grid .row .cell.size-x1000 {
-webkit-flex: 0 0 1000px;
flex: 0 0 1000px;
}
.flex-grid .row .cell.auto-size {
-webkit-flex: 1 auto;
flex: 1 auto;
}
.grid .flex-grid .row > .cell{
display:block;
float: none;
width: 100%;
min-height:inherit;
margin:inherit;
}
.grid .row {
width: 100%;
display: block;
/*margin: 0 0 2.12765% 0;*/
margin: 0 0 0.8rem 0;
}
.table {
width: 100%;
margin:0;
}
.table th,
.table td {
padding: 0.3rem 0.3rem;
}
.table thead {
border-bottom: 4px solid #999999;
}
.table thead th,
.table thead td {
cursor: default;
color: #5c5c5c;
border-color: transparent;
text-align: left;
font-style: normal;
font-weight: 700;
line-height: 100%;
}
.table tfoot {
/*border-top: 4px solid #999999;*/
}
.table tfoot th,
.table tfoot td {
cursor: default;
color: #52677a;
border-color: transparent;
text-align: left;
font-style: normal;
font-weight: 700;
line-height: 100%;
}
.table tbody td {
padding: 0.3rem 0.3rem;
}
.no-table-padding tbody td{
padding:1px !important;
}
.table .sortable-column {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.table .sortable-column:after {
position: absolute;
content: "";
width: 1rem;
height: 1rem;
left: 100%;
margin-left: -20px;
top: 50%;
margin-top: -0.5rem;
color: inherit;
font-size: 1rem;
line-height: 1;
}
.table .sortable-column.sort-asc,
.table .sortable-column.sort-desc {
background-color: #eeeeee;
}
.table .sortable-column.sort-asc:after,
.table .sortable-column.sort-desc:after {
color: #1d1d1d;
}
.table .sortable-column.sort-asc:after {
content: "\2191";
}
.table .sortable-column.sort-desc:after {
content: "\2193";
}
.table.sortable-markers-on-left .sortable-column {
padding-left: 30px;
}
.table.sortable-markers-on-left .sortable-column:before,
.table.sortable-markers-on-left .sortable-column:after {
left: 0;
margin-left: 10px;
}
.table tr.selected td {
/*background-color: rgba(28, 183, 236, 0.1); Updated New Color*/
background-color: #ffeeb2;
}
.table td.selected {
/*background-color: rgba(28, 183, 236, 0.3); Updated New Color*/
background-color: #ffeeb2;
}
.table.striped tbody tr:nth-child(odd) {
background: #eeeeee;
}
.table.hovered tbody tr:hover {
background-color: rgba(28, 183, 236, 0.1);
}
.table.cell-hovered tbody td:hover {
background-color: rgba(28, 183, 236, 0.3);
}
.table.border {
border: 1px #d1d1d1 solid;
}
/*.table.bordered th,
.table.bordered td {
border: 1px #d1d1d1 solid;
}*/
.table.bordered thead tr:first-child th,
.table.bordered thead tr:first-child td {
border-top: none;
}
.table.bordered thead tr:first-child th:first-child,
.table.bordered thead tr:first-child td:first-child {
border-left: none;
}
.table.bordered thead tr:first-child th:last-child,
.table.bordered thead tr:first-child td:last-child {
border-right: none;
}
.table.bordered tbody tr:first-child td {
border-top: none;
}
.table.bordered tbody tr td:first-child {
border-left: none;
}
.table.bordered tbody tr td:last-child {
border-right: none;
}
.table.bordered tbody tr:last-child td {
border-bottom: none;
}
.table .condensed th,
.table .condensed td {
padding: .3125rem;
}
.table .super-condensed th,
.table .super-condensed td {
padding: .125rem;
}
.table tbody tr.error {
background-color: #ce352c;
color: #ffffff;
}
.table tbody tr.error:hover {
background-color: #da5a53;
}
.table tbody tr.warning {
background-color: #fa6800;
color: #ffffff;
}
.table tbody tr.warning:hover {
background-color: #ffc194;
}
.table tbody tr.success {
background-color: #60a917;
color: #ffffff;
}
.table tbody tr.success:hover {
background-color: #7ad61d;
}
.table tbody tr.info {
background-color: #1ba1e2;
color: #ffffff;
}
.table tbody tr.info:hover {
background-color: #59cde2;
}
.app-bar {
display: block;
width: 100%;
position: relative;
background-color: #288ee0;
color: #ffffff;
height: 3.125rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.app-bar:before,
.app-bar:after {
display: table;
content: "";
}
.app-bar:after {
clear: both;
}
.app-bar .app-bar-element {
line-height: 2.4rem;
padding: 0 .625rem;
font-size: 1rem;
cursor: pointer;
color: inherit;
display: block;
float: left;
position: relative;
vertical-align: middle;
height: 2.4rem;
}
.app-bar .app-bar-element:hover,
.app-bar .app-bar-element:active {
background-color: #005696;
}
.app-bar .app-bar-element.branding {
padding-left: 1rem;
padding-right: 1rem;
}
.app-bar .app-bar-element .d-menu {
top: 100%;
border: 2px solid #005696;
}
.app-bar .app-bar-element .d-menu li:not(.disabled):hover {
background-color: #eee;
}
.app-bar .app-bar-element .d-menu li:not(.disabled):hover > a {
color: #1d1d1d;
}
.app-bar .app-bar-element .d-menu .d-menu {
top: -0.625rem;
left: 100%;
}
.app-bar .app-bar-element .d-menu .dropdown-toggle:before {
border-color: #1d1d1d;
}
.app-bar .app-bar-divider {
display: block;
float: left;
line-height: 3.125rem;
height: 3.125rem;
width: 1px;
background-color: #4c9cd7;
padding: 0;
}
.app-bar .app-bar-menu > li:hover, .app-bar .app-bar-menu > li > a:hover, .app-bar .app-bar-menu > li:active, .app-bar .app-bar-menu > li > a:active {
background-color: #3797e4;
}
.app-bar .dropdown-toggle:before {
border-color: #ffffff;
}
.app-bar .app-bar-menu > li > a:hover {
background-color: #1874d2;
}
.app-bar .app-bar-menu {
display: block;
float: left;
margin: 0;
padding: 0;
}
.app-bar .app-bar-menu > li,
.app-bar .app-bar-menu > li > a {
line-height: 2.5rem;
/*padding: 0 .5rem;*/
padding: 0 5px;
font-size: 0.9rem;
cursor: pointer;
color: inherit;
display: block;
float: left;
position: relative;
vertical-align: middle;
height: 2.7rem;
font-weight:500;
}
.app-bar .app-bar-menu > li:hover,
.app-bar .app-bar-menu > li > a:hover,
.app-bar .app-bar-menu > li:active,
.app-bar .app-bar-menu > li > a:active {
background-color:#3797e4;
}
.app-bar .app-bar-menu > li > a:hover{ background-color:#1874d2;}
.app-bar .app-bar-menu > li.branding,
.app-bar .app-bar-menu > li > a.branding {
padding-left: 1rem;
padding-right: 1rem;
}
.app-bar .app-bar-menu > li .d-menu,
.app-bar .app-bar-menu > li > a .d-menu {
top: 100%;
border: 2px solid #005696;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover,
.app-bar .app-bar-menu > li > a .d-menu li:not(.disabled):hover {
background-color: #eee;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover > a,
.app-bar .app-bar-menu > li > a .d-menu li:not(.disabled):hover > a {
color: #1d1d1d;
}
.app-bar .app-bar-menu > li .d-menu .d-menu,
.app-bar .app-bar-menu > li > a .d-menu .d-menu {
top: -0.625rem;
left: 100%;
}
.app-bar .app-bar-menu > li .d-menu .dropdown-toggle:before,
.app-bar .app-bar-menu > li > a .d-menu .dropdown-toggle:before {
border-color: #1d1d1d;
}
.app-bar .app-bar-menu > li:before,
.app-bar .app-bar-menu > li > a:before,
.app-bar .app-bar-menu > li:after,
.app-bar .app-bar-menu > li > a:after {
display: table;
content: "";
}
.app-bar .app-bar-menu > li:after,
.app-bar .app-bar-menu > li > a:after {
clear: both;
}
.app-bar .app-bar-menu > li > .input-control.text,
.app-bar .app-bar-menu > li > a > .input-control.text,
.app-bar .app-bar-menu > li > .input-control.password,
.app-bar .app-bar-menu > li > a > .input-control.password {
margin-top: .55rem;
font-size: .875rem;
line-height: 1.8rem;
display: block;
}
.app-bar .app-bar-menu > li > .input-control.text input,
.app-bar .app-bar-menu > li > a > .input-control.text input,
.app-bar .app-bar-menu > li > .input-control.password input,
.app-bar .app-bar-menu > li > a > .input-control.password input {
border-color: transparent;
}
.app-bar .app-bar-menu > li > .button,
.app-bar .app-bar-menu > li > a > .button {
margin-top: -0.15rem;
}
.app-bar .app-bar-menu > li > .image-button,
.app-bar .app-bar-menu > li > a > .image-button {
margin: 0;
background-color: transparent;
color: #ffffff;
font-size: inherit;
}
.app-bar .app-bar-menu > li > .image-button img.icon,
.app-bar .app-bar-menu > li > a > .image-button img.icon {
padding: 0;
}
.app-bar .app-bar-menu > li .dropdown-toggle:before,
.app-bar .app-bar-menu > li > a .dropdown-toggle:before {
transition: all 0.3s ease;
}
.app-bar .app-bar-menu > li .dropdown-toggle.active-toggle:before,
.app-bar .app-bar-menu > li > a .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.app-bar .app-bar-menu > li .d-menu .dropdown-toggle.active-toggle:before,
.app-bar .app-bar-menu > li > a .d-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.app-bar .app-bar-menu > li.dropdown-toggle,
.app-bar .app-bar-menu > li > a.dropdown-toggle {
padding: 0px 0.8rem;
line-height: 2.5rem;
}
.app-bar .app-bar-menu > li.dropdown-toggle:before,
.app-bar .app-bar-menu > li > a.dropdown-toggle:before {
border-color: #ffffff;
display: block;
}
.app-bar .app-bar-menu .dropdown-toggle span:after {
content: "|";
right: 1.5rem;
font-size: 15px;
font-weight:300;
position:absolute;
pointer-events: none;
}
.app-bar .app-bar-menu .ptline:after {
content: "|";
right: 1.6rem;
font-size: 15px;
font-weight: 300;
position: absolute;
pointer-events: none;
}
.app-bar .app-bar-menu > li > a.dropdown-toggle:hover span{display:none;}
.app-bar .app-bar-menu > li {
padding: 0;
margin:0 0.3rem;
}
.app-bar .app-bar-menu > li, .app-bar .app-bar-menu > li > a .divider:after{content:"|"; padding-left:0rem; font-weight:lighter; font-size:0.8rem;}
.app-bar .app-bar-menu > li.marL0{ margin-left:0px;}
.app-bar .app-bar-menu > li.active-container{ background-color:#005cb9;}
.app-bar .app-bar-menu > li .d-menu {
top: 100%;
border: 2px solid #005696;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover {
background-color: #eee;
}
.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover > a {
color: #1d1d1d;
}
.app-bar .app-bar-menu > li .d-menu .d-menu {
top: -0.625rem;
left: 100%;
}
.app-bar .app-bar-menu > li .d-menu .dropdown-toggle:before {
border-color: #1d1d1d;
}
.app-bar .app-bar-menu.small-dropdown .d-menu li > a {
font-size: .8em;
padding: .325rem 1.2rem .325rem 1.8rem;
}
.app-bar .app-bar-pullbutton {
float: right;
}
.app-bar .app-bar-pullbutton.automatic {
display: none;
float: right;
color: #fff;
cursor: pointer;
font: 2rem sans-serif;
height: 2.125rem;
width: 3.125rem;
line-height: 1.25rem;
vertical-align: middle;
text-align: center;
margin: 0;
}
.app-bar .app-bar-pullbutton.automatic:before {
content: "\2261";
position: absolute;
top: .875rem;
left: .875rem;
}
.app-bar .app-bar-drop-container {
position: absolute;
top: 100%;
left: 0;
margin-top: 10px;
border: 2px solid #005696;
background: #ffffff;
}
.app-bar .app-bar-drop-container:before {
content: '';
position: absolute;
background-color: #ffffff;
width: 10px;
height: 10px;
border: 2px #005696 solid;
top: 1px;
left: 1rem;
margin: -8px 0;
border-bottom: none;
border-right: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.app-bar .app-bar-drop-container:before {
z-index: 0;
}
.app-bar .app-bar-drop-container.place-right {
right: 0;
left: auto;
}
.app-bar .app-bar-drop-container.place-right:before {
left: auto;
right: 1rem;
}
.app-bar .app-bar-element:before,
.app-bar .app-bar-element:after {
display: table;
content: "";
}
.app-bar .app-bar-element:after {
clear: both;
}
.app-bar .app-bar-element > .input-control.text,
.app-bar .app-bar-element > .input-control.password {
margin-top: .55rem;
font-size: .875rem;
line-height: 1.8rem;
display: block;
}
.app-bar .app-bar-element > .input-control.text input,
.app-bar .app-bar-element > .input-control.password input {
border-color: transparent;
}
.app-bar .app-bar-element > .button {
margin-top: -0.15rem;
}
.app-bar .app-bar-element > .image-button {
margin: 0;
background-color: transparent;
color: #ffffff;
font-size: inherit;
}
.app-bar .app-bar-element > .image-button img.icon {
padding: 0;
}
.app-bar.drop-up .app-bar-drop-container {
top: auto;
bottom: 3.75rem;
}
.app-bar.drop-up .app-bar-drop-container:before {
top: auto;
bottom: 1px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.app-bar.drop-up .app-bar-menu > li > .d-menu {
top: auto;
bottom: 3.125rem;
}
.app-bar.drop-up .app-bar-element > .d-menu {
top: auto;
bottom: 3.125rem;
}
.app-bar.drop-up .app-bar-menu li .d-menu .d-menu,
.app-bar.drop-up .app-bar-element .d-menu .d-menu {
top: auto ;
bottom: 0;
}
.app-bar .app-bar-element .dropdown-toggle:before,
.app-bar .app-bar-menu .dropdown-toggle:before {
transition: all 0.3s ease;
}
.app-bar .app-bar-element .dropdown-toggle.active-toggle:before,
.app-bar .app-bar-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.app-bar .app-bar-element .d-menu .dropdown-toggle.active-toggle:before,
.app-bar .app-bar-menu .d-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.app-bar .app-bar-menu > li > a.icon{ padding:0 0.50rem;}
.app-bar .app-bar-menu > li{
margin: 0px 0.5rem;
}
.app-bar .app-bar-menu > li:nth-child(-n+4){
margin: 0px 0.3rem;
}
.app-bar .app-bar-menu.place-right > li{
margin: 0px 0.3rem;
}
.app-bar.fixed-bottom {
z-index: 1030;
position: relative;
}
.fixed-top {
top: 0;
position:fixed !important;
}
.fixed-sub-top {
top:4%;
position:fixed !important;
z-index: 1030 !important;
}
.app-bar.fixed-bottom {
bottom: 0;
}
.app-bar {
overflow: visible;
height: auto;
}
.app-bar .app-bar-pullbutton {
line-height: 3.125rem;
padding: 0 .625rem;
font-size: 1rem;
cursor: pointer;
color: inherit;
display: block;
float: left;
position: relative;
vertical-align: middle;
height: 3.125rem;
float: right;
}
.app-bar .app-bar-pullbutton:hover,
.app-bar .app-bar-pullbutton:active {
background-color: #005696;
}
.app-bar .app-bar-pullbutton.branding {
padding-left: 1rem;
padding-right: 1rem;
}
.app-bar .app-bar-pullbutton .d-menu {
top: 100%;
border: 2px solid #005696;
}
.app-bar .app-bar-pullbutton .d-menu li:not(.disabled):hover {
background-color: #eee;
}
.app-bar .app-bar-pullbutton .d-menu li:not(.disabled):hover > a {
color: #1d1d1d;
}
.app-bar .app-bar-pullbutton .d-menu .d-menu {
top: -0.625rem;
left: 100%;
}
.app-bar .app-bar-pullbutton .d-menu .dropdown-toggle:before {
border-color: #1d1d1d;
}
.app-bar .app-bar-pullbutton:before,
.app-bar .app-bar-pullbutton:after {
display: table;
content: "";
}
.app-bar .app-bar-pullbutton:after {
clear: both;
}
.app-bar .app-bar-pullbutton > .input-control.text,
.app-bar .app-bar-pullbutton > .input-control.password {
margin-top: .55rem;
font-size: .875rem;
line-height: 1.8rem;
display: block;
}
.app-bar .app-bar-pullbutton > .input-control.text input,
.app-bar .app-bar-pullbutton > .input-control.password input {
border-color: transparent;
}
.app-bar .app-bar-pullbutton > .button {
margin-top: -0.15rem;
}
.app-bar .app-bar-pullbutton > .image-button {
margin: 0;
background-color: transparent;
color: #ffffff;
font-size: inherit;
}
.app-bar .app-bar-pullbutton > .image-button img.icon {
padding: 0;
}
.app-bar .app-bar-pullbutton .dropdown-toggle:before {
transition: all 0.3s ease;
}
.app-bar .app-bar-pullbutton .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.app-bar .app-bar-pullbutton .d-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.app-bar .app-bar-pullbutton {
display: none;
}
.app-bar .app-bar-pullmenu {
display: none;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 {
position: absolute;
right: 0;
z-index: 1000;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .app-bar-pullmenubar {
float: right;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .dropdown-toggle:before {
border-color: #323232;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 > li:hover {
background-color: #0072c6;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 > li .input-control {
text-align: center;
display: block;
margin: 0.325rem;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 > li:hover a {
background-color: #0072c6;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 > li li:not(:hover) {
color: #1d1d1d;
}
.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 > li li:not(:hover) a {
background-color: #ffffff;
}
.app-bar .app-bar-pullmenu .app-bar-menu {
width: 100%;
border-top: 1px solid #4c9cd7;
position: relative;
float: none;
display: none;
z-index: 1000 1;
background-color: #005696;
clear: both;
}
.app-bar .app-bar-pullmenu .app-bar-menu > li,
.app-bar .app-bar-pullmenu .app-bar-menu > li > a {
float: none;
}
.app-bar .app-bar-pullmenu .app-bar-menu > li {
height: auto;
}
.app-bar .app-bar-pullmenu .app-bar-menu li:hover {
background-color: #0072c6;
}
.app-bar .app-bar-pullmenu .app-bar-menu li:hover a {
background-color: #0072c6;
color: #ffffff;
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu {
border: 0;
border-top: 1px solid #4c9cd7;
clear: both;
float: none;
width: 100%;
position: relative;
left: 0;
box-shadow: none;
max-width: 100%;
background-color: #005696;
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu li {
width: 100%;
background-color: inherit;
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu li a {
padding-left: 20px;
padding-right: 0;
background-color: inherit;
width: 100%;
color: #ffffff;
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .dropdown-toggle:before {
border-color: #ffffff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .divider {
background-color: #4c9cd7;
}
.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .d-menu {
top: 0;
left: 0;
}
.app-bar > .container {
padding: 0 !important;
}
.h-menu li:hover > .dropdown-toggle:before,
.v-menu li:hover > .dropdown-toggle:before,
.d-menu li:hover > .dropdown-toggle:before,
.m-menu li:hover > .dropdown-toggle:before {
border-color: #ffffff;
}
.h-menu {
text-align: left;
display: block;
height: auto;
list-style: none inside none;
margin: 0;
padding: 0;
background-color: #ffffff;
border-collapse: separate;
}
.h-menu:before,
.h-menu:after {
display: table;
content: "";
}
.h-menu:after {
clear: both;
}
.h-menu > li {
display: block;
float: left;
position: relative;
}
.h-menu > li:hover {
background-color: #59cde2;
color: #ffffff;
}
.h-menu > li:hover > a {
color: #ffffff;
}
.h-menu > li.no-hovered {
background-color: inherit;
color: inherit;
}
.h-menu > li:first-child {
margin-left: 0;
}
.h-menu > li > a {
display: block;
float: left;
position: relative;
font-weight: normal;
color: #727272;
font-size: .875rem;
outline: none;
text-decoration: none;
padding: 1.125rem 1.625rem;
border: none;
}
.h-menu > li > a:hover {
background-color: #59cde2;
color: #ffffff;
}
.h-menu > li .input-control,
.h-menu > li .button {
margin-top: 10px;
}
.h-menu > li.active a {
background-color: #59cde2;
color: #ffffff;
}
.h-menu > li > .d-menu {
left: 0;
top: 100%;
}
.h-menu .dropdown-toggle:before {
transition: all 0.3s ease;
}
.h-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.f-menu {
text-align: left;
display: block;
height: auto;
list-style: none inside none;
margin: 0;
padding: 0;
background-color: #ffffff;
border-collapse: separate;
display: -webkit-flex;
display: flex;
}
.f-menu li:hover > .dropdown-toggle:before {
border-color: #ffffff;
}
.f-menu:before,
.f-menu:after {
display: table;
content: "";
}
.f-menu:after {
clear: both;
}
.f-menu > li {
display: block;
float: left;
position: relative;
}
.f-menu > li:hover {
background-color: #59cde2;
color: #ffffff;
}
.f-menu > li:hover > a {
color: #ffffff;
}
.f-menu > li.no-hovered {
background-color: inherit;
color: inherit;
}
.f-menu > li:first-child {
margin-left: 0;
}
.f-menu > li > a {
display: block;
float: left;
position: relative;
font-weight: normal;
color: #727272;
font-size: .875rem;
outline: none;
text-decoration: none;
padding: 1.125rem 1.625rem;
border: none;
}
.f-menu > li > a:hover {
background-color: #59cde2;
color: #ffffff;
}
.f-menu > li .input-control,
.f-menu > li .button {
margin-top: 10px;
}
.f-menu > li.active a {
background-color: #59cde2;
color: #ffffff;
}
.f-menu > li > .d-menu {
left: 0;
top: 100%;
}
.f-menu .dropdown-toggle:before {
transition: all 0.3s ease;
}
.f-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.f-menu > li > .d-menu {
left: auto;
}
.f-menu > li {
text-align: center;
-webkit-flex: 1 auto;
flex: 1 auto;
}
.f-menu > li a {
text-align: center;
width: 100%;
}
.f-menu > li .d-menu {
width: 100%;
max-width: none;
}
.f-menu > li .d-menu li {
width: 100%;
}
.f-menu > li .d-menu li a {
width: 100%;
min-width: 0;
padding: .75rem 0;
}
.f-menu .d-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.f-menu.default-dropdown > li .d-menu {
width: auto;
min-width: 12.5rem;
}
.f-menu.default-dropdown > li .d-menu a {
text-align: left;
padding: .75rem 2rem .75rem 2.5rem;
}
.v-menu {
text-align: left;
background: #ffffff;
max-width: 15.625rem;
list-style: none inside none;
margin: 0;
padding: 0;
position: relative;
width: 200px;
float: left;
color:#000;
border: 0;
/* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); */
-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
padding:0.625rem;
font-size:0.875rem;
}
.v-menu li {
display: block;
float: none;
position: relative;
}
.v-menu li:before,
.v-menu li:after {
display: table;
content: "";
}
.v-menu li:after {
clear: both;
}
.v-menu li a {
color: #727272;
font-size: .875rem;
display: block;
float: none;
padding: .75rem 2rem .75rem 2.5rem;
text-decoration: none;
vertical-align: middle;
position: relative;
white-space: nowrap;
min-width: 12.5rem;
border: none;
}
.v-menu li a img,
.v-menu li a .icon {
position: absolute;
left: .875rem;
top: 50%;
margin-top: -0.5625rem;
color: #262626;
max-height: 1.125rem;
font-size: 1.125rem;
display: inline-block;
margin-right: .3125rem;
vertical-align: middle;
text-align: center;
}
.v-menu li.active {
border-left: 2px solid;
border-color: #1ba1e2;
}
.v-menu li.active > a {
background-color: #59cde2;
color: #ffffff;
font-weight: bold;
}
.v-menu li:hover {
text-decoration: none;
background: #59cde2;
}
.v-menu li:hover > a,
.v-menu li:hover .icon {
color: #ffffff;
}
.v-menu li a[data-hotkey] {
padding-right: 3.2rem;
}
.v-menu li a[data-hotkey]:after {
content: attr(data-hotkey);
position: absolute;
right: 1.2rem;
width: auto;
font-size: .8em;
}
.v-menu .divider {
padding: 0;
height: 1px;
margin: 0 1px;
overflow: hidden;
background-color: #f2f2f2;
}
.v-menu .divider:hover {
background-color: #f2f2f2;
}
.v-menu.subdown .d-menu {
min-width: 0;
position: relative;
width: 100%;
left: 0 ;
right: 0 ;
top: 100%;
box-shadow: none;
}
.v-menu .item-block {
display: block;
padding: .625rem;
background-color: #eeeeee;
}
.v-menu .d-menu {
left: 100%;
top: -10%;
}
.v-menu .menu-title {
background-color: #f6f7f8;
font-size: 12px;
line-height: 14px;
padding: 4px 8px;
border: 0;
color: #646464;
}
.v-menu .menu-title:first-child {
margin: 0;
border-top-width: 0;
}
.v-menu .menu-title:first-child:hover {
border-top-width: 0;
}
.v-menu .menu-title:hover {
background-color: #f6f7f8;
cursor: default;
border: 0;
}
.v-menu .dropdown-toggle:before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
margin-top: -2px;
}
.v-menu .dropdown-toggle:before {
transition: all 0.3s ease;
}
.v-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all 0.3s ease;
}
.v-menu.subdown .dropdown-toggle:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left: -1.25rem;
}
.v-menu.subdown .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.v-menu li.disabled a {
color: #eeeeee;
}
.v-menu li.disabled:hover {
background-color: inherit;
cursor: default;
border: 0;
}
.v-menu li.disabled:hover a {
cursor: inherit;
}
.d-menu {
text-align: left;
background: #ffffff;
max-width: 15.625rem;
list-style: none inside none;
margin: 0;
padding: 0;
position: relative;
width: auto;
float: left;
border-collapse: separate;
position: absolute;
display: none;
z-index: 1000;
left: 0;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.d-menu li:hover > .dropdown-toggle:before {
border-color: #ffffff;
}
.d-menu li {
display: block;
float: none;
position: relative;
}
.d-menu li a{
color:#000 !important;
}
.d-menu li a:hover{
color:#fff !important;
}
.d-menu li:before,
.d-menu li:after {
display: table;
content: "";
}
.d-menu li:after {
clear: both;
}
.d-menu li a {
color: #727272;
font-size: .875rem;
display: block;
float: none;
padding: .75rem 2rem .75rem 2.5rem;
text-decoration: none;
vertical-align: middle;
position: relative;
white-space: nowrap;
min-width: 12.5rem;
border: none;
}
.d-menu li a img,
.d-menu li a .icon {
position: absolute;
left: .875rem;
top: 50%;
margin-top: -0.5625rem;
color: #262626;
max-height: 1.125rem;
font-size: 1.125rem;
display: inline-block;
margin-right: .3125rem;
vertical-align: middle;
text-align: center;
}
.d-menu li.active {
border-left: 2px solid;
border-color: #1ba1e2;
}
.d-menu li.active > a {
background-color: #59cde2;
color: #ffffff;
font-weight: bold;
}
.d-menu li:hover {
text-decoration: none;
background: #59cde2;
}
.d-menu li:hover > a,
.d-menu li:hover .icon {
color: #ffffff;
}
.d-menu li a[data-hotkey] {
padding-right: 3.2rem;
}
.d-menu li a[data-hotkey]:after {
content: attr(data-hotkey);
position: absolute;
right: 1.2rem;
width: auto;
font-size: .8em;
}
.d-menu .divider {
padding: 0;
height: 1px;
margin: 0 1px;
overflow: hidden;
background-color: #f2f2f2;
}
.d-menu .divider:hover {
background-color: #f2f2f2;
}
.d-menu.subdown .d-menu {
min-width: 0;
position: relative;
width: 100%;
left: 0 ;
right: 0 ;
top: 100%;
box-shadow: none;
}
.d-menu .item-block {
display: block;
padding: .625rem;
background-color: #eeeeee;
}
.d-menu .d-menu {
left: 100%;
top: -10%;
}
.d-menu .menu-title {
background-color: #f6f7f8;
font-size: 12px;
line-height: 14px;
padding: 4px 8px;
border: 0;
color: #646464;
}
.d-menu .menu-title:first-child {
margin: 0;
border-top-width: 0;
}
.d-menu .menu-title:first-child:hover {
border-top-width: 0;
}
.d-menu .menu-title:hover {
background-color: #f6f7f8;
cursor: default;
border: 0;
}
.d-menu .dropdown-toggle:before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
margin-top: -2px;
}
.d-menu .dropdown-toggle:before {
transition: all 0.3s ease;
}
.d-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all 0.3s ease;
}
.d-menu.subdown .dropdown-toggle:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left: -1.25rem;
}
.d-menu.subdown .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.d-menu li.disabled a {
color: #eeeeee;
}
.d-menu li.disabled:hover {
background-color: inherit;
cursor: default;
border: 0;
}
.d-menu li.disabled:hover a {
cursor: inherit;
}
.d-menu.context li a {
font-size: .75rem;
padding: .3125rem 2rem .3125rem 2.5rem;
}
.d-menu.context li a .icon {
margin-top: -0.4375rem;
font-size: .825rem;
color: inherit;
}
.d-menu.no-min-size li a {
min-width: 0;
}
.d-menu.full-size li a {
min-width: 0;
width: 100%;
}
.d-menu .d-menu {
left: 100%;
top: -10%;
}
.d-menu.open {
display: block ;
}
.d-menu.drop-left {
left: -100%;
}
.d-menu.drop-up {
top: auto;
bottom: 0;
}
.d-menu.context li a {
font-size: .75rem;
padding: .3125rem 2rem .3125rem 2.5rem;
}
.d-menu.context li a .icon {
margin-top: -0.4375rem;
}
.d-menu.place-right {
left: auto ;
right: 0;
width: auto;
}
.h-menu,
.v-menu,
.d-menu {
border-collapse: separate;
}
.m-menu {
border-collapse: separate;
text-align: left;
display: block;
height: auto ;
position: relative;
background-color: #ffffff;
color: #1d1d1d;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
list-style: none inside none;
margin: 0;
padding: 0;
}
.m-menu:before,
.m-menu:after {
display: table;
content: "";
}
.m-menu:after {
clear: both;
}
.m-menu > li,
.m-menu .m-menu-item {
display: block;
float: left;
background-color: #ffffff;
}
.m-menu > li:hover,
.m-menu .m-menu-item:hover {
background-color: #59cde2;
}
.m-menu > li:hover > a,
.m-menu .m-menu-item:hover > a {
color: #ffffff;
}
.m-menu > li.no-hovered,
.m-menu .m-menu-item.no-hovered {
background-color: inherit;
color: inherit;
}
.m-menu > li:first-child,
.m-menu .m-menu-item:first-child {
margin-left: 0;
}
.m-menu > li > a,
.m-menu .m-menu-item > a {
display: block;
float: left;
position: relative;
font-weight: normal;
color: inherit;
font-size: .875rem;
outline: none;
text-decoration: none;
padding: 1rem 1.625rem;
border: none;
}
.m-menu > li > a:hover,
.m-menu .m-menu-item > a:hover {
background-color: inherit;
}
.m-menu > li > a.dropdown-toggle,
.m-menu .m-menu-item > a.dropdown-toggle {
padding: 1rem 1.625rem 1rem 1.125rem;
}
.m-menu > li.active-container,
.m-menu .m-menu-item.active-container {
background-color: #59cde2;
}
.m-menu > li.active-container a,
.m-menu .m-menu-item.active-container a {
color: #ffffff;
}
.m-menu > li.active-container a.dropdown-toggle:before,
.m-menu .m-menu-item.active-container a.dropdown-toggle:before {
border-color: #ffffff;
}
.m-menu > li .d-menu,
.m-menu .m-menu-item .d-menu {
left: 0;
top: 100%;
}
.m-menu .m-menu-container {
position: absolute;
left: 0;
right: 0;
top: 100%;
padding: .3125rem;
font-size: .75rem;
z-index: 1000;
background-color: inherit;
}
.m-menu .m-menu-container li,
.m-menu .m-menu-container a {
color: #ffffff;
}
.m-menu .m-menu-container a {
text-decoration: underline;
}
.m-menu .m-menu-container li:hover > a,
.m-menu .m-menu-container li.active > a {
text-decoration: none;
}
.m-menu .m-menu-container {
display: none;
}
.m-menu .m-menu-container.open {
display: block;
}
.m-menu > li .dropdown-toggle:before {
transition: all 0.3s ease;
}
.m-menu > li .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.v-menu.context li a,
.d-menu.context li a {
font-size: .75rem;
padding: .3125rem 2rem .3125rem 2.5rem;
}
.v-menu.context li a .icon,
.d-menu.context li a .icon {
margin-top: -0.4375rem;
font-size: .825rem;
color: inherit;
}
.v-menu.no-min-size li a,
.d-menu.no-min-size li a {
min-width: 0;
}
.v-menu.full-size li a,
.d-menu.full-size li a {
min-width: 0;
width: 100%;
}
.horizontal-menu {
display: inline-block;
/*width: 100%;*/
color: #1d1d1d;
position: relative;
padding: 0;
margin: 0;
list-style: none inside none;
}
.horizontal-menu:before,
.horizontal-menu:after {
display: table;
content: "";
}
.horizontal-menu:after {
clear: both;
}
.horizontal-menu > li {
display: block;
float: left;
color: inherit;
background-color: inherit;
position: relative;
}
.horizontal-menu > li > a {
position: relative;
display: block;
float: left;
font-size: 1.4rem;
color: inherit;
background-color: inherit;
padding: .625rem 1.625rem;
line-height: 1.4rem;
}
.horizontal-menu > li > .d-menu {
left: 0;
top: 100%;
}
.horizontal-menu.compact > li > a {
font-size: .9rem;
line-height: .9rem;
}
.horizontal-menu .dropdown-toggle:before {
transition: all 0.3s ease;
}
.horizontal-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.horizontal-menu .d-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.metro .horizontal-menu .dropdown-toggle:after, .metro .horizontal-menu .dropdown-toggle::after {
content: "" !important;
border:0px;
}
.metro .horizontal-menu .dropdown-menu:before {
position: absolute;
top: -9px;
right: 0px;
display: inline-block;
border-right: 9px solid transparent;
border-bottom: 9px solid #cecfce;
border-left: 9px solid transparent;
border-bottom-color: #cecfce;
content: '';
}
.metro .horizontal-menu .dropdown-menu {
background-color: #fff !important;
top: 25px;
padding: 3px;
border: 1px solid #dadbda;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.metro .dropdown-menu.place-right {
right: 8px;
left: auto;
}
.horizontal-menu .dropdown-toggle:before {
border:0px;
}
.vertical-menu {
display: block;
width: 100%;
color: #1d1d1d;
padding: 0;
margin: 0;
list-style: none inside none;
position: relative;
width: auto;
float: left;
}
.vertical-menu:before,
.vertical-menu:after {
display: table;
content: "";
}
.vertical-menu:after {
clear: both;
}
.vertical-menu > li {
display: block;
float: left;
color: inherit;
background-color: inherit;
position: relative;
}
.vertical-menu > li > a {
position: relative;
display: block;
float: left;
font-size: 1.4rem;
color: inherit;
background-color: inherit;
padding: .625rem 1.625rem;
line-height: 1.4rem;
}
.vertical-menu > li > .d-menu {
left: 0;
top: 100%;
}
.vertical-menu.compact > li > a {
font-size: .9rem;
line-height: .9rem;
}
.vertical-menu .dropdown-toggle:before {
transition: all 0.3s ease;
}
.vertical-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.vertical-menu .d-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.vertical-menu > li > .d-menu {
left: auto;
}
.vertical-menu > li {
float: none;
}
.vertical-menu > li > a {
float: none;
}
.vertical-menu > li > .d-menu {
left: 100%;
top: 0;
}
.vertical-menu.compact > li > a {
padding-top: .325rem;
padding-bottom: .325rem;
}
.vertical-menu .dropdown-toggle:before {
margin-top: -2px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.vertical-menu .dropdown-toggle:before {
transition: all 0.3s ease;
}
.vertical-menu .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all 0.3s ease;
}
.t-menu {
list-style: none inside none;
margin: 0;
padding: 0;
position: relative;
width: auto;
float: left;
background-color: #288ee0;
border-collapse: separate;
/* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);*/
}
.t-menu > li {
position: relative;
}
.t-menu > li > a {
display: block;
padding: 1rem 1.2rem;
border-bottom: 1px #eeeeee solid;
position: relative;
}
.t-menu > li > a .icon {
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
}
.t-menu > li:hover > a {
background-color: #1ba1e2;
color: #ffffff;
}
.t-menu > li:last-child a {
border-bottom: 0;
}
.t-menu.compact > li > a {
padding: .5rem .7rem;
}
.t-menu.compact > li > a .icon {
width: 1rem;
height: 1rem;
font-size: 1rem;
}
.t-menu li .t-menu {
position: absolute;
left: 100%;
margin-left: .3125rem ;
top: 0;
float: none;
}
.t-menu li .t-menu > li {
float: left;
display: block;
}
.t-menu li .t-menu > li > a {
float: left;
display: block;
}
.t-menu .t-menu.horizontal .t-menu {
left: 0 ;
top: 100% ;
margin-top: .3125rem ;
margin-left: 0 ;
}
.t-menu .dropdown-toggle:after {
content: "";
background-color: transparent;
position: absolute;
left: auto;
top: auto;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 8px 8px;
border-color: transparent transparent #1ba1e2 transparent;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.t-menu .dropdown-toggle:before {
display: none;
}
.t-menu > li:hover > .dropdown-toggle:after {
border-color: transparent transparent #1b6eae transparent;
}
.t-menu.horizontal {
list-style: none inside none;
margin: 0;
padding: 0;
position: relative;
width: auto;
float: left;
background-color: transparent;
border-collapse: separate;
/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);*/
}
.t-menu.horizontal > li {
position: relative;
}
.t-menu.horizontal > li > a {
display: block;
padding: 1rem 1.2rem;
border-bottom: 1px #eeeeee solid;
position: relative;
}
.t-menu.horizontal > li > a .icon {
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
}
.t-menu.horizontal > li:hover > a {
background-color: #1ba1e2;
color: #ffffff;
}
.t-menu.horizontal > li:last-child a {
border-bottom: 0;
}
.t-menu.horizontal.compact > li > a {
padding: .5rem .7rem;
}
.t-menu.horizontal.compact > li > a .icon {
width: 1rem;
height: 1rem;
font-size: 1rem;
}
.t-menu.horizontal li .t-menu {
position: absolute;
left: 100%;
margin-left: .3125rem ;
top: 0;
float: none;
}
.t-menu.horizontal li .t-menu > li {
float: left;
display: block;
}
.t-menu.horizontal li .t-menu > li > a {
float: left;
display: block;
}
.t-menu.horizontal .t-menu.horizontal .t-menu {
left: 0 ;
top: 100% ;
margin-top: .3125rem ;
margin-left: 0 ;
}
.t-menu.horizontal .dropdown-toggle:after {
content: "\e696";
background-color: transparent;
position: absolute;
left: auto;
top: auto;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 8px 8px;
border-color: transparent transparent #1ba1e2 transparent;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.t-menu.horizontal .dropdown-toggle:before {
display: none;
}
.t-menu.horizontal > li:hover > .dropdown-toggle:after {
border-color: transparent transparent #1b6eae transparent;
}
.t-menu.horizontal > li {
display: block;
float: left;
}
.t-menu.horizontal > li > a {
display: block;
float: left;
border-right: 1px #eeeeee solid;
border-bottom: 0;
}
.t-menu.horizontal > li:last-child > a {
border-right: 0;
}
.t-menu.horizontal .t-menu:not(.horizontal) {
left: 0;
top: 100% ;
margin-top: .3125rem ;
margin-left: 0 ;
}
.t-menu.horizontal .t-menu:not(.horizontal) .t-menu.horizontal {
left: 100% ;
margin-left: .3125rem ;
top: 0 ;
float: left;
}
.horizontal-menu > li > .d-menu,
.h-menu > li > .d-menu,
.m-menu > li > .d-menu {
left: auto;
}
[data-role="dropdown"]:not(.open),
[data-role="dropdown"]:not(.keep-open) {
display: none;
position: absolute;
z-index: 9999;
}
.button {
/*padding: 0 1rem;*/
height: 1.0rem;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: .15625rem 0;
position: relative;
letter-spacing:1px;
}
.button.default {
background-color: #008287;
color: #fff;
}
.button:hover {
/*border-color: #42aaff !important;
background: #42aaff !important;*/
color: #ffffff;
}
.button:active {
background-color:transparent;
color: #262626;
box-shadow: none;
}
.button:focus {
outline: 0;
}
.datepicker-button{
background-color: transparent;
border: none;
}
/*.button:disabled, .button.disabled {
background-color: #c1c1c1;
color: #dfdfdf;
cursor: default;
border-color: transparent;
border-radius: 3px;
}*/
.button.gray {
background-color: #a4a4a4;
color: #fff;
cursor: default;
border-color: transparent;
border-radius: 3px;
cursor:pointer;
}
.button.gray:hover, .button.gray:focus {
background-color: #3c3c3c;
}
.button * {
color: inherit;
}
.button *:hover {
color: inherit;
}
.button.rounded {
border-radius: .325rem;
}
.button > [class*=mif-] {
vertical-align: middle;
}
.button.button-shadow {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.button img {
height: .875rem;
vertical-align: middle;
margin: 0;
}
.round-button,
.cycle-button,
.square-button {
padding: 0 1rem;
height: 2.125rem;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: .15625rem 0;
position: relative;
width: 2.125rem;
min-width: 2.125rem;
padding: 0 ;
border-radius: 50%;
text-align: center;
text-decoration: none;
vertical-align: middle;
}
.round-button.default,
.cycle-button.default,
.square-button.default {
background-color: #008287;
color: #fff;
}
.round-button:hover,
.cycle-button:hover,
.square-button:hover {
border-color: #787878;
}
.round-button:active,
.cycle-button:active,
.square-button:active {
background: #eeeeee;
color: #262626;
box-shadow: none;
}
.round-button:focus,
.cycle-button:focus,
.square-button:focus {
outline: 0;
}
.round-button:disabled,
.cycle-button:disabled,
.square-button:disabled,
.round-button.disabled,
.cycle-button.disabled,
.square-button.disabled {
background-color: #eaeaea;
color: #bebebe;
cursor: default;
border-color: transparent;
}
.round-button *,
.cycle-button *,
.square-button * {
color: inherit;
}
.round-button *:hover,
.cycle-button *:hover,
.square-button *:hover {
color: inherit;
}
.round-button.rounded,
.cycle-button.rounded,
.square-button.rounded {
border-radius: .325rem;
}
.round-button > [class*=mif-],
.cycle-button > [class*=mif-],
.square-button > [class*=mif-] {
vertical-align: middle;
}
.round-button img,
.cycle-button img,
.square-button img {
height: .875rem;
vertical-align: middle;
margin: 0;
}
.round-button.loading-pulse,
.cycle-button.loading-pulse,
.square-button.loading-pulse {
position: relative;
padding: 0 1.325rem;
}
.round-button.loading-pulse:before,
.cycle-button.loading-pulse:before,
.square-button.loading-pulse:before {
position: absolute;
content: "";
left: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
.round-button.loading-pulse.lighten:before,
.cycle-button.loading-pulse.lighten:before,
.square-button.loading-pulse.lighten:before {
background-color: #fff;
}
.round-button.loading-cube,
.cycle-button.loading-cube,
.square-button.loading-cube {
position: relative;
padding: 0 1.325rem;
}
.round-button.loading-cube:before,
.cycle-button.loading-cube:before,
.square-button.loading-cube:before,
.round-button.loading-cube:after,
.cycle-button.loading-cube:after,
.square-button.loading-cube:after {
content: "";
background-color: #333;
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 3px;
margin-top: -8px;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.round-button.loading-cube:after,
.cycle-button.loading-cube:after,
.square-button.loading-cube:after {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.round-button.loading-cube.lighten:before,
.cycle-button.loading-cube.lighten:before,
.square-button.loading-cube.lighten:before,
.round-button.loading-cube.lighten:after,
.cycle-button.loading-cube.lighten:after,
.square-button.loading-cube.lighten:after {
background-color: #fff;
}
.round-button.dropdown-toggle,
.cycle-button.dropdown-toggle,
.square-button.dropdown-toggle {
padding-right: 1.625rem;
}
.round-button.dropdown-toggle.drop-marker-light:before,
.cycle-button.dropdown-toggle.drop-marker-light:before,
.square-button.dropdown-toggle.drop-marker-light:before,
.round-button.dropdown-toggle.drop-marker-light:after,
.cycle-button.dropdown-toggle.drop-marker-light:after,
.square-button.dropdown-toggle.drop-marker-light:after {
background-color: #ffffff;
}
.round-button.primary,
.cycle-button.primary,
.square-button.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
}
.round-button.primary:active,
.cycle-button.primary:active,
.square-button.primary:active {
background: #1b6eae;
color: #ffffff;
}
.round-button.success,
.cycle-button.success,
.square-button.success {
background: #60a917;
color: #ffffff;
border-color: #60a917;
}
.round-button.success:active,
.cycle-button.success:active,
.square-button.success:active {
background: #128023;
color: #ffffff;
}
.round-button.danger,
.cycle-button.danger,
.square-button.danger,
.round-button.alert,
.cycle-button.alert,
.square-button.alert {
background: #ce352c;
color: #ffffff;
border-color: #ce352c;
}
.round-button.danger:active,
.cycle-button.danger:active,
.square-button.danger:active,
.round-button.alert:active,
.cycle-button.alert:active,
.square-button.alert:active {
background: #9a1616;
color: #ffffff;
}
.round-button.info,
.cycle-button.info,
.square-button.info {
background: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.round-button.info:active,
.cycle-button.info:active,
.square-button.info:active {
background: #1ba1e2;
color: #ffffff;
}
.round-button.warning,
.cycle-button.warning,
.square-button.warning {
background: #fa6800;
color: #ffffff;
border-color: #fa6800;
}
.round-button.warning:active,
.cycle-button.warning:active,
.square-button.warning:active {
background: #bf5a15;
color: #ffffff;
}
.round-button.link,
.cycle-button.link,
.square-button.link {
background: transparent;
color: #2086bf;
border-color: transparent;
text-decoration: underline;
}
.round-button.link:hover,
.cycle-button.link:hover,
.square-button.link:hover,
.round-button.link:active,
.cycle-button.link:active,
.square-button.link:active {
background: transparent;
color: #114968;
border-color: transparent;
}
.square-button {
border-radius: 0;
}
a.button,
a.round-button,
a.square-button {
color: inherit;
}
a.button:hover,
a.round-button:hover,
a.square-button:hover {
text-decoration: none;
}
.button.loading-pulse {
position: relative;
padding: 0 1.325rem;
}
.button.loading-pulse:before {
position: absolute;
content: "";
left: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
.button.loading-pulse.lighten:before {
background-color: #fff;
}
.button.loading-cube {
position: relative;
padding: 0 1.325rem;
}
.button.loading-cube:before,
.button.loading-cube:after {
content: "";
background-color: #333;
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 3px;
margin-top: -8px;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.button.loading-cube:after {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.button.loading-cube.lighten:before,
.button.loading-cube.lighten:after {
background-color: #fff;
}
.command-button {
padding: 0 1rem;
height: 2.125rem;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: .15625rem 0;
position: relative;
height: auto;
text-align: left;
font-size: 1.325rem;
padding-left: 4rem;
padding-top: 8px;
padding-bottom: 4px;
}
.command-button.default {
background-color: #008287;
color: #fff;
}
.command-button:hover {
border-color: #787878;
}
.command-button:active {
background: #eeeeee;
color: #262626;
box-shadow: none;
}
.command-button:focus {
outline: 0;
}
.command-button:disabled,
.command-button.disabled {
background-color: #eaeaea;
color: #bebebe;
cursor: default;
border-color: transparent;
}
.command-button * {
color: inherit;
}
.command-button *:hover {
color: inherit;
}
.command-button.rounded {
border-radius: .325rem;
}
.command-button > [class*=mif-] {
vertical-align: middle;
}
.command-button img {
height: .875rem;
vertical-align: middle;
margin: 0;
}
.command-button.loading-pulse {
position: relative;
padding: 0 1.325rem;
}
.command-button.loading-pulse:before {
position: absolute;
content: "";
left: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
.command-button.loading-pulse.lighten:before {
background-color: #fff;
}
.command-button.loading-cube {
position: relative;
padding: 0 1.325rem;
}
.command-button.loading-cube:before,
.command-button.loading-cube:after {
content: "";
background-color: #333;
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 3px;
margin-top: -8px;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.command-button.loading-cube:after {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.command-button.loading-cube.lighten:before,
.command-button.loading-cube.lighten:after {
background-color: #fff;
}
.command-button.dropdown-toggle {
padding-right: 1.625rem;
}
.command-button.dropdown-toggle.drop-marker-light:before,
.command-button.dropdown-toggle.drop-marker-light:after {
background-color: #ffffff;
}
.command-button.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
}
.command-button.primary:active {
background: #1b6eae;
color: #ffffff;
}
.command-button.success {
background: #60a917;
color: #ffffff;
border-color: #60a917;
}
.command-button.success:active {
background: #128023;
color: #ffffff;
}
.command-button.danger,
.command-button.alert {
background: #ce352c;
color: #ffffff;
border-color: #ce352c;
}
.command-button.danger:active,
.command-button.alert:active {
background: #9a1616;
color: #ffffff;
}
.command-button.info {
background: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.command-button.info:active {
background: #1ba1e2;
color: #ffffff;
}
.command-button.warning {
background: #fa6800;
color: #ffffff;
border-color: #fa6800;
}
.command-button.warning:active {
background: #bf5a15;
color: #ffffff;
}
.command-button.link {
background: transparent;
color: #2086bf;
border-color: transparent;
text-decoration: underline;
}
.command-button.link:hover,
.command-button.link:active {
background: transparent;
color: #114968;
border-color: transparent;
}
.command-button small {
display: block;
font-size: .8rem;
line-height: 1.625rem;
margin-top: -0.3125rem;
}
.command-button .icon {
left: 1rem;
top: 50%;
margin-top: -1rem;
position: absolute;
font-size: 2rem;
height: 2rem;
width: 2rem;
margin-right: .625rem;
}
.command-button.icon-right {
padding-left: 1rem;
padding-right: 4rem;
}
.command-button.icon-right .icon {
left: auto;
right: 0;
}
.image-button {
padding: 0 1rem;
height: 2.125rem;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: .15625rem 0;
position: relative;
border: 0;
padding-left: 2.75rem;
background-color: #eeeeee;
}
.image-button.default {
background-color: #008287;
color: #fff;
}
.image-button:hover {
border-color: #787878;
}
.image-button:active {
background: #eeeeee;
color: #262626;
box-shadow: none;
}
.image-button:focus {
outline: 0;
}
.image-button:disabled,
.image-button.disabled {
background-color: #eaeaea;
color: #bebebe;
cursor: default;
border-color: transparent;
}
.image-button * {
color: inherit;
}
.image-button *:hover {
color: inherit;
}
.image-button.rounded {
border-radius: .325rem;
}
.image-button > [class*=mif-] {
vertical-align: middle;
}
.image-button img {
height: .875rem;
vertical-align: middle;
margin: 0;
}
.image-button.loading-pulse {
position: relative;
padding: 0 1.325rem;
}
.image-button.loading-pulse:before {
position: absolute;
content: "";
left: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
.image-button.loading-pulse.lighten:before {
background-color: #fff;
}
.image-button.loading-cube {
position: relative;
padding: 0 1.325rem;
}
.image-button.loading-cube:before,
.image-button.loading-cube:after {
content: "";
background-color: #333;
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 3px;
margin-top: -8px;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.image-button.loading-cube:after {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.image-button.loading-cube.lighten:before,
.image-button.loading-cube.lighten:after {
background-color: #fff;
}
.image-button.dropdown-toggle {
padding-right: 1.625rem;
}
.image-button.dropdown-toggle.drop-marker-light:before,
.image-button.dropdown-toggle.drop-marker-light:after {
background-color: #ffffff;
}
.image-button.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
}
.image-button.primary:active {
background: #1b6eae;
color: #ffffff;
}
.image-button.success {
background: #60a917;
color: #ffffff;
border-color: #60a917;
}
.image-button.success:active {
background: #128023;
color: #ffffff;
}
.image-button.danger,
.image-button.alert {
background: #ce352c;
color: #ffffff;
border-color: #ce352c;
}
.image-button.danger:active,
.image-button.alert:active {
background: #9a1616;
color: #ffffff;
}
.image-button.info {
background: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.image-button.info:active {
background: #1ba1e2;
color: #ffffff;
}
.image-button.warning {
background: #fa6800;
color: #ffffff;
border-color: #fa6800;
}
.image-button.warning:active {
background: #bf5a15;
color: #ffffff;
}
.image-button.link {
background: transparent;
color: #2086bf;
border-color: transparent;
text-decoration: underline;
}
.image-button.link:hover,
.image-button.link:active {
background: transparent;
color: #114968;
border-color: transparent;
}
.image-button:active {
background-color: #e1e1e1;
}
.image-button .icon {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 2.125rem;
padding: .525rem;
font-size: 1rem;
background-color: #999999;
text-align: center;
vertical-align: middle;
}
.image-button img.icon {
padding-top: .525rem;
}
.image-button.icon-right {
padding-left: 1rem;
padding-right: 2.75rem;
}
.image-button.icon-right .icon {
right: 0;
left: auto;
}
a.image-button {
padding-top: .525rem;
}
.image-button {
line-height: 100%;
}
.image-button.small-button {
padding-left: 2rem;
padding-right: 1rem;
}
.image-button.small-button .icon {
width: 1.625rem;
font-size: .875rem;
height: 100%;
padding: .4rem;
}
.image-button.small-button.icon-right {
padding-left: .625rem;
padding-right: 2rem;
}
.shortcut-button {
padding: 0 1rem;
height: 2.125rem;
vertical-align: middle;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: .15625rem 0;
position: relative;
width: 5.75rem;
height: 5.75rem;
text-align: center;
font-size: .75rem;
}
.shortcut-button.default {
background-color: #008287;
color: #fff;
}
.shortcut-button:hover {
border-color: #787878;
}
.shortcut-button:active {
background: #eeeeee;
color: #262626;
box-shadow: none;
}
.cursorpointer {
cursor: pointer;
color:blue;
}
.shortcut-button:focus {
outline: 0;
}
.shortcut-button:disabled,
.shortcut-button.disabled {
background-color: #eaeaea;
color: #bebebe;
cursor: default;
border-color: transparent;
}
.shortcut-button * {
color: inherit;
}
.shortcut-button *:hover {
color: inherit;
}
.shortcut-button.rounded {
border-radius: .325rem;
}
.shortcut-button > [class*=mif-] {
vertical-align: middle;
}
.shortcut-button img {
height: .875rem;
vertical-align: middle;
margin: 0;
}
.shortcut-button.loading-pulse {
position: relative;
padding: 0 1.325rem;
}
.shortcut-button.loading-pulse:before {
position: absolute;
content: "";
left: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
.shortcut-button.loading-pulse.lighten:before {
background-color: #fff;
}
.shortcut-button.loading-cube {
position: relative;
padding: 0 1.325rem;
}
.shortcut-button.loading-cube:before,
.shortcut-button.loading-cube:after {
content: "";
background-color: #333;
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 3px;
margin-top: -8px;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.shortcut-button.loading-cube:after {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.shortcut-button.loading-cube.lighten:before,
.shortcut-button.loading-cube.lighten:after {
background-color: #fff;
}
.shortcut-button.dropdown-toggle {
padding-right: 1.625rem;
}
.shortcut-button.dropdown-toggle.drop-marker-light:before,
.shortcut-button.dropdown-toggle.drop-marker-light:after {
background-color: #ffffff;
}
.shortcut-button.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
}
.shortcut-button.primary:active {
background: #1b6eae;
color: #ffffff;
}
.shortcut-button.success {
background: #60a917;
color: #ffffff;
border-color: #60a917;
}
.shortcut-button.success:active {
background: #128023;
color: #ffffff;
}
.shortcut-button.danger,
.shortcut-button.alert {
background: #ce352c;
color: #ffffff;
border-color: #ce352c;
}
.shortcut-button.danger:active,
.shortcut-button.alert:active {
background: #9a1616;
color: #ffffff;
}
.shortcut-button.info {
background: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.shortcut-button.info:active {
background: #1ba1e2;
color: #ffffff;
}
.shortcut-button.warning {
background: #fa6800;
color: #ffffff;
border-color: #fa6800;
}
.shortcut-button.warning:active {
background: #bf5a15;
color: #ffffff;
}
.shortcut-button.link {
background: transparent;
color: #2086bf;
border-color: transparent;
text-decoration: underline;
}
.shortcut-button.link:hover,
.shortcut-button.link:active {
background: transparent;
color: #114968;
border-color: transparent;
}
.shortcut-button .icon,
.shortcut-button .title {
display: block;
color: inherit;
}
.shortcut-button .icon {
font-size: 1.7rem;
height: 1.7rem;
width: 1.7rem;
margin: .875rem auto;
}
.shortcut-button .badge {
color: inherit;
position: absolute;
top: 0;
right: 0;
font-size: .7rem;
line-height: 1rem;
padding: 0 .225rem;
}
a.shortcut-button {
padding-top: 10px;
}
.button.dropdown-toggle {
padding-right: 1.625rem;
}
.button.dropdown-toggle.drop-marker-light:before,
.button.dropdown-toggle.drop-marker-light:after {
background-color: #ffffff;
}
.nav-button {
width: 2rem;
height: 2rem;
background-size: 1rem 1rem;
background: center center no-repeat;
text-indent: -9999px;
border: 0;
display: inline-block;
cursor: pointer;
z-index: 2;
position: relative;
}
.nav-button span {
position: absolute;
top: 1.2rem;
left: .5rem;
width: 1.2rem;
height: 2px;
margin: 0 0 0;
background: #1d1d1d;
-webkit-transform: rotate(0);
transform: rotate(0);
transition: all 0.3s linear;
}
.nav-button span:before,
.nav-button span:after {
content: '';
position: absolute;
top: -0.5rem;
right: 0;
width: 1.2rem;
height: 2px;
background: #1d1d1d;
-webkit-transform: rotate(0);
transform: rotate(0);
transition: all 0.3s linear;
}
.nav-button span:after {
top: .5rem;
}
.nav-button.transform span {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background: #1d1d1d;
}
.nav-button.transform span:before,
.nav-button.transform span:after {
content: '';
top: -5px;
right: 0;
width: .75rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-button.transform span:after {
top: 5px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-button.light span {
background-color: #ffffff;
}
.nav-button.light span:before,
.nav-button.light span:after {
background-color: #ffffff;
}
.group-of-buttons .button.active,
.group-of-buttons .toolbar-button.active {
background-color: #00ccff;
color: #ffffff;
}
.group-of-buttons .button:active,
.group-of-buttons .toolbar-button:active {
background-color: #1ba1e2;
color: #ffffff;
}
.split-button,
.dropdown-button {
display: inline-block;
position: relative;
vertical-align: middle;
}
.split-button:before,
.dropdown-button:before,
.split-button:after,
.dropdown-button:after {
display: table;
content: "";
}
.split-button:after,
.dropdown-button:after {
clear: both;
}
.split-button .button,
.dropdown-button .button,
.split-button .split,
.dropdown-button .split {
display: block;
float: left;
}
.split-button .split,
.dropdown-button .split {
padding: 0 1rem 0 .625rem;
height: 2.125rem;
text-align: center;
vertical-align: middle ;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
outline: none;
font-size: .875rem;
position: relative;
margin: .15625rem 0;
}
.split-button .split:hover,
.dropdown-button .split:hover {
background-color: #eeeeee;
border-color: #787878;
}
.split-button .split.dropdown-toggle:before,
.dropdown-button .split.dropdown-toggle:before {
transition: all 0.3s ease;
}
.split-button .split.dropdown-toggle.active-toggle:before,
.dropdown-button .split.dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.split-button .split-content,
.dropdown-button .split-content {
position: absolute;
top: 100%;
}
.split.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
}
.split.primary:active {
background: #1b6eae;
}
.split.primary:hover {
background: #59cde2;
border-color: #59cde2;
}
.split.primary.dropdown-toggle:before {
border-color: #ffffff;
}
.split.success {
background: #60a917;
color: #ffffff;
border-color: #60a917;
}
.split.success:active {
background: #128023;
}
.split.success:hover {
background: #7ad61d;
border-color: #7ad61d;
}
.split.success.dropdown-toggle:before {
border-color: #ffffff;
}
.split.danger {
background: #ce352c;
color: #ffffff;
border-color: #ce352c;
}
.split.danger:active {
background: #9a1616;
}
.split.danger:hover {
background: #da5a53;
border-color: #da5a53;
}
.split.danger.dropdown-toggle:before {
border-color: #ffffff;
}
.split.info {
background: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.split.info:active {
background: #1ba1e2;
}
.split.info:hover {
background: #4390df;
border-color: #4390df;
}
.split.info.dropdown-toggle:before {
border-color: #ffffff;
}
.split.warning {
background: #fa6800;
color: #ffffff;
border-color: #fa6800;
}
.split.warning:active {
background: #bf5a15;
}
.split.warning:hover {
background: #ffc194;
border-color: #ffc194;
}
.split.warning.dropdown-toggle:before {
border-color: #ffffff;
}
.mini-button,
.small-button,
.large-button,
.big-button {
line-height: 100%;
}
.mini-button {
font-size: .8125rem !important;
padding: 0.2rem 0.625rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.small-button {
font-size: 1.0625rem !important;
padding: 0.325rem 0.625rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.med-small-button {
font-size: 0.8125rem !important;
padding: 0.325rem 0.625rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.mini-button30 {
font-size: .8125rem !important;
padding: 0.2rem 1.875rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.small-button30 {
font-size: 1.0625rem !important;
padding: 0.325rem 1.875rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.med-small-button30 {
font-size: 0.8125rem !important;
padding: 0.325rem 1.875rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.mini-button50 {
font-size: .8125rem !important;
padding: 0.2rem 3.125rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.small-button50 {
font-size: 1.0625rem !important;
padding: 0.325rem 3.125rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.med-small-button50 {
font-size: 0.8125rem !important;
padding: 0.325rem 3.125rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.large-button {
height: 2.55rem;
font-size: 1.05rem;
vertical-align:text-bottom;
}
.big-button {
height: 3.125rem;
font-size: 1.2rem;
vertical-align:text-bottom;
}
.round-button.mini-button,
.cycle-button.mini-button,
.square-button.mini-button {
width: 1.4rem;
height: 1.4rem;
font-size: .6rem;
line-height: 1;
padding: 0;
min-width: 0;
}
.round-button.small-button,
.cycle-button.small-button,
.square-button.small-button {
width: 1.7rem;
height: 1.7rem;
font-size: .7rem;
line-height: 1.68rem;
padding: 0;
min-width: 0;
}
.round-button.large-button,
.cycle-button.large-button,
.square-button.large-button {
font-size: 1.05rem;
line-height: 1;
width: 2.55rem;
height: 2.55rem;
}
.round-button.big-button,
.cycle-button.big-button,
.square-button.big-button {
font-size: 1.2rem;
line-height: 1;
width: 3.125rem;
height: 3.125rem;
}
.button.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
border-radius: 3px;
}
.button.primary:hover, .button.primary:focus {
border-color: #42aaff;
background: #42aaff;
color: #ffffff;
}
.button.primary:active {
background: #1b6eae;
color: #ffffff;
}
.button.wid116{ width:116px;}
.button.wid246{ width:246px;}
.button.success {
background: #60a917;
color: #ffffff;
border-color: #60a917;
}
.button.success:active {
background: #128023;
color: #ffffff;
}
.button.danger,
.button.alert {
background: #ce352c;
color: #ffffff;
border-color: #ce352c;
}
.button.danger:active,
.button.alert:active {
background: #9a1616;
color: #ffffff;
}
.button.info {
background: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.button.info:active {
background: #1ba1e2;
color: #ffffff;
}
.button.warning {
background: #fa6800;
color: #ffffff;
border-color: #fa6800;
}
.button.warning:active {
background: #bf5a15;
color: #ffffff;
}
.button.link {
background: transparent;
color: #2086bf;
border-color: transparent;
text-decoration: underline;
}
.button.link:hover,
.button.link:active {
background: transparent;
color: #114968;
border-color: transparent;
}
a.button,
span.button,
div.button,
a.round-button,
span.round-button,
div.round-button,
a.cycle-button,
span.cycle-button,
div.cycle-button,
a.square-button,
span.square-button,
div.square-button {
/*padding-top: .53125rem;*/
}
a.button.big-button,
span.button.big-button,
div.button.big-button,
a.round-button.big-button,
span.round-button.big-button,
div.round-button.big-button,
a.cycle-button.big-button,
span.cycle-button.big-button,
div.cycle-button.big-button,
a.square-button.big-button,
span.square-button.big-button,
div.square-button.big-button {
padding-top: .78125rem;
}
.dropdown-button button.dropdown-toggle:before {
transition: all 0.3s ease;
}
.dropdown-button button.dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.shortcut-button[data-hotkey]::after {
position: absolute;
content: attr(data-hotkey);
font-size: .625rem;
bottom: 0;
right: 0;
color: #999999;
}
.shortcut-button[data-hotkey].no-hotkey-display::after {
display: none;
}
.toolbar {
position: relative;
}
.toolbar:before,
.toolbar:after {
display: table;
content: "";
}
.toolbar:after {
clear: both;
}
.toolbar-section {
position: relative;
padding-left: .5725rem;
margin: .125rem;
float: left;
width: auto;
}
.toolbar-section.no-divider:before {
display: none;
}
.toolbar-section:before {
position: absolute;
content: "";
width: .325rem;
height: 100%;
left: 0;
background-color: #eeeeee;
cursor: move;
}
.toolbar .toolbar-button {
padding: 0 1rem;
height: 2.125rem;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: .15625rem 0;
position: relative;
width: 2.125rem;
min-width: 2.125rem;
padding: 0 ;
border-radius: 50%;
text-align: center;
text-decoration: none;
vertical-align: middle;
border-radius: 0;
margin: 0;
}
.toolbar .toolbar-button.default {
background-color: #008287;
color: #fff;
}
.toolbar .toolbar-button:hover {
border-color: #787878;
}
.toolbar .toolbar-button:active {
background: #eeeeee;
color: #262626;
box-shadow: none;
}
.toolbar .toolbar-button:focus {
outline: 0;
}
.toolbar .toolbar-button:disabled,
.toolbar .toolbar-button.disabled {
background-color: #eaeaea;
color: #bebebe;
cursor: default;
border-color: transparent;
}
.toolbar .toolbar-button * {
color: inherit;
}
.toolbar .toolbar-button *:hover {
color: inherit;
}
.toolbar .toolbar-button.rounded {
border-radius: .325rem;
}
.toolbar .toolbar-button > [class*=mif-] {
vertical-align: middle;
}
.toolbar .toolbar-button img {
height: .875rem;
vertical-align: middle;
margin: 0;
}
.toolbar .toolbar-button.loading-pulse {
position: relative;
padding: 0 1.325rem;
}
.toolbar .toolbar-button.loading-pulse:before {
position: absolute;
content: "";
left: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
.toolbar .toolbar-button.loading-pulse.lighten:before {
background-color: #fff;
}
.toolbar .toolbar-button.loading-cube {
position: relative;
padding: 0 1.325rem;
}
.toolbar .toolbar-button.loading-cube:before,
.toolbar .toolbar-button.loading-cube:after {
content: "";
background-color: #333;
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 3px;
margin-top: -8px;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.toolbar .toolbar-button.loading-cube:after {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.toolbar .toolbar-button.loading-cube.lighten:before,
.toolbar .toolbar-button.loading-cube.lighten:after {
background-color: #fff;
}
.toolbar .toolbar-button.dropdown-toggle {
padding-right: 1.625rem;
}
.toolbar .toolbar-button.dropdown-toggle.drop-marker-light:before,
.toolbar .toolbar-button.dropdown-toggle.drop-marker-light:after {
background-color: #ffffff;
}
.toolbar .toolbar-button.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
}
.toolbar .toolbar-button.primary:active {
background: #1b6eae;
color: #ffffff;
}
.toolbar .toolbar-button.success {
background: #60a917;
color: #ffffff;
border-color: #60a917;
}
.toolbar .toolbar-button.success:active {
background: #128023;
color: #ffffff;
}
.toolbar .toolbar-button.danger,
.toolbar .toolbar-button.alert {
background: #ce352c;
color: #ffffff;
border-color: #ce352c;
}
.toolbar .toolbar-button.danger:active,
.toolbar .toolbar-button.alert:active {
background: #9a1616;
color: #ffffff;
}
.toolbar .toolbar-button.info {
background: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.toolbar .toolbar-button.info:active {
background: #1ba1e2;
color: #ffffff;
}
.toolbar .toolbar-button.warning {
background: #fa6800;
color: #ffffff;
border-color: #fa6800;
}
.toolbar .toolbar-button.warning:active {
background: #bf5a15;
color: #ffffff;
}
.toolbar .toolbar-button.link {
background: transparent;
color: #2086bf;
border-color: transparent;
text-decoration: underline;
}
.toolbar .toolbar-button.link:hover,
.toolbar .toolbar-button.link:active {
background: transparent;
color: #114968;
border-color: transparent;
}
.toolbar .toolbar-button.mini-button {
width: 1.4rem;
height: 1.4rem;
font-size: .6rem;
line-height: 1;
padding: 0;
min-width: 0;
}
.toolbar .toolbar-button.small-button {
width: 1.7rem;
height: 1.7rem;
font-size: .7rem;
line-height: 1.68rem;
padding: 0;
min-width: 0;
}
.toolbar .toolbar-button.large-button {
font-size: 1.05rem;
line-height: 1;
width: 2.55rem;
height: 2.55rem;
}
.toolbar .toolbar-button.big-button {
font-size: 1.2rem;
line-height: 1;
width: 3.125rem;
height: 3.125rem;
}
.toolbar-group,
.toolbar-section {
display: inline-block;
}
.toolbar-group.condensed:before,
.toolbar-section.condensed:before,
.toolbar-group.condensed:after,
.toolbar-section.condensed:after {
display: table;
content: "";
}
.toolbar-group.condensed:after,
.toolbar-section.condensed:after {
clear: both;
}
.toolbar-group.condensed .button,
.toolbar-section.condensed .button,
.toolbar-group.condensed .toolbar-button,
.toolbar-section.condensed .toolbar-button {
display: block;
float: left;
}
.toolbar-group-check .toolbar-button.checked {
background-color: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.toolbar-group-radio .toolbar-button.checked {
background-color: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.toolbar.rounded > .toolbar-button,
.toolbar.rounded > .toolbar-section .toolbar-button {
border-radius: .3125rem;
}
.toolbar.rounded .toolbar-section:before {
border-radius: .3125rem;
}
.v-toolbar {
position: relative;
float: left;
}
.v-toolbar:before,
.v-toolbar:after {
display: table;
content: "";
}
.v-toolbar:after {
clear: both;
}
.v-toolbar .toolbar-button {
padding: 0 1rem;
height: 2.125rem;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: .15625rem 0;
position: relative;
width: 2.125rem;
min-width: 2.125rem;
padding: 0 ;
border-radius: 50%;
text-align: center;
text-decoration: none;
vertical-align: middle;
border-radius: 0;
margin: 0;
}
.v-toolbar .toolbar-button.default {
background-color: #008287;
color: #fff;
}
.v-toolbar .toolbar-button:hover {
border-color: #787878;
}
.v-toolbar .toolbar-button:active {
background: #eeeeee;
color: #262626;
box-shadow: none;
}
.v-toolbar .toolbar-button:focus {
outline: 0;
}
.v-toolbar .toolbar-button:disabled,
.v-toolbar .toolbar-button.disabled {
background-color: #eaeaea;
color: #bebebe;
cursor: default;
border-color: transparent;
}
.v-toolbar .toolbar-button * {
color: inherit;
}
.v-toolbar .toolbar-button *:hover {
color: inherit;
}
.v-toolbar .toolbar-button.rounded {
border-radius: .325rem;
}
.v-toolbar .toolbar-button > [class*=mif-] {
vertical-align: middle;
}
.v-toolbar .toolbar-button img {
height: .875rem;
vertical-align: middle;
margin: 0;
}
.v-toolbar .toolbar-button.loading-pulse {
position: relative;
padding: 0 1.325rem;
}
.v-toolbar .toolbar-button.loading-pulse:before {
position: absolute;
content: "";
left: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
.v-toolbar .toolbar-button.loading-pulse.lighten:before {
background-color: #fff;
}
.v-toolbar .toolbar-button.loading-cube {
position: relative;
padding: 0 1.325rem;
}
.v-toolbar .toolbar-button.loading-cube:before,
.v-toolbar .toolbar-button.loading-cube:after {
content: "";
background-color: #333;
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 3px;
margin-top: -8px;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.v-toolbar .toolbar-button.loading-cube:after {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.v-toolbar .toolbar-button.loading-cube.lighten:before,
.v-toolbar .toolbar-button.loading-cube.lighten:after {
background-color: #fff;
}
.v-toolbar .toolbar-button.dropdown-toggle {
padding-right: 1.625rem;
}
.v-toolbar .toolbar-button.dropdown-toggle.drop-marker-light:before,
.v-toolbar .toolbar-button.dropdown-toggle.drop-marker-light:after {
background-color: #ffffff;
}
.v-toolbar .toolbar-button.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
}
.v-toolbar .toolbar-button.primary:active {
background: #1b6eae;
color: #ffffff;
}
.v-toolbar .toolbar-button.success {
background: #60a917;
color: #ffffff;
border-color: #60a917;
}
.v-toolbar .toolbar-button.success:active {
background: #128023;
color: #ffffff;
}
.v-toolbar .toolbar-button.danger,
.v-toolbar .toolbar-button.alert {
background: #ce352c;
color: #ffffff;
border-color: #ce352c;
}
.v-toolbar .toolbar-button.danger:active,
.v-toolbar .toolbar-button.alert:active {
background: #9a1616;
color: #ffffff;
}
.v-toolbar .toolbar-button.info {
background: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.v-toolbar .toolbar-button.info:active {
background: #1ba1e2;
color: #ffffff;
}
.v-toolbar .toolbar-button.warning {
background: #fa6800;
color: #ffffff;
border-color: #fa6800;
}
.v-toolbar .toolbar-button.warning:active {
background: #bf5a15;
color: #ffffff;
}
.v-toolbar .toolbar-button.link {
background: transparent;
color: #2086bf;
border-color: transparent;
text-decoration: underline;
}
.v-toolbar .toolbar-button.link:hover,
.v-toolbar .toolbar-button.link:active {
background: transparent;
color: #114968;
border-color: transparent;
}
.v-toolbar .toolbar-button.mini-button {
width: 1.4rem;
height: 1.4rem;
font-size: .6rem;
line-height: 1;
padding: 0;
min-width: 0;
}
.v-toolbar .toolbar-button.small-button {
width: 1.7rem;
height: 1.7rem;
font-size: .7rem;
line-height: 1.68rem;
padding: 0;
min-width: 0;
}
.v-toolbar .toolbar-button.large-button {
font-size: 1.05rem;
line-height: 1;
width: 2.55rem;
height: 2.55rem;
}
.v-toolbar .toolbar-button.big-button {
font-size: 1.2rem;
line-height: 1;
width: 3.125rem;
height: 3.125rem;
}
.v-toolbar.rounded > .toolbar-button,
.v-toolbar.rounded > .toolbar-section .toolbar-button {
border-radius: .3125rem;
}
.v-toolbar.rounded .toolbar-section:before {
border-radius: .3125rem;
}
.v-toolbar .toolbar-section {
padding-left: 0;
padding-top: .5725rem;
}
.v-toolbar .toolbar-section:before {
width: 100%;
top: 0;
height: .325rem;
}
.v-toolbar .toolbar-button {
display: block;
margin-bottom: .25rem;
}
.v-toolbar.no-divider .toolbar-section:before {
display: none;
}
.pagination {
display: block;
margin: .625rem 0;
}
.pagination:before,
.pagination:after {
display: table;
content: "";
}
.pagination:after {
clear: both;
}
.pagination > .item {
display: block;
float: left;
margin-left: .0652rem;
padding: 0.25rem .625rem;
background-color: #ffffff;
cursor: pointer;
border: 1px #eeeeee solid;
text-align: center;
font-size: .875rem;
color: #1d1d1d;
}
.pagination > .item:first-child {
margin-left: 0 ;
}
.pagination > .item.current,
.pagination > .item.active {
background-color: #1ba1e2;
border-color: #59cde2;
color: #ffffff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.pagination > .item:hover {
background-color: #75c7ee;
border-color: #75c7ee;
color: #ffffff;
}
.pagination > .item:disabled,
.pagination > .item.disabled {
cursor: default;
background-color: #eeeeee;
border-color: #eeeeee;
color: #999999;
}
.pagination > .item.spaces {
border: 0;
cursor: default;
color: #1d1d1d;
}
.pagination > .item.spaces:hover {
background-color: inherit ;
color: #1d1d1d;
}
.pagination.rounded > .item {
border-radius: .3125rem;
}
.pagination.cycle > .item {
width: 28px;
height: 28px;
border-radius: 50%;
font-size: .7rem;
padding: .4375rem 0;
}
.pagination.no-border > .item {
border: 0;
}
.pagination.no-border > .item:hover {
color: #59cde2;
background-color: transparent ;
}
.pagination.no-border > .item:disabled,
.pagination.no-border > .item.disabled {
cursor: default;
background-color: transparent;
border-color: transparent;
color: #999999;
}
.pagination.no-border > .item.current:hover,
.pagination.no-border > .item.active:hover {
background-color: #75c7ee;
border-color: #75c7ee;
color: #ffffff;
}
.breadcrumbs {
padding: 0;
margin: 0;
list-style: none inside none;
background-color: #ffffff;
color: #999;
padding: 1rem;
}
.breadcrumbs > li {
display: inline-block;
color: inherit;
margin: 0 1rem 0 0;
position: relative;
vertical-align: middle;
}
.breadcrumbs > li:before,
.breadcrumbs > li:after {
display: block;
position: absolute;
vertical-align: middle;
color: transparent;
font-size: 0;
content: "";
height: 1px;
width: .375rem;
background-color: #1d1d1d;
top: 50%;
left: 100%;
margin-left: .5rem;
}
.breadcrumbs > li:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -0.125rem;
}
.breadcrumbs > li:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: .125rem;
}
.breadcrumbs > li > a {
color: inherit;
display: inline-block;
line-height: 1;
}
.breadcrumbs > li:last-child {
color: #1d1d1d;
font-weight: bolder;
}
.breadcrumbs > li:last-child a {
cursor: default;
}
.breadcrumbs > li:last-child:before,
.breadcrumbs > li:last-child:after {
background-color: transparent;
}
.breadcrumbs > li:hover {
color: #1d1d1d;
}
.breadcrumbs img,
.breadcrumbs .icon {
display: inline-block;
line-height: .8;
height: 1rem;
width: 1rem;
font-size: 1rem;
vertical-align: -15%;
}
.breadcrumbs.dark {
background-color: #393832;
}
.breadcrumbs.dark > li:hover,
.breadcrumbs.dark > li:last-child {
color: #ffffff;
}
.breadcrumbs.dark > li:before,
.breadcrumbs.dark > li:after {
background-color: #ffffff;
}
.breadcrumbs2 {
margin: 0.625rem 0;
padding: 0;
list-style: none;
overflow: hidden;
width: 100%;
}
.breadcrumbs2 li {
float: left;
margin: 0 .2em 0 1em;
}
.breadcrumbs2 a {
background: #d9d9d9;
padding: .3em 1em;
float: left;
text-decoration: none;
color: #2086bf;
position: relative;
}
.breadcrumbs2 a:hover {
background: #1ba1e2;
color: #ffffff;
}
.breadcrumbs2 a:hover:before {
border-color: #1ba1e2 #1ba1e2 #1ba1e2 transparent;
}
.breadcrumbs2 a:hover:after {
border-left-color: #1ba1e2;
}
.breadcrumbs2 a:before {
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-width: 1.5em 0 1.5em 1em;
border-style: solid;
border-color: #d9d9d9 #d9d9d9 #d9d9d9 transparent;
left: -1em;
margin-left: 1px;
}
.breadcrumbs2 a:after {
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-top: 1.5em solid transparent;
border-bottom: 1.5em solid transparent;
border-left: 1em solid #d9d9d9;
right: -1em;
margin-right: 1px;
}
.breadcrumbs2 > li:first-child {
margin-left: 0;
}
.breadcrumbs2 > li:first-child a:before {
content: normal;
}
.breadcrumbs2 > li:last-child {
background: none;
}
.breadcrumbs2 > li:last-child a {
color: #1d1d1d;
}
.breadcrumbs2 > li:last-child:after,
.breadcrumbs2 > li:last-child:before {
content: normal;
}
.breadcrumbs2 > li:last-child:hover a {
color: #ffffff;
}
.breadcrumbs2 .active,
.breadcrumbs2 .active:hover {
background: none;
}
.breadcrumbs2 .active a,
.breadcrumbs2 .active:hover a {
color: #1d1d1d;
}
.breadcrumbs2 .active:hover a {
color: #ffffff;
}
.breadcrumbs2 .active:after,
.breadcrumbs2 .active:before {
content: normal;
}
.breadcrumbs2.small a {
padding: .2em 1em;
font-size: 11.9px;
}
.breadcrumbs2.mini a {
padding: .1em 1em;
font-size: 10.5px;
}
.breadcrumbs2 > li > a > [class*=mif] {
vertical-align: -10%;
}
.input-control {
display: inline-block;
/* min-height: 2.125rem;
height: 2.125rem;*/
position: relative;
vertical-align: middle;
margin: 0 0;
line-height: 1;
}
.input-control[data-role=select] {
height: auto;
}
.input-control.text,
.input-control.select,
.input-control.file,
.input-control.password,
.input-control.number,
.input-control.email,
.input-control.tel {
width: 100%;
}
.input-control.text .button,
.input-control.select .button,
.input-control.file .button,
.input-control.password .button,
.input-control.number .button,
.input-control.email .button,
.input-control.tel .button {
position: absolute;
top: 0;
right: 0;
z-index: 0;
margin: 0;
}
.input-control.text > label,
.input-control.select > label,
.input-control.file > label,
.input-control.password > label,
.input-control.number > label,
.input-control.email > label,
.input-control.tel > label,
.input-control.text > .label,
.input-control.select > .label,
.input-control.file > .label,
.input-control.password > .label,
.input-control.number > .label,
.input-control.email > .label,
.input-control.tel > .label {
position: absolute;
left: 0;
top: -1rem;
font-size: .875rem;
}
.input-control.text > input:disabled + .button,
.input-control.select > input:disabled + .button,
.input-control.file > input:disabled + .button,
.input-control.password > input:disabled + .button,
.input-control.number > input:disabled + .button,
.input-control.email > input:disabled + .button,
.input-control.tel > input:disabled + .button {
display: none;
}
.input-control.text .prepend-icon,
.input-control.select .prepend-icon,
.input-control.file .prepend-icon,
.input-control.password .prepend-icon,
.input-control.number .prepend-icon,
.input-control.email .prepend-icon,
.input-control.tel .prepend-icon {
width: 24px;
height: 24px;
font-size: 24px;
line-height: 1;
position: absolute;
top: 50%;
margin-top: -12px;
left: 4px;
z-index: 2;
color: #999999;
}
.input-control.text .prepend-icon ~ input,
.input-control.select .prepend-icon ~ input,
.input-control.file .prepend-icon ~ input,
.input-control.password .prepend-icon ~ input,
.input-control.number .prepend-icon ~ input,
.input-control.email .prepend-icon ~ input,
.input-control.tel .prepend-icon ~ input {
padding-left: 30px;
}
.input-control input,
.input-control textarea,
.input-control select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
position: relative;
border: 1px #d9d9d9 solid;
width: 100%;
height: 100%;
/*padding: .3125rem;*/
z-index: 0;
}
.input-control input:focus,
.input-control textarea:focus,
.input-control select:focus {
outline: none;
}
.input-control input:disabled,
.input-control textarea:disabled,
.input-control select:disabled {
background-color: #EBEBE4;
}
.input-control input:focus,
.input-control textarea:focus,
.input-control select:focus,
.input-control input:hover,
.input-control textarea:hover,
.input-control select:hover {
border-color: #787878;
}
.input-control textarea {
position: relative;
min-height: 6.25rem;
font-family: "Segoe UI", "Open Sans", sans-serif, serif;
}
.input-control.textarea {
height: auto;
}
.input-control.select {
position: relative;
}
.input-control.select select {
padding-right: 20px;
}
.input-control.rounded input,
.input-control.rounded textarea,
.input-control.rounded select {
border-radius: 0.3125rem;
}
.input-control.big-input {
height: 4.125rem;
}
.input-control.big-input input {
font-size: 1.875rem;
padding-left: 1.25rem ;
}
.input-control.big-input .button {
height: 3.25rem;
top: 50%;
margin-top: -1.625rem;
right: 0.3125rem;
font-size: 1.125rem;
font-weight: bold;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.input-control [class*=input-state-] {
position: absolute;
display: none;
top: 50%;
right: 8px;
z-index: 3;
font-size: 1rem;
margin-top: -0.5rem;
}
.input-control.required input,
.input-control.required textarea,
.input-control.required select {
border: 1px dashed #1ba1e2;
}
.input-control.required.neon input,
.input-control.required.neon textarea,
.input-control.required.neon select {
box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.input-control.required .input-state-required {
display: block;
color: #1ba1e2;
}
.input-control.error input,
.input-control.error textarea,
.input-control.error select {
border: 1px solid #ce352c;
}
.input-control.error.neon input,
.input-control.error.neon textarea,
.input-control.error.neon select {
box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.input-control.error .input-state-error {
display: block;
color: #ce352c;
}
.input-control.warning input,
.input-control.warning textarea,
.input-control.warning select {
border: 1px solid #e3c800;
}
.input-control.warning.neon input,
.input-control.warning.neon textarea,
.input-control.warning.neon select {
box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.input-control.warning .input-state-warning {
display: block;
color: #e3c800;
}
.input-control.success input,
.input-control.success textarea,
.input-control.success select {
border: 1px solid #60a917;
}
.input-control.success.neon input,
.input-control.success.neon textarea,
.input-control.success.neon select {
box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.input-control.success .input-state-success {
display: block;
color: #60a917;
}
.input-control.info input,
.input-control.info textarea,
.input-control.info select {
border: 1px solid #1ba1e2;
}
.input-control.info.neon input,
.input-control.info.neon textarea,
.input-control.info.neon select {
box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.input-control.info .input-state-success {
display: block;
color: #1ba1e2;
}
input.error,
select.error,
textarea.error {
border: 1px solid #ce352c;
}
input.warning,
select.warning,
textarea.warning {
border: 1px solid #e3c800;
}
input.info,
select.info,
textarea.info {
border: 1px solid #1ba1e2;
}
input.success,
select.success,
textarea.success {
border: 1px solid #60a917;
}
input.required,
select.required,
textarea.required {
/* border: 1px solid #1d1d1d;*/
}
.input-control.file input[type=file] {
position: absolute;
opacity: 0;
width: 0.0625rem;
height: 0.0625rem;
}
.input-control.file input[type=file]:disabled ~ input[type=text],
.input-control.file input[type=file]:disabled ~ .button {
background-color: #EBEBE4;
}
.input-control.file:hover input[type=text],
.input-control.file:hover button {
border-color: #787878;
}
.input-control .button-group {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
z-index: 2;
}
.input-control .button-group:before,
.input-control .button-group:after {
display: table;
content: "";
}
.input-control .button-group:after {
clear: both;
}
.input-control .button-group .button {
position: relative;
float: left;
margin: 0;
}
.input-control > .helper-button,
.input-control > .button-group > .helper-button {
visibility: hidden;
margin: 0;
border: 0;
height: 1.875rem;
padding: 0 .6rem;
z-index: 100;
font-size: .75rem;
}
.input-control > .button.helper-button {
margin: 2px 2px 0;
}
.input-control > .button-group > .button.helper-button {
margin: 2px 0 ;
}
.input-control > .button-group > .button.helper-button:last-child {
margin-right: 2px ;
}
.input-control input:focus ~ .helper-button,
.input-control input:focus ~ .button-group > .helper-button {
visibility: visible;
}
.input-control input ~ .helper-button:active,
.input-control input ~ .button-group > .helper-button:active {
visibility: visible;
}
.input-control input:disabled ~ .helper-button,
.input-control input:disabled ~ .button-group > .helper-button {
display: none ;
}
.input-control.modern {
position: relative;
width: 12.25rem;
height: 3rem;
display: inline-block;
margin: .625rem 0;
}
.input-control.modern input {
position: absolute;
top: 1rem;
left: 0;
right: 0;
bottom: .5rem;
border: 0;
border-bottom: 2px #DDDDDD solid;
background-color: transparent;
outline: none;
font-size: 1rem;
padding-bottom: .5rem;
padding-left: 0;
width: 100%;
z-index: 2;
height: 1.75rem;
}
.input-control.modern input:focus {
border-bottom-color: #1d1d1d;
}
.input-control.modern .label,
.input-control.modern .informer {
position: absolute;
display: block;
z-index: 1;
color: #1d1d1d;
}
.input-control.modern .label {
opacity: 0;
top: 16px;
left: 0;
transition: all 0.3s linear;
}
.input-control.modern .informer {
opacity: 0;
bottom: .75rem;
color: #C8C8C8;
font-size: .8rem;
transition: all 0.3s linear;
}
.input-control.modern .placeholder {
font-size: 1rem;
color: #C8C8C8;
position: absolute;
top: 1.2rem;
left: 0;
z-index: 1;
opacity: 1;
transition: all 0.3s linear;
}
.input-control.modern .helper-button {
top: 8px;
}
.input-control.modern.iconic {
margin-left: 32px;
}
.input-control.modern.iconic .icon {
width: 24px;
height: 24px;
font-size: 24px;
line-height: 1;
position: absolute;
left: -28px;
top: 50%;
margin-top: -8px;
display: block;
opacity: .2;
transition: all 0.3s linear;
}
.input-control.modern.iconic .icon img {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
}
.input-control.modern.iconic.full-size {
width: calc(100% - 32px) !important;
}
.input-control.modern input:focus ~ .label {
opacity: 1;
-webkit-transform: translateY(-18px);
transform: translateY(-18px);
transition: all 0.3s linear;
}
.input-control.modern input:focus ~ .placeholder {
opacity: 0;
-webkit-transform: translateX(200px);
transform: translateX(200px);
transition: all 0.3s linear;
}
.input-control.modern input:focus ~ .informer {
opacity: 1;
color: #1d1d1d;
bottom: -0.75rem;
transition: all 0.3s linear;
}
.input-control.modern input:focus ~ .icon {
opacity: 1;
transition: all 0.3s linear;
}
.input-control.modern.error input {
border-bottom-color: #ce352c;
}
.input-control.modern.error .informer,
.input-control.modern.error .label {
color: #ce352c;
}
.input-control.modern.success input {
border-bottom-color: #60a917;
}
.input-control.modern.success .informer,
.input-control.modern.success .label {
color: #60a917;
}
.input-control.modern.warning input {
border-bottom-color: #e3c800;
}
.input-control.modern.warning .informer,
.input-control.modern.warning .label {
color: #e3c800;
}
.input-control.modern.info input {
border-bottom-color: #1ba1e2;
}
.input-control.modern.info .informer,
.input-control.modern.info .label {
color: #1ba1e2;
}
.input-control.modern input:disabled {
border-bottom-style: dotted;
color: #BCBCBC;
}
.input-control.checkbox,
.input-control.radio {
line-height: 0.6rem;
min-width: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.input-control .checkbox, .input-control .radio{
padding-left:0.9rem;
margin-right: 0.5rem;
}
.input-control .checkbox {
/*padding-left:1.2rem;*/
margin-right:0px !important;
margin-top:0 !important;
}
.input-control.checkbox input[type="checkbox"],
.input-control.radio input[type="checkbox"],
.input-control.checkbox input[type="radio"],
.input-control.radio input[type="radio"] {
position: absolute;
opacity: 0;
width: 0.0625rem;
height: 0.0625rem;
}
.input-control.checkbox .caption,
.input-control.radio .caption {
margin: 0 .125rem;
vertical-align: middle;
}
.input-control.checkbox .check,
.input-control.radio .check {
width: 1rem;
height: 1rem;
background-color: #ffffff;
border: 1px solid #cdd1d7;
border-radius:3px;
padding: 0;
position: relative;
display: inline-block;
vertical-align: middle;
display:none;
}
.input-control.checkbox.text-left .check,
.input-control.radio.text-left .check {
margin: 0 0 0 .3125rem;
}
.input-control.checkbox .check:focus,
.input-control.radio .check:focus {
border-color: #bcd9e2;
}
.input-control.checkbox .check:before,
.input-control.radio .check:before {
position: absolute;
vertical-align: middle;
color: transparent;
font-size: 0;
content: "";
height: .2rem;
width: .4rem;
background-color: transparent;
border-left: .1875rem solid;
border-bottom: .1875rem solid;
border-color: transparent;
left: 55%;
top: 60%;
margin-left: -0.325rem;
margin-top: -0.365rem;
display: block;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transition: all 0.2s linear;
}
.input-control.checkbox input[type=radio] ~ .check:before,
.input-control.radio input[type=radio] ~ .check:before {
border-color: transparent;
}
.input-control.checkbox input[type="checkbox"]:checked ~ .check:before,
.input-control.radio input[type="checkbox"]:checked ~ .check:before,
.input-control.checkbox input[type="radio"]:checked ~ .check:before,
.input-control.radio input[type="radio"]:checked ~ .check:before {
border-color: #555555;
transition: all 0.2s linear;
}
.input-control.checkbox input[type="checkbox"]:disabled ~ .caption,
.input-control.radio input[type="checkbox"]:disabled ~ .caption,
.input-control.checkbox input[type="radio"]:disabled ~ .caption,
.input-control.radio input[type="radio"]:disabled ~ .caption {
color: #cacaca;
cursor: default;
}
.input-control.checkbox input[type="checkbox"]:disabled ~ .check,
.input-control.radio input[type="checkbox"]:disabled ~ .check,
.input-control.checkbox input[type="radio"]:disabled ~ .check,
.input-control.radio input[type="radio"]:disabled ~ .check {
border-color: #cacaca;
cursor: default;
}
.input-control.checkbox input[type="checkbox"]:disabled:checked ~ .check:before,
.input-control.radio input[type="checkbox"]:disabled:checked ~ .check:before {
border-color: #cacaca;
}
.input-control.checkbox input[type="radio"]:disabled:checked ~ .check:before,
.input-control.radio input[type="radio"]:disabled:checked ~ .check:before {
background-color: #cacaca;
}
.input-control.checkbox input[data-show="indeterminate"] ~ .check:before,
.input-control.radio input[data-show="indeterminate"] ~ .check:before,
.input-control.checkbox input[data-show="indeterminate"]:checked ~ .check:before,
.input-control.radio input[data-show="indeterminate"]:checked ~ .check:before,
.input-control.checkbox input.indeterminate:checked ~ .check:before,
.input-control.radio input.indeterminate:checked ~ .check:before,
.input-control.checkbox input[type="checkbox"]:indeterminate ~ .check:before,
.input-control.radio input[type="checkbox"]:indeterminate ~ .check:before {
display: none;
}
.input-control.checkbox input[data-show="indeterminate"] ~ .check:after,
.input-control.radio input[data-show="indeterminate"] ~ .check:after,
.input-control.checkbox input[data-show="indeterminate"]:checked ~ .check:after,
.input-control.radio input[data-show="indeterminate"]:checked ~ .check:after,
.input-control.checkbox input.indeterminate:checked ~ .check:after,
.input-control.radio input.indeterminate:checked ~ .check:after,
.input-control.checkbox input[type="checkbox"]:indeterminate ~ .check:after,
.input-control.radio input[type="checkbox"]:indeterminate ~ .check:after {
position: absolute;
display: block;
content: "";
background-color: #1d1d1d;
height: .875rem;
width: .875rem;
left: 50%;
top: 50%;
margin-left: -0.4375rem;
margin-top: -0.4375rem;
}
.input-control.checkbox input[data-show="indeterminate"]:not(:checked) ~ .check:after,
.input-control.radio input[data-show="indeterminate"]:not(:checked) ~ .check:after {
background-color: transparent;
}
.input-control.checkbox input[data-show="indeterminate"]:disabled ~ .check:after,
.input-control.radio input[data-show="indeterminate"]:disabled ~ .check:after {
background-color: #cacaca;
}
.input-control.radio .check {
border: 1px #999999 solid;
border-radius: 50%;
}
.input-control.radio .check:before {
position: absolute;
display: block;
content: "";
background-color: #1d1d1d;
height: .3rem;
width: .3rem;
left: 67%;
top: 67%;
margin-left: -0.375rem;
margin-top: -0.375rem;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
border-radius: 50%;
}
.input-control.radio input[type="radio"]:checked ~ .check:before {
border-color: transparent;
}
.input-control.radio input[type="radio"]:not(:checked) ~ .check:before {
background-color: transparent;
}
.input-control.radio input[type="radio"]:disabled ~ .check:before {
border-color: transparent;
}
.input-control.small-check .check {
width: 1rem;
height: 1rem;
}
.input-control.small-check .check:before {
width: 6px;
height: 3px;
margin-left: -4px;
margin-top: -4px;
border-width: 2px;
}
.input-control.small-check.radio .check:before {
height: .375rem;
width: .375rem;
left: 50%;
top: 50%;
margin-left: -0.25rem;
margin-top: -0.25rem;
}
.input-control.small-check input[data-show="indeterminate"] ~ .check:after,
.input-control.small-check input[data-show="indeterminate"]:checked ~ .check:after,
.input-control.small-check input.indeterminate:checked ~ .check:after,
.input-control.small-check input[type="checkbox"]:indeterminate ~ .check:after {
height: .375rem;
width: .375rem;
left: 50%;
top: 50%;
margin-left: -0.1875rem;
margin-top: -0.1875rem;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: 0 1rem;
height: 2.125rem;
text-align: center;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: 0;
position: relative;
vertical-align: middle;
}
input[type="button"].default,
input[type="reset"].default,
input[type="submit"].default {
background-color: #008287;
color: #fff;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #787878;
}
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background: #eeeeee;
color: #262626;
box-shadow: none;
}
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: 0;
}
input[type="reset"].primary.disabled,
input[type="submit"].primary.disabled,
input[type="button"].primary.disabled,
input[type="reset"].disabled,
input[type="button"].disabled,
input[type="submit"].disabled,
.button.disabled{
background-color: #c1c1c1;
color: #dfdfdf;
cursor: default;
border-color: transparent;
pointer-events: none;
}
.button.primary.disabled:hover, .button.disabled:hover{
background-color: #c1c1c1;
color: #dfdfdf;
cursor: default;
border-color: transparent;
pointer-events: none;
}
input[type="button"] *,
input[type="reset"] *,
input[type="submit"] * {
color: inherit;
}
input[type="button"] *:hover,
input[type="reset"] *:hover,
input[type="submit"] *:hover {
color: inherit;
}
input[type="button"].rounded,
input[type="reset"].rounded,
input[type="submit"].rounded {
border-radius: .325rem;
}
input[type="button"] > [class*=mif-],
input[type="reset"] > [class*=mif-],
input[type="submit"] > [class*=mif-] {
vertical-align: middle;
}
input[type="button"] img,
input[type="reset"] img,
input[type="submit"] img {
height: .875rem;
vertical-align: middle;
margin: 0;
}
input[type="button"].loading-pulse,
input[type="reset"].loading-pulse,
input[type="submit"].loading-pulse {
position: relative;
padding: 0 1.325rem;
}
input[type="button"].loading-pulse:before,
input[type="reset"].loading-pulse:before,
input[type="submit"].loading-pulse:before {
position: absolute;
content: "";
left: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
input[type="button"].loading-pulse.lighten:before,
input[type="reset"].loading-pulse.lighten:before,
input[type="submit"].loading-pulse.lighten:before {
background-color: #fff;
}
input[type="button"].loading-cube,
input[type="reset"].loading-cube,
input[type="submit"].loading-cube {
position: relative;
padding: 0 1.325rem;
}
input[type="button"].loading-cube:before,
input[type="reset"].loading-cube:before,
input[type="submit"].loading-cube:before,
input[type="button"].loading-cube:after,
input[type="reset"].loading-cube:after,
input[type="submit"].loading-cube:after {
content: "";
background-color: #333;
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 3px;
margin-top: -8px;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
input[type="button"].loading-cube:after,
input[type="reset"].loading-cube:after,
input[type="submit"].loading-cube:after {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
input[type="button"].loading-cube.lighten:before,
input[type="reset"].loading-cube.lighten:before,
input[type="submit"].loading-cube.lighten:before,
input[type="button"].loading-cube.lighten:after,
input[type="reset"].loading-cube.lighten:after,
input[type="submit"].loading-cube.lighten:after {
background-color: #fff;
}
input[type="button"].dropdown-toggle,
input[type="reset"].dropdown-toggle,
input[type="submit"].dropdown-toggle {
padding-right: 1.625rem;
}
input[type="button"].dropdown-toggle.drop-marker-light:before,
input[type="reset"].dropdown-toggle.drop-marker-light:before,
input[type="submit"].dropdown-toggle.drop-marker-light:before,
input[type="button"].dropdown-toggle.drop-marker-light:after,
input[type="reset"].dropdown-toggle.drop-marker-light:after,
input[type="submit"].dropdown-toggle.drop-marker-light:after {
background-color: #ffffff;
}
input[type="button"].primary,
input[type="reset"].primary,
input[type="submit"].primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
border-radius: 3px;
}
input[type="reset"].notifationButton,
input[type="submit"].notifationButton {
background: #a4a4a4;
color: #fff;
cursor: default;
border-color: transparent;
border-radius: 3px;
cursor: pointer;
}
input[type="button"].notifationButton {
background:none!important;
border:none;
padding:0!important;
cursor:pointer;
color:#2086bf !important;
font-family:'Segoe UI';
}
input[type="button"].notifationButton:hover {
color:#005cb9;
-webkit-text-fill-color: #005cb9;
}
input[type="button"].primary:active,
input[type="reset"].primary:active,
input[type="submit"].primary:active {
background: #1b6eae;
color: #ffffff;
}
input[type="button"].success,
input[type="reset"].success,
input[type="submit"].success {
background: #60a917;
color: #ffffff;
border-color: #60a917;
}
input[type="button"].success:active,
input[type="reset"].success:active,
input[type="submit"].success:active {
background: #128023;
color: #ffffff;
}
input[type="button"].danger,
input[type="reset"].danger,
input[type="submit"].danger,
input[type="button"].alert,
input[type="reset"].alert,
input[type="submit"].alert {
background: #ce352c;
color: #ffffff;
border-color: #ce352c;
}
input[type="button"].danger:active,
input[type="reset"].danger:active,
input[type="submit"].danger:active,
input[type="button"].alert:active,
input[type="reset"].alert:active,
input[type="submit"].alert:active {
background: #9a1616;
color: #ffffff;
}
input[type="button"].info,
input[type="reset"].info,
input[type="submit"].info {
background: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
input[type="button"].info:active,
input[type="reset"].info:active,
input[type="submit"].info:active {
background: #1ba1e2;
color: #ffffff;
}
input[type="button"].warning,
input[type="reset"].warning,
input[type="submit"].warning {
background: #fa6800;
color: #ffffff;
border-color: #fa6800;
}
input[type="button"].warning:active,
input[type="reset"].warning:active,
input[type="submit"].warning:active {
background: #bf5a15;
color: #ffffff;
}
input[type="reset"].link,
input[type="submit"].link {
background: transparent;
/*color: #2086bf;*/
border-color: transparent;
text-decoration: underline;
/*Added by rohit : 22/Dec/2016*/
color:#42aaff;
font-weight:normal;
font-size : 0.875rem;
cursor:pointer;
}
input[type="button"].link:hover,
input[type="reset"].link:hover,
input[type="submit"].link:hover,
input[type="button"].link:active,
input[type="reset"].link:active,
input[type="submit"].link:active {
background: transparent;
color: #114968;
border-color: transparent;
}
input[type="button"].link {
color: #000;
background: transparent;
border-color: transparent;
text-decoration: underline;
/*Added by rohit : 22/Dec/2016*/
font-weight:normal;
font-size : 0.875rem;
cursor:pointer;
}
input[type="button"].link:hover {
color:#005cb9 !important;
}
.switch,
.switch-original {
display: inline-block;
margin: 0 .625rem 0 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.switch input,
.switch-original input {
position: absolute;
opacity: 0;
width: 0.0625rem;
height: 0.0625rem;
}
.switch .check,
.switch-original .check,
.switch .caption,
.switch-original .caption {
display: inline-block;
vertical-align: middle;
line-height: 18px;
}
.switch .check {
width: 36px;
height: 16px;
background-color: #929292;
border-radius: 8px;
overflow: visible;
position: relative;
}
.switch .check:before {
position: absolute;
display: block;
content: "";
width: 22px;
height: 22px;
z-index: 2;
margin-top: -4px;
margin-left: -3px;
border-radius: 50%;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.switch input:checked ~ .check {
background-color: #008287;
}
.switch input:not(:checked) ~ .check:before {
background-color: #ffffff;
transition: all 0.2s linear;
}
.switch input:checked ~ .check {
background-color: #008287;
}
.switch input:checked ~ .check:before {
-webkit-transform: translateX(22px);
transform: translateX(22px);
transition: all 0.2s linear;
}
.switch input:disabled ~ .check {
background-color: #D5D5D5;
}
.switch input:disabled ~ .check:before {
background-color: #BDBDBD;
}
.switch-original .caption {
margin: 0 5px;
}
.switch-original .check {
position: relative;
height: 1.125rem;
width: 2.8125rem;
outline: 2px #a6a6a6 solid;
border: 1px #fff solid;
cursor: pointer;
background: #A6A6A6;
z-index: 1;
display: inline-block;
vertical-align: middle;
}
.switch-original .check:after {
position: absolute;
left: -1px;
top: -1px;
display: block;
content: "";
height: 1rem;
width: .5625rem;
outline: 2px #333 solid;
border: 1px #333 solid;
cursor: pointer;
background: #333;
z-index: 2;
transition: all 0.2s linear;
}
.switch-original input[type="checkbox"]:focus ~ .check {
outline: 1px #999999 dotted;
}
.switch-original input[type="checkbox"]:checked ~ .check {
background: #008287;
}
.switch-original input[type="checkbox"]:checked ~ .check:after {
left: auto;
-webkit-transform: translateX(2rem);
transform: translateX(2rem);
transition: all 0.2s linear;
}
.switch-original input[type="checkbox"]:disabled ~ .check {
background-color: #e6e6e6;
border-color: #ffffff;
}
.switch-original input[type="checkbox"]:disabled ~ .check:after {
background-color: #8a8a8a;
outline-color: #8a8a8a;
border-color: #8a8a8a;
}
/*.input-control.range input[type=range] {
border: 0;
box-sizing: border-box;
line-height: 1;
background-color: transparent;
cursor: pointer;
-webkit-appearance: none;
width: 100%;
}
.input-control.range input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
}
.input-control.range input[type=range]:focus {
outline: none;
}
.input-control.range input[type=range]::-ms-track {
width: 100%;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
.input-control.range input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 1em;
height: 1em;
margin-top: 0;
background-color: #555555;
border: 2px solid #555555;
cursor: pointer;
}
.input-control.range input[type=range]::-moz-range-thumb {
width: 1em;
height: 1em;
margin-top: 0;
background-color: #555555;
border: 2px solid #555555;
cursor: pointer;
border-radius: 0;
margin: 0;
}
.input-control.range input[type=range]::-ms-thumb {
width: 1em;
height: 1em;
margin-top: 0;
background-color: #555555;
border: 2px solid #555555;
cursor: pointer;
}
.input-control.range input[type=range]:hover::-webkit-slider-thumb {
border-color: #373737;
background-color: #1d1d1d;
}
.input-control.range input[type=range]:hover::-moz-range-thumb {
border-color: #373737;
background-color: #1d1d1d;
}
.input-control.range input[type=range]:hover::-ms-thumb {
border-color: #373737;
background-color: #1d1d1d;
}
.input-control.range input[type=range]:active::-webkit-slider-thumb {
border-color: #373737;
}
.input-control.range input[type=range]:active::-moz-range-thumb {
border-color: #373737;
}
.input-control.range input[type=range]:active::-ms-thumb {
border-color: #373737;
}
.input-control.range input[type=range]::-webkit-slider-runnable-track {
width: 100%;
cursor: pointer;
height: 100%;
background-color: #00aba9;
transition: background .3s ease;
}
.input-control.range input[type=range]::-moz-range-track {
width: 100%;
cursor: pointer;
height: 100%;
background-color: #00aba9;
transition: background .3s ease;
}
.input-control.range input[type=range]::-ms-track {
background: #00aba9;
border-color: transparent;
color: transparent;
height: 1.25em;
}
.input-control.range input[type=range]::-ms-fill-lower {
background: #00aba9;
}
.input-control.range input[type=range]::-ms-fill-upper {
display: none;
}
.input-control.range input[type=range]::-moz-range-track {
height: 1.25em;
}
.input-control.range.big-input {
height: 2.125rem;
}
.input-control.range.big-input input[type=range] {
padding: 0;
}
.input-control.range.big-input input[type=range]::-moz-range-track {
height: 1.2em;
}*/
.progress,
.progress-bar {
display: block;
position: relative;
width: 100%;
height: auto;
margin: .625rem 0;
background: #eeeeee;
overflow: hidden;
}
.progress:before,
.progress-bar:before,
.progress:after,
.progress-bar:after {
display: table;
content: "";
}
.progress:after,
.progress-bar:after {
clear: both;
}
.progress .bar,
.progress-bar .bar {
position: relative;
display: block;
float: left;
width: 0;
background-color: #1ba1e2;
z-index: 1;
text-align: center;
height: .625rem;
line-height: .625rem;
color: #ffffff;
}
.progress.small > .bar,
.progress-bar.small > .bar {
height: .3125rem;
}
.progress.large > .bar,
.progress-bar.large > .bar {
height: 1rem;
}
.progress.gradient-bar .bar,
.progress-bar.gradient-bar .bar {
background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.progress.ani .bar,
.progress-bar.ani .bar {
-webkit-animation: ani-bg-stripes 2s linear infinite;
animation: ani-bg-stripes 2s linear infinite;
}
.popover {
display: block;
min-width: 12.5rem;
height: auto;
position: relative;
background-color: #eeeeee;
padding: 1.25rem;
}
.popover * {
color: inherit;
}
.popover.popover-shadow {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.popover:before {
content: "";
width: .625rem;
height: .625rem;
display: block;
position: absolute;
background-color: inherit;
left: -0.3125rem;
top: 50%;
margin-top: -0.3125rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.popover.marker-on-top:before {
top: 0;
left: 50%;
margin-left: -0.3125rem;
}
.popover.marker-on-right:before {
top: 50%;
margin-top: -0.3125rem;
left: 100%;
margin-left: -0.3125rem;
}
.popover.marker-on-bottom:before {
top: 100%;
margin-left: -0.3125rem;
left: 50%;
margin-top: -0.3125rem;
}
.overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.5);
z-index: 1049;
}
.overlay.transparent {
background-color: rgba(255, 255, 255, 0);
}
.window {
display: block;
position: relative;
height: auto;
width: 100%;
background-color: #ffffff;
/*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);*/ /*remove for FF issue*/
}
.window-caption {
position: relative;
background-color: #ffffff;
padding: .4375rem .3125rem;
border-bottom: 1px #e9e9e9 solid;
border-top: 0;
cursor: default;
}
.window-caption .window-caption-title {
font-size: .875rem;
font-style: normal;
font-weight: 700;
}
.window-caption .window-caption-icon {
margin-left: .3125rem;
}
.window-caption .window-caption-icon * {
height: 1rem;
width: 1rem;
}
.window-caption .window-caption-icon ~ .window-caption-title {
padding-left: .3125rem;
}
.window-caption .btn-close,
.window-caption .btn-min,
.window-caption .btn-max {
position: absolute;
height: 1.5rem;
width: 1.5rem;
min-height: 1.5rem;
text-align: center;
vertical-align: middle;
font-size: 1rem;
font-weight: normal;
padding: 0 0 .625rem 0;
z-index: 3;
outline: none;
cursor: pointer;
display: block;
background-color: #ffffff;
color: #777777;
top: .25rem;
right: .25rem;
}
.window-caption .btn-close:hover,
.window-caption .btn-min:hover,
.window-caption .btn-max:hover {
background-color: #cde6f7;
color: #2a8dd4;
}
.window-caption .btn-close:hover:after,
.window-caption .btn-min:hover:after,
.window-caption .btn-max:hover:after {
border-color: #2a8dd4;
}
.window-caption .btn-close:active,
.window-caption .btn-min:active,
.window-caption .btn-max:active {
background-color: #92c0e0;
color: #ffffff;
}
.window-caption .btn-close:after,
.window-caption .btn-min:after,
.window-caption .btn-max:after {
border-color: #777777;
content: '\D7';
position: absolute;
left: 50%;
top: -2px;
margin-left: -0.25em;
}
.window-caption .btn-min:after,
.window-caption .btn-max:after {
display: block;
position: absolute;
width: .625rem;
height: .625rem;
border: 0 #000 solid;
border-bottom-width: 2px;
content: ' ';
bottom: .375rem;
left: 50%;
margin-left: -0.375rem;
top: auto;
}
.window-caption .btn-max:after {
height: .375rem;
border: 1px #000 solid;
border-top-width: 2px;
}
.window-caption .btn-max {
right: 1.8125rem;
}
.window-caption .btn-min {
right: 3.375rem;
}
.window-caption .btn-close:after {
margin-top: .1875rem;
margin-left: -0.3125rem;
}
.window-content {
position: relative;
width: 100%;
height: auto;
display: block;
padding: .25rem;
}
.window.success {
box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.window.success .window-caption {
background-color: #60a917;
color: #ffffff;
}
.window.error {
box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.window.error .window-caption {
background-color: #ce352c;
color: #ffffff;
}
.window.warning {
box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.window.warning .window-caption {
background-color: #fa6800;
color: #ffffff;
}
.simple-list,
.numeric-list {
list-style: none;
counter-reset: li;
padding-left: 0;
margin-left: .625rem;
color: #262626;
}
.simple-list li ul,
.numeric-list li ul,
.simple-list li ol,
.numeric-list li ol {
list-style: none;
padding-left: 1.5625rem;
}
.simple-list li,
.numeric-list li {
position: relative;
padding: 4px 12px;
list-style: none;
color: inherit;
}
.simple-list li:before,
.numeric-list li:before {
position: absolute;
top: 50%;
margin-top: -0.8rem;
left: -0.625rem;
color: #59cde2;
font-size: 2rem;
vertical-align: middle;
width: 1.25rem;
height: 1.25rem;
line-height: 1.25rem;
}
.simple-list ul,
.numeric-list ul {
margin: 4px .5em 0;
}
.simple-list > li:before {
content: "\2022";
}
.simple-list ul li:before {
content: "\00B7";
}
.numeric-list > li {
padding: 4px 12px 4px 18px;
}
.numeric-list > li:before {
content: counter(li);
counter-increment: li;
font-size: .8rem ;
color: #ffffff;
background-color: #59cde2;
border-radius: 50%;
text-align: center;
margin-top: -0.65rem;
}
.numeric-list.square-marker > li:before,
.numeric-list.square-bullet > li:before {
border-radius: 0;
}
.simple-list.large-bullet li,
.numeric-list.large-bullet li {
margin: 6px 0;
padding-left: 2rem;
}
.simple-list.large-bullet li:before,
.numeric-list.large-bullet li:before {
line-height: 2rem;
width: 2rem;
height: 2rem;
margin-top: -1rem;
}
.simple-list.large-bullet li {
padding-left: 1rem;
}
.simple-list.large-bullet li:before {
margin-top: -1.3rem;
font-size: 3rem;
}
.simple-list.dark-bullet li:before {
color: #1d1d1d;
}
.simple-list.alert-bullet li:before {
color: #ce352c;
}
.simple-list.info-bullet li:before {
color: #1ba1e2;
}
.simple-list.success-bullet li:before {
color: #60a917;
}
.simple-list.warning-bullet li:before {
color: #e3c800;
}
.simple-list.red-bullet li:before {
color: #ce352c;
}
.simple-list.blue-bullet li:before {
color: #1ba1e2;
}
.simple-list.green-bullet li:before {
color: #60a917;
}
.simple-list.yellow-bullet li:before {
color: #e3c800;
}
.numeric-list.dark-bullet li:before {
background-color: #1d1d1d;
}
.numeric-list.alert-bullet li:before {
background-color: #ce352c;
}
.numeric-list.info-bullet li:before {
background-color: #1ba1e2;
}
.numeric-list.success-bullet li:before {
background-color: #60a917;
}
.numeric-list.warning-bullet li:before {
background-color: #e3c800;
}
.numeric-list.red-bullet li:before {
background-color: #ce352c;
}
.numeric-list.blue-bullet li:before {
background-color: #1ba1e2;
}
.numeric-list.green-bullet li:before {
background-color: #60a917;
}
.numeric-list.yellow-bullet li:before {
background-color: #e3c800;
}
.step-list {
margin: 0 0 0 2rem;
padding: 0;
list-style-type: none;
counter-reset: li;
}
.step-list > li {
border-left: 1px #ccc solid;
position: relative;
padding: 0 .625rem;
margin: .625rem;
vertical-align: top;
}
.step-list > li:before {
position: absolute;
content: counter(li);
counter-increment: li;
font-size: 2rem;
color: #999999;
left: 0;
top: .3125rem;
margin-left: -1.5rem;
}
.image-container {
display: inline-block;
position: relative;
vertical-align: middle;
max-width: 100%;
background-color: transparent;
}
.image-container .frame {
background-color: #ffffff;
position: relative;
width: 100%;
height: 100%;
}
.image-container img {
display: block;
width: 100%;
height: 100%;
}
.image-container .image-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
overflow: hidden;
font-size: .875rem;
line-height: 1rem;
padding: 1em 1.5em;
background-color: rgba(27, 161, 226, 0.7);
color: #ffffff;
text-align: center;
border-radius: inherit;
transition: all 0.65s ease;
}
.image-container .image-overlay:hover {
opacity: 1;
}
.image-container .image-overlay:hover:before,
.image-container .image-overlay:hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.image-container .image-overlay:before,
.image-container .image-overlay:after {
display: block;
position: absolute;
content: "";
border: 1px solid rgba(255, 255, 255, 0.7);
top: 1em;
bottom: 1em;
left: 1em;
right: 1em;
opacity: 0;
border-radius: inherit;
-webkit-transform: scale(1.5);
transform: scale(1.5);
transition: all 0.65s ease;
}
.image-container .image-overlay:after {
border-left: none;
border-right: none;
bottom: 1em;
top: 1em;
}
.image-container .image-overlay:before {
border-top: none;
border-bottom: none;
bottom: 1em;
top: 1em;
}
.image-container.diamond {
overflow: hidden;
}
.image-container.diamond .frame {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
overflow: hidden;
}
.image-container.diamond .frame img,
.image-container.diamond .frame .image-replacer {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.image-container.rounded img {
border-radius: 0.3125rem;
}
.image-container.bordered .frame {
border: 1px #eeeeee solid;
padding: .5rem;
}
.image-container.polaroid .frame {
border: 1px #eeeeee solid;
padding: .5rem .5rem 2rem;
}
.image-container.handing {
margin-top: 20px;
}
.image-container.handing .frame {
border: 1px #eeeeee solid;
position: relative;
padding: .5rem;
}
.image-container.handing .frame:after {
content: "";
position: absolute;
width: .625rem;
height: .625rem;
background-color: #647687;
border-radius: 50%;
top: -20%;
left: 50%;
margin-left: -0.3125rem;
z-index: 3;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.image-container.handing.image-format-hd .frame:after {
top: -25%;
}
.image-container.handing.image-format-square .frame:after {
top: -15%;
}
.image-container.handing:after {
position: absolute;
content: "";
background-color: transparent;
border-top: 1px solid #eeeeee;
-webkit-transform: rotate(-16deg);
transform: rotate(-16deg);
z-index: 2;
top: 0;
left: 0;
width: 50%;
height: 50%;
-webkit-transform-origin: top left;
transform-origin: top left;
}
.image-container.handing:before {
position: absolute;
content: "";
background-color: transparent;
border-top: 1px solid #eeeeee;
-webkit-transform: rotate(16deg);
transform: rotate(16deg);
z-index: 2;
top: 0;
right: 0;
width: 50%;
height: 50%;
-webkit-transform-origin: top right;
transform-origin: top right;
}
.image-container.handing.ani {
-webkit-transform-origin: 50% -25px;
transform-origin: 50% -25px;
-webkit-animation: swinging 10s ease-in-out 0s infinite;
animation: swinging 10s ease-in-out 0s infinite;
}
.image-container.handing.ani-hover:hover {
-webkit-transform-origin: 50% -25px;
transform-origin: 50% -25px;
-webkit-animation: swinging 5s ease-in-out 0s;
animation: swinging 5s ease-in-out 0s;
}
.ani-spin,
.ani-hover-spin:hover {
-webkit-animation: ani-spin 1.5s linear infinite;
animation: ani-spin 1.5s linear infinite;
}
.ani-spin.ani-fast,
.ani-hover-spin.ani-fast:hover {
-webkit-animation: ani-spin 0.7s linear infinite;
animation: ani-spin 0.7s linear infinite;
}
.ani-spin.ani-slow,
.ani-hover-spin.ani-slow:hover {
-webkit-animation: ani-spin 2.2s linear infinite;
animation: ani-spin 2.2s linear infinite;
}
.ani-pulse,
.ani-hover-pulse:hover {
-webkit-animation: ani-pulse 1.7s infinite;
animation: ani-pulse 1.7s infinite;
}
.ani-pulse.ani-fast,
.ani-hover-pulse.ani-fast:hover {
-webkit-animation: ani-pulse 1s infinite;
animation: ani-pulse 1s infinite;
}
.ani-pulse.ani-slow,
.ani-hover-pulse.ani-slow:hover {
-webkit-animation: ani-pulse 3s infinite;
animation: ani-pulse 3s infinite;
}
.ani-spanner,
.ani-hover-spanner:hover {
transform-origin-x: 90%;
transform-origin-y: 35%;
transform-origin-z: initial;
-webkit-animation: ani-wrench 2.5s ease infinite;
animation: ani-wrench 2.5s ease infinite;
}
.ani-spanner.ani-fast,
.ani-hover-spanner.ani-fast:hover {
-webkit-animation: ani-wrench 1.2s ease infinite;
animation: ani-wrench 1.2s ease infinite;
}
.ani-spanner.ani-slow,
.ani-hover-spanner.ani-slow:hover {
-webkit-animation: ani-wrench 3.7s ease infinite;
animation: ani-wrench 3.7s ease infinite;
}
.ani-ring,
.ani-hover-ring:hover {
transform-origin-x: 50%;
transform-origin-y: 0px;
transform-origin-z: initial;
-webkit-animation: ani-ring 2s ease infinite;
animation: ani-ring 2s ease infinite;
}
.ani-ring.ani-fast,
.ani-hover-ring.ani-fast:hover {
-webkit-animation: ani-ring 1s ease infinite;
animation: ani-ring 1s ease infinite;
}
.ani-ring.ani-slow,
.ani-hover-ring.ani-slow:hover {
-webkit-animation: ani-ring 3s ease infinite;
animation: ani-ring 3s ease infinite;
}
.ani-vertical,
.ani-hover-vertical:hover {
-webkit-animation: ani-vertical 2s ease infinite;
animation: ani-vertical 2s ease infinite;
}
.ani-vertical.ani-fast,
.ani-vertical.ani-fast:hover {
-webkit-animation: ani-vertical 1s ease infinite;
animation: ani-vertical 1s ease infinite;
}
.ani-vertical.ani-slow,
.ani-hover-vertical.ani-slow:hover {
-webkit-animation: ani-vertical 4s ease infinite;
animation: ani-vertical 4s ease infinite;
}
.ani-horizontal,
.ani-hover-horizontal:hover {
-webkit-animation: ani-horizontal 2s ease infinite;
animation: ani-horizontal 2s ease infinite;
}
.ani-horizontal.ani-fast,
.ani-horizontal.ani-fast:hover {
-webkit-animation: ani-horizontal 1s ease infinite;
animation: ani-horizontal 1s ease infinite;
}
.ani-horizontal.ani-slow,
.ani-horizontal.ani-slow:hover {
-webkit-animation: ani-horizontal 3s ease infinite;
animation: ani-horizontal 3s ease infinite;
}
.ani-flash,
.ani-hover-flash:hover {
-webkit-animation: ani-flash 3s ease infinite;
animation: ani-flash 3s ease infinite;
animation-iteration-count: 3;
}
.ani-flash.ani-fast,
.ani-hover-flash.ani-fast:hover {
-webkit-animation: ani-flash 1s ease infinite;
animation: ani-flash 1s ease infinite;
}
.ani-flash.ani-slow,
.ani-hover-flash.ani-slow:hover {
-webkit-animation: ani-flash 3s ease infinite;
animation: ani-flash 3s ease infinite;
}
.ani-bounce,
.ani-hover-bounce:hover {
-webkit-animation: ani-bounce 2s ease infinite;
animation: ani-bounce 2s ease infinite;
}
.ani-bounce.ani-fast,
.ani-hover-bounce.ani-fast:hover {
-webkit-animation: ani-bounce 1s ease infinite;
animation: ani-bounce 1s ease infinite;
}
.ani-bounce.ani-slow,
.ani-hover-bounce.ani-slow:hover {
-webkit-animation: ani-bounce 3s ease infinite;
animation: ani-bounce 3s ease infinite;
}
.ani-float,
.ani-hover-float:hover {
-webkit-animation: ani-float 2s linear infinite;
animation: ani-float 2s linear infinite;
}
.ani-float.ani-fast,
.ani-hover-float.ani-fast:hover {
-webkit-animation: ani-float 1s linear infinite;
animation: ani-float 1s linear infinite;
}
.ani-float.ani-slow,
.ani-hover-float.ani-slow:hover {
-webkit-animation: ani-float 3s linear infinite;
animation: ani-float 3s linear infinite;
}
.ani-heartbeat,
.ani-hover-heartbeat:hover {
-webkit-animation: ani-heartbeat 2s linear infinite;
animation: ani-heartbeat 2s linear infinite;
}
.ani-heartbeat.ani-fast,
.ani-hover-heartbeat.ani-fast:hover {
-webkit-animation: ani-heartbeat 1s linear infinite;
animation: ani-heartbeat 1s linear infinite;
}
.ani-heartbeat.ani-slow,
.ani-hover-heartbeat.ani-slow:hover {
-webkit-animation: ani-heartbeat 3s linear infinite;
animation: ani-heartbeat 3s linear infinite;
}
.ani-shake,
.ani-hover-shake:hover {
-webkit-animation: ani-wrench 2.5s ease infinite;
animation: ani-wrench 2.5s ease infinite;
}
.ani-shake.ani-fast,
.ani-hover-shake.ani-fast:hover {
-webkit-animation: ani-wrench 1.2s ease infinite;
animation: ani-wrench 1.2s ease infinite;
}
.ani-shake.ani-slow,
.ani-hover-shake.ani-slow:hover {
-webkit-animation: ani-wrench 3.7s ease infinite;
animation: ani-wrench 3.7s ease infinite;
}
.ani-shuttle,
.ani-hover-shuttle:hover {
-webkit-animation: ani-shuttle 2s linear infinite;
animation: ani-shuttle 2s linear infinite;
}
.ani-shuttle.ani-fast,
.ani-hover-shuttle.ani-fast:hover {
-webkit-animation: ani-shuttle 1s linear infinite;
animation: ani-shuttle 1s linear infinite;
}
.ani-shuttle.ani-slow,
.ani-hover-shuttle.ani-slow:hover {
-webkit-animation: ani-shuttle 3s linear infinite;
animation: ani-shuttle 3s linear infinite;
}
.ani-pass,
.ani-hover-pass:hover {
-webkit-animation: ani-pass 2s linear infinite;
animation: ani-pass 2s linear infinite;
}
.ani-pass.ani-fast,
.ani-hover-pass.ani-fast:hover {
-webkit-animation: ani-pass 1s linear infinite;
animation: ani-pass 1s linear infinite;
}
.ani-pass.ani-slow,
.ani-hover-pass.ani-slow:hover {
-webkit-animation: ani-pass 3s linear infinite;
animation: ani-pass 3s linear infinite;
}
.ani-ripple,
.ani-hover-ripple:hover {
-webkit-animation: ani-ripple 2s infinite linear;
animation: ani-ripple 2s infinite linear;
}
.ani-ripple.ani-fast,
.ani-hover-ripple.ani-fast:hover {
-webkit-animation: ani-ripple 1s infinite linear;
animation: ani-ripple 1s infinite linear;
}
.ani-ripple.ani-slow,
.ani-hover-ripple.ani-slow:hover {
-webkit-animation: ani-ripple 3s infinite linear;
animation: ani-ripple 3s infinite linear;
}
@-webkit-keyframes ani-flash {
0%,
100%,
50% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes ani-flash {
0%,
100%,
50% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
/*@-webkit-keyframes swinging {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
5% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
10% {
-webkit-transform: rotate(-9deg);
transform: rotate(-9deg);
}
15% {
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
}
20% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
25% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
30% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
35% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
40% {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
45% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swinging {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
5% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
10% {
-webkit-transform: rotate(-9deg);
transform: rotate(-9deg);
}
15% {
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
}
20% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
25% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
30% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
35% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
40% {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
45% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes cubemove {
25% {
-webkit-transform: translateX(10px) rotate(-90deg);
transform: translateX(10px) rotate(-90deg);
}
50% {
-webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
transform: translateX(10px) translateY(10px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
transform: translateX(10px) translateY(10px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
transform: translateX(0px) translateY(10px) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes cubemove {
25% {
-webkit-transform: translateX(10px) rotate(-90deg);
transform: translateX(10px) rotate(-90deg);
}
50% {
-webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
transform: translateX(10px) translateY(10px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
transform: translateX(10px) translateY(10px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
transform: translateX(0px) translateY(10px) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes orbit {
0% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
7% {
-webkit-transform: rotate(345deg);
transform: rotate(345deg);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
35% {
-webkit-transform: rotate(495deg);
transform: rotate(495deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
42% {
-webkit-transform: rotate(690deg);
transform: rotate(690deg);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
70% {
opacity: 1;
-webkit-transform: rotate(835deg);
transform: rotate(835deg);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
76% {
opacity: 1;
}
77% {
-webkit-transform: rotate(955deg);
transform: rotate(955deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
78% {
-webkit-transform: rotate(955deg);
transform: rotate(955deg);
opacity: 0;
}
100% {
-webkit-transform: rotate(955deg);
transform: rotate(955deg);
opacity: 0;
}
}
@keyframes orbit {
0% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
7% {
-webkit-transform: rotate(345deg);
transform: rotate(345deg);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
35% {
-webkit-transform: rotate(495deg);
transform: rotate(495deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
42% {
-webkit-transform: rotate(690deg);
transform: rotate(690deg);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
70% {
opacity: 1;
-webkit-transform: rotate(835deg);
transform: rotate(835deg);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
76% {
opacity: 1;
}
77% {
-webkit-transform: rotate(955deg);
transform: rotate(955deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
78% {
-webkit-transform: rotate(955deg);
transform: rotate(955deg);
opacity: 0;
}
100% {
-webkit-transform: rotate(955deg);
transform: rotate(955deg);
opacity: 0;
}
}
@-webkit-keyframes metro-slide {
0% {
left: -50%;
}
100% {
left: 150%;
}
}
@keyframes metro-slide {
0% {
left: -50%;
}
100% {
left: 150%;
}
}
@-webkit-keyframes metro-opacity {
0% {
opacity: 0;
}
50% {
opacity: .5;
}
100% {
opacity: 1;
}
}
@keyframes metro-opacity {
0% {
opacity: 0;
}
50% {
opacity: .5;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes ani-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes ani-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes ani-pulse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes ani-pulse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes ani-wrench {
0% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
8% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
10% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
18% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
20% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
28% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
30% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
38% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
40% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
48% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
50% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
58% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
60% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
68% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
75% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes ani-wrench {
0% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
8% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
10% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
18% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
20% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
28% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
30% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
38% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
40% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
48% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
50% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
58% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
60% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
68% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
75% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes ani-ring {
0% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
2% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
4% {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg);
}
6% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
8% {
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
}
10% {
-webkit-transform: rotate(22deg);
transform: rotate(22deg);
}
12% {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg);
}
14% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
16% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
18% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
20% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes ani-ring {
0% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
2% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
4% {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg);
}
6% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
8% {
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
}
10% {
-webkit-transform: rotate(22deg);
transform: rotate(22deg);
}
12% {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg);
}
14% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
16% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
18% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
20% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes ani-vertical {
0% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
4% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
8% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
12% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
16% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
20% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
22% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ani-vertical {
0% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
4% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
8% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
12% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
16% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
20% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
22% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes ani-horizontal {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
6% {
-webkit-transform: translate(5px, 0);
transform: translate(5px, 0);
}
12% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
18% {
-webkit-transform: translate(5px, 0);
transform: translate(5px, 0);
}
24% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
30% {
-webkit-transform: translate(5px, 0);
transform: translate(5px, 0);
}
36% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ani-horizontal {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
6% {
-webkit-transform: translate(5px, 0);
transform: translate(5px, 0);
}
12% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
18% {
-webkit-transform: translate(5px, 0);
transform: translate(5px, 0);
}
24% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
30% {
-webkit-transform: translate(5px, 0);
transform: translate(5px, 0);
}
36% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes ani-flash {
0%,
100%,
50% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes ani-flash {
0%,
100%,
50% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-webkit-keyframes ani-bounce {
0%,
10%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes ani-bounce {
0%,
10%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes ani-float {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ani-float {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes ani-heartbeat {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes ani-heartbeat {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@-webkit-keyframes ani-shuttle {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-8deg);
transform: scale(0.9) rotate(-8deg);
}
30%,
50%,
70% {
-webkit-transform: scale(1.3) rotate(8deg);
transform: scale(1.3) rotate(8deg);
}
40%,
60% {
-webkit-transform: scale(1.3) rotate(-8deg);
transform: scale(1.3) rotate(-8deg);
}
80% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes ani-shuttle {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-8deg);
transform: scale(0.9) rotate(-8deg);
}
30%,
50%,
70% {
-webkit-transform: scale(1.3) rotate(8deg);
transform: scale(1.3) rotate(8deg);
}
40%,
60% {
-webkit-transform: scale(1.3) rotate(-8deg);
transform: scale(1.3) rotate(-8deg);
}
80% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@-webkit-keyframes ani-pass {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
}
50% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
}
@keyframes ani-pass {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
}
50% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
}
@-webkit-keyframes ani-ripple {
0% {
opacity: .6;
}
50% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes ani-ripple {
0% {
opacity: .6;
}
50% {
-webkit-transform: scale(1.8);
transform: scale(1.8);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes ani-shrink {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
90% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes ani-shrink {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
90% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@-webkit-keyframes ani-drop {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
25% {
-webkit-transform: translate(0);
transform: translate(0);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes ani-drop {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
25% {
-webkit-transform: translate(0);
transform: translate(0);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@-webkit-keyframes ani-drop2 {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
50% {
-webkit-transform: translate(0);
transform: translate(0);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes ani-drop2 {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
50% {
-webkit-transform: translate(0);
transform: translate(0);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@-webkit-keyframes ani-drop3 {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
75% {
-webkit-transform: translate(0);
transform: translate(0);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes ani-drop3 {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
75% {
-webkit-transform: translate(0);
transform: translate(0);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@-webkit-keyframes ani-pre-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes ani-pre-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes ani-bg-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes ani-bg-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}*/
.stepper {
margin: 10px 0;
width: 100%;
}
.stepper:before,
.stepper:after {
display: table;
content: "";
}
.stepper:after {
clear: both;
}
.stepper > ul {
counter-reset: li;
border-top: 1px #1d1d1d dotted;
position: relative;
padding: 0;
margin: 30px 0;
width: 100%;
display: block;
}
.stepper > ul li {
list-style: none;
float: left;
width: 2em;
height: 2em;
margin-top: -1em;
position: absolute;
left: 0;
background: #666;
cursor: pointer;
font-size: .875rem;
}
.stepper > ul li:before {
content: counter(li);
counter-increment: li;
position: absolute;
box-sizing: border-box;
padding: .3em 10px;
color: #fff;
font-weight: bold;
font-family: "Segoe UI", "Open Sans", sans-serif, serif;
font-size: .9em;
text-align: center;
}
.stepper > ul li:hover {
background-color: #999999;
}
.stepper > ul li.current,
.stepper > ul li.complete {
transition: all 0.2s ease;
}
.stepper > ul li.current {
background-color: #1ba1e2;
}
.stepper > ul li.current:hover {
background-color: #00ccff;
}
.stepper > ul li.complete {
background-color: #60a917;
}
.stepper > ul li.complete:hover {
background-color: #7ad61d;
}
.stepper.cycle li {
border-radius: 50%;
}
.stepper.diamond li {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.stepper.diamond li:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.wizard {
position: relative;
}
.wizard .steps {
margin: 10px 0;
padding: 20px;
border: 1px #eeeeee solid;
position: relative;
}
.wizard .steps .step {
position: relative;
width: 100%;
height: 100%;
display: none;
}
.wizard .steps .step:first-child {
display: block;
}
.wizard .actions .group-right {
float: right;
}
.wizard .actions .group-left {
float: left;
}
.wizard .actions button {
padding: 0 1rem;
height: 2.125rem;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: .15625rem 0;
position: relative;
margin-right: 2px;
}
.wizard .actions button.default {
background-color: #008287;
color: #fff;
}
.wizard .actions button:hover {
border-color: #787878;
}
.wizard .actions button:active {
background: #eeeeee;
color: #262626;
box-shadow: none;
}
.wizard .actions button:focus {
outline: 0;
}
.wizard .actions button:disabled,
.wizard .actions button.disabled {
background-color: #eaeaea;
color: #bebebe;
cursor: default;
border-color: transparent;
}
.wizard .actions button * {
color: inherit;
}
.wizard .actions button *:hover {
color: inherit;
}
.wizard .actions button.rounded {
border-radius: .325rem;
}
.wizard .actions button > [class*=mif-] {
vertical-align: middle;
}
.wizard .actions button img {
height: .875rem;
vertical-align: middle;
margin: 0;
}
.wizard .actions button.loading-pulse {
position: relative;
padding: 0 1.325rem;
}
.wizard .actions button.loading-pulse:before {
position: absolute;
content: "";
left: 0;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
}
.wizard .actions button.loading-pulse.lighten:before {
background-color: #fff;
}
.wizard .actions button.loading-cube {
position: relative;
padding: 0 1.325rem;
}
.wizard .actions button.loading-cube:before,
.wizard .actions button.loading-cube:after {
content: "";
background-color: #333;
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 3px;
margin-top: -8px;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.wizard .actions button.loading-cube:after {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.wizard .actions button.loading-cube.lighten:before,
.wizard .actions button.loading-cube.lighten:after {
background-color: #fff;
}
.wizard .actions button.dropdown-toggle {
padding-right: 1.625rem;
}
.wizard .actions button.dropdown-toggle.drop-marker-light:before,
.wizard .actions button.dropdown-toggle.drop-marker-light:after {
background-color: #ffffff;
}
.wizard .actions button.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
}
.wizard .actions button.primary:active {
background: #1b6eae;
color: #ffffff;
}
.wizard .actions button.success {
background: #60a917;
color: #ffffff;
border-color: #60a917;
}
.wizard .actions button.success:active {
background: #128023;
color: #ffffff;
}
.wizard .actions button.danger,
.wizard .actions button.alert {
background: #ce352c;
color: #ffffff;
border-color: #ce352c;
}
.wizard .actions button.danger:active,
.wizard .actions button.alert:active {
background: #9a1616;
color: #ffffff;
}
.wizard .actions button.info {
background: #59cde2;
color: #ffffff;
border-color: #59cde2;
}
.wizard .actions button.info:active {
background: #1ba1e2;
color: #ffffff;
}
.wizard .actions button.warning {
background: #fa6800;
color: #ffffff;
border-color: #fa6800;
}
.wizard .actions button.warning:active {
background: #bf5a15;
color: #ffffff;
}
.wizard .actions button.link {
background: transparent;
color: #2086bf;
border-color: transparent;
text-decoration: underline;
}
.wizard .actions button.link:hover,
.wizard .actions button.link:active {
background: transparent;
color: #114968;
border-color: transparent;
}
.wizard .actions button:last-child {
margin-right: 0;
}
.wizard .actions button.btn-finish {
background-color: #60a917;
color: #ffffff;
}
.wizard .actions button:disabled {
background-color: #6f6f6f;
}
.wizard2 {
counter-reset: div;
position: relative;
width: 100%;
}
.wizard2:before,
.wizard2:after {
display: table;
content: "";
}
.wizard2:after {
clear: both;
}
.wizard2 .step {
width: auto;
display: block;
float: left;
position: relative;
z-index: 1;
padding: 0 0 3rem;
}
.wizard2 .step:before {
content: counter(div);
counter-increment: div;
position: absolute;
font-size: .8rem;
bottom: 20px;
width: 24px;
text-align: center;
}
.wizard2 .step.active {
border: 0;
}
.wizard2 .step.active:before {
visibility: hidden;
}
.wizard2 .step.prev {
border-left: 24px solid #eeeeee;
border-right: 1px solid #e6e6e6;
width: 0 ;
}
.wizard2 .step.prev:before {
left: 0 ;
margin-left: -24px;
color: #1d1d1d;
}
.wizard2 .step.next {
border-left: 1px solid #e6e6e6;
border-right: 24px solid #1ba1e2;
width: 0;
}
.wizard2 .step.next:before {
left: 100%;
color: #ffffff;
}
.wizard2 .step.next + .next {
border-color: #1891cb;
}
.wizard2 .step.next + .next + .next {
border-color: #1681b4;
}
.wizard2 .step.next + .next + .next + .next {
border-color: #13709e;
}
.wizard2 .step.next + .next + .next + .next + .next {
border-color: #106087;
}
.wizard2 .step.next + .next + .next + .next + .next + .next {
border-color: #0b4059;
}
.wizard2 .step.next + .next + .next + .next + .next + .next + .next {
border-color: #082f43;
}
.wizard2 .step.next + .next + .next + .next + .next + .next + .next + .next {
border-color: #051f2c;
}
.wizard2 .step.next + .next + .next + .next + .next + .next + .next + .next + .next {
border-color: #030f15;
}
.wizard2 .step-content {
width: auto;
overflow: hidden;
padding: .625rem;
}
.wizard2 .step.prev .step-content,
.wizard2 .step.next .step-content {
width: 0 ;
padding: 0 ;
}
.wizard2 .action-bar {
padding: 0 .625rem;
position: absolute;
bottom: 10px;
text-align: right;
z-index: 2;
}
.wizard2 .action-bar:before,
.wizard2 .action-bar:after {
display: table;
content: "";
}
.wizard2 .action-bar:after {
clear: both;
}
.wizard2 .action-bar .button {
margin: 0 .125rem;
opacity: .6;
}
.wizard2 .action-bar .button:hover {
opacity: 1;
}
.countdown {
display: inline-block;
font-weight: 700;
font-size: 1rem;
margin: .1em 0 1.2em;
}
.countdown .part {
display: inline-block;
position: relative;
}
.countdown .part.days:after,
.countdown .part.hours:after,
.countdown .part.minutes:after,
.countdown .part.seconds:after {
position: absolute;
content: attr(data-day-text);
text-align: center;
top: 100%;
left: 0;
width: 100%;
font-size: .6em;
color: inherit;
}
.countdown .part.disabled .digit {
opacity: .3;
box-shadow: none;
}
.countdown .digit,
.countdown .divider {
display: inline-block;
padding: .3125em .625em;
background-color: #1ba1e2;
color: #ffffff;
cursor: default;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
transition: all 0.5s ease;
}
.countdown .digit,
.countdown .divider {
margin-left: 4px;
}
.countdown .divider {
padding: .125em .25em;
color: #1d1d1d;
background-color: transparent;
box-shadow: none;
}
.countdown.tick .divider {
opacity: 0;
}
.countdown.labels-top {
margin: 1.2em 0 .1em;
}
.countdown.labels-top .part.days:after,
.countdown.labels-top .part.hours:after,
.countdown.labels-top .part.minutes:after,
.countdown.labels-top .part.seconds:after {
top: 0;
left: 0;
margin-top: -1.5em;
}
.countdown.rounded .part .digit {
border-radius: .5em;
}
.countdown .digit.scaleIn {
transition: all 0.5s ease;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.sidebar-container {
background-color: #71b1d1;
color: #ffffff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
overflow-x: hidden;
overflow-y: scroll;
}
.sidebar {
background-color: #014488;
color: #ffffff;
position: relative;
width: 100%;
padding: 0;
margin: 0;
list-style: none inside none;
}
.sidebar > li {
display: block;
background-color: inherit;
color: inherit;
position: relative;
/* height: 30px;*/
}
.sidebar > li a {
display: block;
background-color: inherit;
color: inherit;
padding: .625rem 1rem .625rem 3.75rem;
position: relative;
width: 100%;
height: 100%;
line-height: .875rem;
}
.sidebar > li a .icon {
width: 28px;
height: 28px;
font-size: 28px;
line-height: 28px;
vertical-align: middle;
text-align: center;
position: absolute;
left: .625rem;
top: .625rem;
}
.sidebar > li a .title,
.sidebar > li a .counter {
display: block;
margin: 0;
white-space: nowrap;
}
.sidebar > li a .title {
font-size: .6875rem;
font-weight: bold;
color:#a5c2ee;
text-transform: uppercase;
}
.sidebar > li a .counter {
font-size: .7rem;
font-weight: normal;
}
.sidebar > li:hover {
/* background-color: #7cc1de;*/
}
.sidebar > li.active {
background-color: #ffffff;
color: #323232;
}
.sidebar {
transition: all 0.2s ease;
}
.sidebar.compact {
width: 52px;
transition: all 0.2s ease;
}
.sidebar.compact a {
padding-right: 0;
padding-left: 0;
width: 52px;
}
.sidebar.compact .title {
display: none ;
}
.sidebar.compact .counter {
position: absolute;
top: 0;
right: 4px;
}
.sidebar2 {
text-align: left;
background: #014488;
/*max-width: 15.625rem;*/
list-style: none inside none;
margin: 0;
margin-top:0.75rem;
padding: 0;
position: relative;
width: auto;
float: left;
border-collapse: separate;
/*border: 1px #eeeeee solid;*/
width: 100%;
}
.sidebar2 > li:hover > .dropdown-toggle:before {
border-color: #ffffff;
}
.sidebar2 > li {
display: block;
float: none;
position: relative;
}
.sidebar2 > li:before,
.sidebar2 > li:after {
display: table;
content: "";
}
.sidebar2 > li:after {
clear: both;
}
.sidebar2 > li a {
color: #727272;
display: block;
float: none;
padding: .0rem 0.60rem 0rem .50rem;
text-decoration: none;
vertical-align: middle;
position: relative;
white-space: nowrap;
min-width: 12.5rem;
border: none;
line-height: 1.5rem;
}
.sidebar2 > li li a{ padding: 0rem 0.0rem 0rem .30rem;}
.sidebar2 > li a img,
.sidebar2 > li a .icon {
position: absolute;
left: .875rem;
top: 50%;
margin-top: -0.5625rem;
color: #262626;
max-height: 1.125rem;
font-size: 1.125rem;
display: inline-block;
margin-right: .3125rem;
vertical-align: middle;
text-align: center;
}
.sidebar2 > li.active {
border-left: 2px solid;
border-color: #1ba1e2;
}
.sidebar2 > li.active > a {
/*background-color: #59cde2;
color: #ffffff;*/
font-weight: bold;
}
.sidebar2 > li:hover {
text-decoration: none;
/*background: #59cde2;*/
}
.sidebar2 > li:hover > a,
.sidebar2 > li:hover .icon {
color: #ffffff;
}
.sidebar2 > li a[data-hotkey] {
padding-right: 3.2rem;
}
.sidebar2 .active-container{ background-color:#ffffff;}
.sidebar2 > li a[data-hotkey]:after {
content: attr(data-hotkey);
position: absolute;
right: 1.2rem;
width: auto;
font-size: .8em;
}
.sidebar2 .divider {
padding: 0;
height: 1px;
margin: 0 1px;
overflow: hidden;
background-color: #f2f2f2;
}
.sidebar2 .underline {
height: 1px;
float:left;
width:50px;
background-color: #fff;
margin-top:2px;
float: left;
position: absolute;
left: .50rem;
bottom: 0px;
}
.sidebar2 .divider:hover {
background-color: #f2f2f2;
}
.sidebar2.subdown .d-menu {
min-width: 0;
position: relative;
width: 100%;
left: 0 ;
right: 0 ;
top: 100%;
box-shadow: none;
}
.sidebar2 .item-block {
display: block;
padding: .625rem;
background-color: #eeeeee;
}
.sidebar2 .d-menu {
left: 100%;
top: -10%;
}
.sidebar2 .menu-title {
background-color: #f6f7f8;
font-size: 12px;
line-height: 14px;
padding: 4px 8px;
border: 0;
color: #646464;
}
.sidebar2 .menu-title:first-child {
margin: 0;
border-top-width: 0;
}
.sidebar2 .menu-title:first-child:hover {
border-top-width: 0;
}
.sidebar2 .menu-title:hover {
background-color: #f6f7f8;
cursor: default;
border: 0;
}
.sidebar2 .dropdown-toggle:before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
margin-top: -2px;
}
.sidebar2 .dropdown-toggle:before {
transition: all 0.3s ease;
}
.sidebar2 .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all 0.3s ease;
}
.sidebar2.subdown .dropdown-toggle:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left: -1.25rem;
}
.sidebar2.subdown .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.sidebar2 .dropdown-toggle.green-toggle:before{ background-color:#c5ff9f; border:1px solid #93b57d; width:5px; height:5px;}
.sidebar2 > li.disabled a {
color: #eeeeee;
}
.sidebar2 > li.disabled:hover {
background-color: inherit;
cursor: default;
border: 0;
}
.sidebar2 > li.disabled:hover a {
cursor: inherit;
}
.sidebar2.context li a {
font-size: .75rem;
padding: .3125rem 2rem .3125rem 2.5rem;
}
.sidebar2.context li a .icon {
margin-top: -0.4375rem;
font-size: .825rem;
color: inherit;
}
.sidebar2.no-min-size li a {
min-width: 0;
}
.sidebar2.full-size li a {
min-width: 0;
width: 100%;
}
.sidebar2 .d-menu {
min-width: 0;
position: relative;
width: 100%;
left: 0 ;
right: 0 ;
top: 100%;
box-shadow: none;
padding-left:8px;
border-right: 1px solid #064586 !important;
}
.sidebar2 .dropdown-toggle:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
margin-left: -1.25rem;
}
.sidebar2 .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.sidebar2 > li {
/* border-top: 1px #eeeeee solid;*/
cursor: default;
margin-bottom: 0.1rem;
}
.sidebar2 > li.stick {
position: relative;
}
.sidebar2 > li.stick:before {
content: "";
position: absolute;
width: 7px;
height: 44px;
left: -7px;
text-indent: -9999px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: inherit;
}
.sidebar2 > li.disabled {
background-color: inherit;
}
.sidebar2 > li.disabled:hover {
border-top: 1px #eeeeee solid;
}
.sidebar2 > li a {
background-color: #014488;
color: #fff;
white-space: normal;
min-width: 0;
cursor: pointer;
}
.sidebar2 > li a .icon {
color: inherit ;
}
.sidebar2 > li a.active-toggle{ /*background-color:#fff*/; color:#fff; font-weight:bold;outline-style:none;}
.sidebar2 > li a.active-toggle .underline{height:2px; background-color:#ffc600;}
.sidebar2 > li.title {
padding: 20px 20px 10px 20px;
font-size: 24px;
border: 0;
}
.sidebar2 .active-container > li a, .sidebar2 .active-container > li a:hover{ color:#000; background-color:#FFF;}
.sidebar2 > li.title:hover {
background-color: inherit;
}
.sidebar2 > li:not(.title) + li.title {
border-top: 1px #eeeeee solid;
}
.sidebar2 > li.active {
/* background-color: #71b1d1;*/
border: none;
background-color:#014488;
}
.sidebar2 > li.active a {
/*background-color: #71b1d1;
color: #ffffff;*/
}
.sidebar2 > li.active a .icon {
color: inherit;
}
.sidebar2 > li:hover a {
/*background-color: #7cc1de;*/
}
.sidebar2 > li.disabled:hover a {
background-color: inherit;
}
.sidebar2 > li li:not(:hover) {
color: #1d1d1d;
}
.sidebar2 > li li:not(:hover) a {
/*background-color: #ffffff;*/
}
.sidebar2 .dropdown-toggle:before {
transition: all 0.3s ease;
}
.sidebar2 .dropdown-toggle.active-toggle:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.3s ease;
}
.sidebar2.dark li {
border-top: 1px #5c5c5c solid;
}
.sidebar2.dark li.title {
background-color: #3D3D3D;
color: #ffffff;
}
.sidebar2.dark li a {
background-color: #3D3D3D;
color: #ffffff;
}
.sidebar2.dark li a:hover {
background-color: #262626;
color: #ffffff;
}
.sidebar2.dark li:not(.title) + li.title,
.sidebar2.dark li.disabled {
border-top-color: #5c5c5c;
}
.sidebar2.dark li.disabled:hover {
border-top-color: #5c5c5c ;
}
.sidebar2.dark li.disabled:hover a {
background-color: #3D3D3D;
}
.sidebar2.dark li.disabled a {
color: #999999;
}
.sidebar2.dark li.active a {
background-color: #ce352c;
}
.sidebar2.dark .dropdown-toggle:before {
border-color: #ffffff;
}
.sidebar2.dark .d-menu li a {
background-color: #3D3D3D;
color: #ffffff;
}
.sidebar2.dark .d-menu li a:hover {
background-color: #262626;
color: #ffffff;
}
.tabcontrol {
position: relative;
width: 100%;
}
.tabcontrol .tabs {
width: 100%;
margin: 0;
padding: 0;
list-style: none inside;
white-space: nowrap;
overflow: visible;
background-color:#005cb9;
z-index:10;
position:fixed;
}
.frames #frame_1_5{ top:2rem; position:relative;}
.tabcontrol .tabs:before,
.tabcontrol .tabs:after {
display: table;
content: "";
}
.tabcontrol .tabs:after {
clear: both;
}
.tabcontrol .tabs li {
display: block;
float: left;
position: relative;
white-space: nowrap;
line-height:1.1rem;
}
.tabcontrol .tabs li a {
display: block;
float: left;
padding: 8px 6px;
color: #a5c2ee; ;
font-size: 0.80rem;
font-weight:400;
text-transform:inherit;
position: relative;
white-space: nowrap;
margin:0px 0.8rem;
}
.tabcontrol .tabs li:hover a {
background-color:transparent;
border-bottom: 4px solid #feca3f;
}
.tabcontrol .tabs li.active a {
color: #ffffff;
border-bottom:4px solid #feca3f;
}
.tabcontrol .tabs li:last-child.active a{ border-bottom:none;}
.tabcontrol .tabs li.disabled a {
background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
color: #999999;
cursor: default;
}
.tabcontrol .tabs li.non-visible-tabs {
display: block;
float: right;
}
.tabcontrol .tabs li.non-visible-tabs:empty {
display: none;
}
.tabcontrol .tabs li.non-visible-tabs.dropdown-toggle {
height: 100% ;
}
.tabcontrol.tabs-bottom .tabs {
border-bottom: none;
border-top: 2px #1ba1e2 solid;
}
.tabcontrol.tabs-bottom .tabs li.disabled {
top: 0;
}
.tabcontrol.tabs-bottom .tabs li:hover {
top: 0;
}
.tabcontrol .frames {
width: 100%;
position: relative;
}
.tabcontrol .frames .frame {
display: block;
position: relative;
width: 100%;
/*padding: 20px;*/
background-color: #fff;
}
.tabcontrol .frames .frame{ color:#515151;}
.tabcontrol3 .frames .frame a{ padding:inherit; line-height:inherit;}
.tabcontrol2 {
position: relative;
width: 100%;
}
.tabcontrol2 .tabs {
width: 100%;
margin: 0;
padding: 0;
list-style: none inside;
border-bottom: 2px #1ba1e2 solid;
white-space: nowrap;
overflow: visible;
background-color:transparent;
}
.tabcontrol2 .tabs:before,
.tabcontrol2 .tabs:after {
display: table;
content: "";
}
.tabcontrol2 .tabs:after {
clear: both;
}
.tabcontrol2 .tabs li {
display: block;
float: left;
position: relative;
white-space: nowrap;
}
.tabcontrol2 .tabs li a {
display: block;
float: left;
padding: 0px 0.625rem;
color: #4f4f4f;
font-size: .65rem;
font-weight: 700;
text-transform:capitalize;
position: relative;
white-space: nowrap;
}
.tabcontrol2 .tabs li:hover a {
background-color: #eeeeee;
}
.tabcontrol2 .tabs li.active a {
background-color: #1ba1e2;
color: #ffffff;
/*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);*/
}
.tabcontrol2 .tabs li.disabled a {
background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
color: #999999;
cursor: default;
}
.tabcontrol2 .tabs li.non-visible-tabs {
display: block;
float: right;
}
.tabcontrol2 .tabs li.non-visible-tabs:empty {
display: none;
}
.tabcontrol2 .tabs li.non-visible-tabs.dropdown-toggle {
height: 100% ;
}
.tabcontrol2.tabs-bottom .tabs {
border-bottom: none;
border-top: 2px #1ba1e2 solid;
}
.tabcontrol2.tabs-bottom .tabs li.disabled {
top: 0;
}
.tabcontrol2.tabs-bottom .tabs li:hover {
top: 0;
}
.tabcontrol2 .frames {
width: 100%;
position: relative;
}
.tabcontrol2 .frames .frame {
display: block;
position: relative;
width: 100%;
/*padding: 20px;*/
background-color: #999999;
}
.tabcontrol2 .tabs {
border-bottom: 0;
vertical-align: bottom;
z-index: 2;
position:relative;
}
.tabcontrol2 .tabs li {
padding-top: 0px;
overflow: visible;
margin: 0 2px;
}
.tabcontrol2 .tabs li:after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 100%;
background-color: #ffffff;
height: 2px;
z-index: 3;
}
.tabcontrol2 .tabs li:not(.active):after {
/*background-color: #eeeeee;*/
height: 1px;
}
.tabcontrol2 .tabs li:first-child {
margin-left: 10px;
}
.tabcontrol2 .tabs li a {
background-color: #eeeeee;
/* padding-top: .3125rem;*/
text-shadow: none ;
border-top:2px #eeeeee solid;
margin:0px;
border-bottom:1px solid #cdd1d7;
}
.tabcontrol2 .tabs li a:hover{ color:#5c5c5c;}
.tabcontrol2 .tabs li.active {
padding-top: 0;
padding-bottom: 0;
}
.tabcontrol2 .tabs li.active a {
background-color: #ffffff;
border: 1px solid #d1d1d1;
border-top: 2px #ffc600 solid;
border-bottom: 0;
color: #023c76;
}
.tabcontrol2 .tabs li.active:hover a {
background-color: inherit;
border-top: 2px #ffc600 solid;
border-bottom:0px;
}
.tabcontrol2 .tabs li:hover a {
background-color: #e1e1e1;
border-top:2px transparent solid;
border-bottom:none;
}
.tabcontrol2.tabs-bottom .tabs {
border-top: 0;
}
.tabcontrol2.tabs-bottom .tabs li {
padding: 0;
}
.tabcontrol2.tabs-bottom .tabs li:after {
top: -1px;
background-color: #ffffff;
}
.tabcontrol2.tabs-bottom .tabs li.active {
padding-bottom: 0;
}
.tabcontrol2.tabs-bottom .tabs li.active a {
border: 1px #eeeeee solid;
border-bottom: 2px #ce352c solid;
border-top: 0;
}
.tabcontrol2.tabs-bottom .tabs li:not(.active) {
margin-bottom: 0;
}
.tabcontrol2.tabs-bottom .tabs li:not(.active):after {
background-color: #eeeeee;
}
.tabcontrol2 .frames {
z-index: 1;
/* border: 1px #eeeeee solid;*/
}
.tabcontrol2 .frames .frame {
background-color: #ffffff;
}
.tabcontrol3 {
position: relative;
width: 100%;
}
.tabcontrol3 .tabs {
width: 100%;
margin: 0;
padding: 0;
list-style: none inside;
border-bottom: 2px #1ba1e2 solid;
white-space: nowrap;
overflow: visible;
background-color:transparent;
}
.tabcontrol3 .tabs:before,
.tabcontrol3 .tabs:after {
display: table;
content: "";
}
.tabcontrol3 .tabs:after {
clear: both;
}
.tabcontrol3 .tabs li {
display: block;
float: left;
position: relative;
white-space: nowrap;
}
.tabcontrol3 .tabs li a {
display: block;
float: left;
padding: 0px 0.625rem;
color: #4f4f4f;
font-size: .65rem;
font-weight: 700;
text-transform:capitalize;
position: relative;
white-space: nowrap;
}
.tabcontrol3 .tabs li.active a {
background-color: #1ba1e2;
color: #ffffff;
/*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);*/
}
.tabcontrol3 .tabs li.disabled a {
background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
color: #999999;
cursor: default;
}
.tabcontrol3 .tabs li.non-visible-tabs {
display: block;
float: right;
}
.tabcontrol3 .tabs li.non-visible-tabs:empty {
display: none;
}
.tabcontrol3 .tabs li.non-visible-tabs.dropdown-toggle {
height: 100% ;
}
.tabcontrol3.tabs-bottom .tabs {
border-bottom: none;
border-top: 2px #1ba1e2 solid;
}
.tabcontrol3.tabs-bottom .tabs li.disabled {
top: 0;
}
.tabcontrol3.tabs-bottom .tabs li:hover {
top: 0;
}
.tabcontrol3 .frames {
width: 100%;
position: relative;
}
.tabcontrol3 .frames .frame {
display: block;
position: relative;
width: 100%;
/*padding: 20px;*/
/*background-color: #999999;*/
}
.tabcontrol3 .tabs {
border-bottom: 0;
vertical-align: bottom;
z-index: 2;
position:relative;
}
.tabcontrol3 .tabs li {
padding-top: 0px;
overflow: visible;
margin: 0 2px;
background-color:transparent;
-webkit-transition: none;
-moz-transition: none;
transition:none;
}
.tabcontrol3 .tabs li.active{ background-color:#e1e1e1; border-top-left-radius: 1.2em;
border-top-right-radius: 1.2em;}
.tabcontrol3 .tabs li:hover{ border-top-left-radius: 1.2em;
border-top-right-radius: 1.2em;}
.tabcontrol3 .tabs li.active:after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 2px;
z-index: 3;
}
.tabcontrol3 .tabs li:not(.active):after {
/*background-color: #eeeeee;*/
height: 1px;
}
.tabcontrol3 .tabs li:first-child {
margin-left: 10px;
}
.tabcontrol3 .tabs li a {
/* padding-top: .3125rem;*/
text-shadow: none ;
margin:0px;
color:#a5c2ee;
font-size:0.7rem;
line-height: 1.5625rem;
font-weight:400;
}
.tabcontrol3 .tabs li a:hover{ color:#a5c2ee;}
.tabcontrol3 .tabs li.active {
padding-top: 0;
padding-bottom: 0;
}
.tabcontrol3 .tabs li.active a, .tabcontrol3 .tabs li.active a:hover {
background-color: #e1e1e1;
border: 1px solid #d1d1d1;
border-bottom: 0;
color: #023c76;
border-top-left-radius: 1.2em;
border-top-right-radius: 1.2em;
line-height:1.5625rem;
font-size:0.8rem;
font-weight:600;
}
.tabcontrol3 .tabs li.active:hover a {
background-color: inherit;
border-bottom:0px;
}
.tabcontrol3 .tabs li:hover a {
border-bottom:none;
}
.tabcontrol3.tabs-bottom .tabs {
border-top: 0;
}
.tabcontrol3.tabs-bottom .tabs li {
padding: 0;
}
.tabcontrol3.tabs-bottom .tabs li:after {
top: -1px;
background-color: #ffffff;
}
.tabcontrol3.tabs-bottom .tabs li.active {
padding-bottom: 0;
}
.tabcontrol3.tabs-bottom .tabs li.active a {
border: 1px #eeeeee solid;
border-bottom: 2px #ce352c solid;
border-top: 0;
}
.tabcontrol3.tabs-bottom .tabs li:not(.active) {
margin-bottom: 0;
}
.tabcontrol3.tabs-bottom .tabs li:not(.active):after {
background-color: #eeeeee;
}
.tabcontrol3 .frames {
z-index: 1;
/* border: 1px #eeeeee solid;*/
}
.tabcontrol3 .frames .frame {
/* background-color: #e1e1e1;*/
padding:0.9375rem;
}
.accordion > .frame {
margin-top: 1px;
}
.accordion > .frame:first-child {
margin-top: 0;
}
.accordion > .frame > .heading {
display: block;
padding: 8px 16px 8px 20px;
background-color: #f6f6f6;
cursor: pointer;
font-size: .6875rem;
text-transform: uppercase;
font-weight: bold;
position: relative;
border: 1px #eeeeee solid;
overflow: hidden;
z-index: 2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.3s ease;
}
.accordion > .frame > .heading:before {
position: absolute;
display: block;
left: 4px;
top: 6px;
content: '';
width: 0;
height: 0;
border-left: 6px solid transparent;
border-top: 6px solid transparent;
border-bottom: 6px solid black;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transition: all 0.3s ease;
}
.accordion > .frame > .heading:hover {
background-color: #eeeeee;
}
.accordion > .frame > .heading .icon {
position: absolute;
right: 0;
top: 0;
font-size: 3rem;
width: 3rem;
max-height: 3rem;
opacity: .6;
color: #999999;
}
.accordion > .frame.active > .heading {
background-color: #1ba1e2;
border-color: #1ba1e2;
color: #ffffff;
box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
transition: all 0.3s ease;
}
.accordion > .frame.active > .heading .icon {
color: #ffffff;
}
.accordion > .frame.active > .heading:before {
left: 8px;
border-bottom-color: #ffffff;
transition: all 0.3s ease;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.accordion > .frame.active > .content {
display: block;
}
.accordion > .frame > .content {
padding: .625rem;
display: none;
background-color: #ffffff;
z-index: 1;
}
.accordion > .frame.disabled > .heading {
cursor: default;
background: #ffffff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.accordion.large-heading > .frame > .heading {
font-size: 2rem;
line-height: 1.1;
font-weight: 300;
padding-left: 32px;
text-shadow: none;
}
.accordion.large-heading > .frame > .heading:before {
top: 10px;
border-left: 12px solid transparent;
border-top: 12px solid transparent;
border-bottom: 12px solid black;
}
.accordion.large-heading > .frame.active > .heading:before {
border-bottom-color: #ffffff;
}
.carousel {
display: block;
width: 100%;
position: relative;
min-height: 100px;
overflow: hidden;
}
.carousel .slide {
top: 0;
left: 0;
position: absolute;
display: block;
width: 100%;
height: 100%;
min-height: 100%;
}
.carousel .slide:before,
.carousel .slide:after {
display: table;
content: "";
}
.carousel .slide:after {
clear: both;
}
.carousel [class*="carousel-switch"],
.carousel .carousel-bullets {
position: absolute;
display: block;
z-index: 999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.carousel .carousel-bullets {
left: 0;
right: 0;
bottom: .625rem;
text-align: center;
}
.carousel .carousel-bullets .carousel-bullet {
display: inline-block;
float: none;
width: .625rem;
height: .625rem;
background-color: #ababab;
box-shadow: none;
border-radius: 50%;
margin-right: .625rem;
cursor: pointer;
border: 1px #ffffff solid;
}
.carousel .carousel-bullets .carousel-bullet:last-child {
margin-right: 0;
}
.carousel .carousel-bullets .carousel-bullet.bullet-on {
background-color: #59cde2;
}
.carousel.square-bullets .carousel-bullet {
border-radius: 0 ;
}
.carousel .carousel-switch-next,
.carousel .carousel-switch-prev {
width: auto;
line-height: 4rem;
height: 4rem;
text-decoration: none;
margin-top: -2rem;
top: 50%;
font-size: 4rem;
font-weight: 300;
color: #eeeeee;
cursor: pointer;
vertical-align: middle;
padding: 0;
}
.carousel .carousel-switch-next:hover,
.carousel .carousel-switch-prev:hover {
color: #ffffff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.carousel .carousel-switch-next img,
.carousel .carousel-switch-prev img {
max-width: 64px;
max-height: 64px;
}
.carousel .carousel-switch-next {
right: 0;
left: auto;
}
.carousel .carousel-switch-prev {
left: 0;
right: auto;
}
.panel {
display: block;
position: relative;
background-color: #ffffff;
}
.panel > .heading,
.panel > .content {
display: block;
position: relative;
color: #1d1d1d;
}
.panel > .heading {
padding: .625rem 0 ;
color: #ffffff;
background-color: #1ba1e2;
cursor: default;
vertical-align: middle;
z-index: 2;
height: 2.625rem;
box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.panel > .heading > .title {
margin-left: .625rem;
}
.panel > .heading > .icon + .title {
margin-left: 3.625rem;
}
.panel > .heading > .icon {
position: absolute;
background-color: #1b6eae;
top: 0;
left: 0;
bottom: 0;
vertical-align: middle;
height: 2.625rem;
width: 2.625rem;
text-align: center;
padding: .625rem;
}
.panel > .content {
background-color: #e8f1f4;
z-index: 1;
font-size: 0.875rem;
}
.panel.collapsible > .heading {
cursor: pointer;
}
.panel.collapsible > .heading:before {
content: "\2212";
display: block;
position: absolute;
top: 50%;
margin-top: -1.3rem;
right: .625rem;
color: inherit;
vertical-align: middle;
font-size: 2rem;
}
.panel.collapsed > .heading:before {
content: "\002b";
}
.panel.collapsed > .content {
display: none;
}
.panel.alert > .heading,
.panel.error > .heading,
.panel.danger > .heading {
background-color: #ce352c;
}
.panel.warning > .heading {
background-color: #fa6800;
}
.panel.success > .heading {
background-color: #60a917;
}
.rating {
cursor: pointer;
display: inline-block;
}
.rating:before,
.rating:after {
display: table;
content: "";
}
.rating:after {
clear: both;
}
.rating .star {
cursor: pointer;
display: block;
float: left;
color: #555555;
font-size: 20px;
z-index: 1;
position: relative;
width: 20px;
height: 24px;
vertical-align: middle;
line-height: 22px;
}
.rating .star:before,
.rating .star:after {
position: absolute;
content: '\2605';
display: block;
z-index: 2;
top: 0 ;
left: 0;
vertical-align: middle;
}
.rating .star.on {
color: gold;
}
.rating .star.on.half {
color: #555555;
}
.rating .star.on.half:after {
color: gold;
}
.rating .star.half:after {
z-index: 3;
width: 8px;
overflow: hidden;
}
.rating.poor .star.on {
color: #ce352c;
}
.rating.poor .star.on.half {
color: #555555;
}
.rating.poor .star.on.half:after {
color: #ce352c;
}
.rating.regular .star.on {
color: gold;
}
.rating.regular .star.on.half {
color: #555555;
}
.rating.regular .star.on.half:after {
color: gold;
}
.rating.good .star.on {
color: #60a917;
}
.rating.good .star.on.half {
color: #555555;
}
.rating.good .star.on.half:after {
color: #60a917;
}
.rating:not(.static) .star:hover {
color: gold ;
}
.rating:not(.static) .star:hover.half,
.rating:not(.static) .star:hover.on.half {
color: gold;
}
.rating:not(.static) .star:hover.half:after,
.rating:not(.static) .star:hover.on.half:after {
color: gold;
}
.rating:not(.static):hover > .star,
.rating:not(.static):hover > .star:after {
color: gold ;
}
.rating:not(.static):hover > .star.half,
.rating:not(.static):hover > .star:after.half,
.rating:not(.static):hover > .star.on.half,
.rating:not(.static):hover > .star:after.on.half {
color: gold;
}
.rating:not(.static):hover > .star.half:after,
.rating:not(.static):hover > .star:after.half:after,
.rating:not(.static):hover > .star.on.half:after,
.rating:not(.static):hover > .star:after.on.half:after {
color: gold;
}
.rating:not(.static) .star:hover ~ .star,
.rating:not(.static) .star:hover ~ .star:after {
color: gray ;
}
.rating:not(.static) .star:hover ~ .star.half,
.rating:not(.static) .star:hover ~ .star:after.half,
.rating:not(.static) .star:hover ~ .star.on.half,
.rating:not(.static) .star:hover ~ .star:after.on.half {
color: gray;
}
.rating:not(.static) .star:hover ~ .star.half:after,
.rating:not(.static) .star:hover ~ .star:after.half:after,
.rating:not(.static) .star:hover ~ .star.on.half:after,
.rating:not(.static) .star:hover ~ .star:after.on.half:after {
color: gray;
}
.rating.small .star {
width: 14px;
height: 16px;
font-size: 14px;
line-height: 14px;
}
.rating.small .star.half:after {
width: 6px;
}
.rating.large .star {
width: 28px;
height: 30px;
font-size: 32px;
line-height: 24px;
}
.rating.large .star.half:after {
width: 13px;
}
.rating .score {
display: block;
font-size: .8rem;
}
.rating.small .score {
font-size: .6rem;
}
.rating.large .score {
font-size: 1rem;
}
.slider {
height: 2.125rem;
line-height: 1;
width: auto;
position: relative;
}
.slider .marker {
height: 1rem;
width: 1rem;
cursor: pointer;
position: absolute;
top: 50%;
margin-top: -0.5rem;
left: 0;
background-color: #1d1d1d;
z-index: 2;
}
.slider .marker:focus,
.slider .marker:active,
.slider .markerhover {
border: 2px #ce352c solid;
}
.slider .slider-backside,
.slider .complete {
height: .5rem;
background: #999999;
width: 100%;
line-height: 2.125rem;
top: 50%;
margin-top: -0.25rem;
position: absolute;
}
.slider .complete {
width: auto;
background-color: #00aba9;
z-index: 2;
transition: background .3s ease;
left: 0;
}
.slider .buffer {
height: 4px;
width: auto;
background-color: #ffffff;
z-index: 1;
transition: background .3s ease;
position: absolute;
top: 50%;
margin-top: -2px;
left: 0;
}
.slider .slider-hint {
min-width: 1.8rem;
width: auto;
height: auto;
position: absolute;
z-index: 3;
border: 1px #ccc solid;
padding: .25rem;
top: -1.2rem;
text-align: center;
font-size: .625rem;
display: none;
background: #fffcc0;
}
.slider .slider-hint:before {
border: 1px #ccc solid;
border-left: 0;
border-top: 0;
content: "";
width: .25rem;
height: .25rem;
display: block;
position: absolute;
background-color: inherit;
margin-top: -0.125rem;
margin-left: -0.15625rem;
top: 100%;
left: 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.slider.hint-bottom .slider-hint {
top: 100%;
margin-top: -0.125rem;
}
.slider.hint-bottom .slider-hint:before {
top: -0.0625rem;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.slider.permanent-hint > .slider-hint {
display: block;
}
.slider:hover .complete {
background-color: #45fffd;
}
.slider:active .complete,
.slider:active + .marker:active .complete {
background-color: #45fffd;
}
.slider.place-left {
margin-right: 20px;
}
.slider.place-right {
margin-left: 20px;
}
.slider.ani .complete {
-webkit-animation: ani-bg-stripes 2s linear infinite;
animation: ani-bg-stripes 2s linear infinite;
}
.slider.vertical {
min-height: 100px;
width: 2.125rem;
display: inline-block;
}
.slider.vertical .slider-backside,
.slider.vertical .complete {
position: absolute;
height: 100%;
width: .5rem;
bottom: 0;
left: 50%;
margin-left: -0.25rem;
top: auto;
}
.slider.vertical .marker {
left: 50%;
top: auto;
margin-left: -0.5rem;
}
.slider.vertical .buffer {
position: absolute;
height: auto;
width: 6px ;
bottom: 0;
left: 50%;
margin-left: -3px;
top: auto;
}
.slider.vertical .slider-hint {
left: 100%;
margin-top: 0;
}
.slider.vertical .slider-hint:before {
height: .25rem;
width: .25rem;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
left: -1px;
top: 50%;
margin-top: -0.125rem;
margin-left: -0.135rem;
}
.slider.vertical.hint-left .slider-hint {
left: -100%;
margin-left: .25rem;
}
.slider.vertical.hint-left .slider-hint:before {
left: 100%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.slider.cycle-marker .marker {
border-radius: 50%;
}
.tile-area {
min-width: 100%;
height: 100%;
position: relative;
padding: 120px 80px 0 0;
overflow: hidden;
}
.tile-area:before,
.tile-area:after {
display: table;
content: "";
}
.tile-area:after {
clear: both;
}
.tile-area .tile-area-title {
position: fixed;
top: 20px;
left: 80px;
font-weight: 300;
font-size: 42px;
line-height: 1.1;
}
.tile-group {
margin-left: 80px;
min-width: 80px;
width: auto;
float: left;
display: block;
padding-top: 40px;
position: relative;
}
.tile-group.one {
width: 160px;
}
.tile-group.two,
.tile-group.double {
width: 320px;
}
.tile-group.three,
.tile-group.triple {
width: 480px;
}
.tile-group.four,
.tile-group.quadro {
width: 640px;
}
.tile-group.five {
width: 800px;
}
.tile-group.six {
width: 960px;
}
.tile-group.seven {
width: 1120px;
}
.tile-group .tile-group-title {
color: #ffffff;
font-size: 18px;
line-height: 20px;
position: absolute;
top: 10px;
left: 0;
}
.tile-container {
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
}
.tile-container:before,
.tile-container:after {
display: table;
content: "";
}
.tile-container:after {
clear: both;
}
.tile {
/* width: 150px;
height: 150px;*/
width: 460px;
height: 147px;
display: block;
float: left;
margin: 5px;
/*background-color: #eeeeee;*/
box-shadow: inset 0 0 1px #FFFFCC;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tile:hover {
/* outline: #999999 solid 3px;*/
}
.tile:active {
outline: 0;
}
.tile.no-outline {
outline-color: transparent;
}
.tile.small-tile {
width: 70px;
height: 70px;
}
.tile.wide-tile {
width: 310px;
height: 150px;
}
.tile.wide-tile-v {
height: 310px;
width: 150px;
}
.tile.large-tile {
width: 310px;
height: 310px;
}
.tile.big-tile {
width: 470px;
height: 470px;
}
.tile.super-tile {
width: 630px;
height: 630px;
}
.tile-square {
width: 150px;
height: 150px;
display: block;
float: left;
margin: 5px;
background-color: #eeeeee;
box-shadow: inset 0 0 1px #FFFFCC;
cursor: pointer;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
}
.tile-square:hover {
outline: #999999 solid 3px;
}
.tile-square:active {
outline: 0;
}
.tile-square.no-outline {
outline-color: transparent;
}
.tile-square.small-tile {
width: 70px;
height: 70px;
}
.tile-square.wide-tile {
width: 310px;
height: 150px;
}
.tile-square.wide-tile-v {
height: 310px;
width: 150px;
}
.tile-square.large-tile {
width: 310px;
height: 310px;
}
.tile-square.big-tile {
width: 470px;
height: 470px;
}
.tile-square.super-tile {
width: 630px;
height: 630px;
}
.tile-square .tile-content.flipVertical {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-square:hover .tile-content.flipVertical,
.tile-square.hover .tile-content.flipVertical,
.tile-square.flip .tile-content.flipVertical {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-square .tile-content.flipVertical {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-square .tile-content.flipVertical .slide,
.tile-square .tile-content.flipVertical .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-square .tile-content.flipVertical .slide {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tile-square .tile-content.flipVertical .slide-over {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-square .tile-content.flipHorizontal {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-square:hover .tile-content.flipHorizontal,
.tile-square.hover .tile-content.flipHorizontal,
.tile-square.flip .tile-content.flipHorizontal {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-square .tile-content.flipHorizontal {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-square .tile-content.flipHorizontal .slide,
.tile-square .tile-content.flipHorizontal .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-square .tile-content.flipHorizontal .slide {
z-index: 2;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tile-square .tile-content.flipHorizontal .slide-over {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-square .tile-badge {
position: absolute;
bottom: 0;
right: .625rem;
padding: .25rem .625rem;
z-index: 999;
}
.tile-square .tile-label {
position: absolute;
bottom: 0;
left: .625rem;
padding: .425rem .25rem;
z-index: 999;
}
.tile-small {
width: 225px;
height: 147px;
display: block;
float: left;
margin: 5px;
background-color:transparent;
box-shadow: inset 0 0 1px #FFFFCC;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
/* width: 70px;
height: 70px;*/
}
.tile-small:hover {
/*outline: #999999 solid 3px;*/
}
.tile-small:active {
outline: 0;
}
.tile-small.no-outline {
outline-color: transparent;
}
.tile-small.small-tile {
width: 70px;
height: 70px;
}
.tile-small.wide-tile {
width: 310px;
height: 150px;
}
.tile-small.wide-tile-v {
height: 310px;
width: 150px;
}
.tile-small.large-tile {
width: 310px;
height: 310px;
}
.tile-small.big-tile {
width: 470px;
height: 470px;
}
.tile-small.super-tile {
width: 630px;
height: 630px;
}
.tile-small .tile-content.flipVertical {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-small:hover .tile-content.flipVertical,
.tile-small.hover .tile-content.flipVertical,
.tile-small.flip .tile-content.flipVertical {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-small .tile-content.flipVertical {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-small .tile-content.flipVertical .slide,
.tile-small .tile-content.flipVertical .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-small .tile-content.flipVertical .slide {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tile-small .tile-content.flipVertical .slide-over {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-small .tile-content.flipHorizontal {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-small:hover .tile-content.flipHorizontal,
.tile-small.hover .tile-content.flipHorizontal,
.tile-small.flip .tile-content.flipHorizontal {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-small .tile-content.flipHorizontal {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-small .tile-content.flipHorizontal .slide,
.tile-small .tile-content.flipHorizontal .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-small .tile-content.flipHorizontal .slide {
z-index: 2;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tile-small .tile-content.flipHorizontal .slide-over {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-small .tile-badge {
position: absolute;
bottom: 0;
right: .625rem;
padding: .25rem .625rem;
z-index: 999;
}
.tile-small .tile-label {
position: absolute;
bottom: 0;
left: .625rem;
padding: .425rem .25rem;
z-index: 999;
}
.tile-wide {
width: 150px;
display: block;
float: left;
margin: 5px;
background-color:transparent;
box-shadow: inset 0 0 1px #FFFFCC;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
width: 695px;
height: 170px;
}
.tile-wide:hover {
/*outline: #999999 solid 3px;*/
}
.tile-wide:active {
outline: 0;
}
.tile-wide.no-outline {
outline-color: transparent;
}
.tile-wide.small-tile {
width: 70px;
height: 70px;
}
.tile-wide.wide-tile {
width: 310px;
height: 150px;
}
.tile-wide.wide-tile-v {
height: 310px;
width: 150px;
}
.tile-wide.large-tile {
width: 310px;
height: 310px;
}
.tile-wide.big-tile {
width: 470px;
height: 470px;
}
.tile-wide.super-tile {
width: 630px;
height: 630px;
}
.tile-wide .tile-content.flipVertical {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-wide:hover .tile-content.flipVertical,
.tile-wide.hover .tile-content.flipVertical,
.tile-wide.flip .tile-content.flipVertical {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-wide .tile-content.flipVertical {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-wide .tile-content.flipVertical .slide,
.tile-wide .tile-content.flipVertical .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-wide .tile-content.flipVertical .slide {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tile-wide .tile-content.flipVertical .slide-over {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-wide .tile-content.flipHorizontal {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-wide:hover .tile-content.flipHorizontal,
.tile-wide.hover .tile-content.flipHorizontal,
.tile-wide.flip .tile-content.flipHorizontal {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-wide .tile-content.flipHorizontal {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-wide .tile-content.flipHorizontal .slide,
.tile-wide .tile-content.flipHorizontal .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-wide .tile-content.flipHorizontal .slide {
z-index: 2;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tile-wide .tile-content.flipHorizontal .slide-over {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-wide .tile-badge {
position: absolute;
bottom: 0;
right: .625rem;
padding: .25rem .625rem;
z-index: 999;
}
.tile-wide .tile-label {
position: absolute;
bottom: 0;
left: .625rem;
padding: .425rem .25rem;
z-index: 999;
}
.tile-large {
width: 150px;
height: 150px;
display: block;
float: left;
margin: 5px;
background-color: #eeeeee;
box-shadow: inset 0 0 1px #FFFFCC;
cursor: pointer;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
width: 310px;
height: 310px;
}
.tile-large:hover {
/*outline: #999999 solid 3px;*/
}
.tile-large:active {
outline: 0;
}
.tile-large.no-outline {
outline-color: transparent;
}
.tile-large.small-tile {
width: 70px;
height: 70px;
}
.tile-large.wide-tile {
width: 310px;
height: 150px;
}
.tile-large.wide-tile-v {
height: 310px;
width: 150px;
}
.tile-large.large-tile {
width: 310px;
height: 310px;
}
.tile-large.big-tile {
width: 470px;
height: 470px;
}
.tile-large.super-tile {
width: 630px;
height: 630px;
}
.tile-large .tile-content.flipVertical {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-large:hover .tile-content.flipVertical,
.tile-large.hover .tile-content.flipVertical,
.tile-large.flip .tile-content.flipVertical {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-large .tile-content.flipVertical {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-large .tile-content.flipVertical .slide,
.tile-large .tile-content.flipVertical .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-large .tile-content.flipVertical .slide {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tile-large .tile-content.flipVertical .slide-over {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-large .tile-content.flipHorizontal {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-large:hover .tile-content.flipHorizontal,
.tile-large.hover .tile-content.flipHorizontal,
.tile-large.flip .tile-content.flipHorizontal {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-large .tile-content.flipHorizontal {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-large .tile-content.flipHorizontal .slide,
.tile-large .tile-content.flipHorizontal .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-large .tile-content.flipHorizontal .slide {
z-index: 2;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tile-large .tile-content.flipHorizontal .slide-over {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-large .tile-badge {
position: absolute;
bottom: 0;
right: .625rem;
padding: .25rem .625rem;
z-index: 999;
}
.tile-large .tile-label {
position: absolute;
bottom: 0;
left: .625rem;
padding: .425rem .25rem;
z-index: 999;
}
.tile-big {
width: 150px;
height: 150px;
display: block;
float: left;
margin: 5px;
/*background-color: #eeeeee;*/
box-shadow: inset 0 0 1px #FFFFCC;
cursor: pointer;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
width: 930px;
height: 470px;
}
.tile-big:hover {
/*outline: #999999 solid 3px;*/
}
.tile-big:active {
outline: 0;
}
.tile-big.no-outline {
outline-color: transparent;
}
.tile-big.small-tile {
width: 70px;
height: 70px;
}
.tile-big.wide-tile {
width: 310px;
height: 150px;
}
.tile-big.wide-tile-v {
height: 310px;
width: 150px;
}
.tile-big.large-tile {
width: 310px;
height: 310px;
}
.tile-big.big-tile {
width: 470px;
height: 470px;
}
.tile-big.super-tile {
width: 630px;
height: 630px;
}
.tile-big .tile-content.flipVertical {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-big:hover .tile-content.flipVertical,
.tile-big.hover .tile-content.flipVertical,
.tile-big.flip .tile-content.flipVertical {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-big .tile-content.flipVertical {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-big .tile-content.flipVertical .slide,
.tile-big .tile-content.flipVertical .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-big .tile-content.flipVertical .slide {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tile-big .tile-content.flipVertical .slide-over {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-big .tile-content.flipHorizontal {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-big:hover .tile-content.flipHorizontal,
.tile-big.hover .tile-content.flipHorizontal,
.tile-big.flip .tile-content.flipHorizontal {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-big .tile-content.flipHorizontal {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-big .tile-content.flipHorizontal .slide,
.tile-big .tile-content.flipHorizontal .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-big .tile-content.flipHorizontal .slide {
z-index: 2;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tile-big .tile-content.flipHorizontal .slide-over {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-big .tile-badge {
position: absolute;
bottom: 0;
right: .625rem;
padding: .25rem .625rem;
z-index: 999;
}
.tile-big .tile-label {
position: absolute;
bottom: 0;
left: .625rem;
padding: .425rem .25rem;
z-index: 999;
}
.tile-super {
width: 150px;
height: 150px;
display: block;
float: left;
margin: 5px;
background-color: #eeeeee;
box-shadow: inset 0 0 1px #FFFFCC;
cursor: pointer;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
width: 1400px;
height: 630px;
}
.tile-super:hover {
/*outline: #999999 solid 3px;*/
}
.tile-super:active {
outline: 0;
}
.tile-super.no-outline {
outline-color: transparent;
}
.tile-super.small-tile {
width: 70px;
height: 70px;
}
.tile-super.wide-tile {
width: 310px;
height: 150px;
}
.tile-super.wide-tile-v {
height: 310px;
width: 150px;
}
.tile-super.large-tile {
width: 310px;
height: 310px;
}
.tile-super.big-tile {
width: 470px;
height: 470px;
}
.tile-super.super-tile {
width: 630px;
height: 630px;
}
.tile-super .tile-content.flipVertical {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-super:hover .tile-content.flipVertical,
.tile-super.hover .tile-content.flipVertical,
.tile-super.flip .tile-content.flipVertical {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-super .tile-content.flipVertical {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-super .tile-content.flipVertical .slide,
.tile-super .tile-content.flipVertical .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-super .tile-content.flipVertical .slide {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tile-super .tile-content.flipVertical .slide-over {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-super .tile-content.flipHorizontal {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-super:hover .tile-content.flipHorizontal,
.tile-super.hover .tile-content.flipHorizontal,
.tile-super.flip .tile-content.flipHorizontal {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-super .tile-content.flipHorizontal {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-super .tile-content.flipHorizontal .slide,
.tile-super .tile-content.flipHorizontal .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-super .tile-content.flipHorizontal .slide {
z-index: 2;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tile-super .tile-content.flipHorizontal .slide-over {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-super .tile-badge {
position: absolute;
bottom: 0;
right: .625rem;
padding: .25rem .625rem;
z-index: 999;
}
.tile-super .tile-label {
position: absolute;
bottom: 0;
left: .625rem;
padding: .425rem .25rem;
z-index: 999;
}
.tile-super-x {
width: 150px;
height: 150px;
display: block;
float: left;
margin: 5px;
background-color: #eeeeee;
box-shadow: inset 0 0 1px #FFFFCC;
cursor: pointer;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
width: 1682px;
height: 630px;
}
.tile-super-x:hover {
outline: #999999 solid 3px;
}
.tile-super-x:active {
outline: 0;
}
.tile-super-x.no-outline {
outline-color: transparent;
}
.tile-super-x.small-tile {
width: 70px;
height: 70px;
}
.tile-super-x.wide-tile {
width: 310px;
height: 150px;
}
.tile-super-x.wide-tile-v {
height: 310px;
width: 150px;
}
.tile-super-x.large-tile {
width: 310px;
height: 310px;
}
.tile-super-x.big-tile {
width: 470px;
height: 470px;
}
.tile-super-x.super-tile {
width: 630px;
height: 630px;
}
.tile-super-x .tile-content.flipVertical {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-super-x:hover .tile-content.flipVertical,
.tile-super-x.hover .tile-content.flipVertical,
.tile-super-x.flip .tile-content.flipVertical {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-super-x .tile-content.flipVertical {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-super-x .tile-content.flipVertical .slide,
.tile-super-x .tile-content.flipVertical .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-super-x .tile-content.flipVertical .slide {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tile-super-x .tile-content.flipVertical .slide-over {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-super-x .tile-content.flipHorizontal {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-super-x:hover .tile-content.flipHorizontal,
.tile-super-x.hover .tile-content.flipHorizontal,
.tile-super-x.flip .tile-content.flipHorizontal {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-super-x .tile-content.flipHorizontal {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-super-x .tile-content.flipHorizontal .slide,
.tile-super-x .tile-content.flipHorizontal .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-super-x .tile-content.flipHorizontal .slide {
z-index: 2;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tile-super-x .tile-content.flipHorizontal .slide-over {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-super-x .tile-badge {
position: absolute;
bottom: 0;
right: .625rem;
padding: .25rem .625rem;
z-index: 999;
}
.tile-super-x .tile-label {
position: absolute;
bottom: 0;
left: .625rem;
padding: .425rem .25rem;
z-index: 999;
}
.tile-small-x {
width: 70px;
}
.tile-square-x {
width: 150px;
}
.tile-wide-x {
width: 310px;
}
.tile-large-x {
width: 310px;
}
.tile-big-x {
width: 470px;
}
.tile-super-x {
width: 630px;
}
.tile-small-y {
height: 70px;
}
.tile-square-y {
height: 147px;
}
.tile-wide-y {
height: 310px;
}
.tile-large-y {
height: 350px;
}
.tile-big-y {
height: 470px;
}
.tile-super-y {
height: 630px;
}
.tile-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: inherit;
overflow: hidden;
display: none;
}
.tile-content:first-child {
display: block;
}
.tile-content .live-slide {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
display: none;
overflow: hidden;
}
.tile-content .live-slide:nth-child(1) {
display: block;
}
.tile-content.iconic .icon {
position: absolute;
width: 64px;
height: 64px;
font-size: 64px;
top: 50%;
margin-top: -40px;
left: 50%;
margin-left: -32px;
text-align: center;
}
.tile-small .tile-content.iconic .icon {
width: 32px;
height: 32px;
font-size: 32px;
margin-left: -16px;
margin-top: -16px;
}
.tile-content.image-set > img,
.tile-content.image-set > .image-container {
margin: 0;
padding: 0;
width: 25% ;
height: 50% ;
float: left;
border: 1px #1e1e1e solid;
}
.tile-content.image-set > img:first-child,
.tile-content.image-set > .image-container:first-child {
width: 50% ;
float: left;
height: 100% ;
}
.tile-content.slide-up > .slide,
.tile-content.slide-down > .slide,
.tile-content.slide-up-2 > .slide,
.tile-content.slide-down-2 > .slide,
.tile-content.slide-left > .slide,
.tile-content.slide-right > .slide,
.tile-content.slide-left-2 > .slide,
.tile-content.slide-right-2 > .slide,
.tile-content.slide-up > .slide-over,
.tile-content.slide-down > .slide-over,
.tile-content.slide-up-2 > .slide-over,
.tile-content.slide-down-2 > .slide-over,
.tile-content.slide-left > .slide-over,
.tile-content.slide-right > .slide-over,
.tile-content.slide-left-2 > .slide-over,
.tile-content.slide-right-2 > .slide-over {
width: 100%;
height: inherit;
display: block;
position: absolute;
box-shadow: inset 0 0 1px #FFFFCC;
}
.tile-content.slide-up > .slide,
.tile-content.slide-down > .slide,
.tile-content.slide-up-2 > .slide,
.tile-content.slide-down-2 > .slide,
.tile-content.slide-left > .slide,
.tile-content.slide-right > .slide,
.tile-content.slide-left-2 > .slide,
.tile-content.slide-right-2 > .slide {
top: 0;
z-index: 1;
transition: all 0.3s ease;
}
.tile-content.slide-up:hover > .slide,
.tile-content.slide-down:hover > .slide,
.tile-content.slide-up-2:hover > .slide,
.tile-content.slide-down-2:hover > .slide,
.tile-content.slide-left:hover > .slide,
.tile-content.slide-right:hover > .slide,
.tile-content.slide-left-2:hover > .slide,
.tile-content.slide-right-2:hover > .slide {
-webkit-transform: scale(1.5);
transform: scale(1.5);
transition: all 0.6s ease;
}
.tile-content.slide-up > .slide-over {
top: 100%;
z-index: 2;
height: 75%;
transition: all 0.6s ease;
}
.tile-content.slide-up:hover > .slide-over {
top: 25%;
transition: all 0.3s ease;
}
.tile-content.slide-up-2 > .slide-over {
top: 100%;
z-index: 2;
height: 100%;
transition: all 0.3s ease;
}
.tile-content.slide-up-2:hover > .slide {
-webkit-transform: scale(1);
transform: scale(1);
top: -100%;
transition: all 0.4s ease;
}
.tile-content.slide-up-2:hover > .slide-over {
top: 0;
transition: all 0.4s ease;
}
.tile-content.slide-down > .slide-over {
top: -100%;
z-index: 2;
height: 75%;
transition: all 0.6s ease;
}
.tile-content.slide-down:hover > .slide-over {
top: 0;
transition: all 0.3s ease;
}
.tile-content.slide-down-2 > .slide-over {
top: -100%;
z-index: 2;
height: 100%;
transition: all 0.3s ease;
}
.tile-content.slide-down-2:hover > .slide {
-webkit-transform: scale(1);
transform: scale(1);
top: 100%;
transition: all 0.4s ease;
}
.tile-content.slide-down-2:hover > .slide-over {
top: 0;
transition: all 0.4s ease;
}
.tile-content.slide-left > .slide-over {
left: -100%;
z-index: 2;
width: 75%;
height: 100%;
transition: all 0.6s ease;
}
.tile-content.slide-left:hover > .slide-over {
left: 0;
transition: all 0.3s ease;
}
.tile-content.slide-left-2 > .slide {
left: 0;
transition: all 0.3s ease;
}
.tile-content.slide-left-2 > .slide-over {
left: -100%;
z-index: 2;
width: 100%;
height: 100%;
transition: all 0.3s ease;
}
.tile-content.slide-left-2:hover > .slide {
-webkit-transform: scale(1);
transform: scale(1);
left: 100%;
transition: all 0.4s ease;
}
.tile-content.slide-left-2:hover > .slide-over {
left: 0;
transition: all 0.4s ease;
}
.tile-content.slide-right > .slide-over {
left: 100%;
z-index: 2;
width: 75%;
height: 100%;
transition: all 0.6s ease;
}
.tile-content.slide-right:hover > .slide-over {
left: 25%;
transition: all 0.3s ease;
}
.tile-content.slide-right-2 > .slide {
left: 0;
transition: all 0.3s ease;
}
.tile-content.slide-right-2 > .slide-over {
left: 100%;
z-index: 2;
width: 100%;
height: 100%;
transition: all 0.3s ease;
}
.tile-content.slide-right-2:hover > .slide {
-webkit-transform: scale(1);
transform: scale(1);
left: -100%;
transition: all 0.4s ease;
}
.tile-content.slide-right-2:hover > .slide-over {
left: 0;
transition: all 0.4s ease;
}
.tile-content.zooming .slide {
box-shadow: inset 0 0 1px #FFFFCC;
width: 100%;
height: 100%;
display: block;
position: relative;
transition: all 0.6s ease;
}
.tile-content.zooming .slide:hover {
-webkit-transform: scale(1.5);
transform: scale(1.5);
transition: all 0.6s ease;
}
.tile-content.zooming-out .slide {
width: 100%;
height: 100%;
display: block;
position: relative;
-webkit-transform: scale(1.5);
transform: scale(1.5);
transition: all 0.6s ease;
}
.tile-content.zooming-out .slide:hover {
-webkit-transform: scale(1);
transform: scale(1);
transition: all 0.6s ease;
}
.tile-small,
.tile,
.tile-square,
.tile-wide,
.tile-large,
.tile-big,
.tile-super {
overflow: visible;
}
.tile-small .tile-content.flipVertical,
.tile .tile-content.flipVertical,
.tile-square .tile-content.flipVertical,
.tile-wide .tile-content.flipVertical,
.tile-large .tile-content.flipVertical,
.tile-big .tile-content.flipVertical,
.tile-super .tile-content.flipVertical {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-small:hover .tile-content.flipVertical,
.tile:hover .tile-content.flipVertical,
.tile-square:hover .tile-content.flipVertical,
.tile-wide:hover .tile-content.flipVertical,
.tile-large:hover .tile-content.flipVertical,
.tile-big:hover .tile-content.flipVertical,
.tile-super:hover .tile-content.flipVertical,
.tile-small.hover .tile-content.flipVertical,
.tile.hover .tile-content.flipVertical,
.tile-square.hover .tile-content.flipVertical,
.tile-wide.hover .tile-content.flipVertical,
.tile-large.hover .tile-content.flipVertical,
.tile-big.hover .tile-content.flipVertical,
.tile-super.hover .tile-content.flipVertical,
.tile-small.flip .tile-content.flipVertical,
.tile.flip .tile-content.flipVertical,
.tile-square.flip .tile-content.flipVertical,
.tile-wide.flip .tile-content.flipVertical,
.tile-large.flip .tile-content.flipVertical,
.tile-big.flip .tile-content.flipVertical,
.tile-super.flip .tile-content.flipVertical {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-small .tile-content.flipVertical,
.tile .tile-content.flipVertical,
.tile-square .tile-content.flipVertical,
.tile-wide .tile-content.flipVertical,
.tile-large .tile-content.flipVertical,
.tile-big .tile-content.flipVertical,
.tile-super .tile-content.flipVertical {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-small .tile-content.flipVertical .slide,
.tile .tile-content.flipVertical .slide,
.tile-square .tile-content.flipVertical .slide,
.tile-wide .tile-content.flipVertical .slide,
.tile-large .tile-content.flipVertical .slide,
.tile-big .tile-content.flipVertical .slide,
.tile-super .tile-content.flipVertical .slide,
.tile-small .tile-content.flipVertical .slide-over,
.tile .tile-content.flipVertical .slide-over,
.tile-square .tile-content.flipVertical .slide-over,
.tile-wide .tile-content.flipVertical .slide-over,
.tile-large .tile-content.flipVertical .slide-over,
.tile-big .tile-content.flipVertical .slide-over,
.tile-super .tile-content.flipVertical .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-small .tile-content.flipVertical .slide,
.tile .tile-content.flipVertical .slide,
.tile-square .tile-content.flipVertical .slide,
.tile-wide .tile-content.flipVertical .slide,
.tile-large .tile-content.flipVertical .slide,
.tile-big .tile-content.flipVertical .slide,
.tile-super .tile-content.flipVertical .slide {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tile-small .tile-content.flipVertical .slide-over,
.tile .tile-content.flipVertical .slide-over,
.tile-square .tile-content.flipVertical .slide-over,
.tile-wide .tile-content.flipVertical .slide-over,
.tile-large .tile-content.flipVertical .slide-over,
.tile-big .tile-content.flipVertical .slide-over,
.tile-super .tile-content.flipVertical .slide-over {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile-small .tile-content.flipHorizontal,
.tile .tile-content.flipHorizontal,
.tile-square .tile-content.flipHorizontal,
.tile-wide .tile-content.flipHorizontal,
.tile-large .tile-content.flipHorizontal,
.tile-big .tile-content.flipHorizontal,
.tile-super .tile-content.flipHorizontal {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
overflow: visible;
}
.tile-small:hover .tile-content.flipHorizontal,
.tile:hover .tile-content.flipHorizontal,
.tile-square:hover .tile-content.flipHorizontal,
.tile-wide:hover .tile-content.flipHorizontal,
.tile-large:hover .tile-content.flipHorizontal,
.tile-big:hover .tile-content.flipHorizontal,
.tile-super:hover .tile-content.flipHorizontal,
.tile-small.hover .tile-content.flipHorizontal,
.tile.hover .tile-content.flipHorizontal,
.tile-square.hover .tile-content.flipHorizontal,
.tile-wide.hover .tile-content.flipHorizontal,
.tile-large.hover .tile-content.flipHorizontal,
.tile-big.hover .tile-content.flipHorizontal,
.tile-super.hover .tile-content.flipHorizontal,
.tile-small.flip .tile-content.flipHorizontal,
.tile.flip .tile-content.flipHorizontal,
.tile-square.flip .tile-content.flipHorizontal,
.tile-wide.flip .tile-content.flipHorizontal,
.tile-large.flip .tile-content.flipHorizontal,
.tile-big.flip .tile-content.flipHorizontal,
.tile-super.flip .tile-content.flipHorizontal {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile-small .tile-content.flipHorizontal,
.tile .tile-content.flipHorizontal,
.tile-square .tile-content.flipHorizontal,
.tile-wide .tile-content.flipHorizontal,
.tile-large .tile-content.flipHorizontal,
.tile-big .tile-content.flipHorizontal,
.tile-super .tile-content.flipHorizontal {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.6s ease;
}
.tile-small .tile-content.flipHorizontal .slide,
.tile .tile-content.flipHorizontal .slide,
.tile-square .tile-content.flipHorizontal .slide,
.tile-wide .tile-content.flipHorizontal .slide,
.tile-large .tile-content.flipHorizontal .slide,
.tile-big .tile-content.flipHorizontal .slide,
.tile-super .tile-content.flipHorizontal .slide,
.tile-small .tile-content.flipHorizontal .slide-over,
.tile .tile-content.flipHorizontal .slide-over,
.tile-square .tile-content.flipHorizontal .slide-over,
.tile-wide .tile-content.flipHorizontal .slide-over,
.tile-large .tile-content.flipHorizontal .slide-over,
.tile-big .tile-content.flipHorizontal .slide-over,
.tile-super .tile-content.flipHorizontal .slide-over {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-small .tile-content.flipHorizontal .slide,
.tile .tile-content.flipHorizontal .slide,
.tile-square .tile-content.flipHorizontal .slide,
.tile-wide .tile-content.flipHorizontal .slide,
.tile-large .tile-content.flipHorizontal .slide,
.tile-big .tile-content.flipHorizontal .slide,
.tile-super .tile-content.flipHorizontal .slide {
z-index: 2;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tile-small .tile-content.flipHorizontal .slide-over,
.tile .tile-content.flipHorizontal .slide-over,
.tile-square .tile-content.flipHorizontal .slide-over,
.tile-wide .tile-content.flipHorizontal .slide-over,
.tile-large .tile-content.flipHorizontal .slide-over,
.tile-big .tile-content.flipHorizontal .slide-over,
.tile-super .tile-content.flipHorizontal .slide-over {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tile .tile-badge {
position: absolute;
bottom: 0;
right: .625rem;
padding: .25rem .625rem;
z-index: 999;
}
.tile .tile-label {
position: absolute;
bottom: 0;
left: .625rem;
padding: .425rem .25rem;
z-index: 999;
}
.tile-content .image-container,
.tile-content .carousel {
box-shadow: inset 0 0 1px #FFFFCC;
width: 100%;
height: 100%;
}
[class*=tile-transform-] {
transition: all 0.22s ease;
}
.tile-transform-right {
-webkit-transform-origin: left 50%;
transform-origin: left 50%;
}
.tile.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.138372rad) !important;
transform: perspective(500px) rotateY(0.138372rad) !important;
}
.tile-square.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.138372rad) !important;
transform: perspective(500px) rotateY(0.138372rad) !important;
}
.tile-wide.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.069186rad) !important;
transform: perspective(500px) rotateY(0.069186rad) !important;
}
.tile-large.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.069186rad) !important;
transform: perspective(500px) rotateY(0.069186rad) !important;
}
.tile-big.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.046124rad) !important;
transform: perspective(500px) rotateY(0.046124rad) !important;
}
.tile-super.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.034593rad) !important;
transform: perspective(500px) rotateY(0.034593rad) !important;
}
.tile-small.tile-transform-right {
-webkit-transform: perspective(500px) rotateY(0.276744rad) !important;
transform: perspective(500px) rotateY(0.276744rad) !important;
}
.tile-transform-left {
-webkit-transform-origin: right 50%;
transform-origin: right 50%;
}
.tile.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.138372rad) !important;
transform: perspective(500px) rotateY(-0.138372rad) !important;
}
.tile-square.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.138372rad) !important;
transform: perspective(500px) rotateY(-0.138372rad) !important;
}
.tile-wide.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.069186rad) !important;
transform: perspective(500px) rotateY(-0.069186rad) !important;
}
.tile-large.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.069186rad) !important;
transform: perspective(500px) rotateY(-0.069186rad) !important;
}
.tile-big.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.046124rad) !important;
transform: perspective(500px) rotateY(-0.046124rad) !important;
}
.tile-super.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.034593rad) !important;
transform: perspective(500px) rotateY(-0.034593rad) !important;
}
.tile-small.tile-transform-left {
-webkit-transform: perspective(500px) rotateY(-0.276744rad) !important;
transform: perspective(500px) rotateY(-0.276744rad) !important;
}
.tile-transform-top {
-webkit-transform-origin: 50% bottom;
transform-origin: 50% bottom;
}
.tile.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.138372rad) !important;
transform: perspective(500px) rotateX(0.138372rad) !important;
}
.tile-square.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.138372rad) !important;
transform: perspective(500px) rotateX(0.138372rad) !important;
}
.tile-wide.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.069186rad) !important;
transform: perspective(500px) rotateX(0.069186rad) !important;
}
.tile-large.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.069186rad) !important;
transform: perspective(500px) rotateX(0.069186rad) !important;
}
.tile-big.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.046124rad) !important;
transform: perspective(500px) rotateX(0.046124rad) !important;
}
.tile-super.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.034593rad) !important;
transform: perspective(500px) rotateX(0.034593rad) !important;
}
.tile-small.tile-transform-top {
-webkit-transform: perspective(500px) rotateX(0.276744rad) !important;
transform: perspective(500px) rotateX(0.276744rad) !important;
}
.tile-transform-bottom {
-webkit-transform-origin: 50% top;
transform-origin: 50% top;
}
.tile.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.138372rad) !important;
transform: perspective(500px) rotateX(-0.138372rad) !important;
}
.tile-square.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.138372rad) !important;
transform: perspective(500px) rotateX(-0.138372rad) !important;
}
.tile-wide.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.069186rad) !important;
transform: perspective(500px) rotateX(-0.069186rad) !important;
}
.tile-large.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.069186rad) !important;
transform: perspective(500px) rotateX(-0.069186rad) !important;
}
.tile-big.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.046124rad) !important;
transform: perspective(500px) rotateX(-0.046124rad) !important;
}
.tile-super.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.034593rad) !important;
transform: perspective(500px) rotateX(-0.034593rad) !important;
}
.tile-small.tile-transform-bottom {
-webkit-transform: perspective(500px) rotateX(-0.276744rad) !important;
transform: perspective(500px) rotateX(-0.276744rad) !important;
}
.tile-area-scheme-dark {
background-color: #1d1d1d;
}
.tile-area-scheme-dark [class*=tile] {
outline-color: #373737;
}
.tile-area-scheme-darkBrown {
background-color: #63362f;
}
.tile-area-scheme-darkBrown [class*=tile] {
outline-color: #86493f;
}
.tile-area-scheme-darkCrimson {
background-color: #640024;
}
.tile-area-scheme-darkCrimson [class*=tile] {
outline-color: #970036;
}
.tile-area-scheme-darkViolet {
background-color: #57169a;
}
.tile-area-scheme-darkViolet [class*=tile] {
outline-color: #701cc7;
}
.tile-area-scheme-darkMagenta {
background-color: #81003c;
}
.tile-area-scheme-darkMagenta [class*=tile] {
outline-color: #b40054;
}
.tile-area-scheme-darkCyan {
background-color: #1b6eae;
}
.tile-area-scheme-darkCyan [class*=tile] {
outline-color: #228ada;
}
.tile-area-scheme-darkCobalt {
background-color: #00356a;
}
.tile-area-scheme-darkCobalt [class*=tile] {
outline-color: #004e9d;
}
.tile-area-scheme-darkTeal {
background-color: #004050;
}
.tile-area-scheme-darkTeal [class*=tile] {
outline-color: #006983;
}
.tile-area-scheme-darkEmerald {
background-color: #003e00;
}
.tile-area-scheme-darkEmerald [class*=tile] {
outline-color: #007100;
}
.tile-area-scheme-darkGreen {
background-color: #128023;
}
.tile-area-scheme-darkGreen [class*=tile] {
outline-color: #18ad2f;
}
.tile-area-scheme-darkOrange {
background-color: #bf5a15;
}
.tile-area-scheme-darkOrange [class*=tile] {
outline-color: #e77120;
}
.tile-area-scheme-darkRed {
background-color: #9a1616;
}
.tile-area-scheme-darkRed [class*=tile] {
outline-color: #c71c1c;
}
.tile-area-scheme-darkPink {
background-color: #9a165a;
}
.tile-area-scheme-darkPink [class*=tile] {
outline-color: #c71c74;
}
.tile-area-scheme-darkIndigo {
background-color: #4b0096;
}
.tile-area-scheme-darkIndigo [class*=tile] {
outline-color: #6400c9;
}
.tile-area-scheme-darkBlue {
background-color: #16499a;
}
.tile-area-scheme-darkBlue [class*=tile] {
outline-color: #1c5ec7;
}
.tile-area-scheme-lightBlue {
background-color: #4390df;
}
.tile-area-scheme-lightBlue [class*=tile] {
outline-color: #6faae6;
}
.tile-area-scheme-lightTeal {
background-color: #45fffd;
}
.tile-area-scheme-lightTeal [class*=tile] {
outline-color: #78fffd;
}
.tile-area-scheme-lightOlive {
background-color: #78aa1c;
}
.tile-area-scheme-lightOlive [class*=tile] {
outline-color: #97d623;
}
.tile-area-scheme-lightOrange {
background-color: #ffc194;
}
.tile-area-scheme-lightOrange [class*=tile] {
outline-color: #ffdec7;
}
.tile-area-scheme-lightPink {
background-color: #f472d0;
}
.tile-area-scheme-lightPink [class*=tile] {
outline-color: #f8a1e0;
}
.tile-area-scheme-grayed {
background-color: #585858;
}
.tile-area-scheme-grayed [class*=tile] {
outline-color: #727272;
}
.treeview {
margin: 0;
padding: 0;
display: block;
font-size: .75rem;
}
.treeview ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
font-size: inherit;
}
.treeview li {
font-size: inherit;
padding: 2px 16px;
cursor: pointer;
position: relative;
color: #555555;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.treeview li.active > .leaf {
font-weight: bold;
}
.treeview li.disabled {
cursor: default;
color: #999999;
}
.treeview li.disabled:hover > .leaf {
color: #999999;
}
.treeview li .input-control {
margin: 0 .3125rem 0 0;
height: 1rem;
line-height: .625rem;
min-height: 0;
}
.treeview li .input-control .check {
line-height: 1rem;
}
.treeview ul > li > .leaf:hover {
color: #1d1d1d;
}
.treeview .leaf {
vertical-align: middle;
display: inline-block;
color: inherit;
}
.treeview .leaf .icon {
width: 1rem;
height: 1rem;
text-align: center;
}
.treeview .node-toggle {
position: absolute;
left: 0;
top: 8px;
width: 8px;
height: 8px;
}
.treeview .node-toggle:before {
position: absolute;
display: block;
left: 0;
top: -3px;
height: 0;
content: '';
width: 0;
border-left: 7px solid transparent;
border-top: 7px solid transparent;
border-bottom: 7px #1ba1e2 solid;
}
.treeview li:hover > .node-toggle:before {
border-bottom-color: #1b6eae;
}
.treeview .node.collapsed > .node-toggle:before {
left: -4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom-color: #999999;
}
.treeview .node.collapsed:hover > .node-toggle:before {
border-bottom-color: #1b6eae;
}
.treeview .node.collapsed > ul {
display: none;
}
.presenter {
width: 100%;
height: 200px;
min-height: 200px;
position: relative;
display: block;
}
.scene {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
display: block;
}
.act {
width: 100%;
height: 100%;
display: block;
position: relative;
padding: 10px ;
}
.act:before,
.act:after {
display: table;
content: "";
}
.act:after {
clear: both;
}
.actor {
position: absolute;
margin-right: 10px;
}
.listview {
display: block;
width: 100%;
height: auto;
}
.listview:before,
.listview:after {
display: table;
content: "";
}
.listview:after {
clear: both;
}
.listview .list-group {
display: block;
width: 100%;
height: auto;
position: relative;
}
.listview .list-group:before,
.listview .list-group:after {
display: table;
content: "";
}
.listview .list-group:after {
clear: both;
}
.listview .list-group .list-group-toggle {
display: block;
padding-left: 16px;
cursor: pointer;
position: relative;
margin-top: 10px;
}
.listview .list-group .list-group-toggle:before {
position: absolute;
display: block;
left: 0;
top: -3px;
height: 0;
content: '';
width: 0;
border-left: 7px solid transparent;
border-top: 7px solid transparent;
border-bottom: 7px #1ba1e2 solid;
}
.listview .list-group .list-group-content {
display: block;
width: 100%;
height: auto;
margin-top: 1rem;
}
.listview .list-group .list-group-content:before,
.listview .list-group .list-group-content:after {
display: table;
content: "";
}
.listview .list-group .list-group-content:after {
clear: both;
}
.listview .list-group.collapsed > .list-group-toggle:before {
left: -4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom-color: #999999;
}
.listview .list-group.collapsed:hover > .list-group-toggle:before {
border-bottom-color: #1b6eae;
}
.listview .list {
display: block;
width: 100%;
padding: 8px 8px 4px 48px;
border: 1px transparent solid;
cursor: pointer;
height: 50px;
border-bottom-color: #eeeeee;
position: relative;
}
.listview .list:last-child {
border-bottom-color: transparent;
}
.listview .list .list-icon {
position: absolute;
left: 0;
top: 0;
margin: 8px;
width: 32px;
height: 32px;
font-size: 32px;
text-align: center;
}
.listview .list .list-data {
display: block;
margin: 4px 0;
}
.listview.list-type-icons .list {
display: block;
float: left;
padding: 0;
width: 105px;
height: 116px;
border-color: transparent;
margin: .625rem;
text-align: center;
}
.listview.list-type-icons .list .list-title {
position: absolute;
left: 0;
right: 0;
bottom: 4px;
height: auto;
text-align: center;
}
.listview.list-type-icons .list .list-icon {
width: 80px;
height: 80px;
font-size: 80px;
text-align: center;
left: 50%;
margin-left: -40px;
}
.listview.list-type-icons .list .list-data {
display: none;
}
.listview.list-type-tiles .list {
display: block;
float: left;
padding: 8px 8px 4px 48px;
width: 250px;
height: 52px;
border-color: transparent;
margin: .625rem;
}
.listview.list-type-tiles .list .list-title {
margin-top: 8px;
display: block;
}
.listview.list-type-tiles .list .list-icon {
width: 48px;
height: 48px;
font-size: 48px;
text-align: center;
top: 0;
left: 0;
margin: 2px;
}
.listview.list-type-tiles .list .list-data {
display: none;
}
.listview.list-type-listing .list {
display: block;
float: left;
padding: 4px 2px 4px 24px;
width: auto;
height: auto;
border-color: transparent;
margin: 1px;
}
.listview.list-type-listing .list .list-title {
display: block;
}
.listview.list-type-listing .list .list-icon {
width: 20px;
height: 20px;
font-size: 20px;
text-align: center;
top: 0;
left: 0;
margin: 1px;
}
.listview.list-type-listing .list .list-data {
display: none;
}
.listview .list.active {
background-color: #d1e8ff;
border-color: #64b4db;
}
.listview .list:hover {
background-color: #e5f3fb;
border-color: #64b4db;
}
.listview-outlook {
display: block;
width: 100%;
height: auto;
}
.listview-outlook:before,
.listview-outlook:after {
display: table;
content: "";
}
.listview-outlook:after {
clear: both;
}
.listview-outlook .list {
display: block;
width: 100%;
border: 0;
border-bottom: 1px #eeeeee solid;
padding: 2px 0;
color: #555555;
margin-bottom: 0;
background-color: transparent;
}
.listview-outlook .list .list-content {
margin: 2px 0;
padding: 2px 20px;
font-size: 1rem;
color: inherit;
border-left: 3px transparent solid;
}
.listview-outlook .list .list-content .list-title,
.listview-outlook .list .list-content .list-subtitle,
.listview-outlook .list .list-content .list-remark {
width: 100%;
display: block;
color: inherit;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.listview-outlook .list .list-content .list-title {
line-height: 1.3;
}
.listview-outlook .list .list-content .list-subtitle {
font-size: .75rem;
line-height: 1.2;
font-weight: 500;
color: #0067cb;
}
.listview-outlook .list .list-content .list-remark {
font-weight: normal;
line-height: 1.2;
font-size: .625rem;
color: #999999;
}
.listview-outlook .list:hover {
background-color: #eeeeee;
outline: none;
}
.listview-outlook .list:hover .list-content {
border-left: 3px transparent solid;
}
.listview-outlook .list.marked .list-content {
border-left: 3px #1b6eae solid;
}
.listview-outlook .list:active,
.listview-outlook .list:focus,
.listview-outlook .list.active {
background-color: #cde6f7;
outline: 1px #999999 dotted;
color: #555555;
}
.listview-outlook .list-group {
display: block;
position: relative;
}
.listview-outlook .list-group .list-group-toggle {
display: block;
margin-bottom: 2px;
background-color: #f0f0f0;
padding: 4px 20px 4px 24px;
font-size: .875rem;
font-weight: 500;
color: #333333;
cursor: pointer;
}
.listview-outlook .list-group .list-group-toggle:before {
position: absolute;
display: block;
left: 10px;
top: 2px;
content: '';
width: 0;
height: 0;
border-left: 7px solid transparent;
border-top: 7px solid transparent;
border-bottom: 7px solid black;
}
.listview-outlook .list-group .list-group-content {
display: block;
}
.listview-outlook .list-group.collapsed .list-group-toggle:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left: -4px;
}
.listview-outlook .list-group .list-group-toggle:hover:before {
border-bottom-color: #0067cb;
}
.charm {
display: block;
position: fixed;
z-index: 1060;
background: #1d1d1d;
color: #eeeeee;
padding: .625rem;
}
.charm .charm-closer {
position: absolute;
height: 1rem;
width: 1rem;
text-align: center;
vertical-align: middle;
font-size: 1rem;
font-weight: normal;
padding: 0 0 .625rem 0;
z-index: 3;
outline: none;
cursor: pointer;
color: #777777;
top: .25rem;
right: .25rem;
}
.charm .charm-closer:after {
content: '\D7';
position: absolute;
left: 50%;
top: 50%;
margin-top: -0.65rem;
margin-left: -0.35rem;
}
.charm .charm-closer:hover {
color: #ffffff;
}
.charm .charm-closer:active {
color: #ffffff;
}
.charm.right-side {
width: auto;
right: 0;
top: 0;
left: auto;
bottom: 0;
}
.charm.left-side {
width: auto;
left: 0;
top: 0;
bottom: 0;
}
.charm.top-side {
height: auto;
left: 0;
right: 0;
top: 0;
}
.charm.bottom-side {
height: auto;
left: 0;
right: 0;
top: auto;
bottom: 0;
}
.notify-container {
position: fixed;
top: 0;
right: 0;
width: auto;
z-index: 1061;
}
.notify-container:before,
.notify-container:after {
display: table;
content: "";
}
.notify-container:after {
clear: both;
}
.notify-container.position-left {
left: 0;
right: auto;
}
.notify-container.position-top {
left: 0;
right: 0;
top: 0;
height: auto;
}
.notify-container.position-top .notify {
float: left;
}
.notify-container.position-bottom {
left: 0;
right: 0;
bottom: 0;
top: auto;
height: auto;
}
.notify-container.position-bottom .notify {
float: left;
}
.notify {
display: block;
margin: .3125rem;
padding: .625rem;
min-width: 200px;
cursor: default;
max-width: 300px;
position: relative;
}
.notify .notify-icon {
width: 32px;
height: 32px;
font-size: 32px;
text-align: center;
position: absolute;
margin: -16px 10px;
top: 50%;
left: 0;
}
.notify .notify-icon ~ .notify-title,
.notify .notify-icon ~ .notify-text {
position: relative;
margin-left: 42px;
}
.notify .notify-title,
.notify .notify-text {
display: block;
margin-right: 20px;
}
.notify .notify-title {
font-weight: 500;
font-size: 1rem;
}
.notify .notify-text {
font-size: .875rem;
}
.notify .notify-closer {
position: absolute;
height: 1rem;
width: 1rem;
text-align: center;
vertical-align: middle;
font-size: 1rem;
font-weight: normal;
padding: 0 0 .625rem 0;
z-index: 3;
outline: none;
cursor: pointer;
background-color: #ffffff;
color: #777777;
top: .25rem;
right: .25rem;
}
.notify .notify-closer:after {
border-color: #777777;
content: '\D7';
position: absolute;
left: 50%;
top: 50%;
margin-top: -0.65rem;
margin-left: -0.35rem;
}
.notify .notify-closer:hover {
background-color: #cde6f7;
color: #ffffff;
}
.notify .notify-closer:active {
background-color: #92c0e0;
color: #ffffff;
}
.notify {
background-color: #e5f3fb;
color: #1d1d1d;
}
.notify.success {
background-color: #60a917;
color: #ffffff;
}
.notify.success .notify-closer {
background-color: #60a917;
color: #ffffff;
}
.notify.success .notify-closer:hover {
background-color: #7ad61d;
}
.notify.success .notify-closer:active {
background-color: #128023;
}
.notify.alert {
background-color: #ce352c;
color: #ffffff;
}
.notify.alert .notify-closer {
background-color: #ce352c;
color: #ffffff;
}
.notify.alert .notify-closer:hover {
background-color: #da5a53;
}
.notify.alert .notify-closer:active {
background-color: #9a1616;
}
.notify.warning {
background-color: #fa6800;
color: #ffffff;
}
.notify.warning .notify-closer {
background-color: #fa6800;
color: #ffffff;
}
.notify.warning .notify-closer:hover {
background-color: #ffc194;
}
.notify.warning .notify-closer:active {
background-color: #bf5a15;
}
.notify.info {
background-color: #1ba1e2;
color: #ffffff;
}
.notify.info .notify-closer {
background-color: #1ba1e2;
color: #ffffff;
}
.notify.info .notify-closer:hover {
background-color: #59cde2;
}
.notify.info .notify-closer:active {
background-color: #1b6eae;
}
p [data-hint] {
border-bottom: 1px #373737 dotted;
white-space: nowrap;
}
.hint {
position: fixed;
color: #1d1d1d;
padding: 10px;
font-size: 12px;
width: auto;
max-width: 220px;
margin-top: 10px;
z-index: 1030;
display: none;
border: 1px #eee solid;
}
.hint .hint-title,
.hint .hint-text {
color: inherit;
text-align: left;
}
.hint .hint-title {
font-size: 1.2em;
font-weight: bold;
}
.hint:before {
content: '';
position: absolute;
background-color: inherit;
width: 10px;
height: 10px;
border: 1px #eee solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hint:before {
z-index: 2;
}
.hint.bottom:before {
top: 1px;
left: 5px;
margin: -7px 0;
border-bottom: none;
border-right: none;
}
.hint.top:before {
top: 100%;
margin-top: -5px;
left: 5px;
border-top: none;
border-left: none;
}
.hint.left:before {
top: 5px;
left: 100%;
margin-left: -5px;
border-bottom: none;
border-left: none;
}
.hint.right:before {
top: 5px;
left: -9px;
margin: 1px 0 0 3px;
border-top: none;
border-right: none;
}
.hint2 {
position: fixed;
color: #1d1d1d;
padding: 10px;
font-size: 12px;
width: auto;
max-width: 220px;
margin-top: 10px;
z-index: 1030;
display: none;
border: 1px #eee solid;
}
.hint2 .hint-title,
.hint2 .hint-text {
color: inherit;
text-align: left;
}
.hint2 .hint-title {
font-size: 1.2em;
font-weight: bold;
}
.hint2:before {
content: '';
position: absolute;
background-color: inherit;
width: 10px;
height: 10px;
border: 1px #eee solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hint2:before {
z-index: 2;
}
.hint2.bottom:before {
top: 1px;
left: 5px;
margin: -7px 0;
border-bottom: none;
border-right: none;
}
.hint2.top:before {
top: 100%;
margin-top: -5px;
left: 5px;
border-top: none;
border-left: none;
}
.hint2.left:before {
top: 5px;
left: 100%;
margin-left: -5px;
border-bottom: none;
border-left: none;
}
.hint2.right:before {
top: 5px;
left: -9px;
margin: 1px 0 0 3px;
border-top: none;
border-right: none;
}
.hint2.no-border {
border: none;
}
.hint2.no-border:before {
border: none;
}
.hint2.no-border.right:before {
left: -7px;
}
.hint2.bottom:before {
top: 1px;
left: 50%;
margin: -7px 0 0 -5px;
border-bottom: none;
border-right: none;
}
.hint2.top:before {
top: 100%;
margin-top: -5px;
left: 50%;
margin-left: -5px;
border-top: none;
border-left: none;
}
.hint2.left:before {
top: 50%;
margin-top: -5px;
left: 100%;
margin-left: -5px;
border-bottom: none;
border-left: none;
}
.hint2.right:before {
top: 50%;
margin: -5px 0 0 3px;
left: -9px;
border-top: none;
border-right: none;
}
.hint.no-border,
.hint2.no-border {
border: none;
}
.hint.no-border:before,
.hint2.no-border:before {
border: none;
}
.hint.no-border.right:before,
.hint2.no-border.right:before {
left: -7px;
}
.hint2.line {
padding: 2px 4px;
border: none;
display: block;
max-width: 100%;
margin: -5px 0 4px 0;
}
.hint2.line:before {
display: none;
}
.preloader-ring {
position: relative;
padding-top: 0.22rem;
width: 32px;
height: 32px;
margin: .625rem;
}
.preloader-ring > .wrap {
position: absolute;
width: 30px;
height: 30px;
}
.preloader-ring > .wrap > .circle {
opacity: 0;
width: 30px;
height: 30px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-animation: orbit 4000ms infinite;
animation: orbit 4000ms infinite;
}
.preloader-ring > .wrap > .circle:after {
position: absolute;
content: '';
width: 4px;
height: 4px;
border-radius: 4px;
background: #ffffff;
}
.preloader-ring > .wrap:nth-child(2) {
-webkit-transform: rotate(-14deg);
transform: rotate(-14deg);
}
.preloader-ring > .wrap:nth-child(2) > .circle {
-webkit-animation-delay: 133.33333333ms;
animation-delay: 133.33333333ms;
}
.preloader-ring > .wrap:nth-child(3) {
-webkit-transform: rotate(-28deg);
transform: rotate(-28deg);
}
.preloader-ring > .wrap:nth-child(3) > .circle {
-webkit-animation-delay: 266.66666667ms;
animation-delay: 266.66666667ms;
}
.preloader-ring > .wrap:nth-child(4) {
-webkit-transform: rotate(-42deg);
transform: rotate(-42deg);
}
.preloader-ring > .wrap:nth-child(4) > .circle {
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
.preloader-ring > .wrap:nth-child(5) {
-webkit-transform: rotate(-56deg);
transform: rotate(-56deg);
}
.preloader-ring > .wrap:nth-child(5) > .circle {
-webkit-animation-delay: 533.33333333ms;
animation-delay: 533.33333333ms;
}
.preloader-ring.dark-style > .wrap > .circle:after {
background-color: #555555;
}
.preloader-ring.color-style > .wrap > .circle:after {
background-color: #1ba1e2;
}
.preloader-ring.color-style > .wrap:nth-child(2) > .circle:after {
background-color: #fa6800;
}
.preloader-ring.color-style > .wrap:nth-child(3) > .circle:after {
background-color: #60a917;
}
.preloader-ring.color-style > .wrap:nth-child(4) > .circle:after {
background-color: #ce352c;
}
.preloader-ring.color-style > .wrap:nth-child(5) > .circle:after {
background-color: #e3c800;
}
.preloader-metro {
overflow: hidden;
position: relative;
width: 100%;
height: 10px;
background-color: transparent;
}
.preloader-metro > .circle {
display: inline-block;
position: absolute;
width: 10px;
height: 10px;
background-color: #ffffff;
opacity: 0;
margin-left: 5px;
-webkit-animation: metro-slide 3s cubic-bezier(0.1, 0.85, 0.9, 0.15) infinite, metro-opacity 2s ease-in-out infinite alternate;
animation: metro-slide 3s cubic-bezier(0.1, 0.85, 0.9, 0.15) infinite, metro-opacity 2s ease-in-out infinite alternate;
}
.preloader-metro > .circle:nth-child(2) {
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
.preloader-metro > .circle:nth-child(3) {
-webkit-animation-delay: .7s;
animation-delay: .7s;
}
.preloader-metro > .circle:nth-child(4) {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.preloader-metro > .circle:nth-child(5) {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.preloader-metro.dark-style > .circle {
background-color: #555555;
}
.preloader-metro.color-style > .circle {
background-color: #1ba1e2;
}
.preloader-metro.color-style > .circle:nth-child(2) {
background-color: #fa6800;
}
.preloader-metro.color-style > .circle:nth-child(3) {
background-color: #60a917;
}
.preloader-metro.color-style > .circle:nth-child(4) {
background-color: #ce352c;
}
.preloader-metro.color-style > .circle:nth-child(5) {
background-color: #e3c800;
}
.preloader-square {
position: relative;
width: 40px;
height: 40px;
overflow: hidden;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-animation: ani-shrink 1s linear infinite;
animation: ani-shrink 1s linear infinite;
}
.preloader-square .square {
position: absolute;
width: 19px;
height: 19px;
background: #ffffff;
}
.preloader-square .square:nth-child(1) {
left: 0;
top: 21px;
}
.preloader-square .square:nth-child(2) {
left: 21px;
top: 21px;
-webkit-animation: ani-drop 1s linear infinite;
animation: ani-drop 1s linear infinite;
}
.preloader-square .square:nth-child(3) {
left: 0;
top: 0;
-webkit-animation: ani-drop2 1s linear infinite;
animation: ani-drop2 1s linear infinite;
}
.preloader-square .square:nth-child(4) {
left: 21px;
top: 0;
-webkit-animation: ani-drop3 1s linear infinite;
animation: ani-drop3 1s linear infinite;
}
.preloader-square.dark-style > .square {
background-color: #555555;
}
.preloader-square.color-style > .square:nth-child(1) {
background-color: #fa6800;
}
.preloader-square.color-style > .square:nth-child(2) {
background-color: #60a917;
}
.preloader-square.color-style > .square:nth-child(3) {
background-color: #1ba1e2;
}
.preloader-square.color-style > .square:nth-child(4) {
background-color: #e3c800;
}
.preloader-cycle {
width: 64px;
height: 64px;
position: relative;
overflow: hidden;
}
.preloader-cycle .cycle {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #ffffff;
-webkit-animation: ani-pre-spin 1s linear infinite;
animation: ani-pre-spin 1s linear infinite;
z-index: 1001;
}
.preloader-cycle .cycle:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #ffffff;
-webkit-animation: ani-pre-spin 2s linear infinite;
animation: ani-pre-spin 2s linear infinite;
}
.preloader-cycle .cycle:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #ffffff;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
.preloader-cycle.dark-style .cycle {
border-top-color: #1d1d1d;
}
.preloader-cycle.dark-style .cycle:before {
border-top-color: #1d1d1d;
}
.preloader-cycle.dark-style .cycle:after {
border-top-color: #1d1d1d;
}
.preloader-cycle.color-style .cycle {
border-top-color: #3498db;
}
.preloader-cycle.color-style .cycle:before {
border-top-color: #e74c3c;
}
.preloader-cycle.color-style .cycle:after {
border-top-color: #f9c922;
}
.dialog-overlay {
background-color: transparent;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 100%;
min-width: 100%;
z-index: 1049;
opacity:0.6;
}
.dialog {
position: fixed;
display: block;
width: auto;
height: auto;
float: left;
background-color: #ffffff;
color: #1d1d1d;
z-index: 1050;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.dialog .dialog-close-button {
position: absolute;
width: 2rem;
min-height: 0.5rem;
text-align: center;
vertical-align: middle;
font-size: 1.1rem;
font-weight: normal;
padding: 0px 0px 1px 0px;
z-index: 3;
outline: none;
cursor: pointer;
background-color: #ffffff;
color: #2086bf;
top:0.7rem;
right: 0.25rem;
line-height:0rem;
border:0px;
}
.dialog .dialog-close-button:hover {
/* background-color: #cde6f7; */
color: #42aaff;
}
.dialog .dialog-close-button:hover:after {
border-color: #42aaff !important;
}
.dialog .dialog-close-button:active {
background-color: transparent;
color: #42aaff;
}
.dialog .dialog-close-button:after {
border-color: #777777;
font-family: metro, serif;
/*content: '\D7';*/
content: "\e629";
line-height: 1;
}
.MacOsChrome .dialog .dialog-close-button:after {
font-weight:700 !important;
opacity:0.99 !important;
}
.dialog.success {
background-color: #60a917;
color: #ffffff;
}
.dialog.success .dialog-close-button {
background-color: #7ad61d;
color: #ffffff;
}
.dialog.success .dialog-close-button:active {
background-color: #128023;
}
.dialog.warning {
background-color: #fa6800;
color: #ffffff;
}
.dialog.warning .dialog-close-button {
background-color: #ffc194;
color: #ffffff;
}
.dialog.warning .dialog-close-button:active {
background-color: #bf5a15;
}
.dialog.alert {
background-color: #ce352c;
color: #ffffff;
}
.dialog.alert .dialog-close-button {
background-color: #da5a53;
color: #ffffff;
}
.dialog.alert .dialog-close-button:active {
background-color: #9a1616;
}
.dialog.info {
background-color: #1ba1e2;
color: #ffffff;
}
.dialog.info .dialog-close-button {
background-color: #59cde2;
color: #ffffff;
}
.dialog.info .dialog-close-button:active {
background-color: #1b6eae;
}
.streamer {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.streamer .streamer-toolbar .toolbar-button {
display: block;
float: left;
width: .625rem;
height: 1.5rem;
}
.streamer .streamer-toolbar .toolbar-button.active {
background-color: #555555;
color: #ffffff;
}
.streamer .meter {
height: 25px;
width: auto;
list-style: none;
margin: 0;
padding: 0;
display: block;
overflow: hidden;
}
.streamer .meter li {
display: block;
float: left;
width: 213px;
padding: 2px 3px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANUAAAAUCAYAAAAa9HiSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHlJREFUeNrs2csJgDAQQMFE7Gj77yA9+UNswOwewgwI3hYTngrpY4yjAb9FRH9u7qguLfuqmFP1PKutm/2Zu36b9wvMJSoQFYgKRAWICkQFq9qrBn0HY4neM4pl5lSyP75U4PcPRAWICkQFogJEBaICUQGigjynAAMAqEOFksZmC3MAAAAASUVORK5CYII=') top left repeat-x;
}
.streamer .meter li em {
font-size: 10px;
font-style: normal;
}
.streamer .streams {
width: 142px;
padding-top: 25px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
background-color: #ffffff;
}
.streamer .streams .streams-title {
position: absolute;
top: 0;
}
.streamer .streams .stream {
position: relative;
display: block;
width: 100%;
height: 75px;
margin: 0 2px 2px 0;
padding: 5px;
color: #ffffff;
cursor: pointer;
}
.streamer .streams .stream .stream-title {
font-size: .75rem;
line-height: 1;
}
.streamer .streams .stream .stream-number {
position: absolute;
left: 5px;
bottom: 5px;
font-size: .6875rem;
line-height: 1;
}
.streamer .events {
padding-left: 143px;
overflow: hidden;
height: 100%;
min-height: 100%;
overflow-x: scroll;
}
.streamer .events .double {
width: 424px;
}
.streamer .events .triple {
width: 637px;
}
.streamer .events .quadro {
width: 850px;
}
.streamer .events .events-area {
height: 100%;
min-height: 100%;
overflow: hidden;
}
.streamer .events .events-area:before,
.streamer .events .events-area:after {
display: table;
content: "";
}
.streamer .events .events-area:after {
clear: both;
}
.streamer .events .events-grid {
height: 100%;
min-height: 100%;
}
.streamer .events .events-grid:before,
.streamer .events .events-grid:after {
display: table;
content: "";
}
.streamer .events .events-grid:after {
clear: both;
}
.streamer .events .event-group {
height: 460px;
min-width: 211px;
margin: 0 2px 2px 0;
float: left;
}
.streamer .events .event-super {
height: 100%;
min-height: 100%;
border: 1px #d9d9d9 solid;
}
.streamer .events .event-super.medium-border {
border-width: 8px;
}
.streamer .events .event-super.large-border {
border-width: 16px;
}
.streamer .events .event-stream {
height: 75px;
}
.streamer .events .event-stream .event {
min-width: 211px;
height: 75px;
float: left;
display: block;
margin: 0 2px 2px 0;
cursor: pointer;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px #d9d9d9 solid;
}
.streamer .events .event-stream .event.medium-border {
border-width: 8px;
}
.streamer .events .event-stream .event.large-border {
border-width: 16px;
}
.streamer .events .event-stream .event:last-child {
margin-right: 0;
}
.streamer .events .event-stream .event.event-disable {
opacity: .2;
}
.streamer .events .event-stream .event .event-content {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
display: none;
}
.streamer .events .event-stream .event .event-content:first-child {
display: block;
}
.streamer .events .event-stream .event .event-content-logo {
display: block;
float: left;
margin-right: 5px;
padding: 3px;
}
.streamer .events .event-stream .event .event-content-logo .icon {
position: relative;
width: 39px;
height: 39px;
margin-bottom: 1px;
}
.streamer .events .event-stream .event .event-content-logo .icon img {
width: 100%;
height: 100%;
}
.streamer .events .event-stream .event .event-content-logo .time {
position: relative;
width: 39px;
padding: 8px 4px;
font-size: .75rem;
color: #ffffff;
line-height: 1;
}
.streamer .events .event-stream .event .event-content-data {
display: block;
padding: 0;
margin: 0;
position: relative;
margin-left: 50px;
}
.streamer .events .event-stream .event .event-content-data .title {
position: relative;
font-size: .875rem;
line-height: 1;
margin: 3px 0 0;
padding: 0;
}
.streamer .events .event-stream .event .event-content-data .subtitle {
position: relative;
font-size: .625rem;
line-height: 1;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.streamer .events .event-stream .event .event-content-data .remark {
position: absolute;
display: block;
top: 36px;
margin-right: 4px;
font-size: .6875rem;
line-height: 1;
color: #999999;
}
.streamer .events .event-stream .event:hover {
border-color: #999999;
}
.streamer .events .event-stream .event.selected {
border: 4px #4390df solid;
border-width: 1px;
}
.streamer .events .event-stream .event.selected:after {
position: absolute;
display: block;
border-top: 28px solid #4390df;
border-left: 28px solid transparent;
right: 0;
content: "";
top: 0;
z-index: 101;
}
.streamer .events .event-stream .event.selected:before {
position: absolute;
display: block;
content: "";
background-color: transparent;
border-color: #ffffff;
border-left: 2px solid;
border-bottom: 2px solid;
height: .25rem;
width: .5rem;
right: 0;
top: 0;
z-index: 102;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.streamer .events .event-stream .event.selected:before {
right: 3px;
top: 3px;
color: #ffffff;
}
.streamer .events .event-stream .event.margin-one {
margin-left: 213px;
}
.streamer .events .event-stream .event.margin-double {
margin-left: 426px;
}
.streamer .events .event-stream .event.margin-triple {
margin-left: 639px;
}
.streamer .events .event-stream .event.margin-quadro {
margin-left: 852px;
}
.keypad {
position: relative;
width: 106px;
padding: 1px;
border: 1px #eeeeee solid;
vertical-align: middle;
background-color: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.keypad:before,
.keypad:after {
display: table;
content: "";
}
.keypad:after {
clear: both;
}
.keypad .key {
width: 32px;
height: 32px;
display: block;
float: left;
margin: 1px;
border: 1px #eeeeee solid;
vertical-align: middle;
text-align: center;
cursor: pointer;
font-size: .875rem;
line-height: 32px;
}
.keypad .key:hover {
background-color: #eeeeee;
}
.keypad .key:active {
background-color: #555555;
color: #ffffff;
}
.keypad.shadow {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.fluent-menu .tabs-holder {
list-style: none;
position: relative;
margin: 0;
padding: 0;
display: block;
z-index: 2;
}
.fluent-menu .tabs-holder:before,
.fluent-menu .tabs-holder:after {
display: table;
content: "";
}
.fluent-menu .tabs-holder:after {
clear: both;
}
.fluent-menu .tabs-holder li {
display: block;
float: left;
margin-right: 5px;
background-color: #ffffff;
}
.fluent-menu .tabs-holder li a {
display: block;
float: left;
padding: .25rem 1rem;
text-transform: uppercase;
font-size: .8em;
color: #444444;
}
.fluent-menu .tabs-holder li a:hover {
color: #0072c6;
}
.fluent-menu .tabs-holder li:first-child {
margin-left: 0;
}
.fluent-menu .tabs-holder li.active {
border: 1px #d4d4d4 solid;
border-bottom-color: #ffffff;
}
.fluent-menu .tabs-holder li.active a {
color: #0072c6;
}
.fluent-menu .tabs-holder li.special {
border: 1px #0072c6 solid;
background-color: #0072c6;
}
.fluent-menu .tabs-holder li.special a {
color: #ffffff;
}
.fluent-menu .tabs-holder li.special a:hover {
color: #ffffff;
}
.fluent-menu .tabs-content {
z-index: 1;
position: relative;
margin-top: -1px;
border: 1px #d4d4d4 solid;
background-color: #ffffff;
height: 120px;
}
.fluent-menu .tabs-content .tab-panel {
display: block;
height: 100%;
padding: 5px 0 2px;
}
.fluent-menu .tabs-content .tab-panel .tab-panel-group {
height: 100%;
position: relative;
display: block;
float: left;
padding: 0 5px;
border-right: 1px #d4d4d4 solid;
}
.fluent-menu .tabs-content .tab-panel .tab-panel-group:last-child {
margin-right: 0;
}
.fluent-menu .tabs-content .tab-panel .tab-group-caption {
font-size: 10px;
margin: 2px 0 -2px;
text-align: center;
display: block;
position: absolute;
bottom: 0;
right: 0;
left: 0;
white-space: nowrap;
background: #eeeeee;
}
.fluent-menu .tabs-content .tab-panel .tab-content-segment {
display: block;
float: left;
position: relative;
}
.fluent-menu .tab-content-segment {
display: block;
float: left;
position: relative;
}
.fluent-menu .fluent-button,
.fluent-menu .fluent-big-button,
.fluent-menu .fluent-tool-button {
background-color: #ffffff;
padding: .3125rem;
display: block;
cursor: default;
border: 0;
outline: none;
font-size: .8em;
line-height: 1.2;
vertical-align: middle;
}
.fluent-tool, .fluent-tool-button:hover {
background-color: transparent;
border:none;
width:30px;
}
.fluent-menu .fluent-button:hover,
.fluent-menu .fluent-big-button:hover,
.fluent-menu .fluent-tool-button:hover {
background-color: #cde6f7;
}
.fluent-menu .fluent-button img,
.fluent-menu .fluent-big-button img,
.fluent-menu .fluent-tool-button img,
.fluent-menu .fluent-button .icon,
.fluent-menu .fluent-big-button .icon,
.fluent-menu .fluent-tool-button .icon,
.fluent-menu .fluent-button [class*=mif-],
.fluent-menu .fluent-big-button [class*=mif-],
.fluent-menu .fluent-tool-button [class*=mif-] {
line-height: 1.2;
display: block;
float: left;
margin-right: 5px;
width: 16px;
height: 16px;
color: #444444;
vertical-align: middle;
}
.fluent-menu .fluent-button .label,
.fluent-menu .fluent-big-button .label,
.fluent-menu .fluent-tool-button .label {
display: inline-block;
color: inherit;
font: inherit;
}
.fluent-menu .fluent-button:active,
.fluent-menu .fluent-big-button:active,
.fluent-menu .fluent-tool-button:active {
top: 0;
left: 0;
background-color: #75bae9;
}
.fluent-menu .fluent-button.dropdown-toggle:before,
.fluent-menu .fluent-big-button.dropdown-toggle:before,
.fluent-menu .fluent-tool-button.dropdown-toggle:before {
margin-top: -0.3125rem;
}
.fluent-menu .fluent-big-button {
padding: 7px 5px;
text-align: center;
white-space: normal;
line-height: 12px;
float: left;
position: relative;
}
.fluent-menu .fluent-big-button img,
.fluent-menu .fluent-big-button .icon,
.fluent-menu .fluent-big-button [class*=mif-] {
display: block;
width: 40px;
height: 40px;
font-size: 40px;
float: none;
text-align: center;
margin: 5px auto 5px;
}
.fluent-menu .fluent-big-button br {
line-height: 4px;
height: 4px;
font-size: 4px;
}
.fluent-menu .fluent-tool-button {
padding: 4px;
}
.fluent-menu .fluent-tool-button img,
.fluent-menu .fluent-tool-button [class*="icon-"] {
display: block;
width: 16px;
height: 16px;
font-size: 16px;
float: none;
text-align: center;
}
.fluent-menu .fluent-tool-button img {
margin-right: 0;
}
.fluent-menu .dropdown-toggle {
padding-right: 24px;
}
.fluent-menu .fluent-tool.dropdown-toggle {
padding-right: 0px;
}
.fluent-menu .d-menu {
position: absolute;
top: 100%;
z-index: 100;
}
.fluent-menu .d-menu a {
padding: 4px 24px;
font-size: .8em;
}
.fluent-menu .d-menu a:hover {
background-color: #cde6f7;
color: #444444;
}
.fluent-tool.dropdown-toggle:before {
border-left: 0px solid;
border-bottom: 0px solid;
content: "";
}
.video-player:-webkit-full-screen {
position: fixed;
top: 0;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
}
.video-player:-webkit-full-screen video {
width: 100%;
height: 100%;
}
.video-player:-webkit-full-screen {
position: fixed;
top: 0;
min-width: 100%;
min-height: 100%;
}
.video-player:-moz-full-screen {
position: fixed;
top: 0;
min-width: 100%;
min-height: 100%;
}
.video-player:-ms-fullscreen {
position: fixed;
top: 0;
min-width: 100%;
min-height: 100%;
}
.video-player:fullscreen {
position: fixed;
top: 0;
min-width: 100%;
min-height: 100%;
}
.video-player:-webkit-full-screen video {
width: 100%;
height: 100%;
}
.video-player:-moz-full-screen video {
width: 100%;
height: 100%;
}
.video-player:-ms-fullscreen video {
width: 100%;
height: 100%;
}
.video-player:fullscreen video {
width: 100%;
height: 100%;
}
.video-player {
display: block;
background: #1d1d1d;
position: relative;
width: 100%;
height: auto;
z-index: 1;
}
.video-player .video-preloader {
position: absolute;
z-index: 2147483647;
top: 50%;
left: 50%;
margin-top: -32px;
margin-left: -32px;
}
.video-player .video-logo {
position: absolute;
z-index: 2147483647;
right: 20px;
top: 20px;
height: 32px;
}
.video-player video {
width: 100%;
height: 100%;
z-index: 1;
}
.video-player .controls {
position: absolute;
height: auto;
padding: .625rem;
z-index: 2147483647;
background: rgba(34, 34, 34, 0.5);
}
.video-player .controls .info-box {
float: left;
background: inherit;
margin: 0 2px;
padding: .75rem 1rem;
color: #ffffff;
height: 2.125rem;
text-align: center;
font-size: .8em;
}
.video-player .controls .control-slider {
height: 2.125rem;
float: left;
padding: 0 1rem 0;
margin: 0 2px;
background: inherit;
}
.video-player .controls .volume-slider-wrapper {
width: 6rem;
}
.video-player .controls .stream-slider-wrapper {
float: none;
width: 100%;
}
.video-player .controls .control-button {
float: left;
background: inherit;
border: 0;
color: #b3b3b3;
outline: none;
position: relative;
margin: 0 2px;
}
.video-player .controls .control-button:hover,
.video-player .controls .control-button:active {
color: #ffffff;
}
.video-player .controls .control-button.loop.active {
color: #60a917;
}
.video-player .controls .control-button.stop:disabled {
color: #555555;
}
.video-player .controls .control-button.full {
float: right;
}
.video-player .controls.position-bottom {
bottom: 0;
left: 0;
right: 0;
}
.video-player.full-screen {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: auto !important;
z-index: 2147483646;
}
video::-webkit-media-controls {
display: none !important;
}
video::-webkit-media-controls-enclosure {
display: none !important;
}
.audio-player {
display: inline-block;
position: relative;
background: #1d1d1d;
height: auto;
}
.audio-player .controls {
position: relative;
width: 100%;
height: auto;
padding: 4px;
background: inherit;
}
.audio-player .controls:before,
.audio-player .controls:after {
display: table;
content: "";
}
.audio-player .controls:after {
clear: both;
}
.audio-player .controls .control-element {
height: 2.125rem;
display: inline-block;
border: none;
background: rgba(34, 34, 34, 0.5);
vertical-align: middle;
}
.audio-player .controls .stream-wrapper {
padding: 0 .25rem;
}
.audio-player .controls .stream-slider {
width: 200px;
}
.audio-player .controls .info-box {
margin: 0 2px;
padding: .75rem 1rem;
color: #ffffff;
height: 2.125rem;
line-height: 1;
text-align: center;
font-size: .8em;
}
.audio-player .controls .volume-wrapper {
width: 100px;
padding: 0 .25rem 0;
}
.audio-player .controls .play,
.audio-player .controls .stop,
.audio-player .controls .loop,
.audio-player .controls .volume,
.audio-player .controls .next,
.audio-player .controls .prev,
.audio-player .controls .shuffle,
.audio-player .controls .random,
.audio-player .controls .plist {
color: #b3b3b3;
}
.audio-player .controls .play:hover,
.audio-player .controls .stop:hover,
.audio-player .controls .loop:hover,
.audio-player .controls .volume:hover,
.audio-player .controls .next:hover,
.audio-player .controls .prev:hover,
.audio-player .controls .shuffle:hover,
.audio-player .controls .random:hover,
.audio-player .controls .plist:hover,
.audio-player .controls .play:active,
.audio-player .controls .stop:active,
.audio-player .controls .loop:active,
.audio-player .controls .volume:active,
.audio-player .controls .next:active,
.audio-player .controls .prev:active,
.audio-player .controls .shuffle:active,
.audio-player .controls .random:active,
.audio-player .controls .plist:active {
color: #ffffff;
}
.audio-player .controls .loop.active {
color: #7ad61d;
}
.audio-player .controls .control-element:disabled {
color: #555555;
}
.audio-player .play-list-wrapper {
display: block;
position: relative;
padding: .625rem;
border-bottom: 1px solid #555555;
}
.audio-player .play-list-wrapper:before,
.audio-player .play-list-wrapper:after {
display: table;
content: "";
}
.audio-player .play-list-wrapper:after {
clear: both;
}
.audio-player .play-list-wrapper.not-visible {
display: none;
}
.audio-player .album-title {
font-size: 2rem;
color: #ffffff;
font-weight: lighter;
margin: 0 0 .625rem;
padding-bottom: .625rem;
border-bottom: 1px solid #555555;
}
.audio-player .poster {
float: left;
width: 10rem;
height: 100%;
}
.audio-player .album-desc {
padding: .625rem;
color: #eeeeee;
font-size: .6875rem;
}
.audio-player .play-list {
list-style: none;
padding: 10px;
color: #ffffff;
display: block;
font-size: .8em;
width: 100%;
}
.audio-player .play-list li {
padding: .125rem 1rem;
cursor: pointer;
position: relative;
}
.audio-player .play-list li:hover {
background: #555555;
}
.audio-player .play-list li.current {
color: #1ba1e2;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.audio-player .play-list li.current:before {
content: "\25B6";
position: absolute;
left: .25rem;
}
.audio-player .poster ~ .play-list {
margin: 0 0 0 11rem;
width: calc(100% - 11rem);
}
.audio-player.micro .plist,
.audio-player.micro .loop,
.audio-player.micro .next,
.audio-player.micro .prev,
.audio-player.micro .random,
.audio-player.micro .stop,
.audio-player.micro .stream-wrapper,
.audio-player.micro .info-box,
.audio-player.micro .volume-wrapper,
.audio-player.micro .volume {
display: none;
}
.audio-player.small .plist,
.audio-player.small .stop,
.audio-player.small .stream-wrapper,
.audio-player.small .next,
.audio-player.small .prev,
.audio-player.small .random,
.audio-player.small .loop {
display: none;
}
.audio-player.medium .plist,
.audio-player.medium .stop,
.audio-player.medium .next,
.audio-player.medium .prev,
.audio-player.medium .random,
.audio-player.medium .loop {
display: none;
}
.input-control .select2-container {
margin: 0;
}
.input-control.required .select2-selection {
border: 1px dashed #1ba1e2;
}
.input-control.error .select2-selection {
border: 1px solid #ce352c;
}
.input-control.warning .select2-selection {
border: 1px solid #e3c800;
}
.input-control.success .select2-selection {
border: 1px solid #60a917;
}
.input-control.info .select2-selection {
border: 1px solid #1ba1e2;
}
/*
* Third-party plugin DataTables
* Plugin home page: http://datatables.net/
*/
.dataTable {
width: 100% !important;
/*margin: .625rem 0;*/
clear: both;
border: 1px solid #d1d1d1;
}
.dataTable th,
.dataTable td {
padding: 0.325rem 0.45rem;
}
div[data-elementinternalname="CL_Evaluation"] .dataTable th, div[data-elementinternalname="CL_Evaluation"] .dataTable td {
padding: 3px 4px;
}
div[data-elementinternalname="CL_Evaluation"] input[type=text] , div[data-elementinternalname="CL_Evaluation"] input[type=date]{
height:16px;
}
.dataTable thead {
border-bottom: 4px solid #999999;
}
.dataTable thead th,
.dataTable thead td {
cursor: pointer;
color: black;
border-color: transparent;
text-align: left;
font-style: normal;
font-weight: 600;
line-height: 100%;
font-size: 0.8125rem;
}
.customizedFont .dataTable thead th,
customizedFont .dataTable thead td {
font-size: 13px;
}
/*.dataTable thead th{
cursor: default;
color: black;
border-color: transparent;
text-align: left;
font-style: normal;
font-weight: 500;
line-height: 100%;
font-size: 0.8125rem;
}*/
.dataTable tfoot {
border-top: 1px solid #d1d1d1;
}
.dataTable tfoot th,
.dataTable tfoot td {
cursor: default;
color: #000;
border-color: transparent;
text-align: left;
font-style: normal;
font-weight: 500;
line-height: 100%;
}
.dataTable tbody td {
padding: 0.235rem 0.235rem;
border-left: 1px solid #cdd1d7;
color:black;
}
.dataTable .sortable-column {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dataTable .sortable-column:after {
position: absolute;
content: "";
width: 1rem;
height: 1rem;
left: 100%;
margin-left: -20px;
top: 50%;
margin-top: -0.5rem;
color: inherit;
font-size: 1rem;
line-height: 1;
}
.dataTable .sortable-column.sort-asc,
.dataTable .sortable-column.sort-desc {
background-color: #eeeeee;
}
.dataTable .sortable-column.sort-asc:after,
.dataTable .sortable-column.sort-desc:after {
color: #1d1d1d;
}
.dataTable .sortable-column.sort-asc:after {
content: "\2191";
}
.dataTable .sortable-column.sort-desc:after {
content: "\2193";
}
.dataTable.sortable-markers-on-left .sortable-column {
padding-left: 30px;
}
.dataTable.sortable-markers-on-left .sortable-column:before,
.dataTable.sortable-markers-on-left .sortable-column:after {
left: 0;
margin-left: 10px;
}
.dataTable tr.selected td {
/*background-color: rgba(28, 183, 236, 0.1);*/
background-color: #ffeeb2;
}
.dataTable td.selected {
/*background-color: rgba(28, 183, 236, 0.3);*/
background-color: #ffeeb2;
}
.dataTable.striped tbody tr:nth-child(odd) {
background: #eeeeee;
}
.dataTable.striped tbody tr:nth-child(even) {
background: #fff;
}
.dataTable.hovered tbody tr:hover {
background-color: #ffeeb2; /*rgba(28, 183, 236, 0.1);*/
}
.dataTable.cell-hovered tbody td:hover {
background-color: #ffeeb2; /*rgba(28, 183, 236, 0.3);*/
}
.dataTable.border {
border: 1px #999999 solid;
}
/*.dataTable.bordered th
{
border: 1px #999999 solid;
}*/
.dataTable.bordered thead tr:first-child th{
border-bottom:none !important; /*Hasmukh Added this line to get rid border bottom from all the dataTable heading section*/
}
.dataTable.bordered thead tr:first-child td {
border-top: none;
border-left: 1px solid #e5e4e4; /*#cdd1d7*/
padding:0.4rem;
border-bottom: 1px solid #e5e4e4; /*#cdd1d7;*/
}
.dataTable.bordered thead tr:first-child th:first-child,
.dataTable.bordered thead tr:first-child td:first-child {
border-left: none;
}
.dataTable.bordered thead tr:first-child th:last-child,
.dataTable.bordered thead tr:first-child td:last-child {
border-right: none;
}
.dataTable.bordered tbody tr:first-child td {
border-top: none;
}
.dataTable.bordered tbody tr td:first-child {
border-left: none;
}
.dataTable.bordered tbody tr td:last-child {
/*border-right: none;*/
border-right: 1px solid #e5e4e4;
}
.dataTable.bordered tbody tr:last-child td {
/*border-bottom: none;*/
border-bottom: 1px solid #d0d0d0;
}
.dataTable .condensed th,
.dataTable .condensed td {
padding: .3125rem;
}
.dataTable .super-condensed th,
.dataTable .super-condensed td {
padding: .125rem;
}
.dataTable tbody tr.error {
background-color: #ce352c;
color: #ffffff;
}
.dataTable tbody tr.error:hover {
background-color: #da5a53;
}
.dataTable tbody tr.warning {
background-color: #fa6800;
color: #ffffff;
}
.dataTable tbody tr.warning:hover {
background-color: #ffc194;
}
.dataTable tbody tr.success {
background-color: #60a917;
color: #ffffff;
}
.dataTable tbody tr.success:hover {
background-color: #7ad61d;
}
.dataTable tbody tr.info {
background-color: #1ba1e2;
color: #ffffff;
}
.dataTable tbody tr.info:hover {
background-color: #59cde2;
}
.dataTable .sorting {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dataTable .sorting:after {
position: absolute;
content: "";
width: 1rem;
height: 1rem;
left: 100%;
margin-left: -20px;
top: 50%;
margin-top: -0.5rem;
color: inherit;
font-size: 1rem;
line-height: 1;
}
.dataTable .sorting.sort-asc,
.dataTable .sorting.sort-desc {
background-color: #eeeeee;
}
.dataTable .sorting.sort-asc:after,
.dataTable .sorting.sort-desc:after {
color: #1d1d1d;
}
.dataTable .sorting.sort-asc:after {
content: "\2191";
}
.dataTable .sorting.sort-desc:after {
content: "\2193";
}
.dataTable .sorting_asc,
.dataTable .sorting_desc {
position: relative;
}
.dataTable .sorting_asc:after,
.dataTable .sorting_desc:after {
position: absolute;
content: "";
width: 1rem;
height: 0.2rem;
left: 100%;
margin-left: -20px;
top: 76%;
margin-top: -0.5rem;
color: inherit;
line-height: 1;
font-size: 0.6rem;
font-family:metro, "Segoe UI", "Open Sans", serif;
}
.dataTable .sorting_asc {
/*border-bottom: 1px solid #ffc600 !important;*/
color: #023c76 !important;
}
.dataTable .sorting_asc:after {
color: #1d1d1d;
}
.dataTable .sorting_asc:after {
content: "\e655";
transform: rotate(-90deg);
}
.dataTable .sorting_desc {
background-color: #d0d0d0 !important;
}
.dataTable .sorting_desc:after {
color: #1d1d1d;
}
.dataTable .sorting_desc:after {
content: "\e655";
transform: rotate(-30deg);
}
.dataTables_paginate {
display: block;
float: left;
margin: 0;
padding: 3px;
/*background-color: #e3e3e3;*/
font-size: .875rem;
width: 50%;
}
.dataTables_paginate:before,
.dataTables_paginate:after {
display: table;
content: "";
}
.dataTables_paginate:after {
clear: both;
}
.dataTables_paginate > .item {
display: block;
float: left;
margin-left: .0652rem;
padding: 0.25rem .625rem;
background-color: #ffffff;
cursor: pointer;
border: 1px #eeeeee solid;
text-align: center;
font-size: .875rem;
color: #1d1d1d;
}
.dataTables_paginate > .item:first-child {
margin-left: 0 ;
}
.dataTables_paginate > .item.current,
.dataTables_paginate > .item.active {
background-color: #1ba1e2;
border-color: #59cde2;
color: #ffffff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.dataTables_paginate > .item:hover {
background-color: #75c7ee;
border-color: #75c7ee;
color: #ffffff;
}
.dataTables_paginate > .item:disabled,
.dataTables_paginate > .item.disabled {
cursor: default;
background-color: #eeeeee;
border-color: #eeeeee;
color: #999999;
}
.dataTables_paginate > .item.spaces {
border: 0;
cursor: default;
color: #1d1d1d;
}
.dataTables_paginate > .item.spaces:hover {
background-color: inherit ;
color: #1d1d1d;
}
.dataTables_paginate.rounded > .item {
border-radius: .3125rem;
}
.dataTables_paginate.cycle > .item {
width: 28px;
height: 28px;
border-radius: 50%;
font-size: .7rem;
padding: .4375rem 0;
}
.dataTables_paginate.no-border > .item {
border: 0;
}
.dataTables_paginate.no-border > .item:hover {
color: #59cde2;
background-color: transparent ;
}
.dataTables_paginate.no-border > .item:disabled,
.dataTables_paginate.no-border > .item.disabled {
cursor: default;
background-color: transparent;
border-color: transparent;
color: #999999;
}
.dataTables_paginate.no-border > .item.current:hover,
.dataTables_paginate.no-border > .item.active:hover {
background-color: #75c7ee;
border-color: #75c7ee;
color: #ffffff;
}
.dataTables_paginate .paginate_button{
display: block;
float: left;
margin-left: .0652rem;
padding: 0.13rem .300rem;
background-color: #ffffff;
cursor: pointer;
border: 1px #eeeeee solid;
text-align: center;
font-size: .8125rem;
color: #42aaff;
font-weight:600;
}
.dataTables_paginate .paginate_active {
float: left;
margin-left: .0652rem;
padding: 0.12rem .400rem;
cursor: pointer;
border: 1px #eeeeee solid;
text-align: center;
font-size: .875rem;
color: #ffffff;
background-color:#42aaff;
}
.dataTables_paginate .paginate_button_disabled:hover{
background-color: #42aaff !important;
color: #ffffff !important;
cursor:default !important;
border-color: transparent !important;
}
.dataTables_paginate .paginate_button_disabled{
/*background-color:rgb(238, 238, 238);*/
}
.dataTables_paginate .paginate_button:first-child {
margin-left: 0 ;
}
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.active {
background-color: #42aaff;
border-color: #59cde2;
color: #ffffff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.dataTables_paginate .paginate_button:hover {
background-color: #42aaff;
/*border-color: #75c7ee;*/
color: #ffffff;
}
.dataTables_paginate .paginate_button:disabled,
.dataTables_paginate .paginate_button.disabled {
cursor: default;
background-color: #eeeeee;
border-color: #eeeeee;
color: #999999;
}
.dataTables_paginate .paginate_button.spaces {
border: 0;
cursor: default;
color: #1d1d1d;
}
.dataTables_paginate .paginate_button.spaces:hover {
background-color: inherit ;
color: #1d1d1d;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: #666 !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none;
}
.dataTables_paginate .ellipsis {
display: block;
float: left;
padding: .25rem .625rem;
}
.dataTables_info {
padding: 5px;
/*background-color: #e3e3e3;*/
font-size: .875rem;
float: right;
text-align: right;
}
.dataTables_length {
display: block;
float: right;
margin: .625rem 0;
margin:0;
}
.dataTables_length select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
margin: 0 .125rem;
padding: .3125rem;
border: 1px #d9d9d9 solid;
width:29%;
background:none;
}
.dataTables_length select:focus {
outline: none;
border-color: #1d1d1d;
}
.dataTables_filter {
display: block;
float: right;
margin: 0;
}
.dataTables_filter label{
margin-right:0;
}
.dataTables_filter label > input {
margin: 0 0 0 .25rem;
width: 70%;
height: auto;
background-repeat: no-repeat;
background-image: url('../../Images/Search-icon-data-table.png');
background-position: right;
height: 1.399rem;
}
.dataTables_filter input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: .3125rem;
border: 1px #d9d9d9 solid;
}
.dataTables_filter input:focus {
/*outline: none;
border-color: #1d1d1d;*/
}
.dataTable.no-border{
border:none;
}
.pos-relative {
position: relative;
}
.flexbox {
/*display: -webkit-flex;
display: flex;*/
}
.flex-dir-row {
-webkit-flex-direction: row;
flex-direction: row;
}
.flex-dir-row-reverse {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-dir-column {
-webkit-flex-direction: column;
flex-direction: column;
}
.flex-dir-column-reverse {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-no-wrap {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-just-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.flex-just-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.flex-just-center {
-webkit-justify-content: center;
justify-content: center;
}
.flex-just-sa {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.flex-just-sb {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.flex-align-stretch {
-webkit-align-items: stretch;
align-items: stretch;
}
.flex-align-start {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.flex-align-end {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.flex-align-center {
-webkit-align-items: center;
align-items: center;
}
.flex-align-base {
-webkit-align-items: baseline;
align-items: baseline;
}
.flex-content-stretch {
-webkit-align-content: stretch;
align-content: stretch;
}
.flex-content-start {
-webkit-align-content: flex-start;
align-content: flex-start;
}
.flex-content-end {
-webkit-align-content: flex-end;
align-content: flex-end;
}
.flex-content-center {
-webkit-align-content: center;
align-content: center;
}
.flex-content-sb {
-webkit-align-content: space-between;
align-content: space-between;
}
.flex-content-sa {
-webkit-align-content: space-around;
align-content: space-around;
}
.flex-self-auto {
-webkit-align-self: auto;
align-self: auto;
}
.flex-self-start {
-webkit-align-self: flex-start;
align-self: flex-start;
}
.flex-self-end {
-webkit-align-self: flex-end;
align-self: flex-end;
}
.flex-self-center {
-webkit-align-self: center;
align-self: center;
}
.flex-self-base {
-webkit-align-self: baseline;
align-self: baseline;
}
.flex-self-stretch {
-webkit-align-self: stretch;
align-self: stretch;
}
.no-shrink {
-webkit-flex-shrink: 0 !important;
flex-shrink: 0 !important;
}
.no-grow {
-webkit-flex-grow: 0 !important;
flex-grow: 0 !important;
}
.flex-size-auto {
-webkit-flex: 1 auto;
flex: 1 auto;
}
.flex-size1 {
-webkit-flex-grow: 1;
flex-grow: 1;
}
.flex-size2 {
-webkit-flex-grow: 2;
flex-grow: 2;
}
.flex-size3 {
-webkit-flex-grow: 3;
flex-grow: 3;
}
.flex-size4 {
-webkit-flex-grow: 4;
flex-grow: 4;
}
.flex-size5 {
-webkit-flex-grow: 5;
flex-grow: 5;
}
.flex-size6 {
-webkit-flex-grow: 6;
flex-grow: 6;
}
.flex-size7 {
-webkit-flex-grow: 7;
flex-grow: 7;
}
.flex-size8 {
-webkit-flex-grow: 8;
flex-grow: 8;
}
.flex-size9 {
-webkit-flex-grow: 9;
flex-grow: 9;
}
.flex-size10 {
-webkit-flex-grow: 10;
flex-grow: 10;
}
.flex-size11 {
-webkit-flex-grow: 11;
flex-grow: 11;
}
.flex-size12 {
-webkit-flex-grow: 12;
flex-grow: 12;
}
.flex-size-p10 {
-webkit-flex: 0 0 10%;
flex: 0 0 10%;
}
.flex-size-p20 {
-webkit-flex: 0 0 20%;
flex: 0 0 20%;
}
.flex-size-p30 {
-webkit-flex: 0 0 30%;
flex: 0 0 30%;
}
.flex-size-p40 {
-webkit-flex: 0 0 40%;
flex: 0 0 40%;
}
.flex-size-p50 {
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
}
.flex-size-p60 {
-webkit-flex: 0 0 60%;
flex: 0 0 60%;
}
.flex-size-p70 {
-webkit-flex: 0 0 70%;
flex: 0 0 70%;
}
.flex-size-p80 {
-webkit-flex: 0 0 80%;
flex: 0 0 80%;
}
.flex-size-p90 {
-webkit-flex: 0 0 90%;
flex: 0 0 90%;
}
.flex-size-p100 {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
}
.flex-size-x100 {
-webkit-flex: 0 0 100px;
flex: 0 0 100px;
}
.flex-size-x200 {
-webkit-flex: 0 0 200px;
flex: 0 0 200px;
}
.flex-size-x300 {
-webkit-flex: 0 0 300px;
flex: 0 0 300px;
}
.flex-size-x400 {
-webkit-flex: 0 0 400px;
flex: 0 0 400px;
}
.flex-size-x500 {
-webkit-flex: 0 0 500px;
flex: 0 0 500px;
}
.flex-size-x600 {
-webkit-flex: 0 0 600px;
flex: 0 0 600px;
}
.flex-size-x700 {
-webkit-flex: 0 0 700px;
flex: 0 0 700px;
}
.flex-size-x800 {
-webkit-flex: 0 0 800px;
flex: 0 0 800px;
}
.flex-size-x900 {
-webkit-flex: 0 0 900px;
flex: 0 0 900px;
}
.flex-size-x1000 {
-webkit-flex: 0 0 1000px;
flex: 0 0 1000px;
}
.op-default {
background-color: rgba(27, 161, 226, 0.7);
}
.fg-black {
color: #000000 !important;
}
.bg-black {
background-color: #000000 !important;
}
.bg-gray2 {
background-color: #ECEAEB !important;
}
.bg-gray3 {
background-color: #d0d0d0 !important;
}
.bd-black {
border-color: #000000 !important;
}
.ol-black {
outline-color: #000000 !important;
}
.op-black {
background-color: rgba(0, 0, 0, 0.7);
}
.ribbed-black {
background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-black:before {
background: #000000 !important;
}
.before-fg-black:before {
color: #000000 !important;
}
.after-bg-black:after {
background: #000000 !important;
}
.after-fg-black:after {
color: #000000 !important;
}
.bg-hover-black:hover {
background: #000000 !important;
}
.bg-active-black:active {
background: #000000 !important;
}
.bg-focus-black:focus {
background: #000000 !important;
}
.fg-hover-black:hover {
color: #000000 !important;
}
.fg-active-black:active {
color: #000000 !important;
}
.fg-focus-black:focus {
color: #000000 !important;
}
.fg-white {
color: #ffffff !important;
}
.fg-label{
color: #5c5c5c !important;
}
.fg-dark-yellow{
color:#ffc600;
}
/*.bg-white {
background-color: #ffffff !important;
}*/
.bg-danger {
background-color: #ce352c !important;
}
.bd-white {
border-color: #ffffff !important;
}
.ol-white {
outline-color: #ffffff !important;
}
.op-white {
background-color: rgba(255, 255, 255, 0.7);
}
.ribbed-white {
background: #ffffff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-white:before {
background: #ffffff !important;
}
.before-fg-white:before {
color: #ffffff !important;
}
.after-bg-white:after {
background: #ffffff !important;
}
.after-fg-white:after {
color: #ffffff !important;
}
.bg-hover-white:hover {
background: #ffffff !important;
}
.bg-active-white:active {
background: #ffffff !important;
}
.bg-focus-white:focus {
background: #ffffff !important;
}
.fg-hover-white:hover {
color: #ffffff !important;
}
.fg-active-white:active {
color: #ffffff !important;
}
.fg-focus-white:focus {
color: #ffffff !important;
}
.fg-lime {
color: #a4c400 !important;
}
.bg-lime {
background-color: #a4c400 !important;
}
.bd-lime {
border-color: #a4c400 !important;
}
.ol-lime {
outline-color: #a4c400 !important;
}
.op-lime {
background-color: rgba(164, 196, 0, 0.7);
}
.ribbed-lime {
background: #a4c400 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lime:before {
background: #a4c400 !important;
}
.before-fg-lime:before {
color: #a4c400 !important;
}
.after-bg-lime:after {
background: #a4c400 !important;
}
.after-fg-lime:after {
color: #a4c400 !important;
}
.bg-hover-lime:hover {
background: #a4c400 !important;
}
.bg-active-lime:active {
background: #a4c400 !important;
}
.bg-focus-lime:focus {
background: #a4c400 !important;
}
.fg-hover-lime:hover {
color: #a4c400 !important;
}
.fg-active-lime:active {
color: #a4c400 !important;
}
.fg-focus-lime:focus {
color: #a4c400 !important;
}
/*.fg-green {
color: #60a917 !important;
}*/
.bg-green {
background-color: #60a917 !important;
}
.bd-green {
border-color: #60a917 !important;
}
.ol-green {
outline-color: #60a917 !important;
}
.op-green {
background-color: rgba(96, 169, 23, 0.7);
}
.ribbed-green {
background: #60a917 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-green:before {
background: #60a917 !important;
}
.before-fg-green:before {
color: #60a917 !important;
}
.after-bg-green:after {
background: #60a917 !important;
}
.after-fg-green:after {
color: #60a917 !important;
}
.bg-hover-green:hover {
background: #60a917 !important;
}
.bg-active-green:active {
background: #60a917 !important;
}
.bg-focus-green:focus {
background: #60a917 !important;
}
.fg-hover-green:hover {
color: #60a917 !important;
}
.fg-active-green:active {
color: #60a917 !important;
}
.fg-focus-green:focus {
color: #60a917 !important;
}
.fg-emerald {
color: #008a00 !important;
}
.bg-emerald {
background-color: #008a00 !important;
}
.bd-emerald {
border-color: #008a00 !important;
}
.ol-emerald {
outline-color: #008a00 !important;
}
.op-emerald {
background-color: rgba(0, 138, 0, 0.7);
}
.ribbed-emerald {
background: #008a00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-emerald:before {
background: #008a00 !important;
}
.before-fg-emerald:before {
color: #008a00 !important;
}
.after-bg-emerald:after {
background: #008a00 !important;
}
.after-fg-emerald:after {
color: #008a00 !important;
}
.bg-hover-emerald:hover {
background: #008a00 !important;
}
.bg-active-emerald:active {
background: #008a00 !important;
}
.bg-focus-emerald:focus {
background: #008a00 !important;
}
.fg-hover-emerald:hover {
color: #008a00 !important;
}
.fg-active-emerald:active {
color: #008a00 !important;
}
.fg-focus-emerald:focus {
color: #008a00 !important;
}
.fg-blue {
color: #00aff0 !important;
}
.bg-blue {
background-color: #00aff0 !important;
}
.bd-blue {
border-color: #00aff0 !important;
}
.ol-blue {
outline-color: #00aff0 !important;
}
.op-blue {
background-color: rgba(0, 175, 240, 0.7);
}
.ribbed-blue {
background: #00aff0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-blue:before {
background: #00aff0 !important;
}
.before-fg-blue:before {
color: #00aff0 !important;
}
.after-bg-blue:after {
background: #00aff0 !important;
}
.after-fg-blue:after {
color: #00aff0 !important;
}
.bg-hover-blue:hover {
background: #00aff0 !important;
}
.bg-active-blue:active {
background: #00aff0 !important;
}
.bg-focus-blue:focus {
background: #00aff0 !important;
}
.fg-hover-blue:hover {
color: #00aff0 !important;
}
.fg-active-blue:active {
color: #00aff0 !important;
}
.fg-focus-blue:focus {
color: #00aff0 !important;
}
.fg-teal {
color: #00aba9 !important;
}
.bg-teal {
background-color: #00aba9 !important;
}
.bd-teal {
border-color: #00aba9 !important;
}
.ol-teal {
outline-color: #00aba9 !important;
}
.op-teal {
background-color: rgba(0, 171, 169, 0.7);
}
.ribbed-teal {
background: #00aba9 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-teal:before {
background: #00aba9 !important;
}
.before-fg-teal:before {
color: #00aba9 !important;
}
.after-bg-teal:after {
background: #00aba9 !important;
}
.after-fg-teal:after {
color: #00aba9 !important;
}
.bg-hover-teal:hover {
background: #00aba9 !important;
}
.bg-active-teal:active {
background: #00aba9 !important;
}
.bg-focus-teal:focus {
background: #00aba9 !important;
}
.fg-hover-teal:hover {
color: #00aba9 !important;
}
.fg-active-teal:active {
color: #00aba9 !important;
}
.fg-focus-teal:focus {
color: #00aba9 !important;
}
.fg-cyan {
color: #1ba1e2 !important;
}
.bg-cyan {
background-color: #1ba1e2 !important;
}
.bd-cyan {
border-color: #1ba1e2 !important;
}
.ol-cyan {
outline-color: #1ba1e2 !important;
}
.op-cyan {
background-color: rgba(27, 161, 226, 0.7);
}
.ribbed-cyan {
background: #1ba1e2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-cyan:before {
background: #1ba1e2 !important;
}
.before-fg-cyan:before {
color: #1ba1e2 !important;
}
.after-bg-cyan:after {
background: #1ba1e2 !important;
}
.after-fg-cyan:after {
color: #1ba1e2 !important;
}
.bg-hover-cyan:hover {
background: #1ba1e2 !important;
}
.bg-active-cyan:active {
background: #1ba1e2 !important;
}
.bg-focus-cyan:focus {
background: #1ba1e2 !important;
}
.fg-hover-cyan:hover {
color: #1ba1e2 !important;
}
.fg-active-cyan:active {
color: #1ba1e2 !important;
}
.fg-focus-cyan:focus {
color: #1ba1e2 !important;
}
.fg-cobalt {
color: #0050ef !important;
}
.bg-cobalt {
background-color: #0050ef !important;
}
.bd-cobalt {
border-color: #0050ef !important;
}
.ol-cobalt {
outline-color: #0050ef !important;
}
.op-cobalt {
background-color: rgba(0, 80, 239, 0.7);
}
.ribbed-cobalt {
background: #0050ef linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-cobalt:before {
background: #0050ef !important;
}
.before-fg-cobalt:before {
color: #0050ef !important;
}
.after-bg-cobalt:after {
background: #0050ef !important;
}
.after-fg-cobalt:after {
color: #0050ef !important;
}
.bg-hover-cobalt:hover {
background: #0050ef !important;
}
.bg-active-cobalt:active {
background: #0050ef !important;
}
.bg-focus-cobalt:focus {
background: #0050ef !important;
}
.fg-hover-cobalt:hover {
color: #0050ef !important;
}
.fg-active-cobalt:active {
color: #0050ef !important;
}
.fg-focus-cobalt:focus {
color: #0050ef !important;
}
.fg-indigo {
color: #6a00ff !important;
}
.bg-indigo {
background-color: #6a00ff !important;
}
.bd-indigo {
border-color: #6a00ff !important;
}
.ol-indigo {
outline-color: #6a00ff !important;
}
.op-indigo {
background-color: rgba(106, 0, 255, 0.7);
}
.ribbed-indigo {
background: #6a00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-indigo:before {
background: #6a00ff !important;
}
.before-fg-indigo:before {
color: #6a00ff !important;
}
.after-bg-indigo:after {
background: #6a00ff !important;
}
.after-fg-indigo:after {
color: #6a00ff !important;
}
.bg-hover-indigo:hover {
background: #6a00ff !important;
}
.bg-active-indigo:active {
background: #6a00ff !important;
}
.bg-focus-indigo:focus {
background: #6a00ff !important;
}
.fg-hover-indigo:hover {
color: #6a00ff !important;
}
.fg-active-indigo:active {
color: #6a00ff !important;
}
.fg-focus-indigo:focus {
color: #6a00ff !important;
}
.fg-violet {
color: #9e9cff !important;
}
.bg-violet {
background-color: #9e9cff !important;
}
.bd-violet {
border-color: #9e9cff !important;
}
.ol-violet {
outline-color: #9e9cff !important;
}
.op-violet {
background-color: rgba(170, 0, 255, 0.7);
}
.ribbed-violet {
background: #9e9cff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-violet:before {
background: #9e9cff !important;
}
.before-fg-violet:before {
color: #9e9cff !important;
}
.after-bg-violet:after {
background: #9e9cff !important;
}
.after-fg-violet:after {
color: #9e9cff !important;
}
.bg-hover-violet:hover {
background: #9e9cff !important;
}
.bg-active-violet:active {
background: #9e9cff !important;
}
.bg-focus-violet:focus {
background: #9e9cff !important;
}
.fg-hover-violet:hover {
color: #9e9cff !important;
}
.fg-active-violet:active {
color: #9e9cff !important;
}
.fg-focus-violet:focus {
color: #9e9cff !important;
}
.fg-pink {
color: #e296fa !important;
}
.fg-piach{
color:#fea7a8;
}
.bg-pink {
background-color: #e296fa !important;
}
.bd-pink {
border-color: #e296fa !important;
}
.bg-pink1{
background-color:#fcdfdf !important;
}
.ol-pink {
outline-color: #e296fa !important;
}
.op-pink {
background-color: rgba(220, 79, 173, 0.7);
}
.ribbed-pink {
background: #dc4fad linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-pink:before {
background: #e296fa !important;
}
.before-fg-pink:before {
color: #e296fa !important;
}
.after-bg-pink:after {
background: #e296fa !important;
}
.after-fg-pink:after {
color: #e296fa !important;
}
.bg-hover-pink:hover {
background: #e296fa !important;
}
.bg-active-pink:active {
background: #e296fa !important;
}
.bg-focus-pink:focus {
background: #e296fa !important;
}
.fg-hover-pink:hover {
color: #e296fa !important;
}
.fg-active-pink:active {
color: #e296fa !important;
}
.fg-focus-pink:focus {
color: #e296fa !important;
}
.fg-magenta {
color: #d80073 !important;
}
.bg-magenta {
background-color: #d80073 !important;
}
.bd-magenta {
border-color: #d80073 !important;
}
.ol-magenta {
outline-color: #d80073 !important;
}
.op-magenta {
background-color: rgba(216, 0, 115, 0.7);
}
.ribbed-magenta {
background: #d80073 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-magenta:before {
background: #d80073 !important;
}
.before-fg-magenta:before {
color: #d80073 !important;
}
.after-bg-magenta:after {
background: #d80073 !important;
}
.after-fg-magenta:after {
color: #d80073 !important;
}
.bg-hover-magenta:hover {
background: #d80073 !important;
}
.bg-active-magenta:active {
background: #d80073 !important;
}
.bg-focus-magenta:focus {
background: #d80073 !important;
}
.fg-hover-magenta:hover {
color: #d80073 !important;
}
.fg-active-magenta:active {
color: #d80073 !important;
}
.fg-focus-magenta:focus {
color: #d80073 !important;
}
.fg-crimson {
color: #a20025 !important;
}
.bg-crimson {
background-color: #a20025 !important;
}
.bd-crimson {
border-color: #a20025 !important;
}
.ol-crimson {
outline-color: #a20025 !important;
}
.op-crimson {
background-color: rgba(162, 0, 37, 0.7);
}
.ribbed-crimson {
background: #a20025 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-crimson:before {
background: #a20025 !important;
}
.before-fg-crimson:before {
color: #a20025 !important;
}
.after-bg-crimson:after {
background: #a20025 !important;
}
.after-fg-crimson:after {
color: #a20025 !important;
}
.bg-hover-crimson:hover {
background: #a20025 !important;
}
.bg-active-crimson:active {
background: #a20025 !important;
}
.bg-focus-crimson:focus {
background: #a20025 !important;
}
.fg-hover-crimson:hover {
color: #a20025 !important;
}
.fg-active-crimson:active {
color: #a20025 !important;
}
.fg-focus-crimson:focus {
color: #a20025 !important;
}
/*.fg-red {
color: #ce352c !important;
}*/
.bg-red {
background-color: #ce352c !important;
}
.bd-red {
border-color: #ce352c !important;
}
.ol-red {
outline-color: #ce352c !important;
}
.op-red {
background-color: rgba(206, 53, 44, 0.7);
}
.ribbed-red {
background: #ce352c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-red:before {
background: #ce352c !important;
}
.before-fg-red:before {
color: #ce352c !important;
}
.after-bg-red:after {
background: #ce352c !important;
}
.after-fg-red:after {
color: #ce352c !important;
}
.bg-hover-red:hover {
background: #ce352c !important;
}
.bg-active-red:active {
background: #ce352c !important;
}
.bg-focus-red:focus {
background: #ce352c !important;
}
.fg-hover-red:hover {
color: #ce352c !important;
}
.fg-active-red:active {
color: #ce352c !important;
}
.fg-focus-red:focus {
color: #ce352c !important;
}
.fg-orange {
color: #d5aa75 !important;
}
.bg-orange {
background-color: #d5aa75 !important;
}
.bd-orange {
border-color: #d5aa75 !important;
}
.ol-orange {
outline-color: #d5aa75 !important;
}
.op-orange {
background-color: rgba(250, 104, 0, 0.7);
}
.ribbed-orange {
background: #d5aa75 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-orange:before {
background: #d5aa75 !important;
}
.before-fg-orange:before {
color: #d5aa75 !important;
}
.after-bg-orange:after {
background: #d5aa75 !important;
}
.after-fg-orange:after {
color: #d5aa75 !important;
}
.bg-hover-orange:hover {
background: #d5aa75 !important;
}
.bg-active-orange:active {
background: #d5aa75 !important;
}
.bg-focus-orange:focus {
background: #d5aa75 !important;
}
.fg-hover-orange:hover {
color: #d5aa75 !important;
}
.fg-active-orange:active {
color: #d5aa75 !important;
}
.fg-focus-orange:focus {
color: #d5aa75 !important;
}
.fg-amber {
color: #f0a30a !important;
}
.bg-amber {
background-color: #f0a30a !important;
}
.bd-amber {
border-color: #f0a30a !important;
}
.ol-amber {
outline-color: #f0a30a !important;
}
.op-amber {
background-color: rgba(240, 163, 10, 0.7);
}
.ribbed-amber {
background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-amber:before {
background: #f0a30a !important;
}
.before-fg-amber:before {
color: #f0a30a !important;
}
.after-bg-amber:after {
background: #f0a30a !important;
}
.after-fg-amber:after {
color: #f0a30a !important;
}
.bg-hover-amber:hover {
background: #f0a30a !important;
}
.bg-active-amber:active {
background: #f0a30a !important;
}
.bg-focus-amber:focus {
background: #f0a30a !important;
}
.fg-hover-amber:hover {
color: #f0a30a !important;
}
.fg-active-amber:active {
color: #f0a30a !important;
}
.fg-focus-amber:focus {
color: #f0a30a !important;
}
.fg-yellow {
color: #e3c800 !important;
}
.bg-yellow {
background-color: #e3c800 !important;
}
.bd-yellow {
border-color: #e3c800 !important;
}
.ol-yellow {
outline-color: #e3c800 !important;
}
.op-yellow {
background-color: rgba(227, 200, 0, 0.7);
}
.ribbed-yellow {
background: #e3c800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-yellow:before {
background: #e3c800 !important;
}
.before-fg-yellow:before {
color: #e3c800 !important;
}
.after-bg-yellow:after {
background: #e3c800 !important;
}
.after-fg-yellow:after {
color: #e3c800 !important;
}
.bg-hover-yellow:hover {
background: #e3c800 !important;
}
.bg-active-yellow:active {
background: #e3c800 !important;
}
.bg-focus-yellow:focus {
background: #e3c800 !important;
}
.fg-hover-yellow:hover {
color: #e3c800 !important;
}
.fg-active-yellow:active {
color: #e3c800 !important;
}
.fg-focus-yellow:focus {
color: #e3c800 !important;
}
.fg-brown {
color: #825a2c !important;
}
.bg-brown {
background-color: #825a2c !important;
}
.bd-brown {
border-color: #825a2c !important;
}
.ol-brown {
outline-color: #825a2c !important;
}
.op-brown {
background-color: rgba(130, 90, 44, 0.7);
}
.ribbed-brown {
background: #825a2c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-brown:before {
background: #825a2c !important;
}
.before-fg-brown:before {
color: #825a2c !important;
}
.after-bg-brown:after {
background: #825a2c !important;
}
.after-fg-brown:after {
color: #825a2c !important;
}
.bg-hover-brown:hover {
background: #825a2c !important;
}
.bg-active-brown:active {
background: #825a2c !important;
}
.bg-focus-brown:focus {
background: #825a2c !important;
}
.fg-hover-brown:hover {
color: #825a2c !important;
}
.fg-active-brown:active {
color: #825a2c !important;
}
.fg-focus-brown:focus {
color: #825a2c !important;
}
.fg-olive {
color: #6d8764 !important;
}
.bg-olive {
background-color: #6d8764 !important;
}
.bd-olive {
border-color: #6d8764 !important;
}
.ol-olive {
outline-color: #6d8764 !important;
}
.op-olive {
background-color: rgba(109, 135, 100, 0.7);
}
.ribbed-olive {
background: #6d8764 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-olive:before {
background: #6d8764 !important;
}
.before-fg-olive:before {
color: #6d8764 !important;
}
.after-bg-olive:after {
background: #6d8764 !important;
}
.after-fg-olive:after {
color: #6d8764 !important;
}
.bg-hover-olive:hover {
background: #6d8764 !important;
}
.bg-active-olive:active {
background: #6d8764 !important;
}
.bg-focus-olive:focus {
background: #6d8764 !important;
}
.fg-hover-olive:hover {
color: #6d8764 !important;
}
.fg-active-olive:active {
color: #6d8764 !important;
}
.fg-focus-olive:focus {
color: #6d8764 !important;
}
.fg-steel {
color: #647687 !important;
}
.bg-steel {
background-color: #647687 !important;
}
.bd-steel {
border-color: #647687 !important;
}
.ol-steel {
outline-color: #647687 !important;
}
.op-steel {
background-color: rgba(100, 118, 135, 0.7);
}
.ribbed-steel {
background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-steel:before {
background: #647687 !important;
}
.before-fg-steel:before {
color: #647687 !important;
}
.after-bg-steel:after {
background: #647687 !important;
}
.after-fg-steel:after {
color: #647687 !important;
}
.bg-hover-steel:hover {
background: #647687 !important;
}
.bg-active-steel:active {
background: #647687 !important;
}
.bg-focus-steel:focus {
background: #647687 !important;
}
.fg-hover-steel:hover {
color: #647687 !important;
}
.fg-active-steel:active {
color: #647687 !important;
}
.fg-focus-steel:focus {
color: #647687 !important;
}
.fg-mauve {
color: #76608a !important;
}
.bg-mauve {
background-color: #76608a !important;
}
.bd-mauve {
border-color: #76608a !important;
}
.ol-mauve {
outline-color: #76608a !important;
}
.op-mauve {
background-color: rgba(118, 96, 138, 0.7);
}
.ribbed-mauve {
background: #76608a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-mauve:before {
background: #76608a !important;
}
.before-fg-mauve:before {
color: #76608a !important;
}
.after-bg-mauve:after {
background: #76608a !important;
}
.after-fg-mauve:after {
color: #76608a !important;
}
.bg-hover-mauve:hover {
background: #76608a !important;
}
.bg-active-mauve:active {
background: #76608a !important;
}
.bg-focus-mauve:focus {
background: #76608a !important;
}
.fg-hover-mauve:hover {
color: #76608a !important;
}
.fg-active-mauve:active {
color: #76608a !important;
}
.fg-focus-mauve:focus {
color: #76608a !important;
}
.fg-taupe {
color: #87794e !important;
}
.bg-taupe {
background-color: #87794e !important;
}
.bd-taupe {
border-color: #87794e !important;
}
.ol-taupe {
outline-color: #87794e !important;
}
.op-taupe {
background-color: rgba(135, 121, 78, 0.7);
}
.ribbed-taupe {
background: #87794e linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-taupe:before {
background: #87794e !important;
}
.before-fg-taupe:before {
color: #87794e !important;
}
.after-bg-taupe:after {
background: #87794e !important;
}
.after-fg-taupe:after {
color: #87794e !important;
}
.bg-hover-taupe:hover {
background: #87794e !important;
}
.bg-active-taupe:active {
background: #87794e !important;
}
.bg-focus-taupe:focus {
background: #87794e !important;
}
.fg-hover-taupe:hover {
color: #87794e !important;
}
.fg-active-taupe:active {
color: #87794e !important;
}
.fg-focus-taupe:focus {
color: #87794e !important;
}
.fg-dark {
color: #1d1d1d !important;
}
.bg-dark {
background-color: #1d1d1d !important;
}
.bd-dark {
border-color: #1d1d1d !important;
}
.ol-dark {
outline-color: #1d1d1d !important;
}
.op-dark {
background-color: rgba(29, 29, 29, 0.7);
}
.ribbed-dark {
background: #1d1d1d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-dark:before {
background: #1d1d1d !important;
}
.before-fg-dark:before {
color: #1d1d1d !important;
}
.after-bg-dark:after {
background: #1d1d1d !important;
}
.after-fg-dark:after {
color: #1d1d1d !important;
}
.bg-hover-dark:hover {
background: #1d1d1d !important;
}
.bg-active-dark:active {
background: #1d1d1d !important;
}
.bg-focus-dark:focus {
background: #1d1d1d !important;
}
.fg-hover-dark:hover {
color: #1d1d1d !important;
}
.fg-active-dark:active {
color: #1d1d1d !important;
}
.fg-focus-dark:focus {
color: #1d1d1d !important;
}
.fg-darkBrown {
color: #63362f !important;
}
.bg-darkBrown {
background-color: #63362f !important;
}
.bd-darkBrown {
border-color: #63362f !important;
}
.ol-darkBrown {
outline-color: #63362f !important;
}
.op-darkBrown {
background-color: rgba(99, 54, 47, 0.7);
}
.ribbed-darkBrown {
background: #63362f linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkBrown:before {
background: #63362f !important;
}
.before-fg-darkBrown:before {
color: #63362f !important;
}
.after-bg-darkBrown:after {
background: #63362f !important;
}
.after-fg-darkBrown:after {
color: #63362f !important;
}
.bg-hover-darkBrown:hover {
background: #63362f !important;
}
.bg-active-darkBrown:active {
background: #63362f !important;
}
.bg-focus-darkBrown:focus {
background: #63362f !important;
}
.fg-hover-darkBrown:hover {
color: #63362f !important;
}
.fg-active-darkBrown:active {
color: #63362f !important;
}
.fg-focus-darkBrown:focus {
color: #63362f !important;
}
.fg-darkCrimson {
color: #640024 !important;
}
.bg-darkCrimson {
background-color: #640024 !important;
}
.bd-darkCrimson {
border-color: #640024 !important;
}
.ol-darkCrimson {
outline-color: #640024 !important;
}
.op-darkCrimson {
background-color: rgba(100, 0, 36, 0.7);
}
.ribbed-darkCrimson {
background: #640024 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkCrimson:before {
background: #640024 !important;
}
.before-fg-darkCrimson:before {
color: #640024 !important;
}
.after-bg-darkCrimson:after {
background: #640024 !important;
}
.after-fg-darkCrimson:after {
color: #640024 !important;
}
.bg-hover-darkCrimson:hover {
background: #640024 !important;
}
.bg-active-darkCrimson:active {
background: #640024 !important;
}
.bg-focus-darkCrimson:focus {
background: #640024 !important;
}
.fg-hover-darkCrimson:hover {
color: #640024 !important;
}
.fg-active-darkCrimson:active {
color: #640024 !important;
}
.fg-focus-darkCrimson:focus {
color: #640024 !important;
}
.fg-darkMagenta {
color: #81003c !important;
}
.bg-darkMagenta {
background-color: #81003c !important;
}
.bd-darkMagenta {
border-color: #81003c !important;
}
.ol-darkMagenta {
outline-color: #81003c !important;
}
.op-darkMagenta {
background-color: rgba(129, 0, 60, 0.7);
}
.ribbed-darkMagenta {
background: #81003c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkMagenta:before {
background: #81003c !important;
}
.before-fg-darkMagenta:before {
color: #81003c !important;
}
.after-bg-darkMagenta:after {
background: #81003c !important;
}
.after-fg-darkMagenta:after {
color: #81003c !important;
}
.bg-hover-darkMagenta:hover {
background: #81003c !important;
}
.bg-active-darkMagenta:active {
background: #81003c !important;
}
.bg-focus-darkMagenta:focus {
background: #81003c !important;
}
.fg-hover-darkMagenta:hover {
color: #81003c !important;
}
.fg-active-darkMagenta:active {
color: #81003c !important;
}
.fg-focus-darkMagenta:focus {
color: #81003c !important;
}
.fg-darkIndigo {
color: #4b0096 !important;
}
.bg-darkIndigo {
background-color: #4b0096 !important;
}
.bd-darkIndigo {
border-color: #4b0096 !important;
}
.ol-darkIndigo {
outline-color: #4b0096 !important;
}
.op-darkIndigo {
background-color: rgba(75, 0, 150, 0.7);
}
.ribbed-darkIndigo {
background: #4b0096 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkIndigo:before {
background: #4b0096 !important;
}
.before-fg-darkIndigo:before {
color: #4b0096 !important;
}
.after-bg-darkIndigo:after {
background: #4b0096 !important;
}
.after-fg-darkIndigo:after {
color: #4b0096 !important;
}
.bg-hover-darkIndigo:hover {
background: #4b0096 !important;
}
.bg-active-darkIndigo:active {
background: #4b0096 !important;
}
.bg-focus-darkIndigo:focus {
background: #4b0096 !important;
}
.fg-hover-darkIndigo:hover {
color: #4b0096 !important;
}
.fg-active-darkIndigo:active {
color: #4b0096 !important;
}
.fg-focus-darkIndigo:focus {
color: #4b0096 !important;
}
.fg-darkCyan {
color: #1b6eae !important;
}
.bg-darkCyan {
background-color: #1b6eae !important;
}
.bd-darkCyan {
border-color: #1b6eae !important;
}
.ol-darkCyan {
outline-color: #1b6eae !important;
}
.op-darkCyan {
background-color: rgba(27, 110, 174, 0.7);
}
.ribbed-darkCyan {
background: #1b6eae linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkCyan:before {
background: #1b6eae !important;
}
.before-fg-darkCyan:before {
color: #1b6eae !important;
}
.after-bg-darkCyan:after {
background: #1b6eae !important;
}
.after-fg-darkCyan:after {
color: #1b6eae !important;
}
.bg-hover-darkCyan:hover {
background: #1b6eae !important;
}
.bg-active-darkCyan:active {
background: #1b6eae !important;
}
.bg-focus-darkCyan:focus {
background: #1b6eae !important;
}
.fg-hover-darkCyan:hover {
color: #1b6eae !important;
}
.fg-active-darkCyan:active {
color: #1b6eae !important;
}
.fg-focus-darkCyan:focus {
color: #1b6eae !important;
}
.fg-darkCobalt {
color: #00356a !important;
}
.bg-darkCobalt {
background-color: #00356a !important;
}
.bd-darkCobalt {
border-color: #00356a !important;
}
.ol-darkCobalt {
outline-color: #00356a !important;
}
.op-darkCobalt {
background-color: rgba(0, 53, 106, 0.7);
}
.ribbed-darkCobalt {
background: #00356a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkCobalt:before {
background: #00356a !important;
}
.before-fg-darkCobalt:before {
color: #00356a !important;
}
.after-bg-darkCobalt:after {
background: #00356a !important;
}
.after-fg-darkCobalt:after {
color: #00356a !important;
}
.bg-hover-darkCobalt:hover {
background: #00356a !important;
}
.bg-active-darkCobalt:active {
background: #00356a !important;
}
.bg-focus-darkCobalt:focus {
background: #00356a !important;
}
.fg-hover-darkCobalt:hover {
color: #00356a !important;
}
.fg-active-darkCobalt:active {
color: #00356a !important;
}
.fg-focus-darkCobalt:focus {
color: #00356a !important;
}
.fg-darkTeal {
color: #004050 !important;
}
.bg-darkTeal {
background-color: #004050 !important;
}
.bd-darkTeal {
border-color: #004050 !important;
}
.ol-darkTeal {
outline-color: #004050 !important;
}
.op-darkTeal {
background-color: rgba(0, 64, 80, 0.7);
}
.ribbed-darkTeal {
background: #004050 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkTeal:before {
background: #004050 !important;
}
.before-fg-darkTeal:before {
color: #004050 !important;
}
.after-bg-darkTeal:after {
background: #004050 !important;
}
.after-fg-darkTeal:after {
color: #004050 !important;
}
.bg-hover-darkTeal:hover {
background: #004050 !important;
}
.bg-active-darkTeal:active {
background: #004050 !important;
}
.bg-focus-darkTeal:focus {
background: #004050 !important;
}
.fg-hover-darkTeal:hover {
color: #004050 !important;
}
.fg-active-darkTeal:active {
color: #004050 !important;
}
.fg-focus-darkTeal:focus {
color: #004050 !important;
}
.fg-darkEmerald {
color: #003e00 !important;
}
.bg-darkEmerald {
background-color: #003e00 !important;
}
.bd-darkEmerald {
border-color: #003e00 !important;
}
.ol-darkEmerald {
outline-color: #003e00 !important;
}
.op-darkEmerald {
background-color: rgba(0, 62, 0, 0.7);
}
.ribbed-darkEmerald {
background: #003e00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkEmerald:before {
background: #003e00 !important;
}
.before-fg-darkEmerald:before {
color: #003e00 !important;
}
.after-bg-darkEmerald:after {
background: #003e00 !important;
}
.after-fg-darkEmerald:after {
color: #003e00 !important;
}
.bg-hover-darkEmerald:hover {
background: #003e00 !important;
}
.bg-active-darkEmerald:active {
background: #003e00 !important;
}
.bg-focus-darkEmerald:focus {
background: #003e00 !important;
}
.fg-hover-darkEmerald:hover {
color: #003e00 !important;
}
.fg-active-darkEmerald:active {
color: #003e00 !important;
}
.fg-focus-darkEmerald:focus {
color: #003e00 !important;
}
.fg-darkGreen {
color: #128023 !important;
}
.bg-darkGreen {
background-color: #128023 !important;
}
.bd-darkGreen {
border-color: #128023 !important;
}
.ol-darkGreen {
outline-color: #128023 !important;
}
.op-darkGreen {
background-color: rgba(18, 128, 35, 0.7);
}
.ribbed-darkGreen {
background: #128023 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkGreen:before {
background: #128023 !important;
}
.before-fg-darkGreen:before {
color: #128023 !important;
}
.after-bg-darkGreen:after {
background: #128023 !important;
}
.after-fg-darkGreen:after {
color: #128023 !important;
}
.bg-hover-darkGreen:hover {
background: #128023 !important;
}
.bg-active-darkGreen:active {
background: #128023 !important;
}
.bg-focus-darkGreen:focus {
background: #128023 !important;
}
.fg-hover-darkGreen:hover {
color: #128023 !important;
}
.fg-active-darkGreen:active {
color: #128023 !important;
}
.fg-focus-darkGreen:focus {
color: #128023 !important;
}
.fg-darkOrange {
color: #bf5a15 !important;
}
.bg-darkOrange {
background-color: #bf5a15 !important;
}
.bd-darkOrange {
border-color: #bf5a15 !important;
}
.ol-darkOrange {
outline-color: #bf5a15 !important;
}
.op-darkOrange {
background-color: rgba(191, 90, 21, 0.7);
}
.ribbed-darkOrange {
background: #bf5a15 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkOrange:before {
background: #bf5a15 !important;
}
.before-fg-darkOrange:before {
color: #bf5a15 !important;
}
.after-bg-darkOrange:after {
background: #bf5a15 !important;
}
.after-fg-darkOrange:after {
color: #bf5a15 !important;
}
.bg-hover-darkOrange:hover {
background: #bf5a15 !important;
}
.bg-active-darkOrange:active {
background: #bf5a15 !important;
}
.bg-focus-darkOrange:focus {
background: #bf5a15 !important;
}
.fg-hover-darkOrange:hover {
color: #bf5a15 !important;
}
.fg-active-darkOrange:active {
color: #bf5a15 !important;
}
.fg-focus-darkOrange:focus {
color: #bf5a15 !important;
}
.fg-darkRed {
color: #9a1616 !important;
}
.bg-darkRed {
background-color: #9a1616 !important;
}
.bd-darkRed {
border-color: #9a1616 !important;
}
.ol-darkRed {
outline-color: #9a1616 !important;
}
.op-darkRed {
background-color: rgba(154, 22, 22, 0.7);
}
.ribbed-darkRed {
background: #9a1616 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkRed:before {
background: #9a1616 !important;
}
.before-fg-darkRed:before {
color: #9a1616 !important;
}
.after-bg-darkRed:after {
background: #9a1616 !important;
}
.after-fg-darkRed:after {
color: #9a1616 !important;
}
.bg-hover-darkRed:hover {
background: #9a1616 !important;
}
.bg-active-darkRed:active {
background: #9a1616 !important;
}
.bg-focus-darkRed:focus {
background: #9a1616 !important;
}
.fg-hover-darkRed:hover {
color: #9a1616 !important;
}
.fg-active-darkRed:active {
color: #9a1616 !important;
}
.fg-focus-darkRed:focus {
color: #9a1616 !important;
}
.fg-darkPink {
color: #9a165a !important;
}
.bg-darkPink {
background-color: #9a165a !important;
}
.bd-darkPink {
border-color: #9a165a !important;
}
.ol-darkPink {
outline-color: #9a165a !important;
}
.op-darkPink {
background-color: rgba(154, 22, 90, 0.7);
}
.ribbed-darkPink {
background: #9a165a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkPink:before {
background: #9a165a !important;
}
.before-fg-darkPink:before {
color: #9a165a !important;
}
.after-bg-darkPink:after {
background: #9a165a !important;
}
.after-fg-darkPink:after {
color: #9a165a !important;
}
.bg-hover-darkPink:hover {
background: #9a165a !important;
}
.bg-active-darkPink:active {
background: #9a165a !important;
}
.bg-focus-darkPink:focus {
background: #9a165a !important;
}
.fg-hover-darkPink:hover {
color: #9a165a !important;
}
.fg-active-darkPink:active {
color: #9a165a !important;
}
.fg-focus-darkPink:focus {
color: #9a165a !important;
}
.fg-darkViolet {
color: #57169a !important;
}
.bg-darkViolet {
background-color: #57169a !important;
}
.bd-darkViolet {
border-color: #57169a !important;
}
.ol-darkViolet {
outline-color: #57169a !important;
}
.op-darkViolet {
background-color: rgba(87, 22, 154, 0.7);
}
.ribbed-darkViolet {
background: #57169a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkViolet:before {
background: #57169a !important;
}
.before-fg-darkViolet:before {
color: #57169a !important;
}
.after-bg-darkViolet:after {
background: #57169a !important;
}
.after-fg-darkViolet:after {
color: #57169a !important;
}
.bg-hover-darkViolet:hover {
background: #57169a !important;
}
.bg-active-darkViolet:active {
background: #57169a !important;
}
.bg-focus-darkViolet:focus {
background: #57169a !important;
}
.fg-hover-darkViolet:hover {
color: #57169a !important;
}
.fg-active-darkViolet:active {
color: #57169a !important;
}
.fg-focus-darkViolet:focus {
color: #57169a !important;
}
.fg-darkBlue {
color: #16499a !important;
}
.bg-darkBlue {
background-color: #16499a !important;
}
.bd-darkBlue {
border-color: #16499a !important;
}
.ol-darkBlue {
outline-color: #16499a !important;
}
.op-darkBlue {
background-color: rgba(22, 73, 154, 0.7);
}
.ribbed-darkBlue {
background: #16499a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkBlue:before {
background: #16499a !important;
}
.before-fg-darkBlue:before {
color: #16499a !important;
}
.after-bg-darkBlue:after {
background: #16499a !important;
}
.after-fg-darkBlue:after {
color: #16499a !important;
}
.bg-hover-darkBlue:hover {
background: #16499a !important;
}
.bg-active-darkBlue:active {
background: #16499a !important;
}
.bg-focus-darkBlue:focus {
background: #16499a !important;
}
.fg-hover-darkBlue:hover {
color: #16499a !important;
}
.fg-active-darkBlue:active {
color: #16499a !important;
}
.fg-focus-darkBlue:focus {
color: #16499a !important;
}
.fg-lightBlue {
color: #4390df !important;
}
.bg-lightBlue {
background-color: #4390df !important;
}
.bd-lightBlue {
border-color: #4390df !important;
}
.ol-lightBlue {
outline-color: #4390df !important;
}
.op-lightBlue {
background-color: rgba(67, 144, 223, 0.7);
}
.ribbed-lightBlue {
background: #4390df linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightBlue:before {
background: #4390df !important;
}
.before-fg-lightBlue:before {
color: #4390df !important;
}
.after-bg-lightBlue:after {
background: #4390df !important;
}
.after-fg-lightBlue:after {
color: #4390df !important;
}
.bg-hover-lightBlue:hover {
background: #4390df !important;
}
.bg-active-lightBlue:active {
background: #4390df !important;
}
.bg-focus-lightBlue:focus {
background: #4390df !important;
}
.fg-hover-lightBlue:hover {
color: #4390df !important;
}
.fg-active-lightBlue:active {
color: #4390df !important;
}
.fg-focus-lightBlue:focus {
color: #4390df !important;
}
.fg-lighterBlue {
color: #00ccff !important;
}
.bg-lighterBlue {
background-color: #00ccff !important;
}
.bd-lighterBlue {
border-color: #00ccff !important;
}
.ol-lighterBlue {
outline-color: #00ccff !important;
}
.op-lighterBlue {
background-color: rgba(0, 204, 255, 0.7);
}
.ribbed-lighterBlue {
background: #00ccff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lighterBlue:before {
background: #00ccff !important;
}
.before-fg-lighterBlue:before {
color: #00ccff !important;
}
.after-bg-lighterBlue:after {
background: #00ccff !important;
}
.after-fg-lighterBlue:after {
color: #00ccff !important;
}
.bg-hover-lighterBlue:hover {
background: #00ccff !important;
}
.bg-active-lighterBlue:active {
background: #00ccff !important;
}
.bg-focus-lighterBlue:focus {
background: #00ccff !important;
}
.fg-hover-lighterBlue:hover {
color: #00ccff !important;
}
.fg-active-lighterBlue:active {
color: #00ccff !important;
}
.fg-focus-lighterBlue:focus {
color: #00ccff !important;
}
.fg-lightTeal {
color: #45fffd !important;
}
.bg-lightTeal {
background-color: #45fffd !important;
}
.bd-lightTeal {
border-color: #45fffd !important;
}
.ol-lightTeal {
outline-color: #45fffd !important;
}
.op-lightTeal {
background-color: rgba(69, 255, 253, 0.7);
}
.ribbed-lightTeal {
background: #45fffd linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightTeal:before {
background: #45fffd !important;
}
.before-fg-lightTeal:before {
color: #45fffd !important;
}
.after-bg-lightTeal:after {
background: #45fffd !important;
}
.after-fg-lightTeal:after {
color: #45fffd !important;
}
.bg-hover-lightTeal:hover {
background: #45fffd !important;
}
.bg-active-lightTeal:active {
background: #45fffd !important;
}
.bg-focus-lightTeal:focus {
background: #45fffd !important;
}
.fg-hover-lightTeal:hover {
color: #45fffd !important;
}
.fg-active-lightTeal:active {
color: #45fffd !important;
}
.fg-focus-lightTeal:focus {
color: #45fffd !important;
}
.fg-lightOlive {
color: #78aa1c !important;
}
.bg-lightOlive {
background-color: #78aa1c !important;
}
.bd-lightOlive {
border-color: #78aa1c !important;
}
.ol-lightOlive {
outline-color: #78aa1c !important;
}
.op-lightOlive {
background-color: rgba(120, 170, 28, 0.7);
}
.ribbed-lightOlive {
background: #78aa1c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightOlive:before {
background: #78aa1c !important;
}
.before-fg-lightOlive:before {
color: #78aa1c !important;
}
.after-bg-lightOlive:after {
background: #78aa1c !important;
}
.after-fg-lightOlive:after {
color: #78aa1c !important;
}
.bg-hover-lightOlive:hover {
background: #78aa1c !important;
}
.bg-active-lightOlive:active {
background: #78aa1c !important;
}
.bg-focus-lightOlive:focus {
background: #78aa1c !important;
}
.fg-hover-lightOlive:hover {
color: #78aa1c !important;
}
.fg-active-lightOlive:active {
color: #78aa1c !important;
}
.fg-focus-lightOlive:focus {
color: #78aa1c !important;
}
.fg-lightOrange {
color: #ffc194 !important;
}
.bg-lightOrange {
background-color: #ffc194 !important;
}
.bd-lightOrange {
border-color: #ffc194 !important;
}
.ol-lightOrange {
outline-color: #ffc194 !important;
}
.op-lightOrange {
background-color: rgba(255, 193, 148, 0.7);
}
.ribbed-lightOrange {
background: #ffc194 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightOrange:before {
background: #ffc194 !important;
}
.before-fg-lightOrange:before {
color: #ffc194 !important;
}
.after-bg-lightOrange:after {
background: #ffc194 !important;
}
.after-fg-lightOrange:after {
color: #ffc194 !important;
}
.bg-hover-lightOrange:hover {
background: #ffc194 !important;
}
.bg-active-lightOrange:active {
background: #ffc194 !important;
}
.bg-focus-lightOrange:focus {
background: #ffc194 !important;
}
.fg-hover-lightOrange:hover {
color: #ffc194 !important;
}
.fg-active-lightOrange:active {
color: #ffc194 !important;
}
.fg-focus-lightOrange:focus {
color: #ffc194 !important;
}
.fg-lightPink {
color: #f472d0 !important;
}
.bg-lightPink {
background-color: #f472d0 !important;
}
.bd-lightPink {
border-color: #f472d0 !important;
}
.ol-lightPink {
outline-color: #f472d0 !important;
}
.op-lightPink {
background-color: rgba(244, 114, 208, 0.7);
}
.ribbed-lightPink {
background: #f472d0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightPink:before {
background: #f472d0 !important;
}
.before-fg-lightPink:before {
color: #f472d0 !important;
}
.after-bg-lightPink:after {
background: #f472d0 !important;
}
.after-fg-lightPink:after {
color: #f472d0 !important;
}
.bg-hover-lightPink:hover {
background: #f472d0 !important;
}
.bg-active-lightPink:active {
background: #f472d0 !important;
}
.bg-focus-lightPink:focus {
background: #f472d0 !important;
}
.fg-hover-lightPink:hover {
color: #f472d0 !important;
}
.fg-active-lightPink:active {
color: #f472d0 !important;
}
.fg-focus-lightPink:focus {
color: #f472d0 !important;
}
.fg-lightRed {
color: #da5a53 !important;
}
.bg-lightRed {
background-color: #da5a53 !important;
}
.bd-lightRed {
border-color: #da5a53 !important;
}
.ol-lightRed {
outline-color: #da5a53 !important;
}
.op-lightRed {
background-color: rgba(218, 90, 83, 0.7);
}
.ribbed-lightRed {
background: #da5a53 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightRed:before {
background: #da5a53 !important;
}
.before-fg-lightRed:before {
color: #da5a53 !important;
}
.after-bg-lightRed:after {
background: #da5a53 !important;
}
.after-fg-lightRed:after {
color: #da5a53 !important;
}
.bg-hover-lightRed:hover {
background: #da5a53 !important;
}
.bg-active-lightRed:active {
background: #da5a53 !important;
}
.bg-focus-lightRed:focus {
background: #da5a53 !important;
}
.fg-hover-lightRed:hover {
color: #da5a53 !important;
}
.fg-active-lightRed:active {
color: #da5a53 !important;
}
.fg-focus-lightRed:focus {
color: #da5a53 !important;
}
.fg-lightGreen {
color: #7ad61d !important;
}
.bg-lightGreen {
background-color: #7ad61d !important;
}
.bd-lightGreen {
border-color: #7ad61d !important;
}
.ol-lightGreen {
outline-color: #7ad61d !important;
}
.op-lightGreen {
background-color: rgba(122, 214, 29, 0.7);
}
.ribbed-lightGreen {
background: #7ad61d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightGreen:before {
background: #7ad61d !important;
}
.before-fg-lightGreen:before {
color: #7ad61d !important;
}
.after-bg-lightGreen:after {
background: #7ad61d !important;
}
.after-fg-lightGreen:after {
color: #7ad61d !important;
}
.bg-hover-lightGreen:hover {
background: #7ad61d !important;
}
.bg-active-lightGreen:active {
background: #7ad61d !important;
}
.bg-focus-lightGreen:focus {
background: #7ad61d !important;
}
.fg-hover-lightGreen:hover {
color: #7ad61d !important;
}
.fg-active-lightGreen:active {
color: #7ad61d !important;
}
.fg-focus-lightGreen:focus {
color: #7ad61d !important;
}
.fg-lightCyan {
color: #59cde2 !important;
}
.bg-lightCyan {
background-color: #59cde2 !important;
}
.bd-lightCyan {
border-color: #59cde2 !important;
}
.ol-lightCyan {
outline-color: #59cde2 !important;
}
.op-lightCyan {
background-color: rgba(89, 205, 226, 0.7);
}
.ribbed-lightCyan {
background: #59cde2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightCyan:before {
background: #59cde2 !important;
}
.before-fg-lightCyan:before {
color: #59cde2 !important;
}
.after-bg-lightCyan:after {
background: #59cde2 !important;
}
.after-fg-lightCyan:after {
color: #59cde2 !important;
}
.bg-hover-lightCyan:hover {
background: #59cde2 !important;
}
.bg-active-lightCyan:active {
background: #59cde2 !important;
}
.bg-focus-lightCyan:focus {
background: #59cde2 !important;
}
.fg-hover-lightCyan:hover {
color: #59cde2 !important;
}
.fg-active-lightCyan:active {
color: #59cde2 !important;
}
.fg-focus-lightCyan:focus {
color: #59cde2 !important;
}
.fg-grayed {
color: #8e8e8e !important;
}
.bg-grayed {
background-color: #585858 !important;
}
.bg-grayed1 {
background-color: #e1e1e1 !important;
}
.bg-specialtext {
color:#7e55c4 !important;
}
.bg-grayed2 {
background-color: #e4e4e4 !important;
}
.bg-darkGray {
background-color: #ecebeb;
}
.bd-grayed {
border-color: #585858 !important;
}
.ol-grayed {
outline-color: #585858 !important;
}
.op-grayed {
background-color: rgba(88, 88, 88, 0.7);
}
.ribbed-grayed {
background: #585858 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-grayed:before {
background: #585858 !important;
}
.before-fg-grayed:before {
color: #585858 !important;
}
.after-bg-grayed:after {
background: #585858 !important;
}
.after-fg-grayed:after {
color: #585858 !important;
}
.bg-hover-grayed:hover {
background: #585858 !important;
}
.bg-active-grayed:active {
background: #585858 !important;
}
.bg-focus-grayed:focus {
background: #585858 !important;
}
.fg-hover-grayed:hover {
color: #585858 !important;
}
.fg-active-grayed:active {
color: #585858 !important;
}
.fg-focus-grayed:focus {
color: #585858 !important;
}
.fg-grayDarker {
color: #222222 !important;
}
.bg-grayDarker {
background-color: #222222 !important;
}
.bd-grayDarker {
border-color: #222222 !important;
}
.ol-grayDarker {
outline-color: #222222 !important;
}
.op-grayDarker {
background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-grayDarker {
background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-grayDarker:before {
background: #222222 !important;
}
.before-fg-grayDarker:before {
color: #222222 !important;
}
.after-bg-grayDarker:after {
background: #222222 !important;
}
.after-fg-grayDarker:after {
color: #222222 !important;
}
.bg-hover-grayDarker:hover {
background: #222222 !important;
}
.bg-active-grayDarker:active {
background: #222222 !important;
}
.bg-focus-grayDarker:focus {
background: #222222 !important;
}
.fg-hover-grayDarker:hover {
color: #222222 !important;
}
.fg-active-grayDarker:active {
color: #222222 !important;
}
.fg-focus-grayDarker:focus {
color: #222222 !important;
}
.fg-grayDark {
color: #333333 !important;
}
.bg-grayDark {
background-color: #333333 !important;
}
.bd-grayDark {
border-color: #333333 !important;
}
.ol-grayDark {
outline-color: #333333 !important;
}
.op-grayDark {
background-color: rgba(51, 51, 51, 0.7);
}
.ribbed-grayDark {
background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-grayDark:before {
background: #333333 !important;
}
.before-fg-grayDark:before {
color: #333333 !important;
}
.after-bg-grayDark:after {
background: #333333 !important;
}
.after-fg-grayDark:after {
color: #333333 !important;
}
.bg-hover-grayDark:hover {
background: #333333 !important;
}
.bg-active-grayDark:active {
background: #333333 !important;
}
.bg-focus-grayDark:focus {
background: #333333 !important;
}
.fg-hover-grayDark:hover {
color: #333333 !important;
}
.fg-active-grayDark:active {
color: #333333 !important;
}
.fg-focus-grayDark:focus {
color: #333333 !important;
}
/*.fg-gray {
color: #555555;
}*/
.bg-gray {
background-color: #555555 !important;
}
.bd-gray {
border-color: #555555 !important;
}
.ol-gray {
outline-color: #555555 !important;
}
.op-gray {
background-color: rgba(85, 85, 85, 0.7);
}
.ribbed-gray {
background: #555555 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-gray:before {
background: #555555 !important;
}
.before-fg-gray:before {
color: #555555 !important;
}
.after-bg-gray:after {
background: #555555 !important;
}
.after-fg-gray:after {
color: #555555 !important;
}
.bg-hover-gray:hover {
background: #555555 !important;
}
.bg-active-gray:active {
background: #555555 !important;
}
.bg-focus-gray:focus {
background: #555555 !important;
}
.fg-hover-gray:hover {
color: #555555 !important;
}
.fg-active-gray:active {
color: #555555 !important;
}
.fg-focus-gray:focus {
color: #555555 !important;
}
.fg-grayLight {
color: #aeaeae !important;
}
.bg-grayLight {
background-color: #999999 !important;
}
.bd-grayLight {
border-color: #999999 !important;
}
.ol-grayLight {
outline-color: #999999 !important;
}
.op-grayLight {
background-color: rgba(153, 153, 153, 0.7);
}
.ribbed-grayLight {
background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-grayLight:before {
background: #999999 !important;
}
.before-fg-grayLight:before {
color: #999999 !important;
}
.after-bg-grayLight:after {
background: #999999 !important;
}
.after-fg-grayLight:after {
color: #999999 !important;
}
.bg-hover-grayLight:hover {
background: #999999 !important;
}
.bg-active-grayLight:active {
background: #999999 !important;
}
.bg-focus-grayLight:focus {
background: #999999 !important;
}
.fg-hover-grayLight:hover {
color: #999999 !important;
}
.fg-active-grayLight:active {
color: #999999 !important;
}
.fg-focus-grayLight:focus {
color: #999999 !important;
}
.fg-grayLighter {
color: #eeeeee !important;
}
.bg-grayLighter {
background-color: #eeeeee !important;
}
.bd-grayLighter {
border-color: #eeeeee !important;
}
.ol-grayLighter {
outline-color: #eeeeee !important;
}
.op-grayLighter {
background-color: rgba(238, 238, 238, 0.7);
}
.ribbed-grayLighter {
background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-grayLighter:before {
background: #eeeeee !important;
}
.before-fg-grayLighter:before {
color: #eeeeee !important;
}
.after-bg-grayLighter:after {
background: #eeeeee !important;
}
.after-fg-grayLighter:after {
color: #eeeeee !important;
}
.bg-hover-grayLighter:hover {
background: #eeeeee !important;
}
.bg-active-grayLighter:active {
background: #eeeeee !important;
}
.bg-focus-grayLighter:focus {
background: #eeeeee !important;
}
.fg-hover-grayLighter:hover {
color: #eeeeee !important;
}
.fg-active-grayLighter:active {
color: #eeeeee !important;
}
.fg-focus-grayLighter:focus {
color: #eeeeee !important;
}
.fg-lightGray {
color: #999999 !important;
}
.bg-lightGray {
background-color: #999999 !important;
}
.bd-lightGray {
border-color: #999999 !important;
}
.ol-lightGray {
outline-color: #999999 !important;
}
.op-lightGray {
background-color: rgba(153, 153, 153, 0.7);
}
.ribbed-lightGray {
background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightGray:before {
background: #999999 !important;
}
.before-fg-lightGray:before {
color: #999999 !important;
}
.after-bg-lightGray:after {
background: #999999 !important;
}
.after-fg-lightGray:after {
color: #999999 !important;
}
.bg-hover-lightGray:hover {
background: #999999 !important;
}
.bg-active-lightGray:active {
background: #999999 !important;
}
.bg-focus-lightGray:focus {
background: #999999 !important;
}
.fg-hover-lightGray:hover {
color: #999999 !important;
}
.fg-active-lightGray:active {
color: #999999 !important;
}
.fg-focus-lightGray:focus {
color: #999999 !important;
}
.fg-lighterGray {
color: #eeeeee !important;
}
.bg-lighterGray {
background-color: #eeeeee !important;
}
.bd-lighterGray {
border-color: #eeeeee !important;
}
.ol-lighterGray {
outline-color: #eeeeee !important;
}
.op-lighterGray {
background-color: rgba(238, 238, 238, 0.7);
}
.ribbed-lighterGray {
background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lighterGray:before {
background: #eeeeee !important;
}
.before-fg-lighterGray:before {
color: #eeeeee !important;
}
.after-bg-lighterGray:after {
background: #eeeeee !important;
}
.after-fg-lighterGray:after {
color: #eeeeee !important;
}
.bg-hover-lighterGray:hover {
background: #eeeeee !important;
}
.bg-active-lighterGray:active {
background: #eeeeee !important;
}
.bg-focus-lighterGray:focus {
background: #eeeeee !important;
}
.fg-hover-lighterGray:hover {
color: #eeeeee !important;
}
.fg-active-lighterGray:active {
color: #eeeeee !important;
}
.fg-focus-lighterGray:focus {
color: #eeeeee !important;
}
.fg-darkGray {
color: #333333 !important;
}
.bg-darkGray {
background-color: #333333 !important;
}
.bd-darkGray {
border-color: #333333 !important;
}
.ol-darkGray {
outline-color: #333333 !important;
}
.op-darkGray {
background-color: rgba(51, 51, 51, 0.7);
}
.ribbed-darkGray {
background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkGray:before {
background: #333333 !important;
}
.before-fg-darkGray:before {
color: #333333 !important;
}
.after-bg-darkGray:after {
background: #333333 !important;
}
.after-fg-darkGray:after {
color: #333333 !important;
}
.bg-hover-darkGray:hover {
background: #333333 !important;
}
.bg-active-darkGray:active {
background: #333333 !important;
}
.bg-focus-darkGray:focus {
background: #333333 !important;
}
.fg-hover-darkGray:hover {
color: #333333 !important;
}
.fg-active-darkGray:active {
color: #333333 !important;
}
.fg-focus-darkGray:focus {
color: #333333 !important;
}
.fg-darkerGray {
color: #222222 !important;
}
.bg-darkerGray {
background-color: #222222 !important;
}
.bd-darkerGray {
border-color: #222222 !important;
}
.ol-darkerGray {
outline-color: #222222 !important;
}
.op-darkerGray {
background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-darkerGray {
background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkerGray:before {
background: #222222 !important;
}
.before-fg-darkerGray:before {
color: #222222 !important;
}
.after-bg-darkerGray:after {
background: #222222 !important;
}
.after-fg-darkerGray:after {
color: #222222 !important;
}
.bg-hover-darkerGray:hover {
background: #222222 !important;
}
.bg-active-darkerGray:active {
background: #222222 !important;
}
.bg-focus-darkerGray:focus {
background: #222222 !important;
}
.fg-hover-darkerGray:hover {
color: #222222 !important;
}
.fg-active-darkerGray:active {
color: #222222 !important;
}
.fg-focus-darkerGray:focus {
color: #222222 !important;
}
.bg-lightergray30 {
background-color: #e4e4e4 !important;
}
.fg-darker {
color: #222222 !important;
}
.bg-darker {
background-color: #222222 !important;
}
.bd-darker {
border-color: #222222 !important;
}
.ol-darker {
outline-color: #222222 !important;
}
.op-darker {
background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-darker {
background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darker:before {
background: #222222 !important;
}
.before-fg-darker:before {
color: #222222 !important;
}
.after-bg-darker:after {
background: #222222 !important;
}
.after-fg-darker:after {
color: #222222 !important;
}
.bg-hover-darker:hover {
background: #222222 !important;
}
.bg-active-darker:active {
background: #222222 !important;
}
.bg-focus-darker:focus {
background: #222222 !important;
}
.fg-hover-darker:hover {
color: #222222 !important;
}
.fg-active-darker:active {
color: #222222 !important;
}
.fg-focus-darker:focus {
color: #222222 !important;
}
.borderblu-bottom {
border-bottom:2px solid #005cb9 !important;
}
#cell-content{ background-color:#fff !important; padding-top:0.3rem; margin-left: -140px; position: relative;overflow:auto;}
#schedular-content{background-color:#f5f5f5 !important; background-color:#fff !important; padding-top:0.3rem; margin-left: -283px; position: relative;}
.line-height62{ line-height: 3.95rem !important;}
.line-height56{ line-height: 3.5rem !important;}
.line-height48{ line-height: 3rem !important;}
.line-height40{line-height:2.5rem !important;}
.line-height36{ line-height:3rem !important;}
.line-height34{ line-height:2.1rem !important;}
.line-height32{ line-height:2rem !important;}
.line-height30{ line-height:1.875rem !important;}
.line-height29{ line-height:1.8125rem !important;}
.line-height28{ line-height:1.75rem !important;}
.line-height25{ line-height:1.5625rem !important;}
.customizedFont .line-height25{ line-height:25px !important;}
.line-height26{ line-height:1.625rem !important; }
.line-height24{ line-height:1.49rem !important;}
.line-height22{ line-height:1.375rem !important;}
.line-height20{ line-height:1.25rem !important;}
.line-height18{ line-height:1.125rem !important;}
.line-height16{ line-height:1.0rem !important;}
.line-height0{ line-height:0 !important;}
.semi-bold{ font-weight:500 !important;}
.bold{ font-weight:700;}
.fontWeightNormal{font-weight: normal;}
.underline{ text-decoration:underline;}
.bdrgray{ border-bottom:1px solid #d5d5d5;}
.error-msgaudit
{
line-height: 1.5rem;
font-size: 1.25rem;
font-weight: normal;
}
.tile-group h3, h3{ font-size:1rem; color:#000; text-transform:uppercase; margin:5px 0px; margin-top:0px; font-weight:600; height:1.25rem; line-height:1.5625rem;}
.tile-group h3 span{ position:relative; z-index:3;}
.tile-group .box{ width:100%; height: calc(100% - 23px); border:1px solid #d1d1d1; background-color:#fff; font-size:0.8125rem; padding:2px; color:#5c5c5c; cursor:auto;}
.box{ width:100%; border: 1px solid #d1d1d1; background-color: #eeeeee; color:#5c5c5c; cursor:auto;}
.tile-group .box table{ width:100%;}
.tile-group .box table th{ font-size:0.725rem; font-weight:normal; text-align:center;}
.tile-group .box table tr.gray{ background-color:#f1f1f1;}
.tile-group .box table tr.white{ background-color:#fff;}
.tile-group .box table td{font-size:0.7rem; padding:1px; vertical-align:top;}
.tile-group .box table thead{line-height:1rem;}
.tile-group .box table.padding5 td{ padding:3px;}
.tile-group .box table td input, .tile-group .box table td select, .tile-group .box table td textarea{ width:100%; color:#000; padding:2px;}
.tile-group .box table th.text-semibold{ font-weight:500;}
.tile-group .box table th.align-right{ text-align:right;}
.tile-group .box table.padding5 td.bdrR{ border-right:1px solid #d1d1d1;}
.input-control span{ line-height:0.6rem; vertical-align:middle;}
.floatL{ float:left !important;}
.floatR{ float:right !important;}
.vacharts .radio{
margin-left: 8px;
display: inline-block !important;
margin-top: -16px;
}
.border-gray-graph{
border: 1px solid #d1d1d1;
}
#gridCLXInventory.DevExtremeSearchGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td:first-child{
padding: 0.126rem 0.126rem;
}
#gridCLXInventory.DevExtremeSearchGrid .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
background: #eeeeee;
}
@media screen and (min-width: 768px)
{
body{
font-size:0.66rem;
}
#page-wrapper{
margin-top:0px;
}
#cell-content{
margin-left: -142px;
}
ul.secondary-icons li{
width:32px;
}
.flex-grid .row .cell.size-x159 {
-webkit-flex: 0 0 159px !important;
flex: 0 0 159px !important;
}
}
@media screen and (min-width: 1024px)
{
.flex-grid .row .grid .row{ display:block;}
.tile-group { width:100%;}
.tile-small{ width:215px; height:166px;}
.tile{ width:440px; height:166px;}
.tile-wide {width:665px; height:166px;}
.tile-big{ width:890px; height:166px;}
#cell-content{margin-left:-140px;}
ul.secondary-icons{ float:left;}
ul.secondary-icons li{ width:33px;}
body{ font-size:0.95rem}
#page-wrapper{margin-top:2.4rem;}
}
@media screen and (min-width: 1152px){.flex-grid .row .grid .row{ display:block;}.tile-group{ width:940px;}}
@media screen and (min-width: 1280px){
.flex-grid .row .grid .row{ display:block;}
.tile-small{ width:265px; height:166px;}
.tile{ width:540px; height:166px;}
.tile-wide {width:815px; height:166px;}
.tile-big{ width:1090px; height:166px;}
.tile-group{width:auto;}
}
@media screen and (min-width: 1360px) {
#gallery-1 img {width:375px;}
#ribbon .col-lg-8{width:63.3%; padding-left:0px; padding-right:0px;}
#ribbon .col-lg-4{ width:36.6%;}
#ribbon-detail .col-lg-4{ width:35.5%;}
#ribbon-detail .col-lg-3{width:32%;}
#ribbon-detail .col-lg-5{width:37%;}
body{ font-size:0.875rem;}
.app-bar .app-bar-menu > li, .app-bar .app-bar-menu > li > a{font-size: 1.1rem;}
.tabcontrol .tabs li a{font-size: 0.9rem;}
.tabcontrol2 .tabs li a{font-size: 0.7rem;}
.flex-grid .row .grid .row{ display:block;}
#cell-content{ margin-left: -140px;}
ul.secondary-icons li{ width: 2.4rem;}
.tile-small{ width:253px; height:166px;}
.tile{ width:516px; height:166px;}
.tile-wide {width:779px; height:166px;}
.tile-big{ width:1042px; height:166px;}
}
@media screen and (min-width: 1366px) {
#gallery-1 img {width:375px;}
.sidebar2 li a{font-size: 0.8rem;}
}
@media screen and (min-width: 1400px) {
#gallery-1 img {width:428px;}
#ribbon .col-lg-8{width:64.0%; padding-left:0px; padding-right:0px;}
#ribbon .col-lg-4{ width:36.6%;}
ul.secondary-icons li{width: 2.1rem;}
}
@media screen and (min-width: 1600px) {
#gallery-1 img {width:434px;}
#ribbon .col-lg-8{width:65.0%; padding-left:0px; padding-right:0px;}
#ribbon .col-lg-4{ width:35%;}
ul.secondary-icons li{width: 3.2rem;}
ul.encounterElements li{width: 2.4rem;}
#cell-content{ margin-left: -160px; }
.tile-small{ width:249px; height:166px;}
.tile{ width:508px; height:166px;}
.tile-wide {width:767px; height:166px;}
.tile-big{ width:1026px; height:166px;}
.app-bar .app-bar-menu > li{
margin: 0px 0.5rem;
}
}
@media screen and (min-width: 1920px) {
#gallery-1 img {width:540px;}
.tile-small{ width:270px; height:166px;}
.tile{ width:550px; height:166px;}
.tile-wide {width:830px; height:166px;}
.tile-big{ width:1110px; height:166px;}
#ribbon .col-lg-8{width:63%;}
#ribbon .col-lg-4{ width:37%;}
.sidebar2 li a{font-size: 0.7rem;}
#cell-content{ margin-left:-180px;}
ul.secondary-icons li{ width:2.7rem;}
.app-bar .app-bar-menu > li{
margin: 0px 1rem;
}
}
@media screen and (min-width: 2000px) {
.tile-small{ width:282px; height:166px;}
.tile{ width:574px; height:166px;}
.tile-wide {width:866px; height:166px;}
.tile-big{ width:1158px; height:166px;}
#ribbon .col-lg-8 {width:65%;}
#ribbon .col-lg-4 { width:35%;}
body {font-size:0.8125rem}
}
@media screen and (min-width: 2400px)
{
#ribbon .col-lg-8 {width:72%;}
#ribbon .col-lg-4 { width:28%;}
}
/*@media screen and (max-width: 3860px) and (min-width: 2400px){
.vacharts .radio {
margin-top: 0;
}
}*/
.flR{ float:right !important;}
.box .sections{ padding-bottom: 0.5rem; border-bottom:1px solid #999; margin-bottom: 0.5rem; }
.box .sections:last-child{ border-bottom:none;}
.tile-group .box a, .tile-group .box a:visited{ color:#5c5c5c;}
.tile-group .box a:hover{ color:#42aaff;}
textarea {
resize: none;
font-family:"Segoe UI", "Open Sans", sans-serif, serif;
}
.tabs .button{ background-color:transparent; border:none; padding:8px 6px; line-height:1.0rem;}
.tabs .button span{ color:#a5c2ee;}
ul.secondary-icons li label.checkbox span:hover{ color:#67b835 !important;}
html, body{ height:100%;}
.display-intable{ display:inline-table;}
.fg-dark-blue{
color:#014488;
}
/*shashikant added the below css*/
table.theader-grey thead{background-color:#ECEAEB;color:#000000;}
table.theader-darkgrey thead{ background-color:#d0d0d0;color:#000000;}
.tblbody-grey tr:nth-child(odd) { background-color: #eeeeee;}
table.tblbody-white tbody tr td{ background:#ffffff; border:1px solid #e4e4e4;}
.tblhovered tr:hover td{background-color:#ffeeb2; /*rgba(28, 183, 236, 0.1);*/}
/*css end*/
#autocompleteForPatient_DDD_L_D.dxlbd{
width:50rem !important;
}
.border_bottom_grey{
border-bottom:1px solid grey;
}
.border_bottom_grey_dashed{
border-bottom: 1px dashed grey;
}
.boardPopupHt{
height: 26vh;
border: 1px solid #d1d1d1;
overflow-x: auto;
}
.circelText {
width: 23px;
height: 22px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
text-align: center;
color: white;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
background-color: #ff8a00;
margin-top: 0.7rem;
margin-left: 0.5rem;
line-height: 1.4rem;
}
/*circelText fg-white font16 line-height18**/
.table.remitance thead {
background: #ffffff !important;
}
.table.remitance tbody td {
border-left: none !important;
background-color: #eeeeee !important;
}
.table.remitance tfoot {
border-bottom: 2px solid #d1d1d1;
}
@font-face {
font-family: 'metro';
src: url('../fonts/metro.eot?izvoei');
src: url('../fonts/metro.eot?#iefixizvoei') format('embedded-opentype'), url('../fonts/metro.woff?izvoei') format('woff'), url('../fonts/metro.ttf?izvoei') format('truetype'), url('../fonts/metro.svg?izvoei#metro') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="mif-"],
[class*=" mif-"] {
display: inline-block;
font: normal normal normal 1.5em/1;
font-family: metro, "Segoe UI", "Open Sans", serif;
line-height: 1 ;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
vertical-align: middle;
position: static;
cursor:pointer;
font-weight: normal;
}
.MacOsChrome [class^="mif-"],
.MacOsChrome [class*=" mif-"]{
font-weight:700;
opacity:0.99;
}
.MacOsChrome .mif-FailedAttempt ,.MacOsChrome .mif-AccLock,.MacOsChrome .mif-UpdatePass{
font-weight:400 !important;
opacity:1 !important;
cursor:default;
}
[class^="mif-"]:before,
[class*=" mif-"]:before {
font-family: metro, serif;
}
.MacOsSafari [class^="glyphicon-"]:before,
.MacOsSafari [class*=" glyphicon-"]:before {
position:relative;
}
.MacOsSafari .enccontoltime:before{
position:relative;
}
.mif-lg {
font-size: 1.3rem;
line-height: 0.75em;
vertical-align: -35%;
}
.mif-2x {
font-size: 1.75rem;
vertical-align: -25%;
}
.mif-3x {
font-size: 2.625rem;
vertical-align: -30%;
}
.mif-4x {
font-size: 3.5rem;
vertical-align: -35%;
}
.op-default {
background-color: rgba(27, 161, 226, 0.7);
}
.fg-black {
color: #000000;
}
.bg-black {
background-color: #000000 !important;
}
.bd-black {
border-color: #000000 !important;
}
.ol-black {
outline-color: #000000 !important;
}
.op-black {
background-color: rgba(0, 0, 0, 0.7);
}
.ribbed-black {
background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-black:before {
background: #000000 !important;
}
.before-fg-black:before {
color: #000000 !important;
}
.after-bg-black:after {
background: #000000 !important;
}
.after-fg-black:after {
color: #000000 !important;
}
.bg-hover-black:hover {
background: #000000 !important;
}
.bg-active-black:active {
background: #000000 !important;
}
.bg-focus-black:focus {
background: #000000 !important;
}
.fg-hover-black:hover {
color: #000000 !important;
}
.fg-active-black:active {
color: #000000 !important;
}
.fg-focus-black:focus {
color: #000000 !important;
}
.fg-white {
color: #ffffff !important;
}
.fg-iconblue {
color: #a5c2ee !important;
}
.fg-light-orange{
color:#ff8a00;
}
.fg-new-gray{
color :#626262;
}
.bg-white {
background-color: #ffffff !important;
}
.bg-blue-dark {
background-color:#005cb9;
}
.fg-new-green{
color:#2fc8d8 !important;
}
.fg-blue-light{
color:#537887;
}
.bd-white {
border-color: #ffffff !important;
}
.ol-white {
outline-color: #ffffff !important;
}
.op-white {
background-color: rgba(255, 255, 255, 0.7);
}
.ribbed-white {
background: #ffffff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-white:before {
background: #ffffff !important;
}
.before-fg-white:before {
color: #ffffff !important;
}
.after-bg-white:after {
background: #ffffff !important;
}
.after-fg-white:after {
color: #ffffff !important;
}
.bg-hover-white:hover {
background: #ffffff !important;
}
.bg-active-white:active {
background: #ffffff !important;
}
.bg-focus-white:focus {
background: #ffffff !important;
}
.fg-hover-white:hover {
color: #ffffff !important;
}
.fg-active-white:active {
color: #ffffff !important;
}
.fg-focus-white:focus {
color: #ffffff !important;
}
.fg-lime {
color: #a4c400 !important;
}
.bg-lime {
background-color: #a4c400 !important;
}
.bd-lime {
border-color: #a4c400 !important;
}
.ol-lime {
outline-color: #a4c400 !important;
}
.op-lime {
background-color: rgba(164, 196, 0, 0.7);
}
.ribbed-lime {
background: #a4c400 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lime:before {
background: #a4c400 !important;
}
.before-fg-lime:before {
color: #a4c400 !important;
}
.after-bg-lime:after {
background: #a4c400 !important;
}
.after-fg-lime:after {
color: #a4c400 !important;
}
.bg-hover-lime:hover {
background: #a4c400 !important;
}
.bg-active-lime:active {
background: #a4c400 !important;
}
.bg-focus-lime:focus {
background: #a4c400 !important;
}
.fg-hover-lime:hover {
color: #a4c400 !important;
}
.fg-active-lime:active {
color: #a4c400 !important;
}
.fg-focus-lime:focus {
color: #a4c400 !important;
}
.fg-green {
color: #67b835 !important;
}
.fg-green2 {
color: #c1cc63 !important;
}
/*.fg-green:hover {
color: #c2cd60 !important;
}*/
.fg-dark-green {
color: #0b4900;
}
.fg-check-green {
color:#68B737;
}
.fg-headgray {
color: #ddd !important;
}
.fg-skyblue {
color: #42aaff;
}
.fg-darkBlue2 {
color:#3580be;
}
.fg-darkBlue2:hover {
color:#074171;
}
.fg-navyblue {
/*color: rgb(1, 68, 136) !important;*/
color:#005cb9 !important;
}
.fg-darkBlue3 {
color:#014488;
}
.fg-skyblue:hover {
color: #005cb9;
}
.fg-darkBlue3:hover {
color:#1477dc;
}
.fg-skyblue:focus {
color: #005cb9;
}
fg-errorOrange {
color: #005cb9;
}
button:focus > .fg-skyblue {
color: #005cb9;
}
/*.fg-skyblue.disabled {
color: #a9c3d8 !important;
pointer-events: none;
}*/
.fg-marron {
color: #d19292 !important;
}
.fg-marron:hover {
color: #bf6464 !important;
}
/*.fg-marron.disabled {
color: #cfb7b7 !important;
pointer-events: none;
}*/
span[class^="mif-"].disabled, span[class*="mif-"].disabled, div[class*="mif-"].disabled,i[class^="mif-"].disabled,i[class*="mif-"].disabled,.refresh-elm-btn.disabled
{
color:#cbcbcb !important;
pointer-events: none;
}
.fg-pink {
color: #a9c3d8 !important;
}
.fg-pink1{
color:#cb383e;
}
.fg-gray30 {
color: #7d7d7d !important;
}
.fg-success {
color: #15cab7;
}
.fg-warning {
color: #e19a00;
}
.fg-danger {
color: #fc5a6c;
}
.fg-info {
color: #3498db;
}
.text-primary {
color: #67b835
}
.bg-green {
background-color: #60a917 !important;
}
.bd-green {
border-color: #60a917 !important;
}
.bg-transparent {
background-color: transparent !important;
}
.ol-green {
outline-color: #60a917 !important;
}
.op-green {
background-color: rgba(96, 169, 23, 0.7);
}
.ribbed-green {
background: #60a917 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-green:before {
background: #60a917 !important;
}
.before-fg-green:before {
color: #60a917 !important;
}
.after-bg-green:after {
background: #60a917 !important;
}
.after-fg-green:after {
color: #60a917 !important;
}
.bg-hover-green:hover {
background: #60a917 !important;
}
.bg-active-green:active {
background: #60a917 !important;
}
.bg-focus-green:focus {
background: #60a917 !important;
}
.fg-hover-green:hover {
color: #60a917 !important;
}
.fg-active-green:active {
color: #60a917 !important;
}
.fg-focus-green:focus {
color: #60a917 !important;
}
.fg-emerald {
color: #008a00 !important;
}
.bg-emerald {
background-color: #008a00 !important;
}
.bd-emerald {
border-color: #008a00 !important;
}
.ol-emerald {
outline-color: #008a00 !important;
}
.op-emerald {
background-color: rgba(0, 138, 0, 0.7);
}
.ribbed-emerald {
background: #008a00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-emerald:before {
background: #008a00 !important;
}
.before-fg-emerald:before {
color: #008a00 !important;
}
.after-bg-emerald:after {
background: #008a00 !important;
}
.after-fg-emerald:after {
color: #008a00 !important;
}
.bg-hover-emerald:hover {
background: #008a00 !important;
}
.bg-active-emerald:active {
background: #008a00 !important;
}
.bg-focus-emerald:focus {
background: #008a00 !important;
}
.fg-hover-emerald:hover {
color: #008a00 !important;
}
.fg-active-emerald:active {
color: #008a00 !important;
}
.fg-focus-emerald:focus {
color: #008a00 !important;
}
.fg-blue {
color: #00aff0 !important;
}
.bg-blue {
background-color: #00aff0 !important;
}
.bd-blue {
border-color: #00aff0 !important;
}
.ol-blue {
outline-color: #00aff0 !important;
}
.op-blue {
background-color: rgba(0, 175, 240, 0.7);
}
.ribbed-blue {
background: #00aff0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-blue:before {
background: #00aff0 !important;
}
.before-fg-blue:before {
color: #00aff0 !important;
}
.after-bg-blue:after {
background: #00aff0 !important;
}
.after-fg-blue:after {
color: #00aff0 !important;
}
.bg-hover-blue:hover {
background: #00aff0 !important;
}
.bg-active-blue:active {
background: #00aff0 !important;
}
.bg-focus-blue:focus {
background: #00aff0 !important;
}
.fg-hover-blue:hover {
color: #00aff0 !important;
}
.fg-active-blue:active {
color: #00aff0 !important;
}
.fg-focus-blue:focus {
color: #00aff0 !important;
}
.fg-teal {
color: #00aba9 !important;
}
.bg-teal {
background-color: #00aba9 !important;
}
.bd-teal {
border-color: #00aba9 !important;
}
.ol-teal {
outline-color: #00aba9 !important;
}
.op-teal {
background-color: rgba(0, 171, 169, 0.7);
}
.ribbed-teal {
background: #00aba9 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-teal:before {
background: #00aba9 !important;
}
.before-fg-teal:before {
color: #00aba9 !important;
}
.after-bg-teal:after {
background: #00aba9 !important;
}
.after-fg-teal:after {
color: #00aba9 !important;
}
.bg-hover-teal:hover {
background: #00aba9 !important;
}
.bg-active-teal:active {
background: #00aba9 !important;
}
.bg-focus-teal:focus {
background: #00aba9 !important;
}
.fg-hover-teal:hover {
color: #00aba9 !important;
}
.fg-active-teal:active {
color: #00aba9 !important;
}
.fg-focus-teal:focus {
color: #00aba9 !important;
}
.fg-cyan {
color: #1ba1e2 !important;
}
.bg-cyan {
background-color: #1ba1e2 !important;
}
.bd-cyan {
border-color: #1ba1e2 !important;
}
.ol-cyan {
outline-color: #1ba1e2 !important;
}
.op-cyan {
background-color: rgba(27, 161, 226, 0.7);
}
.ribbed-cyan {
background: #1ba1e2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-cyan:before {
background: #1ba1e2 !important;
}
.before-fg-cyan:before {
color: #1ba1e2 !important;
}
.after-bg-cyan:after {
background: #1ba1e2 !important;
}
.after-fg-cyan:after {
color: #1ba1e2 !important;
}
.bg-hover-cyan:hover {
background: #1ba1e2 !important;
}
.bg-active-cyan:active {
background: #1ba1e2 !important;
}
.bg-focus-cyan:focus {
background: #1ba1e2 !important;
}
.fg-hover-cyan:hover {
color: #1ba1e2 !important;
}
.fg-active-cyan:active {
color: #1ba1e2 !important;
}
.fg-focus-cyan:focus {
color: #1ba1e2 !important;
}
.fg-cobalt {
color: #0050ef !important;
}
.bg-cobalt {
background-color: #0050ef !important;
}
.bd-cobalt {
border-color: #0050ef !important;
}
.ol-cobalt {
outline-color: #0050ef !important;
}
.op-cobalt {
background-color: rgba(0, 80, 239, 0.7);
}
.ribbed-cobalt {
background: #0050ef linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-cobalt:before {
background: #0050ef !important;
}
.before-fg-cobalt:before {
color: #0050ef !important;
}
.after-bg-cobalt:after {
background: #0050ef !important;
}
.after-fg-cobalt:after {
color: #0050ef !important;
}
.bg-hover-cobalt:hover {
background: #0050ef !important;
}
.bg-active-cobalt:active {
background: #0050ef !important;
}
.bg-focus-cobalt:focus {
background: #0050ef !important;
}
.fg-hover-cobalt:hover {
color: #0050ef !important;
}
.fg-active-cobalt:active {
color: #0050ef !important;
}
.fg-focus-cobalt:focus {
color: #0050ef !important;
}
.fg-indigo {
color: #6a00ff !important;
}
.bg-indigo {
background-color: #6a00ff !important;
}
.bd-indigo {
border-color: #6a00ff !important;
}
.ol-indigo {
outline-color: #6a00ff !important;
}
.op-indigo {
background-color: rgba(106, 0, 255, 0.7);
}
.ribbed-indigo {
background: #6a00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-indigo:before {
background: #6a00ff !important;
}
.before-fg-indigo:before {
color: #6a00ff !important;
}
.after-bg-indigo:after {
background: #6a00ff !important;
}
.after-fg-indigo:after {
color: #6a00ff !important;
}
.bg-hover-indigo:hover {
background: #6a00ff !important;
}
.bg-active-indigo:active {
background: #6a00ff !important;
}
.bg-focus-indigo:focus {
background: #6a00ff !important;
}
.fg-hover-indigo:hover {
color: #6a00ff !important;
}
.fg-active-indigo:active {
color: #6a00ff !important;
}
.fg-focus-indigo:focus {
color: #6a00ff !important;
}
.fg-violet {
color: #9e9cff !important;
}
.bg-violet {
background-color: #9e9cff !important;
}
.bd-violet {
border-color: #9e9cff !important;
}
.ol-violet {
outline-color: #9e9cff !important;
}
.op-violet {
background-color: rgba(170, 0, 255, 0.7);
}
.ribbed-violet {
background: #9e9cff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-violet:before {
background: #9e9cff !important;
}
.before-fg-violet:before {
color: #9e9cff !important;
}
.after-bg-violet:after {
background: #9e9cff !important;
}
.after-fg-violet:after {
color: #9e9cff !important;
}
.bg-hover-violet:hover {
background: #9e9cff !important;
}
.bg-active-violet:active {
background: #9e9cff !important;
}
.bg-focus-violet:focus {
background: #9e9cff !important;
}
.fg-hover-violet:hover {
color: #9e9cff !important;
}
.fg-active-violet:active {
color: #9e9cff !important;
}
.fg-focus-violet:focus {
color: #9e9cff !important;
}
.fg-pink {
color: #dc4fad !important;
}
.fg-purple{color:#ae8fe2;}
.fg-purple:hover{color:#7e55c4;}
.fg-purple2{
color:#7e55c4;
}
.fg-purple3{
color:#a879b0 ;
}
.fg-purple3:hover{
color:#8c4997;
}
.fg-dark-orange{
color:#d19c62;
}
.fg-dark-orange:hover{
color:#bc7931;
}
.fg-black2{
color:#5c5c5c;
}
.fg-black2:hover{
color:#303030;
}
.fg-orange2{
color:#f1a500;
}
.fg-orange2:hover{
color:#c78902;
}
.fg-green3{
color:#4ece9d !important;
}
.fg-green3:hover{
color:#1e9a6b;
}
.fg-green4{
color:#95d126;
}
.fg-green4:hover{
color:#73a21a;
}
.fg-red2{
color:#ed5247;
}
.fg-red3{
color:#da050a;
}
.fg-red3:hover{
color:#8c0003;
}
.fg-red2:hover{
color:#bb382e;
}
.fg-pink2{
color:#ca40e2;
}
.fg-orange3{
color:#ff7e27;
}
.fg-red4{
color:#ea4242;
}
.fg-redNew{
color:#a50000;
}
/*.fg-purple.disabled{color:#c0b7cf; pointer-events: none;}*/
.bg-pink {
background-color: #dc4fad !important;
}
.bd-pink {
border-color: #dc4fad !important;
}
.ol-pink {
outline-color: #dc4fad !important;
}
.op-pink {
background-color: rgba(220, 79, 173, 0.7);
}
.ribbed-pink {
background: #dc4fad linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-pink:before {
background: #dc4fad !important;
}
.before-fg-pink:before {
color: #dc4fad !important;
}
.after-bg-pink:after {
background: #dc4fad !important;
}
.after-fg-pink:after {
color: #dc4fad !important;
}
.bg-hover-pink:hover {
background: #dc4fad !important;
}
.bg-active-pink:active {
background: #dc4fad !important;
}
.bg-focus-pink:focus {
background: #dc4fad !important;
}
.fg-hover-pink:hover {
color: #dc4fad !important;
}
.fg-active-pink:active {
color: #dc4fad !important;
}
.fg-focus-pink:focus {
color: #dc4fad !important;
}
.fg-magenta {
color: #d80073 !important;
}
.bg-magenta {
background-color: #d80073 !important;
}
.bd-magenta {
border-color: #d80073 !important;
}
.ol-magenta {
outline-color: #d80073 !important;
}
.op-magenta {
background-color: rgba(216, 0, 115, 0.7);
}
.ribbed-magenta {
background: #d80073 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-magenta:before {
background: #d80073 !important;
}
.before-fg-magenta:before {
color: #d80073 !important;
}
.after-bg-magenta:after {
background: #d80073 !important;
}
.after-fg-magenta:after {
color: #d80073 !important;
}
.bg-hover-magenta:hover {
background: #d80073 !important;
}
.bg-active-magenta:active {
background: #d80073 !important;
}
.bg-focus-magenta:focus {
background: #d80073 !important;
}
.fg-hover-magenta:hover {
color: #d80073 !important;
}
.fg-active-magenta:active {
color: #d80073 !important;
}
.fg-focus-magenta:focus {
color: #d80073 !important;
}
.fg-crimson {
color: #a20025 !important;
}
.bg-crimson {
background-color: #a20025 !important;
}
.bd-crimson {
border-color: #a20025 !important;
}
.ol-crimson {
outline-color: #a20025 !important;
}
.op-crimson {
background-color: rgba(162, 0, 37, 0.7);
}
.ribbed-crimson {
background: #a20025 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-crimson:before {
background: #a20025 !important;
}
.before-fg-crimson:before {
color: #a20025 !important;
}
.after-bg-crimson:after {
background: #a20025 !important;
}
.after-fg-crimson:after {
color: #a20025 !important;
}
.bg-hover-crimson:hover {
background: #a20025 !important;
}
.bg-active-crimson:active {
background: #a20025 !important;
}
.bg-focus-crimson:focus {
background: #a20025 !important;
}
.fg-hover-crimson:hover {
color: #a20025 !important;
}
.fg-active-crimson:active {
color: #a20025 !important;
}
.fg-focus-crimson:focus {
color: #a20025 !important;
}
.fg-red {
color: #ae0202 !important;
}
.fg-redTwo{
color:#b74e4e !important;
}
.bg-red {
background-color: #ce352c !important;
}
.bd-red {
border-color: #ce352c !important;
}
.ol-red {
outline-color: #ce352c !important;
}
.op-red {
background-color: rgba(206, 53, 44, 0.7);
}
.ribbed-red {
background: #ce352c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-red:before {
background: #ce352c !important;
}
.before-fg-red:before {
color: #ce352c !important;
}
.after-bg-red:after {
background: #ce352c !important;
}
.after-fg-red:after {
color: #ce352c !important;
}
.bg-hover-red:hover {
background: #ce352c !important;
}
.bg-active-red:active {
background: #ce352c !important;
}
.bg-focus-red:focus {
background: #ce352c !important;
}
.fg-hover-red:hover {
color: #ce352c !important;
}
.fg-active-red:active {
color: #ce352c !important;
}
.fg-focus-red:focus {
color: #ce352c !important;
}
.fg-orange {
color: #d5aa75 !important;
}
.bg-orange {
background-color: #d5aa75 !important;
}
.bd-orange {
border-color: #d5aa75 !important;
}
.ol-orange {
outline-color: #d5aa75 !important;
}
.op-orange {
background-color: rgba(250, 104, 0, 0.7);
}
.ribbed-orange {
background: #d5aa75 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-orange:before {
background: #d5aa75 !important;
}
.before-fg-orange:before {
color: #d5aa75 !important;
}
.after-bg-orange:after {
background: #d5aa75 !important;
}
.after-fg-orange:after {
color: #d5aa75 !important;
}
.bg-hover-orange:hover {
background: #d5aa75 !important;
}
.bg-active-orange:active {
background: #d5aa75 !important;
}
.bg-focus-orange:focus {
background: #d5aa75 !important;
}
.fg-hover-orange:hover {
color: #d5aa75 !important;
}
.fg-active-orange:active {
color: #d5aa75 !important;
}
.fg-focus-orange:focus {
color: #d5aa75 !important;
}
.fg-amber {
color: #f0a30a !important;
}
.bg-amber {
background-color: #f0a30a !important;
}
.bd-amber {
border-color: #f0a30a !important;
}
.ol-amber {
outline-color: #f0a30a !important;
}
.op-amber {
background-color: rgba(240, 163, 10, 0.7);
}
.ribbed-amber {
background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-amber:before {
background: #f0a30a !important;
}
.before-fg-amber:before {
color: #f0a30a !important;
}
.after-bg-amber:after {
background: #f0a30a !important;
}
.after-fg-amber:after {
color: #f0a30a !important;
}
.bg-hover-amber:hover {
background: #f0a30a !important;
}
.bg-active-amber:active {
background: #f0a30a !important;
}
.bg-focus-amber:focus {
background: #f0a30a !important;
}
.fg-hover-amber:hover {
color: #f0a30a !important;
}
.fg-active-amber:active {
color: #f0a30a !important;
}
.fg-focus-amber:focus {
color: #f0a30a !important;
}
.fg-yellow {
color: #e3c800 !important;
}
.bg-yellow {
background-color: #e3c800 !important;
}
.bg-mng-yellow {
background-color: #ffc600 !important;
}
.bd-yellow {
border-color: #e3c800 !important;
}
.ol-yellow {
outline-color: #e3c800 !important;
}
.op-yellow {
background-color: rgba(227, 200, 0, 0.7);
}
.ribbed-yellow {
background: #e3c800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-yellow:before {
background: #e3c800 !important;
}
.before-fg-yellow:before {
color: #e3c800 !important;
}
.after-bg-yellow:after {
background: #e3c800 !important;
}
.after-fg-yellow:after {
color: #e3c800 !important;
}
.bg-hover-yellow:hover {
background: #e3c800 !important;
}
.bg-active-yellow:active {
background: #e3c800 !important;
}
.bg-focus-yellow:focus {
background: #e3c800 !important;
}
.fg-hover-yellow:hover {
color: #e3c800 !important;
}
.fg-active-yellow:active {
color: #e3c800 !important;
}
.fg-focus-yellow:focus {
color: #e3c800 !important;
}
.fg-brown {
color: #825a2c !important;
}
.bg-brown {
background-color: #825a2c !important;
}
.bd-brown {
border-color: #825a2c !important;
}
.ol-brown {
outline-color: #825a2c !important;
}
.op-brown {
background-color: rgba(130, 90, 44, 0.7);
}
.ribbed-brown {
background: #825a2c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-brown:before {
background: #825a2c !important;
}
.before-fg-brown:before {
color: #825a2c !important;
}
.after-bg-brown:after {
background: #825a2c !important;
}
.after-fg-brown:after {
color: #825a2c !important;
}
.bg-hover-brown:hover {
background: #825a2c !important;
}
.bg-active-brown:active {
background: #825a2c !important;
}
.bg-focus-brown:focus {
background: #825a2c !important;
}
.fg-hover-brown:hover {
color: #825a2c !important;
}
.fg-active-brown:active {
color: #825a2c !important;
}
.fg-focus-brown:focus {
color: #825a2c !important;
}
.fg-olive {
color: #6d8764 !important;
}
.bg-olive {
background-color: #6d8764 !important;
}
.bd-olive {
border-color: #6d8764 !important;
}
.ol-olive {
outline-color: #6d8764 !important;
}
.op-olive {
background-color: rgba(109, 135, 100, 0.7);
}
.ribbed-olive {
background: #6d8764 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-olive:before {
background: #6d8764 !important;
}
.before-fg-olive:before {
color: #6d8764 !important;
}
.after-bg-olive:after {
background: #6d8764 !important;
}
.after-fg-olive:after {
color: #6d8764 !important;
}
.bg-hover-olive:hover {
background: #6d8764 !important;
}
.bg-active-olive:active {
background: #6d8764 !important;
}
.bg-focus-olive:focus {
background: #6d8764 !important;
}
.fg-hover-olive:hover {
color: #6d8764 !important;
}
.fg-active-olive:active {
color: #6d8764 !important;
}
.fg-focus-olive:focus {
color: #6d8764 !important;
}
.fg-steel {
color: #647687 !important;
}
.bg-steel {
background-color: #fff !important;
}
.bd-steel {
border-color: #647687 !important;
}
.ol-steel {
outline-color: #647687 !important;
}
.op-steel {
background-color: rgba(100, 118, 135, 0.7);
}
.ribbed-steel {
background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-steel:before {
background: #647687 !important;
}
.before-fg-steel:before {
color: #647687 !important;
}
.after-bg-steel:after {
background: #647687 !important;
}
.after-fg-steel:after {
color: #647687 !important;
}
.bg-hover-steel:hover {
background: #647687 !important;
}
.bg-active-steel:active {
background: #647687 !important;
}
.bg-focus-steel:focus {
background: #647687 !important;
}
.fg-hover-steel:hover {
color: #647687 !important;
}
.fg-active-steel:active {
color: #647687 !important;
}
.fg-focus-steel:focus {
color: #647687 !important;
}
.fg-mauve {
color: #76608a !important;
}
.bg-mauve {
background-color: #76608a !important;
}
.bd-mauve {
border-color: #76608a !important;
}
.ol-mauve {
outline-color: #76608a !important;
}
.op-mauve {
background-color: rgba(118, 96, 138, 0.7);
}
.ribbed-mauve {
background: #76608a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-mauve:before {
background: #76608a !important;
}
.before-fg-mauve:before {
color: #76608a !important;
}
.after-bg-mauve:after {
background: #76608a !important;
}
.after-fg-mauve:after {
color: #76608a !important;
}
.bg-hover-mauve:hover {
background: #76608a !important;
}
.bg-active-mauve:active {
background: #76608a !important;
}
.bg-focus-mauve:focus {
background: #76608a !important;
}
.fg-hover-mauve:hover {
color: #76608a !important;
}
.fg-active-mauve:active {
color: #76608a !important;
}
.fg-focus-mauve:focus {
color: #76608a !important;
}
.fg-taupe {
color: #87794e !important;
}
.bg-taupe {
background-color: #87794e !important;
}
.bd-taupe {
border-color: #87794e !important;
}
.ol-taupe {
outline-color: #87794e !important;
}
.op-taupe {
background-color: rgba(135, 121, 78, 0.7);
}
.ribbed-taupe {
background: #87794e linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-taupe:before {
background: #87794e !important;
}
.before-fg-taupe:before {
color: #87794e !important;
}
.after-bg-taupe:after {
background: #87794e !important;
}
.after-fg-taupe:after {
color: #87794e !important;
}
.bg-hover-taupe:hover {
background: #87794e !important;
}
.bg-active-taupe:active {
background: #87794e !important;
}
.bg-focus-taupe:focus {
background: #87794e !important;
}
.fg-hover-taupe:hover {
color: #87794e !important;
}
.fg-active-taupe:active {
color: #87794e !important;
}
.fg-focus-taupe:focus {
color: #87794e !important;
}
.fg-dark {
color: #1d1d1d !important;
}
.bg-dark {
background-color: #1d1d1d !important;
}
.bd-dark {
border-color: #1d1d1d !important;
}
.ol-dark {
outline-color: #1d1d1d !important;
}
.op-dark {
background-color: rgba(29, 29, 29, 0.7);
}
.ribbed-dark {
background: #1d1d1d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-dark:before {
background: #1d1d1d !important;
}
.before-fg-dark:before {
color: #1d1d1d !important;
}
.after-bg-dark:after {
background: #1d1d1d !important;
}
.after-fg-dark:after {
color: #1d1d1d !important;
}
.bg-hover-dark:hover {
background: #1d1d1d !important;
}
.bg-active-dark:active {
background: #1d1d1d !important;
}
.bg-focus-dark:focus {
background: #1d1d1d !important;
}
.fg-hover-dark:hover {
color: #1d1d1d !important;
}
.fg-active-dark:active {
color: #1d1d1d !important;
}
.fg-focus-dark:focus {
color: #1d1d1d !important;
}
.fg-darkBrown {
color: #63362f !important;
}
.bg-darkBrown {
background-color: #63362f !important;
}
.bd-darkBrown {
border-color: #63362f !important;
}
.ol-darkBrown {
outline-color: #63362f !important;
}
.op-darkBrown {
background-color: rgba(99, 54, 47, 0.7);
}
.ribbed-darkBrown {
background: #63362f linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkBrown:before {
background: #63362f !important;
}
.before-fg-darkBrown:before {
color: #63362f !important;
}
.after-bg-darkBrown:after {
background: #63362f !important;
}
.after-fg-darkBrown:after {
color: #63362f !important;
}
.bg-hover-darkBrown:hover {
background: #63362f !important;
}
.bg-active-darkBrown:active {
background: #63362f !important;
}
.bg-focus-darkBrown:focus {
background: #63362f !important;
}
.fg-hover-darkBrown:hover {
color: #63362f !important;
}
.fg-active-darkBrown:active {
color: #63362f !important;
}
.fg-focus-darkBrown:focus {
color: #63362f !important;
}
.fg-darkCrimson {
color: #640024 !important;
}
.bg-darkCrimson {
background-color: #640024 !important;
}
.bd-darkCrimson {
border-color: #640024 !important;
}
.ol-darkCrimson {
outline-color: #640024 !important;
}
.op-darkCrimson {
background-color: rgba(100, 0, 36, 0.7);
}
.ribbed-darkCrimson {
background: #640024 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkCrimson:before {
background: #640024 !important;
}
.before-fg-darkCrimson:before {
color: #640024 !important;
}
.after-bg-darkCrimson:after {
background: #640024 !important;
}
.after-fg-darkCrimson:after {
color: #640024 !important;
}
.bg-hover-darkCrimson:hover {
background: #640024 !important;
}
.bg-active-darkCrimson:active {
background: #640024 !important;
}
.bg-focus-darkCrimson:focus {
background: #640024 !important;
}
.fg-hover-darkCrimson:hover {
color: #640024 !important;
}
.fg-active-darkCrimson:active {
color: #640024 !important;
}
.fg-focus-darkCrimson:focus {
color: #640024 !important;
}
.fg-darkMagenta {
color: #81003c !important;
}
.bg-darkMagenta {
background-color: #81003c !important;
}
.bd-darkMagenta {
border-color: #81003c !important;
}
.ol-darkMagenta {
outline-color: #81003c !important;
}
.op-darkMagenta {
background-color: rgba(129, 0, 60, 0.7);
}
.ribbed-darkMagenta {
background: #81003c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkMagenta:before {
background: #81003c !important;
}
.before-fg-darkMagenta:before {
color: #81003c !important;
}
.after-bg-darkMagenta:after {
background: #81003c !important;
}
.after-fg-darkMagenta:after {
color: #81003c !important;
}
.bg-hover-darkMagenta:hover {
background: #81003c !important;
}
.bg-active-darkMagenta:active {
background: #81003c !important;
}
.bg-focus-darkMagenta:focus {
background: #81003c !important;
}
.fg-hover-darkMagenta:hover {
color: #81003c !important;
}
.fg-active-darkMagenta:active {
color: #81003c !important;
}
.fg-focus-darkMagenta:focus {
color: #81003c !important;
}
.fg-darkIndigo {
color: #4b0096 !important;
}
.bg-darkIndigo {
background-color: #4b0096 !important;
}
.bd-darkIndigo {
border-color: #4b0096 !important;
}
.ol-darkIndigo {
outline-color: #4b0096 !important;
}
.op-darkIndigo {
background-color: rgba(75, 0, 150, 0.7);
}
.ribbed-darkIndigo {
background: #4b0096 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkIndigo:before {
background: #4b0096 !important;
}
.before-fg-darkIndigo:before {
color: #4b0096 !important;
}
.after-bg-darkIndigo:after {
background: #4b0096 !important;
}
.after-fg-darkIndigo:after {
color: #4b0096 !important;
}
.bg-hover-darkIndigo:hover {
background: #4b0096 !important;
}
.bg-active-darkIndigo:active {
background: #4b0096 !important;
}
.bg-focus-darkIndigo:focus {
background: #4b0096 !important;
}
.fg-hover-darkIndigo:hover {
color: #4b0096 !important;
}
.fg-active-darkIndigo:active {
color: #4b0096 !important;
}
.fg-focus-darkIndigo:focus {
color: #4b0096 !important;
}
.fg-darkCyan {
color: #1b6eae !important;
}
.bg-darkCyan {
background-color: #1b6eae !important;
}
.bd-darkCyan {
border-color: #1b6eae !important;
}
.ol-darkCyan {
outline-color: #1b6eae !important;
}
.op-darkCyan {
background-color: rgba(27, 110, 174, 0.7);
}
.ribbed-darkCyan {
background: #1b6eae linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkCyan:before {
background: #1b6eae !important;
}
.before-fg-darkCyan:before {
color: #1b6eae !important;
}
.after-bg-darkCyan:after {
background: #1b6eae !important;
}
.after-fg-darkCyan:after {
color: #1b6eae !important;
}
.bg-hover-darkCyan:hover {
background: #1b6eae !important;
}
.bg-active-darkCyan:active {
background: #1b6eae !important;
}
.bg-focus-darkCyan:focus {
background: #1b6eae !important;
}
.fg-hover-darkCyan:hover {
color: #1b6eae !important;
}
.fg-active-darkCyan:active {
color: #1b6eae !important;
}
.fg-focus-darkCyan:focus {
color: #1b6eae !important;
}
.fg-darkCobalt {
color: #00356a !important;
}
.bg-darkCobalt {
background-color: #00356a !important;
}
.bd-darkCobalt {
border-color: #00356a !important;
}
.ol-darkCobalt {
outline-color: #00356a !important;
}
.op-darkCobalt {
background-color: rgba(0, 53, 106, 0.7);
}
.ribbed-darkCobalt {
background: #00356a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkCobalt:before {
background: #00356a !important;
}
.before-fg-darkCobalt:before {
color: #00356a !important;
}
.after-bg-darkCobalt:after {
background: #00356a !important;
}
.after-fg-darkCobalt:after {
color: #00356a !important;
}
.bg-hover-darkCobalt:hover {
background: #00356a !important;
}
.bg-active-darkCobalt:active {
background: #00356a !important;
}
.bg-focus-darkCobalt:focus {
background: #00356a !important;
}
.fg-hover-darkCobalt:hover {
color: #00356a !important;
}
.fg-active-darkCobalt:active {
color: #00356a !important;
}
.fg-focus-darkCobalt:focus {
color: #00356a !important;
}
.fg-darkTeal {
color: #004050 !important;
}
.bg-darkTeal {
background-color: #004050 !important;
}
.bd-darkTeal {
border-color: #004050 !important;
}
.ol-darkTeal {
outline-color: #004050 !important;
}
.op-darkTeal {
background-color: rgba(0, 64, 80, 0.7);
}
.ribbed-darkTeal {
background: #004050 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkTeal:before {
background: #004050 !important;
}
.before-fg-darkTeal:before {
color: #004050 !important;
}
.after-bg-darkTeal:after {
background: #004050 !important;
}
.after-fg-darkTeal:after {
color: #004050 !important;
}
.bg-hover-darkTeal:hover {
background: #004050 !important;
}
.bg-active-darkTeal:active {
background: #004050 !important;
}
.bg-focus-darkTeal:focus {
background: #004050 !important;
}
.fg-hover-darkTeal:hover {
color: #004050 !important;
}
.fg-active-darkTeal:active {
color: #004050 !important;
}
.fg-focus-darkTeal:focus {
color: #004050 !important;
}
.fg-darkEmerald {
color: #003e00 !important;
}
.bg-darkEmerald {
background-color: #003e00 !important;
}
.bd-darkEmerald {
border-color: #003e00 !important;
}
.ol-darkEmerald {
outline-color: #003e00 !important;
}
.op-darkEmerald {
background-color: rgba(0, 62, 0, 0.7);
}
.ribbed-darkEmerald {
background: #003e00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkEmerald:before {
background: #003e00 !important;
}
.before-fg-darkEmerald:before {
color: #003e00 !important;
}
.after-bg-darkEmerald:after {
background: #003e00 !important;
}
.after-fg-darkEmerald:after {
color: #003e00 !important;
}
.bg-hover-darkEmerald:hover {
background: #003e00 !important;
}
.bg-active-darkEmerald:active {
background: #003e00 !important;
}
.bg-focus-darkEmerald:focus {
background: #003e00 !important;
}
.fg-hover-darkEmerald:hover {
color: #003e00 !important;
}
.fg-active-darkEmerald:active {
color: #003e00 !important;
}
.fg-focus-darkEmerald:focus {
color: #003e00 !important;
}
.fg-darkGreen {
color: #128023 !important;
}
.bg-darkGreen {
background-color: #128023 !important;
}
.bd-darkGreen {
border-color: #128023 !important;
}
.ol-darkGreen {
outline-color: #128023 !important;
}
.op-darkGreen {
background-color: rgba(18, 128, 35, 0.7);
}
.ribbed-darkGreen {
background: #128023 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkGreen:before {
background: #128023 !important;
}
.before-fg-darkGreen:before {
color: #128023 !important;
}
.after-bg-darkGreen:after {
background: #128023 !important;
}
.after-fg-darkGreen:after {
color: #128023 !important;
}
.bg-hover-darkGreen:hover {
background: #128023 !important;
}
.bg-active-darkGreen:active {
background: #128023 !important;
}
.bg-focus-darkGreen:focus {
background: #128023 !important;
}
.fg-hover-darkGreen:hover {
color: #128023 !important;
}
.fg-active-darkGreen:active {
color: #128023 !important;
}
.fg-focus-darkGreen:focus {
color: #128023 !important;
}
.fg-darkOrange {
color: #bf5a15 !important;
}
.bg-darkOrange {
background-color: #bf5a15 !important;
}
.bd-darkOrange {
border-color: #bf5a15 !important;
}
.ol-darkOrange {
outline-color: #bf5a15 !important;
}
.op-darkOrange {
background-color: rgba(191, 90, 21, 0.7);
}
.ribbed-darkOrange {
background: #bf5a15 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkOrange:before {
background: #bf5a15 !important;
}
.before-fg-darkOrange:before {
color: #bf5a15 !important;
}
.after-bg-darkOrange:after {
background: #bf5a15 !important;
}
.after-fg-darkOrange:after {
color: #bf5a15 !important;
}
.bg-hover-darkOrange:hover {
background: #bf5a15 !important;
}
.bg-active-darkOrange:active {
background: #bf5a15 !important;
}
.bg-focus-darkOrange:focus {
background: #bf5a15 !important;
}
.fg-hover-darkOrange:hover {
color: #bf5a15 !important;
}
.fg-active-darkOrange:active {
color: #bf5a15 !important;
}
.fg-focus-darkOrange:focus {
color: #bf5a15 !important;
}
.fg-darkRed {
color: #9a1616 !important;
}
.bg-darkRed {
background-color: #9a1616 !important;
}
.bd-darkRed {
border-color: #9a1616 !important;
}
.ol-darkRed {
outline-color: #9a1616 !important;
}
.op-darkRed {
background-color: rgba(154, 22, 22, 0.7);
}
.ribbed-darkRed {
background: #9a1616 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkRed:before {
background: #9a1616 !important;
}
.before-fg-darkRed:before {
color: #9a1616 !important;
}
.after-bg-darkRed:after {
background: #9a1616 !important;
}
.after-fg-darkRed:after {
color: #9a1616 !important;
}
.bg-hover-darkRed:hover {
background: #9a1616 !important;
}
.bg-active-darkRed:active {
background: #9a1616 !important;
}
.bg-focus-darkRed:focus {
background: #9a1616 !important;
}
.fg-hover-darkRed:hover {
color: #9a1616 !important;
}
.fg-active-darkRed:active {
color: #9a1616 !important;
}
.fg-focus-darkRed:focus {
color: #9a1616 !important;
}
.fg-darkPink {
color: #9a165a !important;
}
.bg-darkPink {
background-color: #9a165a !important;
}
.bd-darkPink {
border-color: #9a165a !important;
}
.ol-darkPink {
outline-color: #9a165a !important;
}
.op-darkPink {
background-color: rgba(154, 22, 90, 0.7);
}
.ribbed-darkPink {
background: #9a165a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkPink:before {
background: #9a165a !important;
}
.before-fg-darkPink:before {
color: #9a165a !important;
}
.after-bg-darkPink:after {
background: #9a165a !important;
}
.after-fg-darkPink:after {
color: #9a165a !important;
}
.bg-hover-darkPink:hover {
background: #9a165a !important;
}
.bg-active-darkPink:active {
background: #9a165a !important;
}
.bg-focus-darkPink:focus {
background: #9a165a !important;
}
.fg-hover-darkPink:hover {
color: #9a165a !important;
}
.fg-active-darkPink:active {
color: #9a165a !important;
}
.fg-focus-darkPink:focus {
color: #9a165a !important;
}
.fg-darkViolet {
color: #57169a !important;
}
.bg-darkViolet {
background-color: #57169a !important;
}
.bd-darkViolet {
border-color: #57169a !important;
}
.ol-darkViolet {
outline-color: #57169a !important;
}
.op-darkViolet {
background-color: rgba(87, 22, 154, 0.7);
}
.ribbed-darkViolet {
background: #57169a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkViolet:before {
background: #57169a !important;
}
.before-fg-darkViolet:before {
color: #57169a !important;
}
.after-bg-darkViolet:after {
background: #57169a !important;
}
.after-fg-darkViolet:after {
color: #57169a !important;
}
.bg-hover-darkViolet:hover {
background: #57169a !important;
}
.bg-active-darkViolet:active {
background: #57169a !important;
}
.bg-focus-darkViolet:focus {
background: #57169a !important;
}
.fg-hover-darkViolet:hover {
color: #57169a !important;
}
.fg-active-darkViolet:active {
color: #57169a !important;
}
.fg-focus-darkViolet:focus {
color: #57169a !important;
}
.fg-darkBlue {
color: #16499a !important;
}
.bg-darkBlue {
background-color: #16499a !important;
}
.bd-darkBlue {
border-color: #16499a !important;
}
.ol-darkBlue {
outline-color: #16499a !important;
}
.op-darkBlue {
background-color: rgba(22, 73, 154, 0.7);
}
.ribbed-darkBlue {
background: #16499a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkBlue:before {
background: #16499a !important;
}
.before-fg-darkBlue:before {
color: #16499a !important;
}
.after-bg-darkBlue:after {
background: #16499a !important;
}
.after-fg-darkBlue:after {
color: #16499a !important;
}
.bg-hover-darkBlue:hover {
background: #16499a !important;
}
.bg-active-darkBlue:active {
background: #16499a !important;
}
.bg-focus-darkBlue:focus {
background: #16499a !important;
}
.fg-hover-darkBlue:hover {
color: #16499a !important;
}
.fg-active-darkBlue:active {
color: #16499a !important;
}
.fg-focus-darkBlue:focus {
color: #16499a !important;
}
.fg-lightBlue {
color: #4390df !important;
}
.bg-lightBlue {
background-color: #4390df !important;
}
.bd-lightBlue {
border-color: #4390df !important;
}
.ol-lightBlue {
outline-color: #4390df !important;
}
.op-lightBlue {
background-color: rgba(67, 144, 223, 0.7);
}
.ribbed-lightBlue {
background: #4390df linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightBlue:before {
background: #4390df !important;
}
.before-fg-lightBlue:before {
color: #4390df !important;
}
.after-bg-lightBlue:after {
background: #4390df !important;
}
.after-fg-lightBlue:after {
color: #4390df !important;
}
.bg-hover-lightBlue:hover {
background: #4390df !important;
}
.bg-active-lightBlue:active {
background: #4390df !important;
}
.bg-focus-lightBlue:focus {
background: #4390df !important;
}
.fg-hover-lightBlue:hover {
color: #4390df !important;
}
.fg-active-lightBlue:active {
color: #4390df !important;
}
.fg-focus-lightBlue:focus {
color: #4390df !important;
}
.fg-lighterBlue {
color: #00ccff !important;
}
.bg-lighterBlue {
background-color: #00ccff !important;
}
.bd-lighterBlue {
border-color: #00ccff !important;
}
.ol-lighterBlue {
outline-color: #00ccff !important;
}
.op-lighterBlue {
background-color: rgba(0, 204, 255, 0.7);
}
.ribbed-lighterBlue {
background: #00ccff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lighterBlue:before {
background: #00ccff !important;
}
.before-fg-lighterBlue:before {
color: #00ccff !important;
}
.after-bg-lighterBlue:after {
background: #00ccff !important;
}
.after-fg-lighterBlue:after {
color: #00ccff !important;
}
.bg-hover-lighterBlue:hover {
background: #00ccff !important;
}
.bg-active-lighterBlue:active {
background: #00ccff !important;
}
.bg-focus-lighterBlue:focus {
background: #00ccff !important;
}
.fg-hover-lighterBlue:hover {
color: #00ccff !important;
}
.fg-active-lighterBlue:active {
color: #00ccff !important;
}
.fg-focus-lighterBlue:focus {
color: #00ccff !important;
}
.fg-lightTeal {
color: #45fffd !important;
}
.bg-lightTeal {
background-color: #45fffd !important;
}
.bd-lightTeal {
border-color: #45fffd !important;
}
.ol-lightTeal {
outline-color: #45fffd !important;
}
.op-lightTeal {
background-color: rgba(69, 255, 253, 0.7);
}
.ribbed-lightTeal {
background: #45fffd linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightTeal:before {
background: #45fffd !important;
}
.before-fg-lightTeal:before {
color: #45fffd !important;
}
.after-bg-lightTeal:after {
background: #45fffd !important;
}
.after-fg-lightTeal:after {
color: #45fffd !important;
}
.bg-hover-lightTeal:hover {
background: #45fffd !important;
}
.bg-active-lightTeal:active {
background: #45fffd !important;
}
.bg-focus-lightTeal:focus {
background: #45fffd !important;
}
.fg-hover-lightTeal:hover {
color: #45fffd !important;
}
.fg-active-lightTeal:active {
color: #45fffd !important;
}
.fg-focus-lightTeal:focus {
color: #45fffd !important;
}
.fg-lightOlive {
color: #78aa1c !important;
}
.bg-lightOlive {
background-color: #78aa1c !important;
}
.bd-lightOlive {
border-color: #78aa1c !important;
}
.ol-lightOlive {
outline-color: #78aa1c !important;
}
.op-lightOlive {
background-color: rgba(120, 170, 28, 0.7);
}
.ribbed-lightOlive {
background: #78aa1c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightOlive:before {
background: #78aa1c !important;
}
.before-fg-lightOlive:before {
color: #78aa1c !important;
}
.after-bg-lightOlive:after {
background: #78aa1c !important;
}
.after-fg-lightOlive:after {
color: #78aa1c !important;
}
.bg-hover-lightOlive:hover {
background: #78aa1c !important;
}
.bg-active-lightOlive:active {
background: #78aa1c !important;
}
.bg-focus-lightOlive:focus {
background: #78aa1c !important;
}
.fg-hover-lightOlive:hover {
color: #78aa1c !important;
}
.fg-active-lightOlive:active {
color: #78aa1c !important;
}
.fg-focus-lightOlive:focus {
color: #78aa1c !important;
}
.fg-lightOrange {
color: #ffc194 !important;
}
.bg-lightOrange {
background-color: #ffc194 !important;
}
.bd-lightOrange {
border-color: #ffc194 !important;
}
.ol-lightOrange {
outline-color: #ffc194 !important;
}
.op-lightOrange {
background-color: rgba(255, 193, 148, 0.7);
}
.ribbed-lightOrange {
background: #ffc194 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightOrange:before {
background: #ffc194 !important;
}
.before-fg-lightOrange:before {
color: #ffc194 !important;
}
.after-bg-lightOrange:after {
background: #ffc194 !important;
}
.after-fg-lightOrange:after {
color: #ffc194 !important;
}
.bg-hover-lightOrange:hover {
background: #ffc194 !important;
}
.bg-active-lightOrange:active {
background: #ffc194 !important;
}
.bg-focus-lightOrange:focus {
background: #ffc194 !important;
}
.fg-hover-lightOrange:hover {
color: #ffc194 !important;
}
.fg-active-lightOrange:active {
color: #ffc194 !important;
}
.fg-focus-lightOrange:focus {
color: #ffc194 !important;
}
.fg-lightPink {
color: #f472d0 !important;
}
.bg-lightPink {
background-color: #f472d0 !important;
}
.bd-lightPink {
border-color: #f472d0 !important;
}
.ol-lightPink {
outline-color: #f472d0 !important;
}
.op-lightPink {
background-color: rgba(244, 114, 208, 0.7);
}
.ribbed-lightPink {
background: #f472d0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightPink:before {
background: #f472d0 !important;
}
.before-fg-lightPink:before {
color: #f472d0 !important;
}
.after-bg-lightPink:after {
background: #f472d0 !important;
}
.after-fg-lightPink:after {
color: #f472d0 !important;
}
.bg-hover-lightPink:hover {
background: #f472d0 !important;
}
.bg-active-lightPink:active {
background: #f472d0 !important;
}
.bg-focus-lightPink:focus {
background: #f472d0 !important;
}
.fg-hover-lightPink:hover {
color: #f472d0 !important;
}
.fg-active-lightPink:active {
color: #f472d0 !important;
}
.fg-focus-lightPink:focus {
color: #f472d0 !important;
}
.fg-lightRed {
color: #da5a53 !important;
}
.bg-lightRed {
background-color: #da5a53 !important;
}
/*.fg-black {
color: #000 !important;
}*/
.bd-lightRed {
border-color: #da5a53 !important;
}
.ol-lightRed {
outline-color: #da5a53 !important;
}
.op-lightRed {
background-color: rgba(218, 90, 83, 0.7);
}
.ribbed-lightRed {
background: #da5a53 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightRed:before {
background: #da5a53 !important;
}
.before-fg-lightRed:before {
color: #da5a53 !important;
}
.after-bg-lightRed:after {
background: #da5a53 !important;
}
.after-fg-lightRed:after {
color: #da5a53 !important;
}
.bg-hover-lightRed:hover {
background: #da5a53 !important;
}
.bg-active-lightRed:active {
background: #da5a53 !important;
}
.bg-focus-lightRed:focus {
background: #da5a53 !important;
}
.fg-hover-lightRed:hover {
color: #da5a53 !important;
}
.fg-active-lightRed:active {
color: #da5a53 !important;
}
.fg-focus-lightRed:focus {
color: #da5a53 !important;
}
.fg-lightGreen {
color: #7ad61d !important;
}
.fg-disabled{
color: #d1cfcf !important;
pointer-events: none;
}
.bg-lightGreen {
background-color: #7ad61d !important;
}
.bd-lightGreen {
border-color: #7ad61d !important;
}
.ol-lightGreen {
outline-color: #7ad61d !important;
}
.op-lightGreen {
background-color: rgba(122, 214, 29, 0.7);
}
.ribbed-lightGreen {
background: #7ad61d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightGreen:before {
background: #7ad61d !important;
}
.before-fg-lightGreen:before {
color: #7ad61d !important;
}
.after-bg-lightGreen:after {
background: #7ad61d !important;
}
.after-fg-lightGreen:after {
color: #7ad61d !important;
}
.bg-hover-lightGreen:hover {
background: #7ad61d !important;
}
.bg-active-lightGreen:active {
background: #7ad61d !important;
}
.bg-focus-lightGreen:focus {
background: #7ad61d !important;
}
.fg-hover-lightGreen:hover {
color: #7ad61d !important;
}
.fg-active-lightGreen:active {
color: #7ad61d !important;
}
.fg-focus-lightGreen:focus {
color: #7ad61d !important;
}
.fg-lightCyan {
color: #59cde2 !important;
}
.bg-lightCyan {
background-color: #59cde2 !important;
}
.bd-lightCyan {
border-color: #59cde2 !important;
}
.ol-lightCyan {
outline-color: #59cde2 !important;
}
.op-lightCyan {
background-color: rgba(89, 205, 226, 0.7);
}
.ribbed-lightCyan {
background: #59cde2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightCyan:before {
background: #59cde2 !important;
}
.before-fg-lightCyan:before {
color: #59cde2 !important;
}
.after-bg-lightCyan:after {
background: #59cde2 !important;
}
.after-fg-lightCyan:after {
color: #59cde2 !important;
}
.bg-hover-lightCyan:hover {
background: #59cde2 !important;
}
.bg-active-lightCyan:active {
background: #59cde2 !important;
}
.bg-focus-lightCyan:focus {
background: #59cde2 !important;
}
.fg-hover-lightCyan:hover {
color: #59cde2 !important;
}
.fg-active-lightCyan:active {
color: #59cde2 !important;
}
.fg-focus-lightCyan:focus {
color: #59cde2 !important;
}
.fg-grayed {
color: #585858 !important;
}
.bg-grayed {
background-color: #585858 !important;
}
.bd-grayed {
border-color: #585858 !important;
}
.ol-grayed {
outline-color: #585858 !important;
}
.op-grayed {
background-color: rgba(88, 88, 88, 0.7);
}
.ribbed-grayed {
background: #585858 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-grayed:before {
background: #585858 !important;
}
.before-fg-grayed:before {
color: #585858 !important;
}
.after-bg-grayed:after {
background: #585858 !important;
}
.after-fg-grayed:after {
color: #585858 !important;
}
.bg-hover-grayed:hover {
background: #585858 !important;
}
.bg-active-grayed:active {
background: #585858 !important;
}
.bg-focus-grayed:focus {
background: #585858 !important;
}
.fg-hover-grayed:hover {
color: #585858 !important;
}
.fg-active-grayed:active {
color: #585858 !important;
}
.fg-focus-grayed:focus {
color: #585858 !important;
}
.fg-grayDarker {
color: #222222 !important;
}
.bg-grayDarker {
background-color: #222222 !important;
}
.bd-grayDarker {
border-color: #222222 !important;
}
.ol-grayDarker {
outline-color: #222222 !important;
}
.op-grayDarker {
background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-grayDarker {
background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-grayDarker:before {
background: #222222 !important;
}
.before-fg-grayDarker:before {
color: #222222 !important;
}
.after-bg-grayDarker:after {
background: #222222 !important;
}
.after-fg-grayDarker:after {
color: #222222 !important;
}
.bg-hover-grayDarker:hover {
background: #222222 !important;
}
.bg-active-grayDarker:active {
background: #222222 !important;
}
.bg-focus-grayDarker:focus {
background: #222222 !important;
}
.fg-hover-grayDarker:hover {
color: #222222 !important;
}
.fg-active-grayDarker:active {
color: #222222 !important;
}
.fg-focus-grayDarker:focus {
color: #222222 !important;
}
.fg-grayDark {
color: #333333 !important;
}
.bg-grayDark {
background-color: #333333 !important;
}
.bd-grayDark {
border-color: #333333 !important;
}
.ol-grayDark {
outline-color: #333333 !important;
}
.op-grayDark {
background-color: rgba(51, 51, 51, 0.7);
}
.ribbed-grayDark {
background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-grayDark:before {
background: #333333 !important;
}
.before-fg-grayDark:before {
color: #333333 !important;
}
.after-bg-grayDark:after {
background: #333333 !important;
}
.after-fg-grayDark:after {
color: #333333 !important;
}
.bg-hover-grayDark:hover {
background: #333333 !important;
}
.bg-active-grayDark:active {
background: #333333 !important;
}
.bg-focus-grayDark:focus {
background: #333333 !important;
}
.fg-hover-grayDark:hover {
color: #333333 !important;
}
.fg-active-grayDark:active {
color: #333333 !important;
}
.fg-focus-grayDark:focus {
color: #333333 !important;
}
.fg-gray10 {
color: #cfcfcf !important;
}
.fg-gray20 {
color: #b5b5b5 !important;
}
.fg-gray10:hover {
color: #cfcfcf !important;
}
/*.fg-gray20:hover {
color: #7d7d7d !important;
}*/
.fg-positive-value, .fg-positive-value:hover {
color: #649346 !important;
}
.fg-gray {
color: #515151;
}
.fg-gray:hover {
color: #000000;
}
/*.fg-gray.disabled {
color: #8d8d8d !important;
pointer-events: none;
}*/
.fg-gray30 {
color: #9f9e9e !important;
}
.fg-gray30:hover {
color: #616161 !important;
}
/*.fg-gray30.disabled {
color: #e0e0e0 !important;
pointer-events: none;
}*/
.fg-gray1{
color:#424242 !important;
}
.fg-gray2{
color: #5e5e5e !important;
}
.bg-gray {
background-color: #555555 !important;
}
.bg-gray10 {
background-color: #f5f5f5 !important;
}
.bd-gray {
border-color: #555555 !important;
}
.ol-gray {
outline-color: #555555 !important;
}
#ribbon-icons .fg-gray10:hover{ color:#cfcfcf !important}
#ribbon-icons .fg-green:hover{color:#c2cd60 !important}
#ribbon-icons .fg-pink:hover{color:#dc4fad !important}
.op-gray {
background-color: rgba(85, 85, 85, 0.7);
}
.ribbed-gray {
background: #555555 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-gray:before {
background: #555555 !important;
}
.before-fg-gray:before {
color: #555555 !important;
}
.after-bg-gray:after {
background: #555555 !important;
}
.after-fg-gray:after {
color: #555555 !important;
}
.bg-hover-gray:hover {
background: #555555 !important;
}
.bg-active-gray:active {
background: #555555 !important;
}
.bg-focus-gray:focus {
background: #555555 !important;
}
.fg-hover-gray:hover {
color: #555555 !important;
}
.fg-active-gray:active {
color: #555555 !important;
}
.fg-focus-gray:focus {
color: #555555 !important;
}
/*.fg-grayLight {
color: #d5d5d5 !important;
}*/
.bg-grayLight {
background-color: #999999 !important;
}
.bd-grayLight {
border-color: #999999 !important;
}
.ol-grayLight {
outline-color: #999999 !important;
}
.op-grayLight {
background-color: rgba(153, 153, 153, 0.7);
}
.ribbed-grayLight {
background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-grayLight:before {
background: #999999 !important;
}
.before-fg-grayLight:before {
color: #999999 !important;
}
.after-bg-grayLight:after {
background: #999999 !important;
}
.after-fg-grayLight:after {
color: #999999 !important;
}
.bg-hover-grayLight:hover {
background: #999999 !important;
}
.bg-active-grayLight:active {
background: #999999 !important;
}
.bg-focus-grayLight:focus {
background: #999999 !important;
}
.fg-hover-grayLight:hover {
color: #999999 !important;
}
.fg-active-grayLight:active {
color: #999999 !important;
}
.fg-focus-grayLight:focus {
color: #999999 !important;
}
.fg-grayLighter {
color: #eeeeee !important;
}
.bg-grayLighter {
background-color: #eeeeee !important;
}
.bd-grayLighter {
border-color: #eeeeee !important;
}
.ol-grayLighter {
outline-color: #eeeeee !important;
}
.op-grayLighter {
background-color: rgba(238, 238, 238, 0.7);
}
.ribbed-grayLighter {
background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-grayLighter:before {
background: #eeeeee !important;
}
.before-fg-grayLighter:before {
color: #eeeeee !important;
}
.after-bg-grayLighter:after {
background: #eeeeee !important;
}
.after-fg-grayLighter:after {
color: #eeeeee !important;
}
.bg-hover-grayLighter:hover {
background: #eeeeee !important;
}
.bg-active-grayLighter:active {
background: #eeeeee !important;
}
.bg-focus-grayLighter:focus {
background: #eeeeee !important;
}
.fg-hover-grayLighter:hover {
color: #eeeeee !important;
}
.fg-active-grayLighter:active {
color: #eeeeee !important;
}
.fg-focus-grayLighter:focus {
color: #eeeeee !important;
}
.fg-lightGray {
color: #999999 !important;
}
.bg-lightGray {
background-color: #999999 !important;
}
.bd-lightGray {
border-color: #999999 !important;
}
.ol-lightGray {
outline-color: #999999 !important;
}
.op-lightGray {
background-color: rgba(153, 153, 153, 0.7);
}
.ribbed-lightGray {
background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lightGray:before {
background: #999999 !important;
}
.before-fg-lightGray:before {
color: #999999 !important;
}
.after-bg-lightGray:after {
background: #999999 !important;
}
.after-fg-lightGray:after {
color: #999999 !important;
}
.bg-hover-lightGray:hover {
background: #999999 !important;
}
.bg-active-lightGray:active {
background: #999999 !important;
}
.bg-focus-lightGray:focus {
background: #999999 !important;
}
.fg-hover-lightGray:hover {
color: #999999 !important;
}
.fg-active-lightGray:active {
color: #999999 !important;
}
.fg-focus-lightGray:focus {
color: #999999 !important;
}
.fg-lighterGray {
color: #eeeeee !important;
}
.bg-lighterGray {
background-color: #eeeeee !important;
}
.bd-lighterGray {
border-color: #eeeeee !important;
}
.ol-lighterGray {
outline-color: #eeeeee !important;
}
.op-lighterGray {
background-color: rgba(238, 238, 238, 0.7);
}
.ribbed-lighterGray {
background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-lighterGray:before {
background: #eeeeee !important;
}
.before-fg-lighterGray:before {
color: #eeeeee !important;
}
.after-bg-lighterGray:after {
background: #eeeeee !important;
}
.after-fg-lighterGray:after {
color: #eeeeee !important;
}
.bg-hover-lighterGray:hover {
background: #eeeeee !important;
}
.bg-active-lighterGray:active {
background: #eeeeee !important;
}
.bg-focus-lighterGray:focus {
background: #eeeeee !important;
}
.fg-hover-lighterGray:hover {
color: #eeeeee !important;
}
.fg-active-lighterGray:active {
color: #eeeeee !important;
}
.fg-focus-lighterGray:focus {
color: #eeeeee !important;
}
.fg-darkGray {
color: #333333 !important;
}
.bg-darkGray {
background-color: #333333 !important;
}
.bd-darkGray {
border-color: #333333 !important;
}
.ol-darkGray {
outline-color: #333333 !important;
}
.op-darkGray {
background-color: rgba(51, 51, 51, 0.7);
}
.ribbed-darkGray {
background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkGray:before {
background: #333333 !important;
}
.before-fg-darkGray:before {
color: #333333 !important;
}
.after-bg-darkGray:after {
background: #333333 !important;
}
.after-fg-darkGray:after {
color: #333333 !important;
}
.bg-hover-darkGray:hover {
background: #333333 !important;
}
.bg-active-darkGray:active {
background: #333333 !important;
}
.bg-focus-darkGray:focus {
background: #333333 !important;
}
.fg-hover-darkGray:hover {
color: #333333 !important;
}
.fg-active-darkGray:active {
color: #333333 !important;
}
.fg-focus-darkGray:focus {
color: #333333 !important;
}
.fg-darkerGray {
color: #222222 !important;
}
.bg-darkerGray {
background-color: #222222 !important;
}
.bd-darkerGray {
border-color: #222222 !important;
}
.ol-darkerGray {
outline-color: #222222 !important;
}
.op-darkerGray {
background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-darkerGray {
background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darkerGray:before {
background: #222222 !important;
}
.before-fg-darkerGray:before {
color: #222222 !important;
}
.after-bg-darkerGray:after {
background: #222222 !important;
}
.after-fg-darkerGray:after {
color: #222222 !important;
}
.bg-hover-darkerGray:hover {
background: #222222 !important;
}
.bg-active-darkerGray:active {
background: #222222 !important;
}
.bg-focus-darkerGray:focus {
background: #222222 !important;
}
.fg-hover-darkerGray:hover {
color: #222222 !important;
}
.fg-active-darkerGray:active {
color: #222222 !important;
}
.fg-focus-darkerGray:focus {
color: #222222 !important;
}
.fg-darker {
color: #222222 !important;
}
.bg-darker {
background-color: #222222 !important;
}
.bd-darker {
border-color: #222222 !important;
}
.ol-darker {
outline-color: #222222 !important;
}
.op-darker {
background-color: rgba(34, 34, 34, 0.7);
}
.ribbed-darker {
background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
background-size: 40px 40px !important;
}
.before-bg-darker:before {
background: #222222 !important;
}
.before-fg-darker:before {
color: #222222 !important;
}
.after-bg-darker:after {
background: #222222 !important;
}
.after-fg-darker:after {
color: #222222 !important;
}
.bg-hover-darker:hover {
background: #222222 !important;
}
.bg-active-darker:active {
background: #222222 !important;
}
.bg-focus-darker:focus {
background: #222222 !important;
}
.fg-hover-darker:hover {
color: #222222 !important;
}
.fg-active-darker:active {
color: #222222 !important;
}
.fg-focus-darker:focus {
color: #222222 !important;
}
.dropdown-toggle {
position: relative;
cursor: pointer;
}
.dropdown-toggle:before {
display: block;
position: absolute;
vertical-align: middle;
color: transparent;
font-size: 0;
content: "";
height: 7px;
width: 7px;
background-color: transparent;
border-left: 2px solid;
border-bottom: 2px solid;
border-color: #1d1d1d;
top: 48%;
left: 99%;
margin-left: -1.08rem;
margin-top: -0.1625rem;
z-index: 2;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.dropdown-toggle.drop-marker-light:before {
border-color: #ffffff;
}
*.dropdown-toggle {
padding-right: 1.625rem;
}
.flush-list {
padding: 0;
margin: 0;
list-style: none inside none;
}
.shadow {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.before-shadow:before {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.after-shadow:after {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.block-shadow {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.block-shadow-success {
box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.block-shadow-error {
box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-danger {
box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-warning {
box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.block-shadow-info {
box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.block-shadow-impact {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.bottom-shadow {
box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
}
.text-shadow {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.before-text-shadow:before {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.after-text-shadow:after {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.no-shadow {
box-shadow: none !important;
}
.full-size {
width: 100% !important;
}
.block {
display: block !important;
}
.inline-block {
display: inline-block !important;
}
.no-display {
display: none !important;
}
.no-margin {
margin: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
.no-margin-left {
margin-left: 0 !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.no-padding-left {
padding-left: 0 !important;
}
.no-padding-right {
padding-right: 0 !important;
}
.no-padding-top {
padding-top: 0 !important;
}
.no-padding-bottom {
padding-bottom: 0 !important;
}
.no-float {
float: none !important;
}
.no-visible {
visibility: hidden !important;
}
.no-border {
border: 0 !important;
}
.no-overflow {
overflow: hidden !important;
}
.no-scroll {
overflow: hidden !important;
}
.no-scroll-x {
overflow-x: hidden !important;
}
.no-scroll-y {
overflow-y: hidden !important;
}
.no-wrap {
white-space: nowrap !important;
}
.no-border-left {
border-left: none !important;
}
.no-border-right {
border-right: none !important;
}
.no-border-top {
border-top: none !important;
}
.no-border-bottom {
border-bottom: none !important;
}
.transparent-border {
border-color: transparent !important;
}
.place-right {
float: right !important;
}
.place-left {
float: left !important;
}
.clear-float:before,
.clear-float:after {
display: table;
content: "";
}
.clear-float:after {
clear: both;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
.no-user-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.no-appearance {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image:none !important;
}
.debug {
border: 1px dashed red;
}
.example {
padding: .625rem 1.825rem .625rem 2.5rem;
border: 1px #ccc dashed;
position: relative;
margin: 0 0 .625rem 0;
background-color: #ffffff;
}
.example:before,
.example:after {
display: table;
content: "";
}
.example:after {
clear: both;
}
.example:before {
position: absolute;
content: attr(data-text);
text-transform: lowercase;
left: 1.5rem;
top: 11.875rem;
color: gray;
display: block;
font-size: 1rem;
line-height: 1rem;
height: 1rem;
text-align: right;
white-space: nowrap;
direction: ltr;
width: 12.5rem;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.paddingR2 {
padding-right: 2px;
}
.padding-R1{padding-right: 1px;}
.pad15{ padding:0.1375rem;}
.pad10{ padding:0.635rem;}
.paddingT0{ padding-top:0px;}
.padding10 {
padding: 0.625rem;
}
.padding20 {
padding: 1.25rem;
}
.padding30 {
padding: 1.875rem;
}
.padding40 {
padding: 2.5rem;
}
.padding50 {
padding: 3.125rem;
}
.padding60 {
padding: 3.75rem;
}
.padding70 {
padding: 4.375rem;
}
.padding80 {
padding: 5rem;
}
.padding90 {
padding: 5.625rem;
}
.padding100 {
padding: 6.25rem;
}
.padding5 {
padding: 0.325rem;
}
.padding0{ padding:0px;}
.margin0 {
margin:0px !important;
}
.margin5 {
margin: 5px;
}
.margin10 {
margin: 0.625rem;
}
.marginTB10 {
margin: 0.625rem 0;
}
.marginT18 { margin-top:1.125rem;}
.marLR10 { margin-left:0.625rem; margin-right:0.625rem;}
.margin20 {
margin: 1.25rem;
}
.margin30 {
margin: 1.875rem;
}
.margin40 {
margin: 2.5rem;
}
.margin50 {
margin: 3.125rem;
}
.margin60 {
margin: 3.75rem;
}
.margin70 {
margin: 4.375rem;
}
.margin80 {
margin: 5rem;
}
.margin90 {
margin: 5.625rem;
}
.margin100 {
margin: 6.25rem;
}
/*.opacity {
opacity: .9;
}*/
.half-opacity {
opacity: .5;
}
.hi-opacity {
opacity: .2;
}
.element-selected {
border: 4px #4390df solid;
}
.element-selected:after {
position: absolute;
display: block;
border-top: 28px solid #4390df;
border-left: 28px solid transparent;
right: 0;
content: "";
top: 0;
z-index: 101;
}
.element-selected:before {
position: absolute;
display: block;
content: "";
background-color: transparent;
border-color: #ffffff;
border-left: 2px solid;
border-bottom: 2px solid;
height: .25rem;
width: .5rem;
right: 0;
top: 0;
z-index: 102;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* Block function */
.set-border {
border: 1px #d9d9d9 solid;
}
.set-border.medium-border {
border-width: 8px;
}
.set-border.large-border {
border-width: 16px;
}
.font11{
font-size:0.6875rem !important;
}
.font12{
font-size:0.75rem;
}
.font13{
font-size:0.8125rem;
}
.font14{
font-size:0.875rem !important;
}
.font15{
font-size:0.9375rem !important;
}
.font16{
font-size:1rem !important;
}
.font17{
font-size:1.0625rem !important;
}
.font18{
font-size:1.125rem !important;
}
.font19{
font-size:1.1875rem !important;
}
.font20{
font-size:1.25rem !important;
}
.font21{
font-size:1.3125rem;
}
.font22{
font-size:1.375rem !important;
}
.font23{
font-size:1.4375rem;
}
.font24{
font-size:1.5rem !important;
}
.font25{
font-size:1.5625rem !important;
}
.font26{
font-size:1.625rem;
}
.font27{
font-size:1.6875rem !IMPORTANT;
}
.font28{
font-size:1.75rem;
}
.font29{
font-size:1.8125rem;
}
.font30{
font-size:1.875rem !important;
}
.font31{
font-size:1.9375rem !important;
}
.font32{
font-size:2rem !important;
}
.font40{
font-size:2.5rem;
}
.font41{
font-size:2.5625rem;
}
.font42{
font-size:2.625rem;
}
.font43{
font-size:2.6875rem;
}
.font44{
font-size:2.75rem;
}
.font45{
font-size:2.8125rem;
}
.font53{
font-size:3.3125rem;
}
.font54{
font-size:3.375rem;
}
.font55{
font-size:3.4375rem;
}
.font56{
font-size:3.5rem;
}
.font57{
font-size:3.5625rem;
}
.font58{
font-size:3.625rem;
}
.font70{
font-size:4.375rem;
}
.font80{
font-size:5.25rem;
}
.font100{
font-size:6.25rem;
}
.font120{
font-size:7.5rem;
}
.font150{
font-size:9.375rem;
}
/*HasmukhM: Added below css to make all encounter elements responsive*/
.customizedFont .font11{
font-size:11px !important;
}
.customizedFont .font12{
font-size:12px !important;
}
.customizedFont .font13{
font-size:13px !important;
}
.customizedFont .font14{
font-size:14px !important;
}
.customizedFont .font15{
font-size:15px !important;
}
.customizedFont .font16{
font-size:16px !important;
}
.customizedFont .font17{
font-size:17px !important;
}
.customizedFont .font18{
font-size:18px !important;
}
.customizedFont .font19{
font-size:19px !important;
}
.customizedFont .font20{
font-size:20px !important;
}
.customizedFont .font21{
font-size:21px !important;
}
.customizedFont .font22{
font-size:22px !important;
}
.customizedFont .font23{
font-size:23px !important;
}
.customizedFont .font24{
font-size:24px !important;
}
.customizedFont .font25{
font-size:25px !important;
}
.customizedFont .font26{
font-size:26px !important;
}
.customizedFont .font27{
font-size:27px !important;
}
.customizedFont .font28{
font-size:28px !important;
}
.customizedFont .font29{
font-size:29px !important;
}
.customizedFont .font30{
font-size:30px !important;
}
.customizedFont .font31{
font-size:31px !important;
}
.customizedFont .font32{
font-size:32px !important;
}
.customizedFont .font33{
font-size:33px !important;
}
.customizedFont .font34{
font-size:34px !important;
}
.customizedFont .font35{
font-size:35px !important;
}
.customizedFont .font36{
font-size:36px !important;
}
.customizedFont .font37{
font-size:37px !important;
}
.customizedFont .font38{
font-size:38px !important;
}
.customizedFont .font39{
font-size:39px !important;
}
.customizedFont .font40{
font-size:40px !important;
}
.customizedFont .font41{
font-size:41px !important;
}
.customizedFont .font42{
font-size:42px !important;
}
.customizedFont .font43{
font-size:43px !important;
}
.customizedFont .font44{
font-size:44px !important;
}
.customizedFont .font45{
font-size:45px !important;
}
.customizedFont .font70{
font-size:70px !important;
}
.fg-button-link{
color:#3580be;
}
.no-bordr {
border-left: none !important;
}
.fg-button-link:hover{
color:#074171;
}
/*End changes- HasmukhM*/
/*@media (min-width: 1024px) and (max-width:1279px)
{
.font14 {
font-size:0.9375rem;
}
}
@media (min-width:1280px) and (max-width:1365px)
{
.font14{
font-size:1.0rem;
}
}
@media (min-width: 1366px) and (max-width:1919px)
{
.font14{
font-size:1.0625rem;
}
}
@media (min-width: 1920px)
{
.font14 {
font-size:1.2rem;
}
}*/
.marL20{ margin-left:1.25rem !important;}
.marL40{ margin-left:2.50rem !important;}
.marR20{ margin-right:1.25rem !important;}
.marL10{ margin-left:0.625rem !important;}
ul.secondary-icons{ float:left; display:inline-block; margin:0px; padding-left:0px;}
ul.secondary-icons li{ float:left; list-style:none; text-align:center; margin:0px; line-height:1.8125rem;}
ul.secondary-icons li span:hover{ color:#42aaff;}
ul.secondary-icons li span.nohover:hover{ color:inherit;}
ul.secondary-icons li span.fg-gray10:hover, ul.secondary-icons li span.fg-green:hover, ul.secondary-icons li span.fg-pink:hover{ color:inherit;}
ul.secondary-icons li.div{ padding:0 0.2rem; width:inherit;}
ul.secondary-icons li.wid20{ width:1.25rem;}
ul.secondary-icons li.wid30{ width:1.8rem !important;}
ul.secondary-icons li.wid64{ width:4rem;}
ul.secondary-icons li.wid48{ width:3rem;}
ul.secondary-icons li.wid40{ width:3rem;}
ul.secondary-icons li.wid74{ width:5rem;}
.mif-unlink:before {
content: "\f127";
}
.head-icon-shadow{text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);}
.mif-back:before {content: "\e600";}
.mif-forth:before {content: "\e601";}
.mif-copy:before {content: "\e603";}
.mif-home:before {content: "\e604";}
.mif-search:before {
content: "\e605";
}
.mif-delete:before {
content: "\2716";
}
/*.mif-cog:before {content: "\e606";}*/
.mif-cog:before {content: "\e649";}
.mif-help:before {content: "\e607";}
.mif-efile:before {content: "\e608";}
.mif-auth:before {content: "\e609";}
.mif-circle-check:before {content: "\e609";}
.mif-circle-check-inv:before {content: "\e637";}
.mif-3d:before {content: "\e610";}
.mif-c2:before {content: "\e611";}
.mif-em:before {content: "\e612";}
.mif-eRx:before {content: "\e613";}
.mif-divider:before{content:"|"}
.mif-imageviewer:before {content: "\e614";}
.mif-eye:before {content: "\e615";}
.mif-encounter-imageimport:before {content: "\e616";}
.mif-encounter-insert:before {content: "\e617";}
.mif-encounter-transfer:before {content: "\e618";}
.mif-encounter-signature:before {content: "\e619";}
.mif-encounter-play:before {content: "\e620";}
.mif-encounter-mail-lock:before {content: "\e621";}
.mif-create-task:before {
content: "\e622";
}
.mif-lock:before {content: "\e684";}
.mif-unlock:before {content: "\e623";}
.mif-chat:before {
content: "\e624";
}
.mif-circle-plus:before {
content: "\e661";
}
.mif-copy-to:before {
content: "\e626";
}
.mif-copy-od-os:before {
content: "\e627";
}
.mif-copy-previous:before {
content: "\e628";
}
.mif-clear:before {
content: "\e629";
}
.mif-popup-clear:before {
content: "\e629";
}
.mif-calender:before {
content: "\e630";
}
.mif-normal-value:before {content: "\e631";}
.mif-remove:before {
content: "\e632";
}
.mif-disabled:before {content: "\e633";}
.mif-bell:before {content: "\e634";}
.mif-graph:before {content: "\e635";}
.mif-EST:before {
content: "\e636";
}
.mif-EST:before:hover{background-color:#000; border-radius:50%;}
.mif-menu-drawer:before {content: "\e638";}
.mif-history:before {content: "\e639";}
.elem-hist-btn:before {font-family: metro, serif;content: "\e639";}
.MacOsChrome .elem-hist-btn:before{
font-weight:700 !important;
opacity:0.99 !important;
}
.normal-elm-btn:before {font-family: metro, serif;content: "\e631"}
.MacOsChrome .normal-elm-btn:before{
font-weight:700 !important;
opacity:0.99 !important;
}
.mif-cross-circle:before {content: "\e640";}
.mif-odtoos:before {content: "\e641";}
.mif-nextto:before {content: "\e642";}
.mif-previousto:before {content: "\e643";}
.mif-settounk:before {content: "\e644";}
.mif-settono:before {content: "\e645";}
.mif-settoblank:before {content: "\e646";}
.mif-arrows:before {content: "\e647";}
.mif-edit:before {content: "\e648";}
.mif-settings:before {content: "\e649";}
.mif-copyfrom:before {content: "\e650";}
.mif-copyto:before {content: "\e651";}
.mif-clock:before {content: "\e652";}
.mif-clock:before {content: "\e652";}
.mif-ostood:before {content: "\e653";}
.mif-next:before {content: "\e654";}
.mif-previous:before {content: "\e655";}
.mif-top-hide:before {content: "\e656";}
.mif-bottom-hide:before {content: "\e657";}
.mif-ribbon-hide:before {content: "\e658";}
.mif-left-nav-hide:before {content: "\e659";}
.mif-uncheck:before {content: "\e660";}
.mif-check:before {content: "\e609";}
.mif-acti-dropdown:before {content: "\e662";}
.mif-apply-insurance:before {content: "\e663";}
.mif-percentage:before {content: "\e664";}
.mif-put-bottom:before {content: "\e665";}
.mif-transfer:before {content: "\e665";}
.mif-put-top:before {content: "\e666";}
.mif-plus-witcircle:before {content: "\e667";}
.mif-plus-dollarcircle:before {content: "\e668";}
.mif-info:before {content: "\e669";}
.mif-dropdown:before {content: "\e670";}
.mif-copyfrom:before {content: "\e671";}
.mif-repeat:before {content: "\e672";}
.mif-printer:before {content: "\e673";}
.mif-warning:before {content: "\e674";}
.mif-addframes:before {content: "\e675";}
.mif-deleteframes:before {content: "\e676";}
.mif-duplicate:before {content: "\e677";}
.mif-frame:before {content: "\e678";}
.mif-minus1:before {content: "\e679";}
.mif-plus1:before {content: "\e680";}
.mif-returnvendor:before {content: "\e681";}
.mif-tags:before {content: "\e682";}
.mif-reconciliation:before {content: "\e683";}
.mif-clear:before {content: "\e685";}
.mif-clear-circle:before {content: "\e660";}
.clear-elm-btn:before {
font-family: metro, serif;
content: "\e685";
}
.MacOsChrome .clear-elm-btn:before{
font-weight:700 !important;
opacity:0.99 !important;
}
.mif-dropdown1:before {content: "\e686";}
.mif-dropup:before {content: "\e687";}
.mif-right-arrow:before {content: "\e688";}
.mif-Arrow-Left:before {content: "\e689";}
.mif-signoff:before {content: "\e690";}
.mif-user:before {content: "\e691";}
.mif-Encounter-View:before {content: "\e692";}
.mif-Encounter-Add:before {content: "\e693";}
.mif-book:before {content: "\e694";}
.mif-Encounter-Notepad:before {content: "\e695";}
.mif-Medications-Download:before {content: "\e696";}
.mif-Profile-Picture:before {content: "\e697";}
.mif-Webcam:before {content: "\e698";}
.mif-Medications-Scanner:before {content: "\e700";}
.mif-Medications-Image-View:before {content: "\e701";}
.mif-WF:before {
content: "\e705";
}
.mif-T:before {
content: "\e706";
}
.mif-refresh:before {
content: "\e707";
}
.mif-PhoneNo:before {
content: "\e708";
}
.mif-Email-circle:before {
content: "\e709";
}
.mif-Email:before {
content: "\e710";
}
.mif-Transfer:before {
content: "\e711";
}
.mif-plus_minus:before {
content: "\e712";
}
.mif-minus:before {
content: "\e713";
}
.mif-recall:before {
content: "\e714";
}
.mif-mic:before {
content: "\e715";
}
.mif-e_folder:before {
content: "\e716";
}
.mif-microscope:before {
content: "\e717";
}
.mif-History:before {
content: "\e720";
}
.mif-Export:before {
content: "\e721";
}
.mif-Add:before {
content: "\e722";
}
.mif-Barcode:before {
content: "\e723";
}
.mif-Movebill:before {
content: "\e724";
}
.mif-Createtask:before {
content: "\e725";
}
.mif-Add-to-waitlist:before {
content: "\e726";
}
/*.mif-Added-to-waitlist:before {
content: "\e727";
}*/
.mif-surgery:before {
content: "\e728";
}
.mif-transaction:before {
content: "\e729";
}
.mif-more-info:before {
content: "\e730";
}
.mif-favourite:before {
content: "\e731";
}
.mif-Browse:before {
content: "\e732";
}
.mif-Fax:before {
content: "\e733";
}
.mif-Print-label:before {
content: "\e734";
}
.mif-Print-order:before {
content: "\e735";
}
.mif-Delete:before {
content: "\e736";
}
.mif-Selection:before {
content: "\e737";
}
.mif-Info:before {
content: "\e738";
}
.mif-Error:before {
content: "\e739";
}
.mif-Alert:before {
content: "\e740";
}
.mif-PhoneNo-Type1:before {
content: "\e741";
}
.mif-Email-circle-Type1:before {
content: "\e742";
}
.mif-informationnPopup:before {
content: "\e738";
}
.mif-errorPopup:before {
content: "\e739";
}
.mif-imagePopup {
font-size: 2rem !important;
color: #fff;
border: 1px solid white;
padding: 21px;
border-radius: 45px;
}
.mif-imagePopup:before {
content: "\e614";
}
.mif-warringPopup:before {
content: "\e740";
}
.mif-successPopup:before {
content: "\e637";
}
.mif-deletePopup:before {
content: "\e736";
}
.mif-Selection:before {
content: "\e737";
}
.mif-Info:before {
content: "\e738";
}
.mif-Error:before {
content: "\e739";
}
.mif-Alert:before {
content: "\e740";
}
.mif-PhoneNo-Type1:before {
content: "\e741";
}
.mif-Email-circle-Type1:before {
content: "\e742";
}
.mif-Stop-Type1:before {
content: "\e743";
}
.mif-Stop:before {
content: "\e744";
}
.mif-Import:before {
content: "\e745";
}
.mif-Info-Type1:before {
content: "\e746";
}
.mif-View:before {
content: "\e747";
}
.mif-Show-Bill:before {
content: "\e748";
}
.mif-Zoom:before {
content: "\e749";
}
.mif-Toggle-Multipage-Mode:before {
content: "\e750";
}
.mif-Favourite-Type1:before {
content: "\e751";
}
.mif-Frames-Data:before {
content: "\e752";
}
.mif-Expand:before {
content: "\e753";
}
.mif-Copy-Forward:before {
content: "\e754";
}
.mif-Card:before {
content: "\e755";
}
.mif-Not-Applicable:before {
content: "\e756";
}
.mif-usercircle:before {
content: "\e702";
}
.mif-accordUP:before {
content: "\e703";
}
.mif-accorddown:before {
content: "\e704";
}
.mif-SignUp:before {
content: "\e759";
}
.mif-Resend-SignUp-Info:before {
content: "\e760";
}
.mif-Save:before {
content: "\e761";
}
.mif-Request-Info:before {
content: "\e762";
}
.mif-Test-Pending:before {
content: "\e763";
}
.mif-Balance:before {
content: "\e764";
}
.mif-Recurring:before {
content: "\e765";
}
.mif-Office-Admin-Folder:before {
content:"\e766";
}
.mif-Add-from-Templates:before {
content: "\e767";
}
.mif-Move-to-folder:before {
content: "\e768";
}
.mif-Select-All:before {
content: "\e769";
}
.mif-Review:before {
content: "\e770";
}
.mif-Send:before {
content: "\e771";
}
.mif-Send-All:before {
content: "\e772";
}
.mif-Resend:before {
content: "\e773";
}
.mif-Filter:before {
content: "\e774";
}
.mif-Foreign-Languages:before {
content: "\e775";
}
.mif-Defaulted-Payments:before {
content: "\e776";
}
.mif-Deaf:before {
content: "\e777";
}
.mif-Blind:before {
content: "\e778";
}
.mif-Confirmed-Appointments:before {
content: "\e779";
}
.mif-Pending-Appointments:before {
content: "\e780";
}
.mif-Flag:before {
content: "\e781";
}
.mif-Payment-History:before {
content: "\e782";
}
.mif-Reminder:before {
content: "\e783";
}
.mif-Add-Credits:before {
content: "\e784";
}
.mif-Advance-Print:before {
content: "\e785";
}
.mif-Merge:before {
content: "\e786";
}
.mif-Previous1:before {
content: "\e787";
}
.mif-Next1:before {
content: "\e788";
}
.mif-Image-Series:before {
content: "\e789";
}
.mif-Align-Centre:before {
content: "\e790";
}
.mif-Align-Top:before {
content: "\e791";
}
.mif-Align-Middle:before {
content: "\e792";
}
.mif-Align-Bottom:before {
content: "\e793";
}
.mif-Same-Width:before {
content: "\e794";
}
.mif-Same-Height:before {
content: "\e795";
}
.mif-Same-Size:before {
content: "\e796";
}
.mif-Same-Horizontal-Space:before {
content: "\e797";
}
.mif-Same-Vertical-Space:before {
content: "\e798";
}
.mif-Apply-Style:before {
content: "\e799";
}
.mif-Label:before {
content: "\e800";
}
.mif-Text-Box:before {
content: "\e801";
}
.mif-Test-Area:before {
content: "\e802";
}
.mif-Line:before {
content: "\e803";
}
.mif-Panel:before {
content: "\e804";
}
.mif-Combo-Box:before {
content: "\e805";
}
.mif-Complex-Control:before {
content: "\e806";
}
.mif-Check-Box:before {
content: "\e807";
}
.mif-List-CheckBox:before {
content: "\e808";
}
.mif-List-OptionButton:before {
content: "\e809";
}
.mif-Link:before {
content: "\e810";
}
.mif-Button:before {
content: "\e811";
}
.mif-Zoom-Out:before {
content: "\e812";
}
.mif-Undo:before {
content: "\e813";
}
.mif-ThumbnailView:before {
content: "\e814";
}
.mif-ListView:before {
content: "\e815";
}
.mif-PDF:before {
content: "\e816";
}
.mif-Align-Left:before {
content: "\e817";
}
.mif-Align-Right:before {
content: "\e818";
}
.mif-AutoPost:before {
content: "\e819";
}
.mif-VOID:before {
content: "\e820";
}
.mif-AdvanceSearch:before {
content: "\e821";
}
.mif-ReceiveOrder:before {
content: "\e822";
}
.mif-Insurance:before {
content: "\e823";
}
.mif-DiagnosisCodes:before {
content: "\e824";
}
.mif-PendingOrders:before {
content: "\e825";
}
.mif-Medications:before {
content: "\e826";
}
.mif-Balance1:before {
content: "\e827";
}
.mif-Accordion-open:before {
content: "\e828";
}
.mif-Accordion:before {
content: "\e829";
}
.mif-Apply-Styletoall:before {
content: "\e830";
}
.mif-Select:before {
content: "\e831";
}
.mif-Pencil:before {
content: "\e832";
}
.mif-Line:before {
content: "\e833";
}
.mif-Spray:before {
content: "\e834";
}
.mif-Ellipse:before {
content: "\e835";
}
.mif-Rectangle:before {
content: "\e836";
}
.mif-Eraser:before {
content: "\e837";
}
.mif-Blur:before {
content: "\e838";
}
.mif-Type:before {
content: "\e839";
}
.mif-Fillcolor:before {
content: "\e840";
}
.mif-Background:before {
content: "\e841";
}
.mif-Pan:before {
content: "\e842";
}
.mif-Add-SubStamp:before {
content: "\e843";
}
.mif-Eyedropper:before {
content: "\e844";
}
.mif-Undo:before {
content: "\e845";
}
.mif-Redo:before {
content: "\e846";
}
.mif-ZoomIn:before {
content: "\e847";
}
.mif-ZoomOut:before {
content: "\e848";
}
.mif-Clear:before {
content: "\e849";
}
.mif-Polygon:before {
content: "\e850";
}
.mif-Addnew:before {
content: "\e851";
}
.mif-Delete:before {
content: "\e852";
}
.mif-Edit:before {
content: "\e853";
}
.mif-Sort:before {
content: "\e854";
}
.mif-SendToCollection:before {
content: "\e855";
}
.mif-Warranty:before {
content: "\e856";
}
.mif-Attach:before {
content: "\e857";
}
.mif-ImportExport:before {
content: "\e858";
}
.mif-Upload:before {
content: "\e859";
}
.mif-BalancePending:before {
content: "\e860";
}
.mif-attachDoc:before {
content: "\e861";
}
.mif-VOIDStamp:before {
content: "\e862";
}
.mif-PO:before {
content: "\e863";
}
.mif-Warranty2:before {
content: "\e864";
}
.mif-CheckIn:before {
content: "\e865";
}
.mif-CheckOut:before {
content: "\e866";
}
.mif-Chart:before {
content: "\e867";
}
.mif-Waiting:before {
content: "\e868";
}
.mif-Progress:before {
content: "\e869";
}
.mif-AuditTrail:before {
content: "\e870";
}
.mif-Cancel1:before {
content: "\e871";
}
.mif-accordBack:before {
content: "\e873";
}
.mif-accordForth:before {
content: "\e872";
}
.mif-history2:before {
content: "\e874";
}
.mif-Alert1:before {
content: "\e875";
}
.mif-Added-to-waitlist:before {
content: "\e876";
}
.mif-Address:before {
content: "\e877";
}
.mif-Afternoon:before {
content: "\e878";
}
.mif-Morning:before {
content: "\e879";
}
.mif-OnHold:before {
content: "\e880";
}
.mif-NotSubmitted:before {
content: "\e881";
}
.mif-Ready:before {
content: "\e882";
}
.mif-Rejected:before {
content: "\e883";
}
.mif-Submitted:before {
content: "\e884";
}
.mif-Hamburger:before {
content: "\e885";
}
.mif-ClaimScrum:before {
content: "\e886";
}
.mif-StampEmptyData:before {
content: "\e887";
}
.mif-unlock1:before {
content: "\e888";
}
.mif-Slider:before {
content: "\e889";
}
.mif-Inactive:before {
content: "\e890";
}
.mif-IMPPt1:before {
content: "\e891";
}
.mif-FavPt:before {
content: "\e892";
}
.mif-IMPPt2:before {
content: "\e893";
}
.mif-VisnDis:before {
content: "\e894";
}
.mif-Disability:before {
content: "\e895";
}
.mif-HearDis:before {
content: "\e896";
}
.mif-SignLan:before {
content: "\e897";
}
.mif-IntDis:before {
content: "\e898";
}
.mif-BdDebt1:before {
content: "\e899";
}
.mif-BdDebt2:before {
content: "\e900";
}
.mif-checks:before {
content: "\e901";
}
.mif-OnMed1:before {
content: "\e902";
}
.mif-OnMed2:before {
content: "\e903";
}
.mif-ClinicalAlert:before {
content: "\e904";
}
.mif-Allergy:before {
content: "\e905";
}
.mif-DntSchedule:before {
content: "\e906";
}
.mif-Welcomeform:before {
content: "\e907";
}
.mif-Overview:before {
content: "\e908";
}
.mif-ReconcileGeneral:before {
content: "\e909";
}
.mif-AddNewItems:before {
content: "\e910";
}
.mif-NoAppointments:before {
content: "\e911";
}
.mif-NoRecall:before {
content: "\e912";
}
.mif-MEI:before {
content: "\e913";
}
.mif-PrintWCForm:before {
content: "\e914";
}
.mif-Add2:before {
content: "\e915";
}
.mif-CANCELLED:before {
content: "\e916";
}
.mif-ResetPass:before {
content: "\e917";
}
.mif-RecoverAcc:before {
content: "\e918";
}
.mif-UpdatePass:before {
content: "\e919";
}
.mif-AccLock:before {
content: "\e920";
}
.mif-FailedAttempt:before {
content: "\e921";
}
.mif-HIPPAPolicy:before {
content: "\e922";
}
.mif-BlankNotes:before {
content: "\e923";
}
.mif-ClearAll:before {
content: "\e924";
}
.mif-PatientPortal:before {
content: "\e925";
}
.mif-DeleteAll:before {
content: "\e926";
}
.mif-RemoveEmptyPage:before {
content: "\e927";
}
/*.mif-user:before {content: "\e02";}*/
.mif-usercircle:before {content: "\e702";}
.mif-accordUP:before {content: "\e703";}
.mif-accorddown:before {content: "\e704";}
.mif-CL-EVAL:before {
content: "\e928";
}
.mif-RemitAttachment:before {
content: "\e929";
}
.mif-Emergency:before {
content: "\e930";
}
.mif-UserAdd:before {
content: "\e931";
}
.mif-checkMark:before {
content: "\e933";
}
.mif-superbillLocked:before {
content: "\e932";
}
.mif-uploadCircle:before {
content: "\e934";
}
.mif-Note:before {
content: "\e935";
}
.mif-newLock:before {
content: "\e936";
}
.mif-pin:before {
content: "\e937";
}
.mif-CL:before {
content: "\e938";
}
.mif-Trial:before {
content: "\e939";
}
.mif-broom:before {
content: "\e940";
}
.mif-RxIcon:before {
content: "\e941";
}
.mif-vitalSign:before {
content: "\e942";
}
.mif-fitToPage:before {
content: "\e943";
}
.mif-videoIcon:before {
content: "\e944";
}
.mif-DeviceImplemented:before {
content: "\e946";
}
.mif-OnlineAppt:before {
content: "\e947";
}
.mif-sendIntakeForm:before {
content: "\e948";
}
.mif-DevicePresent:before {
content: "\e949";
}
.mif-eFilePresent:before {
content: "\e950";
}
.mif-EncounterView2:before {
content: "\e952";
}
.mif-GlaucomaFlowsheet:before {
content: "\e953";
}
.mif-CLAlert:before {
content: "\e954";
}
.mif-ComingSoon:before {
content: "\e955";
}
.mif-ClearVA:before {
content: "\e956";
}
.mif-PaymentNotification:before {
content: "\e957";
}
.mif-OptedOut:before {
content: "\e958";
}
.mif-AddStamp:before {
content: "\e961";
}
.mif-gmail:before {
content: "\e962";
}
.mif-apple:before {
content: "\e963";
}
.mif-SMS:before {
content: "\e966";
}
.mif-securityQuestions:before {
content: "\e967";
}
.mif-encounter-signature-check:before {
content: "\e968";
}
.mif-Messenger-Minimize:before {
content: "\e969";
}
.mif-Create-Group:before {
content: "\e970";
}
.mif-Auto-Response:before {
content: "\e971";
}
.mif-Flag:before {
content: "\e972";
}
.mif-Flagged:before {
content: "\e973";
}
.mif-Select-Message-Template:before {
content: "\e974";
}
.mif-PatientMessengerIconSMS:before {
content: "\e975";
}
.mif-AutoResponse:before {
content: "\e976";
}
.mif-Logout:before {
content: "\e978";
}
.mif-PageSearch:before {
content: "\e980";
}
.mif-ClosedEye:before{
content: "\e981";
}
.mif-addDefault:before {
content: "\e982";
}
.mif-menuSelected:before{
content: "\e983";
}
.mif-menuDefault:before {
content: "\e984";
}
.mif-ViewPassword:before{
content: "\e985";
}
.mif-HidePassword:before {
content: "\e986";
}
.mif-AlertImage:before {
content: "\e987";
}
.mif-SessionTimeout:before {
content: "\e988";
}
.mif-AI:before {
content: "\e989";
}
.mif-StatementHistory:before {
content: "\e990";
}
.mif-Ellipses:before {
content: "\e991";
}
.mif-StarWithcheck:before {
content: "\e994";
}
.mif-PaperPen:before {
content: "\e602";
}
.mif-forward:before {
content: "\e998";
}
.mif-backward:before {
content: "\e997";
}
.mif-EmptyInbox:before {
content: "\e1001";
}
.mif-download:before {
content: "\e1002";
}
.mif-ApptCanceled:before {
content: "\e1003";
}
.mif-OptoutSms:before {
content: "\e1004";
}
.mif-ApptConfirmed:before {
content: "\e1005";
}
.mif-UnconfirmedAppt:before {
content: "\e1006";
}
.mif-SMSEnabled:before {
content: "\e1007";
}
.mif-pdf2:before {
content: "\e1008";
}
.mif-A:before {
content: "\e1009";
}
.mif-B:before {
content: "\e1010";
}
.mif-C:before {
content: "\e1011";
}
.mif-D:before {
content: "\e1012";
}
.mif-SmilyFace:before {
content: "\e1013";
}
.mif-FrownyFace:before {
content: "\e1014";
}
.mif-StopSign:before {
content: "\e1015";
}
.mif-NoEntrySign:before {
content: "\e1016";
}
.mif-redX:before {
content: "\e1017";
}
.mif-GreenDollarSign:before {
content: "\e1019";
}
.mif-RedDollarSign:before {
content: "\e1020";
}
.mif-GreenCheckMark:before {
content: "\e1021";
}
.mif-RedExclamation3:before {
content: "\e1022";
}
.mif-RedExclamation1:before {
content: "\e1023";
}
.mif-GoldStar:before {
content: "\e1024";
}
.mif-newUser:before {
content: "\e1025";
}
.mif-Beta:before {
content: "\e1026";
}
.mif-TransferPending:before {
content: "\e1027";
}
.mif-CustomSort:before {
content: "\e1028";
}
.circel {
font-size:11px;
}
.circel20 {
width: 1.0rem;
height: 1.0rem;
background-color: #ff8a00;
border-radius: 50%;
float: left;
padding: 1px;
line-height: 0.9rem;
font-size: 0.5rem;
color: #fff;
text-align: center;
position: absolute;
top: -5px;
left: 0.6rem;
}
.circel21 {
width: 1rem;
height: 1rem;
background-color: #cbcbcb;
border-radius: 50%;
padding: 4px 6px;
line-height: 0.9rem;
font-size: 0.5rem;
color: #fff;
text-align: center;
}
.circel20.disabled{
background-color:#cbcbcb;
}
.circel15 {
width: 0.8rem;
height: 0.8rem;
background-color: #ff8a00;
border-radius: 50%;
float: left;
padding: 1px;
line-height: 0.7rem;
font-size: 9px;
color: #fff;
text-align: center;
position: absolute;
top: -5px;
left: 0.8rem;
}
.accountSusPh{
width: 30px;
height: 23px;
}
.accountSusEmail {
width: 24px;
height: 24px;
}
.disableColor {
color:#cbcbcb;
}
.patientIcon .dropdown-toggle:before {
left: 75% !important;
}
.app-bar .app-bar-menu .patientIcon .dropdown-toggle span:after {
right: 3.5rem;
}
.app-bar .app-bar-menu .patientIcon .mif-addDefault span:after {
content: "|";
right: 1.5rem;
font-size: 15px;
font-weight: 300;
position: absolute;
pointer-events: none;
line-height: 0.8rem;
}
@media screen and (min-width: 1360px)
{
.dropdown-toggle:before{top: 36%; margin-top: 0;}
}
body {
width: 100%;
}
select.decreasedExtraPadding.w-30{
width:30% !important;
}
@media screen and (max-width: 1365px) {
body {
width: 1366px;
height: 100%;
overflow: auto !important;
}
#divErrorReport body {
width: 100% !important;
}
}
scrollbar[orient="vertical"] scrollbarbutton,
scrollbar[orient="vertical"] slider,
scrollbar[orient="horizontal"] scrollbarbutton,
scrollbar[orient="horizontal"] slider {
height: 40px !important;
width: 40px !important;
}
/*@-moz-document url-prefix(http: //),url-prefix(https://) {
scrollbar {
-moz-appearance: none !important;
background: rgb(0, 255, 0) !important;
}
thumb,
scrollbarbutton {
-moz-appearance: none !important;
background-color: rgb(0, 0, 255) !important;
}
thumb:hover,
scrollbarbutton:hover {
-moz-appearance: none !important;
background-color: rgb(255, 0, 0) !important;
}
scrollbarbutton {
display: none !important;
}
scrollbar[orient="vertical"] {
min-width: 15px !important;
}
}*/
/*-----------main CSS Change----------------*/
.row.cells12.marginL10 > .cell {
margin-left: 10px;
}
.row.cells12.marginL10 > .cell:first-child {
margin-left: 0;
}
.row.cells12.marginL10 > .cell.colspan1 {
width: calc(8.3333% - 10px);
}
.row.cells12.marginL10 > .cell.colspan2 {
width: calc(16.6666% - 10px);
}
.row.cells12.marginL10 > .cell.colspan3 {
width: calc(25% - 10px);
}
.row.cells12.marginL10 > .cell.colspan4 {
width: calc(33.3333% - 10px);
}
.row.cells12.marginL10 > .cell.colspan5 {
width: calc(41.6666% - 10px);
}
.row.cells12.marginL10 > .cell.colspan6 {
width: calc(50% - 10px);
}
.row.cells12.marginL10 > .cell.colspan7 {
width: calc(58.3333% - 10px);
}
.row.cells12.marginL10 > .cell.colspan8 {
width: calc(66.6666% - 10px);
}
.row.cells12.marginL10 > .cell.colspan9 {
width: calc(75% - 10px);
}
.row.cells12.marginL10 > .cell.colspan10 {
width: calc(83.3333% - 10px);
}
.row.cells12.marginL10 > .cell.colspan11 {
width: calc(91.6666% - 10px);
}
.row.cells12.marginL10 > .cell.colspan12 {
width: calc(100% - 10px);
}
/* for last child margin*/
/*.row.cells12.marginL10 > .cell [class~="colspan1"]:last-child{
width: 8.3333%;
}
.row.cells12.marginL10 > .cell [class~="colspan2"]:last-child{
width: 16.6666%;
}
.row.cells12.marginL10 > .cell [class~="colspan3"]:last-child{
width: 25%;
}
.row.cells12.marginL10 > .cell [class~="colspan4"]:last-child{
width: 33.3333%;
}
.row.cells12.marginL10 > .cell [class~="colspan5"]:last-child{
width: 41.6666%;
}
.row.cells12.marginL10 > .cell [class~="colspan6"]:last-child{
width: 50%;
}
.row.cells12.marginL10 > .cell [class~="colspan7"]:last-child{
width: 58.3333%;
}
.row.cells12.marginL10 > .cell [class~="colspan8"]:last-child{
width: 66.6666%;
}
.row.cells12.marginL10 > .cell [class~="colspan9"]:last-child{
width: 75%;
}
.row.cells12.marginL10 > .cell [class~="colspan10"]:last-child{
width: 83.3333%;
}
.row.cells12.marginL10 > .cell [class~="colspan11"]:last-child{
width: 91.6666%;
}
.row.cells12.marginL10 > .cell [class~="colspan12"]:last-child{
width: 100%;
}*/
.row.cells12.marginL10 > [class~="colspan1"]:last-child {
width: 8.3333%;
}
.row.cells12.marginL10 > [class~="colspan2"]:last-child {
width: 16.6666%;
}
.row.cells12.marginL10 > [class~="colspan3"]:last-child {
width: 25%;
}
.row.cells12.marginL10 > [class~="colspan4"]:last-child {
width: 33.3333%;
}
.row.cells12.marginL10 > [class~="colspan5"]:last-child {
width: 41.6666%;
}
.row.cells12.marginL10 > [class~="colspan6"]:last-child {
width: 50%;
}
.row.cells12.marginL10 > [class~="colspan7"]:last-child {
width: 58.3333%;
}
.row.cells12.marginL10 > [class~="colspan8"]:last-child {
width: 66.6666%;
}
.row.cells12.marginL10 > [class~="colspan9"]:last-child {
width: 75%;
}
.row.cells12.marginL10 > [class~="colspan10"]:last-child {
width: 83.3333%;
}
.row.cells12.marginL10 > [class~="colspan11"]:last-child {
width: 91.6666%;
}
.row.cells12.marginL10 > [class~="colspan12"]:last-child {
width: 100%;
}
/*@media screen and (max-width : 1365px) and (min-width : 1080px) {
.row.cells12.patientShortInfo > .cell:nth-child(4) {
width: calc(18.6666% - 10px);
}
.row.cells12.patientShortInfo > .cell:nth-child(5) {
width: calc(7.3333% - 10px);
}
.row.cells12.patientShortInfo > .cell {
margin-left: 7PX;
}
.row.cells12.patientShortInfo > .cell:first-child {
margin-left: 0;
}
}*/
/*@media screen and (max-width : 1361px) {
.fixWidth {
}
.scrollDiv{
overflow:auto;
height:calc(100% - 1.25rem);
}
.row.cells12.fixWidth > .cell.colspan1 .box {
width: 111px;
}
.row.cells12.fixWidth > .cell.colspan2 .box{
width: 233px;
}
.row.cells12.fixWidth > .cell.colspan3 .box{
width: 327px;
}
.row.cells12.fixWidth > .cell.colspan6 .box {
width: 653px;
}
.row.cells12.fixWidth > .cell.colspan9 .box {
width: 1005px;
}
.row.cells12.fixWidth > .cell :first-child .box {
margin-left:0;
}
}
.row.cells12.patientShortInfo > .cell:last-child {
margin-left: 0;
}*/
.frames #schedular-task,
.frames #Appontments {
top: 2rem;
position: absolute;
}
.tabcontrol .frames .frame {
font-size: 0.75rem;
}
.display-inline-block {
display: inline-block !important;
}
.display-none {
display: none;
}
.paddingTB5 tr td {
padding-bottom: 0.3rem;
padding-top: 0.3rem;
}
.padding-top35 {
padding-top: 35px;
}
/*.borderBottom tr td {
border-bottom: 1px solid #d1d1d1;
}*/
td.bdrBottom0 {
border-bottom: none !important;
}
.tablesorter1 tr.violet {
border-left: 5px solid #9d9dff;
height: 40px;
}
.tablesorter1 tr.lightorange {
border-left: 5px solid #d5aa75;
}
.tablesorter1 tr.pink {
border-left: 5px solid #e197fa;
}
.tablesorter1 td {
padding-left: 0.3rem;
}
.tablesorter .filtered {
display: none;
}
h3 a.link-filter {
font-size: 0.7rem;
}
.smallloader {
background-image: url('../../Images/loader2_1.gif') !important;
background-repeat: no-repeat !important;
background-position: center !important;
z-index: 999 !important;
}
.summarydiv {
overflow: auto;
height: inherit;
width: inherit;
padding: 5px;
}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
.common-header-searchDiv {
padding: 0.938rem;
position: absolute;
width: 42%;
z-index: 9002;
background-color: #fff;
right: 10px;
top: 40px;
border: 1.5px solid #cbcbcb;
border-top: none;
margin-bottom: 5px;
border: 0;
/* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); */
-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
}
.metro .grid.fluid {
width: 100%;
}
.metro .grid.fluid .column {
margin: 0px;
background-color: #eeeeee;
margin: 0% 0 0% 0.5%;
border-radius: 3px;
border: 1px solid #d1d1d1;
}
.metro .grid.fluid .row {
margin: 0px;
/*width:inherit;*/
width: 100%;
margin-top: 0px;
}
.metro .grid.fluid .row .span1 {
width: 7.875% !important;
}
.metro .grid.fluid .row .span2 {
width: 16.25% !important;
}
.metro .grid.fluid .row .span3 {
width: 24.662% !important;
}
.metro .grid.fluid .row .span4 {
width: 33% !important;
/*width:32.667% !important*/
}
.metro .grid.fluid .row .span5 {
width: 41.37% !important;
}
.metro .grid.fluid .row .span6 {
width: 49.75% !important;
}
.metro .grid.fluid .row .span7 {
width: 58.12% !important;
}
.metro .grid.fluid .row .span8 {
width: 66.5% !important;
}
.metro .grid.fluid .row .span9 {
width: 74.87% !important;
}
.metro .grid.fluid .row .span10 {
width: 83.25% !important;
}
.metro .grid.fluid .row .span11 {
width: 91.62% !important;
}
.metro .grid.fluid .row .span12 {
width: 100% !important;
}
.metro .grid.fluid .row [class*="span"] {
margin-left: 0.45%;
}
.metro .grid.fluid .row .span12.marL0 {
margin-left: 0PX;
}
.metro .grid.fluid .row [class*="span"]:first-child {
margin-left: 0;
}
.metro .grid.fluid.pt-ent .row .span1,
.metro .grid.fluid.pt-ent .row .span2,
.metro .grid.fluid.pt-ent .row .span3,
.metro .grid.fluid.pt-ent .row .span4,
.metro .grid.fluid.pt-ent .row .span6,
.metro .grid.fluid.pt-ent .row .span8,
.metro .grid.fluid.pt-ent .row .span9,
.metro .grid.fluid.pt-ent .row .span10,
.metro .grid.fluid.pt-ent .row .span11,
.metro .grid.fluid.pt-ent .row .span12 {
width: auto !important;
}
.metro .pt-ent label {
margin-right: 2px;
}
.metro .grid.fluid .row.marT1 {
margin-top: 10px;
width: inherit;
}
.metro .grid.fluid .row.marT05 {
margin-top: 0.5%;
}
.metro .grid.fluid .row.marT10 {
margin-top: 1.0%;
}
.metro .grid.fluid .row .span3.minhgt200,
.metro .grid.fluid .row .span4.minhgt200,
.metro .grid.fluid .row .span5.minhgt200 {
height: 220px;
}
.metro .grid.fluid .row .span3.minhgt240,
.metro .grid.fluid .row .span4.minhgt240,
.metro .grid.fluid .row .span5.minhgt240 {
height: 240px;
}
.metro .grid.fluid .row .span3.minhgt250,
.metro .grid.fluid .row .span4.minhgt250,
.metro .grid.fluid .row .span5.minhgt250 {
height: 250px;
}
/*.metro .grid.fluid .row .group.hgt183 {
height: 183px;
overflow: auto;
}*/
/*.metro .grid.fluid .row .hgt400 {
height: 28.125rem;
overflow: auto;
}*/
.metro .grid.fluid .row .hgt15 {
height: 15.125rem;
overflow: auto;
}
.metro .grid.fluid .row .group.hgt135 {
height: 135px;
overflow: auto;
}
.metro .grid.fluid .row .group.hgt153 {
height: 153px;
overflow: auto;
}
.metro .grid.fluid .row .group.hgt158 {
height: 158px;
overflow: auto;
}
.overflow-box {
overflow: auto;
background-color: #fff;
padding: 3px;
border: 1px solid #cfcfcf;
}
.metro .grid.fluid .row .span4.minhgt210 {
min-height: 210px;
}
.marL12 {
margin-left: 12px !important;
}
.enctHistoryPopupFooter {
display: inline-flex;
list-style-type: none;
}
/*@media only screen and (max-width: 480px) {
.col {
margin: 1% 0 1% 0%;
}
}
@media only screen and (max-width: 480px) {
.metro .grid.fluid .row .span12 {
width: 100% !important;
}
.metro .grid.fluid .row .span11 {
width: 100% !important;
}
.metro .grid.fluid .row .span10 {
width: 100% !important;
}
.metro .grid.fluid .row .span9 {
width: 100% !important;
}
.metro .grid.fluid .row .span8 {
width: 100% !important;
}
.metro .grid.fluid .row .span7 {
width: 100%;
}
.metro .grid.fluid .row .span6 {
width: 100% !important;
}
.metro .grid.fluid .row .span5 {
width: 100% !important;
}
.metro .grid.fluid .row .span4 {
width: 100%;
}
.metro .grid.fluid .row .span3 {
width: 100% !important;
}
.metro .grid.fluid .row .span2 {
width: 100% !important;
}
.metro .grid.fluid .row .span1 {
width: 100% !important;
float: left !important;
}
}*/
#cell-sidebar::-webkit-scrollbar {
width: 8px;
}
#cell-sidebar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
#cell-sidebar::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
background-color: #0268d0;
}
.subEncounterMenu {
list-style-type: none;
border-right: 1px solid #014488;
background-color: #014488 !important;
padding-left: 0.5rem;
padding-top: 0.2rem;
}
.performanceCircle {
display: inline-block;
position: relative;
}
.circle-bg {
stroke-dasharray: 283;
stroke-dashoffset: 283;
}
.circle-progress {
stroke-dasharray: 283;
stroke-dashoffset: 283;
transition: stroke-dashoffset 0.5s ease-in-out;
}
.performanceCircle.progress-70.circle-progress {
stroke-dashoffset: 85;
}
.performanceCircle.progress-30.circle-progress {
stroke-dashoffset: 194;
}
.smsCreditsText {
position: absolute;
bottom: 2px;
right: 72%;
width: 30%;
font-size: 11px;
color: #000;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.EMAILCreditsText {
position: absolute;
bottom: 2px;
left: 22%;
width: 30%;
font-size: 11px;
color: #000;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.main-Encounternav-ul ul {
display: none;
}
.main-Encounternav-ul li.tap ul {
display: block;
}
.subEncounterMenu li a {
background-color: #014488 !important;
}
.subEncounterMenu li a:hover {
color: #ffffff;
font-weight: bold;
}
.enctPlusIcon:before {
content: "+";
}
.enctMinuIcon:before {
content: "-";
}
.activeEncounterBorder {
border: 1px solid #014488 !important;
z-index: 100 !important;
}
.AuxiliaryLabResults button.ui-multiselect span {
font-weight: normal;
display: block;
white-space: pre;
min-height: 1.2em;
padding: 8px 1px 1px;
font-size: 0.8125rem;
}
.borderL01 {
border-left: 1px solid #d0d0d0;
}
.textalignR {
text-align: right;
}
ul.ribbon-right-icons-accntLedger {
list-style: none;
}
ul.ribbon-right-icons-accntLedger > li {
float: left;
text-align: center;
width: 50%;
padding: 0.068rem;
}
.text-align-center {
text-align: center;
}
/*ul.ribbon-left-icons-optical > li{
width:32%;
}*/
ul.ribbon-right-icons-accntLedger > li {
padding-bottom: 0.5rem; /*0.78rem;*/
}
.text-align-center {
text-align: center;
}
.width100 {
width: 100%;
}
ul.ribbon-right-icons-accntLedger > li span:first-child {
line-height: 1.4rem;
}
.workQueuesQickSearchResult {
height: 21rem;
overflow: auto;
}
#claimQuickSearchTab .workQueuesQickSearchResult {
height:auto;
overflow: auto;
}
.samllScrollDiv.no-padR-medication .dataTables_scrollHeadInner {
padding-right: 0px !important;
}
/*searchboxWitOneIcon, searchboxWitThreeIcon,*/
.DevExtremeSearchGrid.searchboxWitOneIcon .dx-item-content, .DevExtremeSearchGrid.searchboxWitThreeIcon .dx-item-content, .DevExtremeSearchGrid.searchboxWitCustmDefaultBtn .dx-item-content {
width: 65% !important;
}
.DevExtremeSearchGrid.searchboxWitOneIcon .dx-toolbar .dx-texteditor {
margin-top: -3.2rem;
margin-right: 2.2rem;
}
.DevExtremeSearchGrid.searchboxWitThreeIcon .dx-toolbar .dx-texteditor {
margin-top: -3.2rem;
margin-right: 5.8rem;
}
.DevExtremeSearchGrid.searchboxWitCustmDefaultBtn .dx-toolbar .dx-texteditor {
margin-top: -3.2rem;
margin-right: 5.8rem;
}
.DevExtremeSearchGrid.searchboxWitOneIcon .dx-toolbar, .DevExtremeSearchGrid.searchboxWitThreeIcon .dx-toolbar, .DevExtremeSearchGrid.searchboxWitCustmDefaultBtn .dx-toolbar {
position: absolute;
}
ul.ribbon-right-icons-welcomeform {
list-style: none;
}
ul.ribbon-right-icons-welcomeform > li {
float: right;
text-align: center;
padding: 0.068rem;
padding-bottom: 0.4rem;
margin-right: 1.5rem;
}
ul.ribbon-right-icons-welcomeform > li span:first-child {
line-height: 1.4rem;
}
.MacOsChrome .checkmark {
font-weight: 700 !important;
opacity: 0.99 !important;
}
#ptExamno {
width: 36px;
overflow: hidden;
display: inline-block;
line-height: 0.7rem;
}
@media (min-device-width: 768px) and (max-device-width: 1024px) {
/*.metro .grid.fluid .row .span1,
.metro .grid.fluid .row .span2,
.metro .grid.fluid .row .span3 {
width: 49.5% !important;
float: left !important;
}
.metro .grid.fluid .row .span4,
.metro .grid.fluid .row .span5,
.metro .grid.fluid .row .span6,
.metro .grid.fluid .row .span7,
.metro .grid.fluid .row .span8,
.metro .grid.fluid .row .span9,
.metro .grid.fluid .row .span10,
.metro .grid.fluid .row .span11,
.metro .grid.fluid .row .span12 {
width: 99.5% !important;
}*/
.metro .grid.fluid .row [class*="span"] {
}
.patDetailDiv1Width {
width: 28% !important;
}
.patDetailDiv2Width {
width: 27% !important;
}
.patDetailDiv3Width {
width: 45% !important;
}
select.drpTechWidth {
width: 3.5rem !important;
}
select.drpProvWidth {
width: 3.5rem !important;
}
.drpRefPhyWidth {
width: 3.5rem !important;
}
select.drpLocationWidth {
width: 4.5rem !important;
}
.sideEnctSidebarLeft {
margin-left: -12em !important;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.encounterContentHt {
height: 437px !important;
}
.enconterSidebarHt {
height: 540px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.sideEnctSidebarLeft {
margin-left: -17em !important;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
}
.metro .grid.fluid .row .offset1 {
margin-left: 8.510637% !important;
}
.metro .grid.fluid .row .offset1:not(:first-child) {
margin-left: 10.638296% !important;
}
.metro .grid.fluid .row .offset2 {
margin-left: 16.25% !important;
}
.metro .grid.fluid .row .offset2:not(:first-child) {
margin-left: 19.148933% !important;
}
.metro .grid.fluid .row .offset3 {
margin-left: 25.531911% !important;
}
.metro .grid.fluid .row .offset3:not(:first-child) {
margin-left: 27.65957% !important;
}
.metro .grid.fluid .row .offset4 {
margin-left: 33% !important;
}
.metro .grid.fluid .row .offset4:not(:first-child) {
margin-left: 36.170207% !important;
}
.metro .grid.fluid .row .offset5 {
margin-left: 42.553185% !important;
}
.metro .grid.fluid .row .offset5:not(:first-child) {
margin-left: 44.680844% !important;
}
.metro .grid.fluid .row .offset6 {
margin-left: 51.063822% !important;
}
.metro .grid.fluid .row .offset6:not(:first-child) {
margin-left: 53.191481% !important;
}
.metro .grid.fluid .row .offset7 {
margin-left: 59.574459% !important;
}
.metro .grid.fluid .row .offset7:not(:first-child) {
margin-left: 61.702118% !important;
}
.metro .grid.fluid .row .offset8 {
margin-left: 68.085096% !important;
}
.metro .grid.fluid .row .offset8:not(:first-child) {
margin-left: 70.212755% !important;
}
.metro .grid.fluid .row .offset9 {
margin-left: 76.595733% !important;
}
.metro .grid.fluid .row .offset9:not(:first-child) {
margin-left: 78.723392% !important;
}
.metro .grid.fluid .row .offset10 {
margin-left: 85.10637% !important;
}
.metro .grid.fluid .row .offset10:not(:first-child) {
margin-left: 87.234029% !important;
}
.metro .grid.fluid .row .offset11 {
margin-left: 93.617007% !important;
}
.metro .grid.fluid .row .offset11:not(:first-child) {
margin-left: 95.744666% !important;
}
.metro .grid.fluid .row .offset12 {
margin-left: 102.127644% !important;
}
.metro .grid.fluid .row .offset12:not(:first-child) {
margin-left: 104.255303% !important;
}
.metro .grid .row [class*="span"]:first-child {
margin-left: 0;
}
.grid .row [class*="span"] {
float: left;
}
.wid {
display: block;
overflow: hidden;
}
.metro label {
display: inline-block;
margin: 0.160rem 0.313rem 0.140rem 0rem;
float: left;
color: #5c5c5c;
letter-spacing: 0.0px;
/* background-color: #fff; */
text-align: right;
}
.wid label {
width: auto !important;
color: #000;
text-align: left;
}
input[type=text],
input[type=url],
input[type=mail],
input[type=email],
input[type=number],
input[type=password],
input[type=search] {
width: 100%;
border-radius: 3px;
border: 1px solid #cdd1d7;
padding: 2px;
padding-left: 4px;
height: 1.399rem;
}
textarea {
width: 100%;
border-radius: 3px;
border: 1px solid #cdd1d7;
}
input[type=text]:focus,
.dataTables_filter input:focus,
input[type=url]:focus,
input[type=mail]:focus,
input[type=email]:focus,
textarea:focus {
border: 1px solid #4296de;
border-radius: 3px;
-moz-box-shadow: 0 0 4px #4296de;
-webkit-box-shadow: 0 0 4px #4296de;
box-shadow: 0 0 4px #4296de;
}
select {
width: 100%;
border-radius: 2px;
border: 1px solid #cdd1d7;
padding: 0.07rem;
padding-left: 4px;
font-size: 0.8125rem;
font-family: "Segoe UI", "Open Sans", sans-serif, serif;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../images/Combolist_select.gif) no-repeat right 50%;
/*background-size: 0.9rem;*/
/*padding-right: 1.25rem !important;*/
overflow: hidden;
padding-right: 1.2rem;
}
select::-ms-expand {
display: none;
}
/*@-moz-document url-prefix() {
select { padding: 1px; padding-right: 20px;}
}*/
.select-wrapper {
float: left;
display: inline-block;
border: 1px solid #cfcfcf;
border-radius: 3px;
background: #fff url(../images/Combolist_select.gif) no-repeat right 50%;
cursor: pointer;
margin: 0px;
}
.select-wrapper select {
margin: 0;
position: relative;
z-index: 2;
cursor: pointer;
outline: none;
opacity: 0;
/*_noFocusLine: expression(this.hideFocus=true);*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
width: 100%;
top: -4px;
}
.select-wrapper .holder {
display: block;
margin: 0 20px 0 5px;
overflow: hidden;
cursor: pointer;
position: relative;
z-index: 0;
top: -33px;
height: 22px;
word-break: break-all;
color: #000 !important;
}
/*.select-wrapper #dlListFilterTransactions .holder{
font-size:10px !important;
}*/
.select-wrapper .holder.fg-grayLight {
color: #aeaeae !important;
}
.select-wrapper, .select-wrapper select {
/*width: 100%;
height: 22px;
line-height: 28px;
margin: 0px 0px;*/
width: 100%;
height: 1.399rem;
line-height: 2.09rem;
margin: 0px 0px;
overflow: hidden !important;
}
.select-wrapper, .select-wrapper select {
text-align: left;
}
.customizedFont .select-wrapper select, .customizedFont .select-wrapper {
line-height: 28px !important;
}
ul.smallTabs.tabs li:first-child {
margin-left: 10px;
}
ul.smallTabs {
border-bottom: 0 !important;
vertical-align: bottom !important;
z-index: 2 !important;
position: relative;
}
ul.smallTabs li {
overflow: visible !important;
/*margin: 0 0.34rem !important;*/
/*background-color: transparent !important;*/
background-color: #a4a4a4 !important;
margin: 2px 0px 0 2px !important;
padding: 1px 12px 1px 12px !important;
width: 49.2%;
text-align: center;
}
ul.smallTabs li.ui-tabs-active {
background-color: #f1f1f1 !important;
border-left: 4px solid #feca3f;
padding: 3px 10px 3px 10px !important;
margin: 0 0 0 1px !important;
/*border-top-left-radius: 1.2em !important;
border-top-right-radius: 1.2em !important;*/
/*padding: 0px 10px 0px 10px !important;*/
}
ul.smallTabs li:hover {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-color: none !important;
}
ul.smallTabs li.ui-tabs-active a {
background-color: transparent !important;
border: 0 !important;
/*color: #023c76 !important;*/
/*border-top-left-radius: 1.2em !important;
border-top-right-radius: 1.2em !important;*/
line-height: 1.5625rem !important;
font-size: 0.85rem !important;
font-weight: 700 !important;
}
ul.smallTabs li a {
text-shadow: none !important;
margin: 0px !important;
color: #000 !important;
font-size: 0.9rem !important;
line-height: 1.5625rem !important;
font-weight: 500 !important;
border-bottom: none !important;
float: none !important;
}
@media screen and (min-width: 1600px) {
ul.smallTabs li.ui-tabs-active {
padding: 3px 15px 3px 15px !important;
}
}
@media screen and (min-width: 1900px) {
ul.smallTabs li {
padding: 2px 12px 2px 12px !important;
}
ul.smallTabs li.ui-tabs-active {
padding: 4px 15px 4px 15px !important;
}
}
ul.filterList {
list-style: none;
display: inline-block;
vertical-align: bottom;
z-index: 2;
position: relative;
padding: 0px;
margin: 0px;
/*padding-top: 15px;*/
}
ul.filterList li {
float: left;
display: inline;
padding: 0rem;
/*line-height: 1.8rem;*/
}
ul.filterList li:last-child {
padding-right: 0px;
}
ul.filterList li:hover {
border-radius: 1.2em;
}
ul.filterList li.active {
background-color: transparent;
border-radius: 1.2em;
padding-top: 0;
padding-bottom: 0;
}
ul.filterList li a {
text-shadow: none;
margin: 0px;
color: #023c76;
font-size: 0.7rem;
line-height: 1.5625rem;
font-weight: 700;
padding: 0.188rem 0.4rem 0.188rem 0.6rem;
}
ul.filterList li.active a {
background-color: #feca3f;
border-radius: 1.2em;
line-height: 1.5625rem;
font-size: 0.8rem;
font-weight: 700;
padding: 0.188rem 0.7rem 0.188rem 0.7rem;
}
.ui-tabs {
position: relative;
/*position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
/*padding: 0.2em;*/
padding: 0px;
width: 100%;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0;
border-bottom: 0px solid #556d99;
}
.ui-tabs .ui-tabs-nav {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background-color: #fff;
top: 0px;
}
.ui-tabs .ui-tabs-nav li a {
color: #fff;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
color: #5c5c5c;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: 0 0.375rem;
text-decoration: none;
}
.tabs-small .ui-tabs .ui-tabs-nav .ui-tabs-anchor a {
color: #000;
}
/*.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px !important;
border-bottom: 0px;
z-index: 999;
background-color: #556d99;
position: relative;
top: 0px;
}*/
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
/*margin-bottom: 0px;*/
margin-bottom: -1px;
border-bottom: 0px;
z-index: 999;
background-color: #556d99;
position: relative;
top: 0px;
}
.main-tab-2, .main-tab-3, .main-tab-4, .main-tab-5, .main-tab-6 , .main-tab7 {
height: 1.8125rem;
border-bottom: 0px !important;
/*background-color: white;*/
}
ul.main-tab-2 li, ul.main-tab-3 li, ul.main-tab-5 li, ul.main-tab-6 li {
background-color: #c8c8c8 !important;
margin-left: 2px;
margin-right: 2px;
}
ul.main-tab-5 li.ui-tabs-active {
background-color: #eeeeee !important;
border-top: 1px solid #d1d1d1 !important;
border-right: 1px solid #d1d1d1 !important;
}
ul.main-tab-4 li {
background-color: #eeeeee !important;
margin-left: 2px;
margin-right: 2px;
}
ul.main-tab7 li {
background-color: #eeeeee !important;
margin-left: 2px;
margin-right: 2px;
}
ul.main-tab-3 li {
background-color: #f1f1f1 !important;
margin-left: 2px;
margin-right: 2px;
}
/*ul.main-tab-2 li.ui-tabs-active {
background-color: white !important;
}*/
ul.main-tab-2 li a, ul.main-tab-3 li a, ul.main-tab-4 li a, ul.main-tab7 {
font-weight: 600;
padding: 0.188rem 1.775rem !important;
color: #000 !important;
}
ul.main-tab-6 li a {
font-weight: 600;
padding: 0.5rem 1.775rem !important;
color: #000 !important;
}
ul.main-tab-6 li a.sm-pad{
padding: 0.2rem 1.775rem !important;
}
ul.main-tab-5 li a {
font-weight: 600;
padding: 0.5rem 1.775rem !important;
color: #000 !important;
}
ul.main-tab-2 li.ui-tabs-active a {
background-color: #eeeeee !important;
border: 1px solid #d1d1d1 !important;
border-left: 4px #ffc600 solid !important;
border-bottom: 0 !important;
font-weight: 700;
}
ul.main-tab-5 li.ui-tabs-active a {
background-color: #eeeeee !important;
/*border: 1px solid #d1d1d1 !important;*/
border-left: 4px #ffc600 solid !important;
border-bottom: 0 !important;
font-weight: 700;
color: #005cb9 !important;
}
ul.main-tab-6 li.ui-tabs-active a {
background-color: #eeeeee !important;
border: 1px solid #d1d1d1 !important;
border-top: 2px #ffc600 solid !important;
/* border-bottom: 0 !important; */
font-weight: 700;
color: #005cb9 !important;
}
ul.main-tab-3 li.ui-tabs-active a {
background-color: #d0d0d0 !important;
border: 1px solid #d1d1d1 !important;
border-left: 4px #ffc600 solid !important;
border-bottom: 0 !important;
font-weight: 600;
}
ul.main-tab-4 li.ui-tabs-active a {
background-color: #eeeeee !important;
border: 1px solid #d1d1d1 !important;
border-left: 4px #ffc600 solid !important;
border-bottom: 0 !important;
font-weight: 600;
color: #023c76 !important;
}
ul.main-tab7 li.ui-tabs-active a{
background-color: #eeeeee !important;
border: 1px solid #d1d1d1 !important;
border-top: 4px #ffc600 solid !important;
border-bottom: 0 !important;
font-weight: 600;
color: #023c76 !important;
}
#DataEntryTabs2.ui-tabs .grayed2 li a.ui-tabs-anchor {
max-width: 10rem;
overflow: hidden;
text-overflow: ellipsis;
padding: 0.188rem 0.9rem !important;
}
#DataEntryTabs1.ui-tabs .main-tab-4 li a.ui-tabs-anchor {
max-width: 21rem;
overflow: hidden;
text-overflow: ellipsis;
}
.tabContent {
background-color: #eeeeee !important;
border: 1px solid #d1d1d1 !important;
height: 100%;
}
.ui-tabs .grayed2 li.ui-tabs-active a,
ul.main-tab-2.grayed2 li, ul.main-tab-3.grayed2 li {
/*background-color: #e4e4e4 !important;*/
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
color: #fff;
bottom: 0px;
position: relative;
border-radius: 0px;
border-bottom: 4px solid #feca3f;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a:focus {
outline: none;
}
.main-tab .ui-tabs-anchor:hover {
border-bottom: 4px solid #feca3f;
color: #fff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
background: none;
margin-top: 0px;
width: 100%;
position: relative;
background-color: transparent;
float: left;
font-size: 0.8125rem;
z-index: 10;
}
#DataEntryTabs .ui-tabs-panel {
margin-top: -2px;
}
.tabs-small.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 0px;
background: #fff;
font-weight: normal;
color: black;
}
.fillterTab .ui-tabs .ui-tabs-panel {
background-color: #fff;
}
.tabs-small li {
border: 0px;
}
.tabs-small .ui-state-default a,
.tabs-small .ui-widget-content .ui-state-default a,
.tabs-small .ui-widget-header .ui-state-default a {
/*color: #333;*/
font-size: 0.95rem;
outline: none;
}
.tabs-small ul li a {
float: left;
display: inline-block;
}
.ui-tabs-paging-prev.do-no-touch,
.ui-tabs-paging-next.do-no-touch {
position: relative !important;
z-index: 10000;
background-color: #fff !important;
line-height: 24px;
}
.main-tab {
background-color: #005cb9;
height: auto;
/*display: inline-block;*/
list-style: none;
overflow: hidden;
z-index: 0;
}
.main-tab > li {
float: left;
}
.main-tab.ui-tabs-nav .ui-tabs-anchor,
.main-tab.ui-tabs-nav li.ui-tabs-active a {
padding: 0.563rem 0.888rem;
font-weight: 400;
font-size: 1rem;
}
.main-tab.ui-tabs-nav li.ui-tabs-active a {
color: #fff;
font-weight: 500;
}
.main-tab.ui-tabs-nav .ui-tabs-anchor {
color: #e0ecff;
}
.main-tab.ui-tabs-nav li.ui-tabs-active {
background-color: transparent;
border: none;
}
.main-tab.ui-tabs-nav li {
background-color: transparent;
}
.popup-100 {
width: 99%;
margin-left: 1% !important;
margin-right: 1% !important;
}
.popup-90 {
width: 90%;
}
.popup-60 {
width: 60%;
}
.popup-85 {
width: 85%;
}
.metro.popup-85 .window.flat {
height: 100%;
}
.metro.popup-85 .window.flat .content {
height: 100%;
}
.metro.popup-85 .window.flat .content .scroll {
height: 420px;
max-height: 462px;
overflow: auto;
}
.metro.popup-85 .window.flat .content .bottom {
position: relative;
bottom: 0px;
margin-top: 0.5%;
width: 100%;
border-top: 1px solid #c7c7c7;
}
.popup-75 {
width: 75%;
}
.metro.popup-75 .window.flat {
height: 100%;
}
.metro.popup-75 .window.flat .content {
height: 100%;
}
.metro.popup-75 .window.flat .content .scroll {
height: 420px;
max-height: 462px;
overflow: auto;
}
.metro.popup-75 .window.flat .content .bottom {
position: relative;
bottom: 0px;
margin-top: 0.5%;
width: 100%;
border-top: 1px solid #c7c7c7;
}
.popup-60 {
width: 60%;
}
.metro.popup-60 .window.flat {
height: 100%;
}
.metro.popup-60 .window.flat .content {
height: 100%;
}
.metro.popup-60 .window.flat .content .scroll {
height: 420px;
max-height: 462px;
overflow: auto;
}
.metro.popup-60 .window.flat .content .bottom {
position: relative;
bottom: 0px;
margin-top: 0.5%;
width: 100%;
border-top: 1px solid #c7c7c7;
}
.popup-30 {
width: 35% !important;
}
.scroll#divResourceMain {
height: 11rem;
overflow: auto;
overflow-x: hidden;
}
.metro.popup-30 .window.flat .bottom {
position: relative;
bottom: 0px;
padding-top: 0.5%;
width: 100%;
margin-bottom: 0PX;
text-align: right;
border-top: 1px solid #c7c7c7;
}
.metro.popup-30 .window.flat .content .bottom {
position: relative;
bottom: 0px;
margin-top: 0.5%;
width: 100%;
margin-bottom: 0PX;
text-align: right;
border-top: 1px solid #c7c7c7;
}
.metro.popup-30 .window.flat .content .bottom .row {
border-top: 1px solid #c7c7c7;
}
.popup-30120 {
width: 30%;
}
.metro.popup-30120 .window.flat .content {
height: 160px;
overflow: hidden;
min-height: 160px;
max-height: 600px;
overflow: auto;
overflow-x: hidden;
}
.metro.popup-30120 .window.flat .content .scroll {
height: 290px;
overflow: auto;
}
.metro.popup-30120 .window.flat .content .bottom {
position: absolute;
bottom: 0px;
padding-top: 5px;
width: 100%;
margin-bottom: 5PX;
border-top: 1px solid #c7c7c7;
text-align: right;
}
.popup-40 {
width: 40%;
}
.metro.popup-40 .window.flat .content {
overflow: hidden;
/*min-height:237px;*/
max-height: 600px;
overflow: auto;
overflow-x: hidden;
}
.metro.popup-40 .window.flat .content .scroll {
overflow: auto;
}
.metro.popup-40 .window.flat .content .bottom {
position: relative;
bottom: 0px;
margin-top: 5px;
width: 100%;
border-top: 1px solid #c7c7c7;
text-align: right;
}
.popup-45 {
width: 45%;
}
.metro.popup-45 .window.flat .content {
overflow: hidden;
overflow: auto;
overflow-x: hidden;
}
.metro.popup-45 .window.flat .content .scroll {
overflow: auto;
}
.metro.popup-45 .window.flat .content .bottom {
position: relative;
bottom: 0px;
margin-top: 5px;
width: 100%;
border-top: 1px solid #c7c7c7;
text-align: right;
}
.popup-50 {
width: 51%;
}
.metro.popup-50 .window.flat .content {
/*overflow: hidden;
min-height: 237px;
max-height: 600px;
overflow: auto;
overflow-x: hidden;*/
}
.metro.popup-50 .window.flat .content .scroll {
height: 290px;
/*max-height:462px;*/
overflow: auto;
}
.metro.popup-50 .window.flat .content .bottom {
position: absolute;
bottom: 0px;
padding-top: 5px;
width: 100%;
margin-bottom: 5PX;
border-top: 1px solid #c7c7c7;
text-align: right;
}
.date-icon {
position: relative;
}
.date-icon input {
padding-right: 20px !important;
}
.date-icon i {
position: absolute;
right: 5px;
top: 2px;
}
.clear-icon {
position: relative;
}
.clear-icon input {
padding-right: 20px !important;
}
.clear-icon i {
position: absolute;
right: 5px;
top: 2px;
}
.label-margin {
margin: 0.160rem 0.313rem 0.140rem 0rem;
}
/*.patientSearchAllTransactions > #autocompleteForPatientAppt_DDD_PW-1 {
width: 50rem !important;
}*/
.enctselectdrpwidth {
width: 22% !important;
}
.metro .zoom80 .encformbasePage label.input-control.radio.default-style, .metro .zoom90 .encformbasePage label.input-control.radio.default-style {
margin: 0rem 0.09rem 0rem 0.1rem;
}
.metro .zoom80 .encformbasePage .input-control.checkbox .txt-spn, .metro .zoom90 .encformbasePage .input-control.checkbox .txt-spn {
line-height: 1rem;
}
/*.metro .zoom80 .encformbasePage .input-control.checkbox .txt-spn,.metro .zoom90 .encformbasePage .input-control.checkbox .txt-spn{
line-height: 1rem;
}
.metro .zoom80 .encformbasePage .input-control.checkbox span,.metro .zoom90 .encformbasePage .input-control.checkbox span{
line-height: 0.3rem;
}*/
/*.metro .zoom80 .defaultElemStyle label.input-control.checkbox, .metro .zoom90 .defaultElemStyle label.input-control.checkbox {
margin: 0rem 0.09rem 0rem 0.1rem;
}*/
.metro .zoom80 .layerClass .checkbox .icons {
top: 0.2rem;
}
.metro .zoom90 .layerClass .checkbox .icons {
top: 0.2rem;
}
.customizedFont .dxeButtonEdit_Metropolis .dxeEditArea_Metropolis {
background-color: transparent;
}
.truncate3 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.truncate10 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
}
#DiagnosisCodesTab .ui-tabs li.ui-state-default .ui-tabs-anchor {
max-width: 8.4rem;
overflow: hidden;
text-overflow: ellipsis;
}
#DiagnosisCodesTab .ui-tabs li.ui-state-default:last-child .ui-tabs-anchor {
max-width: 6rem;
}
#DiagnosisCodesTab ul.main-tab-2 li a {
padding: 0.188rem 0.7rem !important;
}
.drodownMenuLink #autocompleteForMenuLink_DDD_L_D {
width: 62rem !important;
}
.AMSCopyrightTxt {
font-size:0.9375rem !important;
}
@media screen and (min-width: 2000px) {
.date-icon i {
margin-top: 3px;
margin-right: 2px;
}
}
@media screen and (min-width: 1600px) and (max-width: 1900px) {
.popup-60 {
width: 70%;
}
.popup-30 {
width: 40%;
}
/*.bxHeight25 {
height: 24rem !important;
overflow: auto !important;
}*/
.bottomForFrame {
bottom: -5.6rem !important;
}
/*.patientSearchAllTransactions > #autocompleteForPatientAppt_DDD_PW-1 {
top: 1.35rem !important;
width: 50rem !important;
}*/
.schedulerSearchPatient #autocompleteForPatientAppt_DDD_PW-1 {
/*width: 50rem !important;*/
top: 5.25rem !important;
}
.sideEnctSidebarLeft {
margin-left: -18.7em !important;
}
ul.ribbon-right-icons-accntLedger > li {
padding-bottom: 0.3rem;
}
.DevExtremeSearchGrid.searchboxWitOneIcon .dx-toolbar .dx-texteditor {
margin-top: -2.9rem;
margin-right: 2.2rem;
}
.DevExtremeSearchGrid.searchboxWitThreeIcon .dx-toolbar .dx-texteditor {
margin-top: -2.9rem;
margin-right: 5.8rem;
}
ul.ribbon-right-icons-welcomeform > li {
padding-bottom: 0.75rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
.padR03 {
padding-right: 0.1875rem;
}
.OrderCostSummaryLabel {
padding-top: 0.7rem;
}
}
@media screen and (min-width: 1360px) and (max-width: 1500px) {
.grid .row {
margin: 0 0 0.3rem 0;
}
.datepicker-position > button {
top: 0.2rem !IMPORTANT;
}
#EM_CodeTextbox {
width: 50px;
}
/*.bxHeight25 {
height: 20.3rem !important;
overflow: auto !important;
}*/
.marRM15 {
margin-right: -15px !important;
}
.marRM5 {
margin-right: 5px !important;
}
.entryPaymentLabel .date-icon i {
margin-top: 1px;
}
.entryPaymentInsuranceLabel .date-icon i {
margin-top: 3px;
}
.bottomForFrame {
bottom: -5.9rem !important;
}
/*.patientSearchAllTransactions > #autocompleteForPatientAppt_DDD_PW-1 {
top: 1.45rem !important;
width: 50rem !important;
}*/
.schedulerSearchPatient #autocompleteForPatientAppt_DDD_PW-1 {
/*width: 50rem !important;*/
top: 5.45rem !important;
}
.OrderCostSummaryLabel {
padding-top: 0.1rem;
}
.patDetailDiv1Width {
width: 28% !important;
}
.patDetailDiv2Width {
width: 27% !important;
}
.patDetailDiv3Width {
width: 44% !important;
}
select.drpLocationWidth {
width: 4.4rem;
}
select.drpTechWidth {
width: 5.5rem !important;
}
select.drpProvWidth {
width: 5.5rem !important;
}
.sideEnctSidebarLeft {
margin-left: -19.9em !important;
}
.encounterContentHt {
height: 465px !important;
}
.enconterSidebarHt {
height: 537.08px;
}
.refundDtPad {
padding-top: 8px;
}
ul.ribbon-right-icons-welcomeform > li {
padding-bottom: 0.7rem;
}
.layerClass .box1 > h3 span.glyphicon-chart {
line-height: 18px !important;
}
}
@media screen and (min-width: 1600px) and (max-width: 1800px) {
/*ul.smallTabs li {
margin: 2px 1px 0 1px !important;
}
ul.smallTabs li.ui-tabs-active {
padding: 3px 15px 3px 15px !important;
margin: 0px 1px 0 1px !important;
}*/
.entryPaymentLabel .date-icon i {
margin-top: 2px;
}
.entryPaymentInsuranceLabel .date-icon i {
margin-top: 4px;
}
.padR03 {
padding-right: 0.1875rem;
}
.apptSavebtnpadR {
padding-right: 0.9rem !important;
}
.OrderCostSummaryLabel {
padding-top: 0.8rem;
}
}
@media screen and (min-width: 1600px) {
.select-wrapper, .select-wrapper select {
line-height: 1.8rem;
}
.patDetailDiv1Width {
width: 27% !important;
}
.patDetailDiv2Width {
width: 27% !important;
}
.patDetailDiv3Width {
width: 43% !important;
}
select.drpLocationWidth {
width: 4.4rem;
}
select.drpTechWidth {
width: 6.5rem !important;
}
select.drpProvWidth {
width: 3.5rem !important;
}
.encounterContentHt {
height: 568px !important;
}
.enctselectdrpwidth {
width: 28% !important;
margin-top: -0.2rem;
}
.workQueuesQickSearchResult {
height: 23.2rem;
overflow: auto;
}
#claimQuickSearchTab .workQueuesQickSearchResult {
height:auto;
overflow: auto;
}
}
@media screen and (min-width: 1920px) {
/*.top1 {
margin-bottom: 10px !important;
padding-bottom: 0.625rem;
}*/
.lockCircleIcon {
padding-top: 1.2rem;
}
.lockFont {
font-size: 3.3rem;
}
.padL88 {
padding-left: 6.1rem;
}
.padb10 {
padding-bottom: 0.625rem;
}
.entryPaymentLabel .date-icon i {
margin-top: 1px;
}
.entryPaymentInsuranceLabel .date-icon i {
margin-top: 3px;
}
.bottomForFrame {
bottom: -6.3rem !important;
}
.padR03 {
padding-right: 0.1875rem;
}
.select-wrapper, .select-wrapper select {
line-height: 1.83rem;
}
.warningPopUpalign {
/*margin-top: 2.1rem;
margin-left: -0.2rem;*/
}
.warningPopupbtn {
padding-top: 0.8rem;
}
.apptSavebtnpadR {
padding-right: 0.6rem;
}
select.drpLocationWidth {
width: 5.4rem !important;
}
select.drpTechWidth {
width: 9.5rem !important;
}
select.drpProvWidth {
width: 7.5rem !important;
}
.sideEnctSidebarLeft {
margin-left: -16.9em !important;
}
.encounterContentHt {
height: 750px !important;
}
.enconterSidebarHt {
height: 829.22px;
}
ul.ribbon-right-icons-accntLedger > li {
padding-bottom: 0.4rem;
}
.DevExtremeSearchGrid.searchboxWitOneIcon .dx-toolbar .dx-texteditor {
margin-top: -2.8rem;
margin-right: 2.2rem;
}
.DevExtremeSearchGrid.searchboxWitOneIcon #recallresutGrid .dx-toolbar .dx-texteditor {
margin-top: -3.5rem !important;
margin-right: 2.2rem;
}
.DevExtremeSearchGrid.searchboxWitThreeIcon .dx-toolbar .dx-texteditor {
margin-top: -2.9rem;
margin-right: 5.8rem;
}
.workQueuesQickSearchResult {
height: 33.2rem !important;
overflow: auto;
}
ul.ribbon-right-icons-welcomeform > li {
padding-bottom: 0.8rem;
}
#DataEntryTabs2.ui-tabs .grayed2 li a.ui-tabs-anchor {
max-width: 19rem;
}
#DataEntryTabs1.ui-tabs .main-tab-4 li a.ui-tabs-anchor {
max-width: none;
}
#DataEntryTabs1.ui-tabs .main-tab7 li a.ui-tabs-anchor {
max-width: none;
}
#DiagnosisCodesTab .ui-tabs li.ui-state-default .ui-tabs-anchor {
max-width: 11rem;
}
.worldpayLogoBtn .small-button, .worldpayLogoBtn .small-button30 {
font-size: 1.0625rem !important;
}
.txtInput {
width: 77% !important;
}
.drodownMenuLink #autocompleteForMenuLink_DDD_L_D {
width: 73rem !important;
}
#ptExamno {
width: 84px;
}
#claimQuickSearchTab .workQueuesQickSearchResult {
height:auto !important;
overflow: auto;
}
}
@media screen and (min-width: 2400px) and (max-width: 3860px) {
input[type=text],
input[type=url],
input[type=mail],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
textarea {
padding: 6px;
}
#divPackageDetail input[type=text],
#divPackageDetail input[type=url],
#divPackageDetail input[type=mail],
#divPackageDetail input[type=email],
#divPackageDetail input[type=number],
#divPackageDetail input[type=password],
#divPackageDetail input[type=search],
#divPackageDetail textarea {
padding: 2px !important;
}
#divStmtFilersResultGrid input[type=text],
#divStmtFilersResultGrid input[type=url],
#divStmtFilersResultGrid input[type=mail],
#divStmtFilersResultGrid input[type=email],
#divStmtFilersResultGrid input[type=number],
#divStmtFilersResultGrid input[type=password],
#divStmtFilersResultGrid input[type=search],
#divStmtFilersResultGrid textarea {
padding: 0px !important;
}
.encformbasePage input[type=text],
.encformbasePage input[type=url],
.encformbasePage input[type=mail],
.encformbasePage input[type=email],
.encformbasePage input[type=number],
.encformbasePage input[type=password],
.encformbasePage input[type=search],
.encformbasePage textarea {
padding: 2px !important;
}
.inputControlTableHolder input[type="text"].dxeEditAreaSys {
padding: 5px;
}
/*commented css for MBT 37204: CL Quicksearch: UI Issue*/
/*select {
padding: 2px;
}*/
.encformbasePage select {
padding: 0px !important;
}
.metro label {
margin: 0.3rem 0.513rem 0.7rem 0rem;
}
.metro .flowsheetContentHt label {
margin: 0.16rem 0.313rem 0.14rem 0rem !important;
}
.MiscQuickSearchLabel .DivClassForSearchCriteria label {
margin: 6px !important;
}
.allOrderQuickSearchLabel label {
margin: 0.160rem 0.313rem 0.140rem 0rem;
}
.allOrderQuickSearchLabel input[type=text] {
padding: 2px;
padding-left: 4px;
}
.allOrderfilterLabels label, .ptSearchResult label {
margin: 0.160rem 0.313rem 0.140rem 0rem;
}
.allOrderfilterLabels input[type=text] {
padding: 2px;
padding-left: 4px;
}
.metro .encformbasePage label {
margin: 0.160rem 0.313rem 0.140rem 0rem;
}
.metro .encformbasePage label.input-control.radio.default-style {
margin: 0rem 0.09rem 0rem 0.2rem;
}
.metro .encformbasePage label.input-control.checkbox {
margin: 0rem 0.09rem 0rem 0.2rem;
}
/*.metro .zoom80 .encformbasePage label.input-control.radio.default-style ,.metro .zoom90 .encformbasePage label.input-control.radio.default-style{
margin: 0rem 0.09rem 0rem 0.1rem;
}*/
.label-margin {
margin: 0.3rem 0.513rem 0.7rem 0rem;
}
.label-margin-fixed {
margin: 0.160rem 0.313rem 0.140rem 0rem !important;
}
.encformbasePage .label-margin {
margin: 0.160rem 0.313rem 0.140rem 0rem;
}
.select-default .select2-choice {
padding: 5.5px;
}
.datepicker-position > button {
top: 0.00rem !important;
}
.box-padding {
padding: 0.5rem !important;
}
.checkbox,
.radio {
line-height: 1.5rem;
}
.select-wrapper, .select-wrapper select {
line-height: 1.39rem;
}
.encformbasePage .select-wrapper, .encformbasePage .select-wrapper select {
height: 28px;
line-height: 1.2rem;
}
/*button.ui-multiselect {
padding:7px;
}*/
.lockCircle {
height: 100px !important;
width: 100px !important;
border-radius: 50px;
border: 2px solid white;
background-color: #c64348;
}
.lockCircleIcon {
padding-top: 0.8rem !important;
}
.padL88 {
padding-left: 6.7rem !important;
}
.lockFont {
font-size: 3rem !important;
}
.padR03 {
padding-right: 0.3125rem !important;
}
.entryPaymentLabel .date-icon i {
margin-top: 5px !important;
}
.OrderCostSummaryLabel {
padding-top: 0.7rem;
}
.sideEnctSidebarLeft {
margin-left: -21em !important;
}
.input-control.radio.default-style .txt-spn {
padding-left: 3px !important;
margin-left: 14px !important;
}
.input-control.checkbox .txt-spn {
padding-left: 3px;
margin-left: 17px;
}
.encounterContentHt {
height: 1039px !important;
}
.encountupdtRow {
height: 2.7rem !important;
}
#autocompleteForPatientAppt input[type=text] {
padding: 2px !important;
/*background-color: orangered;*/
}
.noExtraPadding select {
padding: 0px !important;
}
.noExtraPadding input[type=text],
.noExtraPadding input[type=url],
.noExtraPadding input[type=mail],
.noExtraPadding input[type=email],
.noExtraPadding input[type=number],
.noExtraPadding input[type=password],
.noExtraPadding input[type=search],
.noExtraPadding textarea {
padding: 2px !important;
}
.noExtraPadding label {
margin: 0.160rem 0.313rem 0.140rem 0rem !important;
}
.noExtraPadding .checkbox,
.noExtraPadding .radio {
line-height: 1.4rem;
}
.noExtraPadding .checkbox .icons, .noExtraPadding .checkbox-style1 .icons, .noExtraPadding .radio .icons {
font-size: 14px !important;
}
.noExtraPadding .input-control.checkbox label,
.noExtraPadding .input-control.radio label {
margin: 0px !important;
}
ul.ribbon-right-icons-accntLedger > li {
padding-bottom: 0.65rem;
}
ul.ribbon-right-icons-welcomeform > li {
padding-bottom: 0.75rem;
}
.ECIPading {
padding-top: 0.56rem;
}
#raceAndEthnicityTbl_filter {
margin-right: 0.2rem !important;
}
.date-icon i#clinicalDateId {
margin-top: -1px;
}
#claimQuickSearchTab .workQueuesQickSearchResult {
height:auto;
overflow: auto;
}
}
/*end 2560*/
.box_heading > h3,
.defaultElemStyle > h3 {
font-size: 1rem;
color: #005cb9;
text-transform: uppercase;
/*margin: 0.600rem 0rem;*/ /*removed css as all grids overlapping on footer 1366 resolution*/
margin-top: 0px;
font-weight: 600;
height: 1.25rem;
line-height: 1.5625rem;
}
.box_heading > h4 {
font-size: 0.9rem;
color: #313131;
font-weight: 600;
line-height: 1.5625rem;
margin: 0.313rem 0rem;
height: 1.25rem;
margin-top: 0;
}
h4.sub_heading {
font-size: 0.9rem;
color: #313131;
font-weight: 600;
line-height: 1.5625rem;
margin: 0.525rem;
}
.box_heading .box {
height: calc(100% - 1.25rem);
border: 1px solid #d1d1d1;
background-color: #eeeeee;
font-size: 0.8125rem;
padding: 0px;
color: black;
cursor: auto;
overflow: auto;
position: relative;
}
/*.MacOsSafari .box_heading .box {
font-size: 0.7125rem;
}*/
.box_heading {
height: 100%;
}
.no_heading {
height: calc(100% + 5px) !important;
}
/*.borderBottom tr td {
border-bottom: 1px solid #d1d1d1;
}*/
.input-control.checkbox label,
.input-control.radio label {
margin: 0px;
text-align: left;
}
/*
Force table width to 100%
*/
table.table-fixedheader {
width: 100%;
}
/*
Set table elements to block mode. (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
table.table-fixedheader,
table.table-fixedheader > thead,
table.table-fixedheader > tbody,
table.table-fixedheader > thead > tr,
table.table-fixedheader > tbody > tr,
table.table-fixedheader > thead > tr > th,
table.table-fixedheader > tbody > td {
display: block;
}
table.table-fixedheader > thead > tr:after,
table.table-fixedheader > tbody > tr:after {
content: ' ';
display: block;
visibility: hidden;
clear: both;
}
/*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed). We must specify an explicit height for the tbody. We include
100px as a default, but it can be overridden elsewhere.
Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
table.table-fixedheader > tbody {
overflow-y: scroll;
height: 129px;
}
/*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
table.table-fixedheader > thead {
overflow-y: scroll;
}
/*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible. (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
table.table-fixedheader > thead::-webkit-scrollbar {
background-color: inherit;
}
table.table-fixedheader > thead > tr > th:after,
table.table-fixedheader > tbody > tr > td:after {
content: ' ';
display: table-cell;
visibility: hidden;
clear: both;
}
/*
We want to set | and | elements to float left.
We also must explicitly set the width for each column (both for the |
and the | ). We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/
table.table-fixedheader > thead tr th,
table.table-fixedheader > tbody tr td {
float: left;
word-wrap: break-word;
}
/*Tabs style starts here*/
select.bdrnone {
border: none;
-webkit-appearance: none;
cursor: pointer;
overflow: hidden;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: auto;
border-radius: 0;
/*font-size:1rem;*/
margin-top: -3px;
color: #000;
border: none;
background: none;
}
select.bdrnone option {
text-decoration: none;
text-decoration-line: none;
}
.main-menu {
background-color: #005cb9;
}
.ui-multiselect-menu {
display: none;
}
.textC {
text-align: center !important;
}
.widthA {
width: auto !important;
}
/*Pop Up Styles*/
.popup_heading {
display: block;
}
.popup_heading h3 {
color: #005cb9;
font-size: 1.7rem;
padding: 0.5rem;
padding-bottom: 1.5rem;
margin-bottom: 8px;
text-transform: uppercase;
}
.popup_data > ul {
padding: 0px;
}
.popup_data > ul > li {
padding-left: 10px;
padding-top: 20px;
float: left;
}
.bottomAlign {
position: absolute;
bottom: 0;
height: 65px;
float: left;
width: 100%;
}
.bottomAlign2 {
position: absolute;
bottom: 3rem;
height: 6rem;
float: left;
width: 98% !important;
}
.bottomAlign3 {
position: absolute;
bottom: 1rem;
float: left;
width: 98% !important;
}
.listStyleN {
list-style: none;
}
.width50 {
width: 50%;
}
.button .disabled:hover {
border-color: #bebebe !important;
background: #bebebe !important;
color: #ffffff;
}
.dialog-overlay {
top: 80px;
}
.Ex_large_popup {
min-height: 700px;
width: 1100px !important;
}
.large_popup {
width: 900px;
}
.Med_small_popup {
min-height: 400px !important;
width: 600px !important;
}
.small_popup {
min-height: 200px !important;
width: 500px !important;
}
.medium_popup {
min-height: 200px !important;
min-width: 600px !important;
}
.Alert_popup {
min-height: 250px !important;
width: 350px !important;
}
.lightBlue {
color: #42aaff !important;
}
div.lightBlue > a {
color: #42aaff !important;
}
.marginT18 {
margin-top: 1.125rem !important;
}
.marginB18 {
margin-bottom: 1.125rem !important;
}
.marginT12 {
margin-top: 0.75rem !important;
}
.paddingR2 {
padding-right: 2px;
}
.marT0 {
margin-top: 0px;
}
.marB0 {
margin-bottom: 0px !important;
}
.marginB5 {
margin-bottom: 5px !important;
}
.tabs-content .tab-panel .tab-content-segment {
display: block;
float: left;
position: relative;
}
.encounterRowPad {
padding-top: 0.6rem;
}
.borderBottom {
border-bottom: 1px solid #d1d1d1 !important;
}
.bordBottom-darkGray {
border-bottom: 1px solid #d9d9d9;
}
.borderLR tr td {
border-left: 1px #d1d1d1 solid;
border-right: 1px #d1d1d1 solid;
}
.border-none {
border: none !important;
}
.hide-button {
padding: 0;
background-color: transparent !important;
border: 0px #d9d9d9 solid !important;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: 0 !important;
line-height: 2.0325rem !important;
margin: 0;
position: relative;
float: right;
}
.marginBottom0 {
margin-bottom: 0px;
}
.pad-Top20 {
padding-top: 20px;
}
.pad-Bottom30 {
padding-bottom: 30px;
}
.resolutionIcon {
padding: 0px;
background-color: #f8c028;
width: 1.7rem;
height: 1.4rem;
border: 0px solid yellow;
border-radius: 5px;
}
.button.pad80 {
padding: 0 80px;
}
.mar0 {
margin: 0px !IMPORTANT;
}
.paddingTB100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.paddingTB50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.marT50 {
margin-top: 50px !important;
}
.marT10 {
margin-top: 0.625rem !important;
}
/*.marT15 {
margin-top: 1.56rem;
}*/
.marB10 {
margin-bottom: 0.7rem !important;
}
.marB30 {
margin-bottom: 1.875rem !important;
}
.marB20 {
margin-bottom: 1.25rem !important;
}
.marT20 {
margin-top: 20px !important;
}
.marT25 {
margin-top: 25px !important;
}
.marT30 {
margin-top: 30px !important;
}
.marT20 {
margin-top: 1.25rem !important;
}
.marT15 {
margin-top: 0.938rem !important;
}
.marB100 {
margin-bottom: 100px !important;
}
.padL88 {
padding-left: 5.5rem;
}
.marTB0 {
margin-bottom: 0px;
margin-top: 0px;
}
.padT0 {
padding-top: 0px !important;
}
.pad05 {
padding: 0.3125rem !important;
}
.pad03 {
padding: 0.1125rem !important;
}
.padR8 {
padding-right: 8px !important;
}
.padT05 {
padding-top: 5px !important;
}
.padT04 {
padding-top: 4px !important;
}
.padT10 {
padding-top: 0.625rem !important;
}
.accident-options label {
width: 10.5rem;
}
.external-options label {
width: 7rem;
}
.miscellaneous label {
width: 10.8rem;
}
.input-control.radio {
padding-left: 0px;
display: inline-block;
}
.box > h4 {
margin: 0px;
background-color: #eceaeb;
padding: 5px;
padding-bottom: 7px;
color: #000;
border-bottom: 1px solid #d1d1d1;
text-align: center;
}
.box .input-control.checkbox label,
.box .input-control.radio label {
width: initial;
}
.datepicker-position > button {
border: none;
top: 0.10rem !IMPORTANT;
right: -2px !IMPORTANT;
background-color: transparent;
}
.filterLabels .datepicker-position input[type=text],
input[type=url],
input[type=mail],
input[type=email],
input[type=number],
input[type=password],
textarea {
font-size: 0.8125rem;
padding: 2px;
color: black;
cursor: auto;
}
.border-TopGray {
border-top: 1PX solid #d5d5d5;
}
.border-TopGray > button {
border: none;
}
.border-bottom-gray {
border-bottom: 1px solid #d5d5d5;
}
.border-Gray > table {
border: 1PX solid #d5d5d5;
}
.rowborder .dxgvEditFormDisplayRow_Metropolis td.dxgv,
.rowborder .dxgvDataRow_Metropolis td.dxgv,
.rowborder .dxgvDataRowAlt_Metropolis td.dxgv,
.rowborder .dxgvSelectedRow_Metropolis td.dxgv,
.rowborder .dxgvFocusedRow_Metropolis td.dxgv {
border-bottom: 1px #d5d5d5 solid;
}
label.wid40 {
width: 2.5rem !important;
}
label.wid55 {
width: 3.438rem !important;
}
label.wid68 {
width: 4.20rem !important;
}
h3.marB15 {
margin-bottom: 1.5rem;
}
.bg-skayblue1 {
background-color: #d4edf7 !important;
}
.bg-skayblue2 {
background-color: #e5f2f7 !important;
}
table.MeasurementTable td {
padding: 0;
padding-left: 0.45%;
padding-bottom: 0.1rem;
}
table.LastOrderTable td {
padding: 0;
padding-left: 0.5rem;
}
.normal-text {
font-size: 0.8rem !important;
color: initial;
font-weight: normal;
text-transform: initial;
}
.borderR0 {
border-right: 0px !important;
}
.borderL0 {
border-left: 0px !important;
}
.borderLR0 {
border-left: 0px !important;
border-right: 0px !important;
}
.devtable.bordered th {
border-top: none;
border-left: none;
border-right: none;
font-weight: 600;
outline: none;
}
.box-padding {
padding: 0.4rem !important;
}
.main-tab.ui-tabs-nav li.no-hover:hover {
border: none;
}
.display-block {
display: block !important;
}
.display-flex {
display: flex !important;
}
.marB15 {
margin-bottom: 1.2rem !important;
}
.marLR20 {
margin-left: 2.4rem;
margin-right: 2.4rem;
}
.marLR5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.marLR3 {
margin-left: 3px !important;
margin-right: 3px !important;
}
.encountupdtRow {
height: 2.7rem !important;
}
@media screen and (min-width: 2500px) and (max-width: 3840px) {
.DisplayFlexFeesManage{
display: flex;
float: left;
margin-left: 3px;
}
.superBillBox{
height:70.1vh;
}
.actLedHT{
height:57.9rem;
}
.radio .icons {
top: 0.5rem;
}
.checkbox .icons {
top: 0.58rem;
}
table .checkbox .icons {
top: .4rem;
}
.box-padding {
padding: 0.5rem !important;
}
/*.bxHeight25 {
height: 25rem !important;
overflow: auto !important;
}*/
#divOrderEntry .input-control label.checkbox {
padding-top: 0px;
}
.metro .OpticalOrderEntryScrnBodyHeight label {
margin: 0 !important;
}
.box_heading .PatientDetailsbox {
height: 35vh;
}
.marR25 {
margin-right: -30px !important;
}
.warningPopupbtn {
padding-top: 0rem;
}
#divAllTransactionFilter .dxeEditArea_Metropolis {
padding-bottom: 0px !important;
}
.DevExtremeSearchGrid.searchboxWitOneIcon .dx-toolbar .dx-texteditor {
margin-top: -2.55rem;
margin-right: 2.2rem;
}
.DevExtremeSearchGrid.searchboxWitThreeIcon .dx-toolbar .dx-texteditor {
margin-top: -2.65rem;
margin-right: 5.6rem;
}
.workQueuesQickSearchResult {
overflow: auto;
height: 58.5rem !important;
}
}
.label-margin-fixed {
margin: 0.160rem 0.313rem 0.140rem 0rem !important;
}
.metro.popup-30 .window.flat .content {
/*height:400px;*/
/*overflow: hidden;
min-height: 100px;
max-height: 800px;
overflow: auto;
overflow-x: hidden;*/
}
.input-control.radio.default-style .txt-spn {
line-height: 1.3rem !important;
padding-left: 0px;
margin-left: 17px;
}
.input-control.checkbox .txt-spn {
line-height: 1.3rem;
padding-left: 0px;
margin-left: 17px;
}
.button.widsmall {
width: 3.8rem;
}
.button.widmid {
width: 6rem;
}
.button.widlarge {
width: 8rem;
}
.button.widxlarge {
width: 10rem;
}
a.gray-link {
color: #696969;
}
.darkgray {
color: #696969;
}
a.gray-link:hover {
color: #42aaff;
}
#footer_container .fg-skyblue {
color: #2086bf !important;
}
.popup-fg-skyblue {
color: #2086bf;
}
.popup-fg-skyblue:hover {
color: #42aaff !important;
}
#footer_container .fg-skyblue:hover {
color: #42aaff !important;
}
.select2-container-active.select-default .select2-choice {
border: 1px solid #4296de;
border-radius: 3px;
box-shadow: 0 0 4px #4296de;
}
.marginT15MIN {
margin-top: -0.9rem;
}
.hidden {
display:none !important;
}
/* temperory css stsrts hhere*/
.defaultElemStyle {
border: 1px solid #d1d1d1;
background-color: #eeeeee;
font-size: 0.8125rem;
padding: 0px;
color: black;
cursor: auto;
overflow: auto;
position: relative;
}
.layerClass .box1 > h3 {
margin: 0rem 0rem !important;
}
.box1 > h3 {
font-size: 1rem !Important;
color: #005cb9 !important;
text-transform: uppercase !important;
margin: 0.313rem 0rem !important;
margin-top: 0px !important;
font-weight: 600 !important;
height: 1.50rem !important;
line-height: 1.5625rem !important;
background-color: transparent !important;
border: none !important;
}
.box1 > h3 > div {
border-bottom: none !important;
}
.defaultElemStyle button {
border: none;
padding: 0px !important;
background-color: transparent !important;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: 0 !important;
line-height: 0;
margin: 0;
position: relative;
}
.defaultElemStyle input[type="button"] {
padding: 0px !important;
height: 19px;
}
.defaultElemStyle input[type="button"]#btnAddCollapse, .defaultElemStyle input[type="button"]#btnAddContinue, .defaultElemStyle input[type="button"]#btnCancel, .defaultElemStyle input[type="button"]#btnAddCollapse {
height: auto !important;
padding: 0.325rem 3.125rem !important;
}
.efile-elm-btn {
/*margin: 0 auto;
padding-top: 5%;
background-image: url(../images/setblktounk.svg);
background-repeat: no-repeat;
background-size: contain;
min-height: 1.1em !IMPORTANT;
width: 18px;
height: 20PX;
margin: 1px 2px;*/
cursor: pointer;
}
.efile-elm-btn:before {
content: "\e608";
font-family: metro, "Segoe UI", "Open Sans", serif;
font-weight: normal;
}
.MacOsChrome .efile-elm-btn:before {
font-weight: 700 !important;
opacity: 0.99 !important;
}
.defaultElemStyle .select-wrapper {
margin: 0px !important;
}
.metro .horizontal-menu {
margin: 0;
padding: 0;
list-style: none;
padding: 0px;
}
.metro .horizontal-menu li:first-child {
margin-left: 0px;
}
.metro .horizontal-menu li {
display: inline-block;
margin: 0 0px;
padding: 0;
vertical-align: baseline;
position: relative;
font-family: Verdana, Arial, sans-serif;
background: transparent;
line-height: 18px;
}
.glyphicon-circelplus:before {
font-family: 'metro';
content: "\e661";
}
#divOfficeAdminContent button,
#divWaitListMgr button {
background: transparent;
border: 0;
}
.confirmation-outerdiv {
background: #fff;
z-index: 99999;
color: #000;
font-weight: normal;
width: 37%;
padding: 5px;
padding-top: 0px !important;
}
input[type="file"].custom-file-input:before,
.metro input[type="file"] {
content: "\e661";
display: inline-block;
font-family: metro, "Segoe UI", "Open Sans", serif;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
/*vertical-align: middle;*/
position: static;
cursor: pointer;
/*font-size: 1rem !important;*/
}
input[type="file"].custom-file-input-profile:before,
.metro input[type="file"] {
/*content: "\e697";*/
display: inline-block;
font-family: metro, "Segoe UI", "Open Sans", serif;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
/*vertical-align: middle;*/
position: static;
cursor: pointer;
}
.metro input[type="file"] {
width: 0.9375rem;
height: 1.299rem;
-moz-appearance: button;
-moz-appearance: none;
-moz-binding: none;
font-size: 1rem;
margin-top: 0px;
outline: none;
}
.eleFiles.mif-imageviewer {
width: 1.7rem !important;
margin-right: 0px !important;
}
.metro input[type="file"]:focus {
outline: none;
}
a.capture-input {
color: transparent;
background-color: #fff;
background: url('../images/capture.png') no-repeat 9px;
border: 0px;
padding: 0px;
margin: 0px;
width: 35px;
height: 24px;
float: left;
position: relative;
top: 26px;
}
a.clear-input {
background-color: #fff;
color: transparent;
background: url('../images/clear.png') no-repeat 9px;
border: 0px;
padding: 0px;
margin: 0px;
width: 35px;
height: 24px;
float: left;
position: relative;
top: 30px;
}
/*.custom-file-input input[type:file] {
padding-left: 10px;
}*/
.custom-file-input::-webkit-file-upload-button {
visibility: hidden;
}
.custom-file-input::before {
font-family: metro, serif;
font-weight: normal;
}
.MacOsChrome .custom-file-input::before {
font-weight: 700 !important;
opacity: 0.99 !important;
}
.custom-file-input:active {
outline: 0;
}
.custom-file-input:active::before {
background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
#thumb-hover {
position: absolute;
border: 1px solid #fff;
background: #333;
padding: 5px;
display: none;
color: #fff;
width: 200px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 1);
-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 1);
box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 1);
}
#thumb-hover img {
width: 200px;
}
.metro .table.striped tbody tr td a.thumb-hover img {
width: 24px;
}
.backgroundClass {
border-radius: 0px 0px 3px 3px;
}
.backgroundClassDev {
background-image: url('../images/FormElementBlue_135.png');
}
.defaultElemStyle {
border: 1px solid #c7c7c7 !important;
border-radius: 0px 0px 3px 3px;
overflow: inherit !important; /*MM-14 -MB- 01/08/2019*/
}
.defaultElemStyle .select-wrapper {
margin: 0px !important;
}
.defaultElemStyle label.input-control.checkbox {
text-align: left;
}
.normal-values {
background-image: url('../images/normal-values.PNG');
width: 22px;
height: 17px;
cursor: pointer;
display: block;
}
.dataentry {
background-image: url('../images/data-entry.PNG');
width: 20px;
height: 17px;
cursor: pointer;
position: absolute;
float: right;
top: 4px;
right: 3px;
display: block;
}
.refresh-elm-btn:before {
font-family: 'metro';
content: "\e707";
cursor: pointer;
position: relative;
display: block;
}
.intake-refresh-elm-btn:before {
font-family: 'metro';
content: "\e707";
cursor: pointer;
position: relative;
display: block;
}
.MacOsChrome .refresh-elm-btn:before {
font-weight: 700 !important;
opacity: 0.99 !important;
}
.MacOsChrome .intake-refresh-elm-btn:before {
font-weight: 700 !important;
opacity: 0.99 !important;
}
.ui-multiselect-menu {
background-color: #fff;
}
.copy-left {
margin: 0 auto;
/* just to get an apsect ratio same as the SVG's: */
padding-top: 48%;
height: 0;
background-image: url(../images/left-arrow.svg);
background-size: cover;
height: 1.1em !IMPORTANT;
margin: 1px 2px;
display: block;
}
.copy-right {
margin: 0 auto;
/* just to get an apsect ratio same as the SVG's: */
padding-top: 48%;
height: 0;
background: url(../images/right-arrow.svg);
background-repeat: no-repeat;
background-size: cover;
height: 1.1em !IMPORTANT;
margin: 1px 2px;
cursor: pointer;
display: block;
}
.odtoos {
margin: 0 auto;
padding-top: 34%;
height: 0;
background: url(../images/od-to-os.svg);
background-repeat: no-repeat;
background-size: cover;
height: 1.1em !IMPORTANT;
margin: 1px 2px;
cursor: pointer;
display: block;
}
.ostood {
margin: 0 auto;
padding-top: 34%;
height: 0;
background: url(../images/os-to-od.svg);
background-repeat: no-repeat;
background-size: cover;
height: 1.1em !IMPORTANT;
margin: 1px 2px;
display: block;
}
@-moz-document url-prefix() {
.clear-elm-btn {
top: -24px;
position: relative;
}
button[ data-ec_ctrldispname^="Clear"] > span.clear-elm-btn, button[ data-ec_ctrldispname="Clear"] > span.clear-elm-btn {
top: 0 !important;
}
.refresh-elm-btn {
top: -24px;
position: relative;
}
.intake-refresh-elm-btn{
top: -24px;
position: relative;
}
.normal-elm-btn {
top: -24px !important;
position: relative;
}
.elem-hist-btn {
top: -24px !important;
position: relative;
}
.DeviceImplemented-btn {
top: -24px !important;
position: relative;
}
.efile-elm-btn {
top: -24px !important;
position: relative;
}
.panel-count-btn {
/* top:-24px;*/
position: relative;
}
.glyphicon-chart {
top: -24px !important;
}
}
.custom-elm-btn {
background-image: url('../images/gear-icon.png');
background-repeat: no-repeat;
width: 19px;
height: 17px;
cursor: pointer;
position: relative;
top: -22px;
display: block;
}
.panel-count-btn {
width: 30px;
height: 25px;
cursor: pointer;
position: relative;
color: #2e92cf !important;
margin-left: 4px;
vertical-align: top;
}
.panel-count-btn:hover {
text-decoration: underline;
}
.panel-add-btn {
width: 30px;
height: 25px;
cursor: pointer;
position: relative;
float: right;
color: #2e92cf !important;
}
.panel-add-btn:hover {
text-decoration: underline;
}
.enccontollabel:before {
font-family: metro;
content: "\e800";
font-size: 16px;
padding-right: 5px;
vertical-align: middle;
/*color: #333;*/
}
.enccontolinput:before {
font-family: metro;
content: "\e801";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
/*color: #333;*/
}
.enccontoltextarea:before {
font-family: metro;
content: "\e802";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
/*color: #333;*/
}
.enccontolcheckbox:before {
font-family: metro;
content: "\e807";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
/*color: #333;*/
}
.enccontolcheckboxlist:before {
font-family: metro;
content: "\e808";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
/*color: #333;*/
}
.enccontolcombobox:before {
font-family: metro;
content: "\e805";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
/*color: #333;*/
}
.enccontolradio:before {
font-family: 'Glyphicons Halflings';
content: "\e165";
padding-right: 5px;
vertical-align: text-bottom;
font-size: 16px;
color: #333;
}
.enccontolradiobuttonlist:before {
font-family: metro;
content: "\e809";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
/*color: #333;*/
}
.date-format-box:before {
font-family: 'Glyphicons Halflings';
content: "\e268";
padding-right: 5px;
vertical-align: text-bottom;
font-size: 16px;
color: #333;
}
.enccontoldate:before {
font-family: metro;
content: "\e630";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
/*color: #333;*/
}
.MacOsChrome enccontoldate:before {
font-weight: 700 !important;
opacity: 0.99 !important;
}
.enccontolpanel:before {
font-family: metro;
content: "\e804";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
color: #333;
}
.enccontollinkbutton:before {
font-family: metro;
content: "\e810";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
color: #333;
}
.enccontolbuttonicon:before {
font-family: metro;
content: "\e811";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
/*color: #333;*/
}
.enccontolcomplexcontrol:before {
font-family: metro;
content: "\e806";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
color: #333;
}
.enccontolline:before {
font-family: metro;
content: "\e803";
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
color: #333;
}
.encundo:before {
font-family: metro;
content: "\e813";
top: 0.2rem;
position: relative;
padding-right: 0px;
vertical-align: text-top;
/*color: #333;*/
}
.searchRef-icon {
background: url(../../Images/searchref-icon.png) no-repeat;
}
.enccontollabel:hover,
.enccontolinput:hover,
.enccontoltextarea:hover,
.enccontolcheckbox:hover,
.enccontolcheckboxlist:hover,
.enccontolcombobox:hover,
.date-format-box:hover,
.enccontoldate:hover,
.enccontoltime:hover,
.enccontolpanel:hover,
.enccontollinkbutton:hover,
.enccontolbuttonicon:hover,
.enccontolcomplexcontrol:hover {
color: #005cb9;
}
.blue-ove {
background-color: rgb(66, 150, 222);
width: 17px;
border: 1px solid rgb(66, 150, 222);
border-radius: 50%;
color: #fff;
text-align: center;
height: 17px;
padding-top: 3px;
display: inline-block;
font-family: verdana;
font-size: 9px;
margin-left: 3px;
text-indent: initial;
position: relative;
top: 3px;
}
.blue-ove span {
top: -6px;
position: relative;
left: 0px;
}
.lock-icon {
position: absolute;
top: 8px;
right: 0px;
width: 12px;
height: 12px;
}
.encounterFormleftnavbar .lock-icon {
top: 1px;
right: 12px;
}
.lock-icon:before {
content: "\e920";
font-family: metro, "Segoe UI", "Open Sans", serif;
font-size: 1rem;
}
.refresh-icon {
/*background: url('../images/refresh.png') no-repeat;*/
position: absolute;
top: 8px;
right: 0px;
width: 12px;
height: 12px;
}
.refresh-icon:before {
content: "\e231";
font-family: 'Glyphicons Halflings';
font-size: 10px;
color: #4cb400;
}
.value-list .nav {
width: 345px;
min-height: 476px;
margin-bottom: 0.4% !important;
float: left;
}
.value-list .value-table-scrollitems {
width: 100%;
/* width: 84.5%; */
height: 433px;
overflow: auto;
overflow-x: hidden;
}
.value-list .nav ul li {
list-style: none;
display: list-item;
border: 0px;
position: relative;
border-bottom: 1PX solid #dadbe0;
font-size: 11px;
line-height: 10px;
}
.accordianuser label {
width: 12rem;
}
button.ui-multiselect {
width: 100% !important;
margin: 0px 0px 0px 0 !important;
text-align: left !important;
background-color: #fff !important;
color: #000 !important;
font-size: 0.8125rem !important;
border-radius: 3px;
border: 1px solid #cdd1d7 !important;
padding: 2px;
padding-left: 4px;
height: 1.399rem;
}
#spcategory button:disabled {
background-color: #eeeeee !important;
}
#CategorieMultiselect button:disabled {
background-color: #eeeeee !important;
}
.warningPopUpalign {
/*margin-top: 2.1rem;
margin-left: -0.2rem;*/
}
.warningPopupContent {
padding-top: 2rem;
}
.warningPopupbtn {
padding-top: 0.8rem;
}
.apptSavebtnpadR {
padding-right: 0.6rem;
}
@media screen and (min-width: 2400px) and (max-width: 3860px) {
button.ui-multiselect {
padding: 4px;
height: auto;
}
.bottomForFrame {
bottom: -7.1rem !important;
}
.apptSavebtnpadR {
padding-right: 0.2rem;
}
}
.ui-sortable label {
margin-top: 0px;
margin-bottom: 0px;
}
div.ui-multiselect-menu {
border: 0;
-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
font-size: .75rem;
padding: .3125rem;
background-color: #ffffff;
}
/*.ui-multiselect-checkboxes.ui-helper-reset {
float:left;
}*/
.ui-multiselect-checkboxes .ui-corner-all {
margin: 0px;
text-align: left;
padding-left: 0.9rem;
}
.ui-multiselect-checkboxes .ui-state-hover {
/*border: 1px solid #F6FAFF !important;*/
}
.ui-multiselect-checkboxes span {
margin-left: 3px;
}
.ui-multiselect-checkboxes .checkbox .icons {
top: 1.3px;
}
td .ui-multiselect {
margin: 0px !important;
}
.ui-multiselect-header span.ui-icon-circle-close {
width: 2rem;
min-height: 0.5rem;
text-align: center;
vertical-align: middle;
font-size: 1.1rem;
font-weight: normal;
padding: 0px 0px 1px 0px;
z-index: 3;
outline: none;
cursor: pointer;
background-color: #ffffff;
color: #2086bf;
line-height: 0rem;
border: 0px;
}
.ui-multiselect-header span.ui-icon-circle-close:before {
border-color: #777777;
font-family: metro, serif;
content: "\e629";
line-height: 1;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
width: 100%;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
ul.ui-autocomplete {
border: 1px solid #cfcfcf;
font-size: 11px;
padding-left: 5px;
padding-bottom: 5px;
background-color: #fff;
font-family: Verdana, Arial, sans-serif;
min-width: 80px;
}
.ui-menu-item a:focus {
background: transparent !important;
color: #42aaff;
border-radius: 0;
}
.ui-state-focus {
background: transparent;
color: #42aaff;
border: none;
border-radius: 0;
font-weight: normal;
}
.ui-autocomplete {
z-index: 99999;
}
label.wid45 {
width: 45px;
}
.defaultElemStyle textarea {
width: auto;
}
.glyphicon-remove:before,
.glyphicon-dustbin:before {
font-family: metro, serif;
content: "\e632";
}
.glyphicon-copyto:before {
font-family: metro, serif;
content: "\e651";
}
.glyphicon-setting:before {
font-family: metro, serif;
content: "\e649";
}
.glyphicon-education:before {
font-family: metro, serif;
content: "\e283";
}
.glyphicon-import:before {
font-family: metro, serif;
content: "\e913";
}
.glyphicon-copyTocopyFrom:before {
font-family: metro, serif;
content: "\e627";
}
.glyphicon-copyfrom:before {
font-family: metro, serif;
content: "\e650";
}
.glyphicon-copy:before {
font-family: metro, serif;
content: "\e603";
}
.glyphicon-gonioscopic:before {
font-family: metro, serif;
content: "\e640";
}
.setblktounk:before {
font-family: metro, serif;
content: "\e644";
}
.MacOsChrome .setblktounk:before {
font-weight: 700 !important;
opacity: 0.99 !important;
}
.setalltono:before {
font-family: metro, serif;
content: "\e645";
}
.MacOsChrome .setalltono:before {
font-weight: 700 !important;
opacity: 0.99 !important;
}
.setblktono:before {
font-family: metro, serif;
content: "\e646";
}
.MacOsChrome .setblktono:before {
font-weight: 700 !important;
opacity: 0.99 !important;
}
.enccontoltime:before {
font-family: metro, serif;
content: "\e652";
padding-right: 5px;
font-size: 16px;
}
.MacOsChrome .enccontoltime:before {
font-weight: 700 !important;
opacity: 0.99 !important;
}
.tonometry .enccontoltime-menu {
position: absolute;
top: -28px;
right: 0px;
}
.enccontoltimecss:after {
font-family: metro, serif;
content: "\e652";
padding-right: 1px;
font-size: 16px;
color: #42aaff;
}
.encountertimescssstyle{
color:#717070 !important;
Font-Weight:normal;
width:112px !important;
}
.encountertimescssstyles{
color:#717070 !important;
Font-Weight:normal;
width:96px !important;
}
.tonometry .horizontal-menu ul {
text-align: right;
}
.tabs-small .ui-state-default .ui-icon-close,
.ui-state-default .ui-icon-close:hover {
background-image: url(../images/ui-icons_888888_256x240.png) !important;
}
.ui-icon-triangle-1-s {
background: #fff url(../images/Combolist_select.gif) no-repeat right 50%;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon {
width: 20px;
height: 1rem;
}
.ui-icon {
display: block;
/*text-indent: -99999px;*/
overflow: hidden;
background-repeat: no-repeat;
cursor: pointer;
}
#busyIndicator img {
width: 100px;
}
.preset label {
width: 5rem;
}
.resource label {
width: 6rem;
}
#sortable {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
#sortable.selectCheck li {
margin: 0 5px 2px 0px;
padding: 1px;
font-size: 0.8rem;
padding-left: 1.5rem;
}
input.error,
select.error,
textarea.error {
border: 1px solid #ce352c;
}
/*.metro label.required-field:after {
content: "*";
font-family: initial;
display: inline-block;
line-height: 0;
color: red;
margin-left: 0px;
font-size: 1.2em;
line-height: 90%;
}*/
/* new css starts here*/
.pagination-footer {
bottom: 0.625rem;
position: fixed;
z-index: 9;
width: 15.625rem;
margin: auto;
left: 48%;
}
.secondaryToolBar {
width: 35.125rem !important;
}
/*.input-control.checkbox .txt-spn {
padding-left: 2px !important;
line-height: 1.5rem !important;
}*/
.appt-det label {
width: 5.2rem;
}
/*New css ends here*/
/*.metro h3.required-field:after {
content: "*";
font-family: initial;
display: inline-block;
line-height: 0;
color: red;
margin-left: 0px;
font-size: 1.2em;
line-height: 90%;
}*/
.box_heading > h2 {
font-size: 2rem;
color: #005cb9;
text-transform: uppercase;
margin: 0.313rem 0rem;
margin-top: 0px;
font-weight: 600;
height: 2.25rem;
line-height: 2.5625rem;
}
.encpatientheader {
border-bottom: 1px solid #c7c7c7 !important;
margin-bottom: 0.325rem !important;
}
input.input-validation-error {
background-color: #ffdcdd !important;
}
select.input-validation-error,
span.input-validation-error {
/*border: 1px solid #e80c4d;*/
background-color: #ffdcdd;
}
select option {
color: #000;
}
.height100 {
height: 100% !important;
margin: 0;
}
.textL {
text-align: left !important;
}
.dxgvEditFormDisplayRow_Metropolis td.dxgv,
.dxgvDataRow_Metropolis td.dxgv,
.dxgvDataRowAlt_Metropolis td.dxgv,
.dxgvSelectedRow_Metropolis td.dxgv,
.dxgvFocusedRow_Metropolis td.dxgv {
overflow: hidden;
border-bottom: 1px #f4f2f2 solid;
/* border-right: 1px #f4f2f2 solid; */
border-top-width: 0;
border-left-width: 0;
/*padding: 3px 6px 4px;*/
}
.metro .horizontal-menu li.wid20 {
width: 1.25rem;
}
.encountergridview .dxgvCSD {
position: inherit !important;
/*border:1px solid #c0c0c0;*/
}
.encountergridview.FinalDGridViewBorder .dxgvCSD {
border:1px solid #c0c0c0 !important;
}
.encountergridview.FinalDGridViewBorder .dxgvCSD {
border:1px solid #c0c0c0 !important;
}
.textR {
text-align: right !important;
}
ul.secondary-icons li label {
/*line-height: 1.8125rem;*/
}
.marginBottom15 {
margin-bottom: 0.5rem !important;
}
.pager {
padding: 0px;
/* width: 218px; */
float: right;
text-align: right;
z-index: 1000;
/*bottom: 0;
position: fixed;
left: 44%;*/
bottom: 2.1rem;
position: fixed;
left: auto;
background-color: transparent;
}
.pager div {
display: inline-block;
float: left;
}
.pager input[type=text] {
width: 35px;
/*line-height: 11px;*/
height:17px;
}
.pager .disabled:last-child {
margin-left: 3px;
}
.pager .disabled:first-child {
/*margin-left:0px;*/
margin-right: 3px;
}
.pager .disabled {
/*border: 1px solid #d5d5d5;
border-radius: 3px;
padding: 3px 5px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 17px;
line-height: 16px;
padding-bottom: 7px;
padding-top: 0px;
color: black;
float: left;
width: 20px;
height: 20px;
color: #999;
background: rgba(255, 255, 255, 1);*/
border: 1px solid #d5d5d5;
border-radius: 3px;
padding: 0 5px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 17px;
line-height: 12px;
/* padding-bottom: 7px; */
/* padding-top: 0px; */
color: black;
float: left;
width: 20px;
height: 17px;
color: #999;
background: rgba(255, 255, 255, 1);
}
.pager .current {
background: rgba(209, 209, 209, 1);
background: -moz-linear-gradient(top, rgba(209, 209, 209, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209, 209, 209, 1)), color-stop(53%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top, rgba(209, 209, 209, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(209, 209, 209, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(209, 209, 209, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(209, 209, 209, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff', GradientType=0);
font-size: 17px;
border-radius: 3px;
color: #333;
float: left;
width: 20px;
height: 20px;
margin-top: 4px;
padding: 3px 5px;
line-height: 10px;
text-align: center;
border: 1px solid #d5d5d5;
}
.pager span {
margin: 0px 4px 10px 3px;
cursor: pointer;
}
.pager span {
border: 1px solid #aaa;
padding: 3px 5px;
text-align: center;
text-decoration: none;
display: inline-block;
line-height: 11px;
padding-top: 0px;
color: #42aaff;
font-size: 17px;
border: 1px solid #d5d5d5;
border-radius: 3px;
font-size: 17px;
line-height: 12px;
padding-top: 0px;
float: left;
}
.layerClass .radio .icons {
top: 0.36rem;
}
.layerClass .checkbox .icons {
top: 0.36rem;
}
.metro .patientEncClass label.linegeight22,
.metro .patientEncClass span.linegeight22 {
line-height: 1.375rem !important;
}
span.linegeight21 {
line-height: 1.313rem;
}
.top-2 {
top: -2px;
position: relative;
}
/*.medicationHistory-info label {
width: 8.799rem;
}*/
.addMedicationLabel label {
width: 6.8rem;
}
.addMedicationLabel1 label {
width: 12rem;
}
.marL5 {
margin-left: 0.3125rem !important;
}
.marR5 {
margin-right: 0.3125rem !important;
}
.rightarrow-sml {
width: 18px !important;
height: 19px !important;
background: url('../../images/right-arrow-sml.png') no-repeat 3px;
overflow: hidden;
display: inline-block;
}
.rightarrow-sml-disabled {
width: 18px !important;
height: 19px !important;
background: url('../../images/right-arrow-sml-disabled.png') no-repeat 3px;
overflow: hidden;
display: inline-block;
}
.leftarrow-sml {
width: 18px !important;
height: 19px !important;
background: url('../../images/left-arrow-sml.png') no-repeat 3px;
overflow: hidden;
display: inline-block;
}
.leftarrow-sml-disabled {
width: 18px !important;
height: 19px !important;
background: url('../../images/left-arrow-sml-disabled.png') no-repeat 3px;
overflow: hidden;
display: inline-block;
}
input[type=button].icon,
input[type=button]:hover.icon,
.metro input[type=button]:active.icon,
input[type=button]:focus.icon {
width: 20px;
height: 20px;
border: none !important;
background-color: #fff !important;
cursor: pointer;
}
.dataTable .dxgvHeader_Metropolis {
background-color: #ecebeb !important;
}
#divOfficeAdminContent .box,
#divSchQuickSearchFilterResult .box {
border: 0;
background-color: transparent;
overflow: inherit;
}
#tblEncounterElements {
border: 1px solid #d1d1d1;
}
.recopia-login label {
width: 15rem;
}
.paddingT20 {
padding-top: 1.56rem;
/*padding-bottom:1.56rem;*/
}
.paddingTOP20 {
padding-top: 1.56rem;
}
.paddingTOP10 {
padding-top: 0.625rem !important;
}
.paddingB20 {
padding-bottom: 1.56rem;
}
.paddingB30 {
padding-bottom: 1.8rem;
}
.paddingB40 {
padding-bottom: 2.5rem;
}
.paddingB10 {
padding-bottom: 0.625rem !important;
}
.wid20p {
width: 20%;
}
.borderTop {
border-top: 1px solid #d1d1d1;
}
.borderTopdark {
border-top: 1px solid #a4a4a4;
}
.red {
color: red;
margin-left: 0px;
font-size: 1.2em;
line-height: 90%;
font-weight: 500;
}
.priorityColor{
color: #be0000;
}
.wid20p {
width: 20%;
}
button.backtrsp {
background-color: transparent;
border: none;
}
.dataTables_length label {
width: auto !important;
}
.position-rel {
position: relative;
}
/*input[data-original-title] {
position: absolute;
/* display: inline-block; */
.tooltipField + .tooltip > .tooltip-inner {
background-color: #f00;
position: relative;
}
.tooltip.bottom .tooltip-arrow {
/*top: 0;
left: 50%;
margin-left: -5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
position: absolute;*/
}
.tooltip {
position: absolute;
/* display: inline-block; */
border: 1px solid #fff;
/* top: 27px; */
/* position: relative; */
display: inline-block;
background-color: transparent;
/*margin-top: -25px;*/
z-index: 99999;
/*top: 0 !important;*/
padding: 3px;
padding-left: 5PX;
padding-right: 5PX;
border-radius: 5px;
}
.tooltip-inner {
color: black;
}
.tooltip-arrow:after {
/*top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0px;
width: 0px;
position: absolute;
pointer-events: none;
border-color: rgba(247, 242, 242, 0);
border-top-color: #c64348;
border-width: 5px;
margin-left: -9px;*/
font-family: metro;
content: "\e687";
/*padding-right: 5px;*/
vertical-align: middle;
font-size: 16px;
color: black;
font-weight: normal;
left: 50%;
position: absolute;
top: -14px;
}
.paddingbody30 {
padding: 30px !important;
}
.paddingbody50 {
padding: 50px !important;
}
.padSmall_1 {
padding-top: 20px !important;
padding-bottom: 20px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.padSmall_2 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.padSmall_3 {
padding-top: 50px;
padding-bottom: 50px;
padding-left: 15px;
padding-right: 15px;
}
.padLR15 {
padding-left: 0.938rem;
padding-right: 0.938rem;
}
.padButtonLR {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.padLR30 {
padding-left: 30px;
padding-right: 30px;
}
.padLR50 {
padding-left: 50px;
padding-right: 50px;
}
.paddingbody {
padding: 15px !important;
}
.padLR2 {
padding-left: 2px;
padding-right: 2px;
}
.padR2 {
padding-right: 2px;
}
.padR4 {
padding-right: 4px !important;
}
.padL6 {
padding-left: 6px;
}
.glypsettingIcon-Width {
width: 15px;
}
.printIconRibbon {
width: 10rem;
}
.printIconRibbon ul.frames-table-top-icon > li:first-child {
width: 40%;
}
.printIconRibbon ul.frames-table-top-icon > li:last-child {
width: 60%;
}
.dataEntrylabels label {
width: 64%;
}
.preferenceLabels label {
width: 25%;
}
.ui-timepicker-table .ui-state-active {
background-color: #feca3f;
}
.diagSelectPadding button.ui-multiselect span {
padding: 0px !important;
}
.EncGenElementWidth {
width: 44%;
}
.topDiagWidth {
width: 36%;
}
.CmsWidth {
width: 100%;
}
.providerGroup label {
width: 6rem;
}
#TblDocumentsNeedReview_filter {
margin-top: 3px;
}
#raceAndEthnicityTbl_filter {
margin-top: -2.2rem;
margin-right: 9.2rem;
}
#bill_allpt_all_bills .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
top: 19.5rem !important;
width: 17rem !important;
}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
.paddingbody30 {
padding: 15px !important;
}
.paddingbody50 {
padding: 25px !important;
}
.padSmall_1 {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}
.padSmall_2 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.padSmall_3 {
padding-top: 50px;
padding-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
}
/*temp. coment by rohit*/
/*.padLR15 {
padding-left: 10px;
padding-right: 10px;
}*/
.scanLblAttr label {
width: 7rem;
}
.padButtonLR {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
/*temp. coment by rohit*/
/*.padLR30 {
padding-left: 15px;
padding-right: 15px;
}*/
.popup_heading h3 {
font-size: 1.4rem;
margin-bottom: 10px;
}
.lockCircle {
height: 80px !important;
width: 80px !important;
}
.lockCircleIcon {
padding-top: 1rem !important;
}
.padL88 {
padding-left: 4.4rem !important;
}
.lockFont {
font-size: 2.9rem !important;
}
#EM_CodeTextbox {
width: 50px;
}
.warningPopUpalign {
/*margin-top: 2rem;
margin-left: -0.2rem;*/
}
.apptSavebtnpadR {
padding-right: 1.2rem;
}
ul.smallTabs li {
width: 49%;
}
.divCatalogSearchBody .DevExtremeSearchGrid .dx-datagrid-total-footer {
height: 2.6rem;
}
.printIconRibbon ul.frames-table-top-icon > li:first-child {
width: 35%;
}
.rxgrid_specifictoRGP span.link.smallbtnlinkfont {
font-size: 0.675rem;
}
.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
top: 50%;
}
.tabMultiselectMenu .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
top: 44% !important;
}
#PO_OrderStatusContainer .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
top: 63% !important;
}
#PO_ItemTypeContainer .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
top: 27% !important;
}
#PO_TypesContainer .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
top: 31% !important;
}
}
.dis-tab {
display: table;
}
.display-table {
display: table !important;
}
.displayFlex {
display: flex !important;
}
.wid50 {
width: 50% !important;
}
.wid30 {
width: 30% !important;
}
.wid200 {
width: 5rem !important;
}
.AddUserDetails label {
width: 9.9rem;
}
.portal_details label {
width: 13rem;
}
.recopia-login label {
width: 15rem;
}
/*span#schedPresets span {
text-decoration: underline;
margin-left: 5px;
cursor: pointer;
}*/
table.insu {
width: 100% !important;
}
table tbody.appts,
table tbody.appts tr,
table.insu tr, table tbody.table tbody.task_notes tr {
border: 1px solid #d0d0d0;
}
table tbody.appts, table tbody.task_notes {
background-color: #fff;
overflow: auto;
display: inline-block;
width: 100%;
overflow-x: hidden;
}
table tbody.linkAppt-tbl {
background-color: #eeeeee;
}
table tbody.appts td, table tbody.task_notes td {
padding: 0.3rem 0.325rem;
}
table.insu tr td:last-child {
width: 1.563rem;
}
table tbody.appts td:first-child, table tbody.task_notes td:first-child {
width: 1rem;
vertical-align: middle;
text-align: center;
}
table tbody td.tsksRed{
background-color: #b74e4e;
width: 1.2rem;
padding: 0.5rem 0.1rem;
color: #fff;
}
table tbody.appts td:last-child {
width: 2.5rem;
}
.width-05rem {
width: 0.5rem;
}
table tbody.appts td.app, table tbody.appts td.recallScheduled,table tbody.appts td.statement, table tbody td.tsks{
background-color: #e296fa;
width: 0.2rem;
padding: 0.5rem 0.1rem;
color: #fff;
}
.appnoshow {
color: red !important;
}
.div_border_right_1px {
border-right: 1px grey solid;
text-align: right;
}
.mar-r-5px {
margin-right: 5px;
}
table tbody.appts td.recallScheduled, table tbody.appts td.statement {
background-color: #9e9cff;
}
table tbody.appts td.recall, table tbody.task_notes td.nts,table tbody tr td.nts {
background-color: #d5aa75;
width: 1rem;
padding: 0.5rem 0.1rem;
color: #fff;
}
table tbody.appts td.tests {
background-color: #9d9dff;
width: 0.2rem;
padding: 0.5rem 0.17rem;
color: #fff;
}
table tbody.appts td.bold {
font-weight: 400;
}
table tbody.appts tr, table tbody.task_notes tr {
width: 100%;
display: inline-table;
border: none;
border-bottom: 1px solid #d0d0d0;
}
table tbody.linkAppt-tbl tr {
background-color: #ffffff;
}
table tbody.appts tr.no-border {
border-bottom: 0px;
}
a.linkpink {
font-size: inherit;
font-weight: normal;
color: #e296fa;
}
a.linkpink:hover {
color: #7e55c4;
}
a.linkorange {
font-size: inherit;
font-weight: normal;
color: #d5aa75;
}
a.linkorange:hover {
color: #FFA500;
}
a.linkviolet {
font-size: inherit;
font-weight: normal;
color: #9d9dff;
}
a.linkviolet:hover {
color: #5252f7;
}
table.insu tr td {
padding: 0.4rem 0.325rem;
}
#autocompleteForPatientAppt_DDD_L_H > table > tbody > tr {
background-color: #ececec !important;
border: 0px;
border-bottom: 0px solid #d1d1d1 !important;
}
#autocompleteForPatientAppt_DDD_PW-1 {
background-color: #f5f5f5;
/* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); */
-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
}
/*#autocompleteForPatientAppt_DDD_PW-1 > .dxpc-mainDiv {
padding: 1.063rem;
}*/
#autocompleteForPatientAppt_DDD_PW-1 .hovered tbody tr:hover,
#autocompleteForPatientAppt_DDD_PW-1 .hovered tbody td:hover {
background-color: #1e90ff;
color: #ffffff;
}
/*#autocompleteForPatientAppt_DDD_PW-1 {
width: 50rem !important;
}*/
.font9 {
font-size: 0.563rem;
}
.font10 {
font-size: 0.625rem;
}
.wid90 {
width: 5.625rem;
}
ul.secondary-icons li.wid74 {
width: 4.625rem;
}
.wid42 {
width: 2.625rem;
}
.wid26 {
width: 1.625rem;
}
a.yellow-line {
font-weight: 700;
border-bottom: 2px solid #feca3f;
}
/*schedular screen css ends here*/
.marginT25 {
margin-top: -35px;
}
.flnone {
float: none !important;
}
.fontnormal {
font-style: normal !important;
font-weight:400;
}
.paddingLR54 {
padding-left: 3.375rem;
padding-right: 3.375rem;
}
.paddingLR37 {
padding-left: 2.313rem;
padding-right: 2.313rem;
}
ul.days {
list-style: none;
}
ul.days li {
border-radius: 50%;
padding: 0.6rem 0.2rem;
width: 45px;
height: 45px;
text-transform: uppercase;
display: inline-block;
border: 2px solid #b1b0b0;
color: #b1b0b0;
margin-left: 0.325rem;
}
ul.days li.active {
background-color: #fff;
border: 2px solid #42aaff;
color: #000;
}
ul.days li.selected {
background-color: #feca3f;
border: 2px solid #feca3f;
color: #000;
font-weight: 500;
}
.box_border {
border: 1px solid #d1d1d1 !important;
}
.PL_Address_Tab_ > div {
padding: 0.3125rem;
background-color: #eeeeee !important;
border: 1px solid #d1d1d1;
border-width: 1px;
}
.PRV_Div_Provider_Holiday > div {
background-color: #eeeeee !important;
border: 1px solid #d1d1d1;
border-width: 1px !important;
}
#divModulePermissionTab > div {
background-color: #eeeeee !important;
/*border: 1px solid #d1d1d1;*/
border-width: 1px !important;
}
.geninfo label {
width: 9.66rem;
}
.GeneralInfouser label {
width: 6rem;
}
.grad-gray-white {
background: rgba(232, 230, 231, 1);
background: -moz-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 33.2%, rgba(255, 255, 255, 1) 33.2%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232, 230, 231, 1)), color-stop(33.2%, rgba(232, 230, 231, 1)), color-stop(33.2%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 33.2%, rgba(255, 255, 255, 1) 33.2%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 33.2%, rgba(255, 255, 255, 1) 33.2%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 33.2%, rgba(255, 255, 255, 1) 33.2%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 33.2%, rgba(255, 255, 255, 1) 33.2%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e7', endColorstr='#ffffff', GradientType=1);
}
.grad-gray-white > .window {
background-color: transparent;
}
.grad-gray-white3 {
background: rgba(232, 230, 231, 1);
background: -moz-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232, 230, 231, 1)), color-stop(25%, rgba(232, 230, 231, 1)), color-stop(25%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e7', endColorstr='#ffffff', GradientType=1);
}
.grad-gray-white4 {
background: rgba(232, 230, 231, 1);
background: -moz-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 16%, rgba(255, 255, 255, 1) 16%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232, 230, 231, 1)), color-stop(16%, rgba(232, 230, 231, 1)), color-stop(16%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 16%, rgba(255, 255, 255, 1) 16%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 16%, rgba(255, 255, 255, 1) 16%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 16%, rgba(255, 255, 255, 1) 16%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 16%, rgba(255, 255, 255, 1) 16%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e7', endColorstr='#ffffff', GradientType=1);
}
.grad-gray-white5 {
background: rgba(232, 230, 231, 1);
background: -moz-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 26.5%, rgba(255, 255, 255, 1) 26.5%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232, 230, 231, 1)), color-stop(26.5%, rgba(232, 230, 231, 1)), color-stop(26.5%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 26.5%, rgba(255, 255, 255, 1)26.5%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 26.5%, rgba(255, 255, 255, 1) 26.5%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(left, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 26.5%, rgba(255, 255, 255, 1) 26.5%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(232, 230, 231, 1) 0%, rgba(232, 230, 231, 1) 26.5%, rgba(255, 255, 255, 1) 26.5%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e7', endColorstr='#ffffff', GradientType=1);
}
.grad-gray-white5 > .window {
background-color: transparent;
}
.grad-gray-white3 > .window {
background-color: transparent;
}
.grad-gray-white4 > .window {
background-color: transparent;
}
.padLR5 {
padding-left: 0.313rem !IMPORTANT;
padding-right: 0.313rem !IMPORTANT;
}
.padLR8 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.padLR48 {
padding-left: 3rem !IMPORTANT;
padding-right: 3rem !IMPORTANT;
}
.padL15 {
padding-left: 0.938rem;
}
.padR15 {
padding-right: 0.938rem;
}
.padL2 {
padding-left: 2rem;
}
.padR0 {
padding-right: 0px;
}
.padR16 {
padding-right: 1rem;
}
.marginT10 {
margin-top: 0.625rem !important;
}
.marginB10 {
margin-bottom: 0.625rem !important;
}
.marginT7 {
margin-bottom: 0.438rem !important;
}
ul.listtype-none {
list-style: none;
margin: 0px;
padding: 0px;
}
input.datepicker:before {
content: "\e630";
}
ul.ulAddEditValueList {
list-style: none;
}
.grid .row ul.ulAddEditValueList > li > [class*="span-state"] {
float: none;
}
.metro .grid .row ul.ulAddEditValueList > li > [class*="span-state"] {
margin-left: 0;
}
.height261 {
height: 10.8rem;
}
.height3 {
height: 3rem;
}
.marginT30 {
margin-top: 1.875rem !important;
}
.marginT50 {
margin-top: 3.125rem !important;
}
ul.listtype-none.height208 {
overflow: auto;
height: 13rem;
}
.dxscViewSelector_Metropolis td {
padding: 0 0.2rem;
}
.paddingTB20 {
padding-top: 1.56rem;
padding-bottom: 1.56rem;
}
.paddingTB30 {
padding-top: 2.56rem;
padding-bottom: 2.56rem;
}
/*HasmukhM added below class for billing popup*/
.paddingTB10 {
padding-top: 0.78rem;
padding-bottom: 0.78rem;
}
.paddingTB5 {
padding-bottom: 0.3rem;
padding-top: 0.3rem;
}
.paddingTOP {
padding-top: 1rem;
}
.marTOP {
margin-top: 1rem !important;
}
.marB30 {
margin-bottom: 1.875rem;
}
.marB50 {
margin-bottom: 3.125rem !important;
}
/*.marB15 {
margin-bottom: 0.938rem;
}*/
.height136 {
height: 11.2rem !important;
}
.checkbox-style1 .icon-checked:before {
font-family: metro, "Segoe UI", "Open Sans", serif;
content: "\e609";
border: 0px solid #CCC;
font-size: 1.25rem;
}
.checkbox-style1 .icon-unchecked:before {
font-family: metro, "Segoe UI", "Open Sans", serif;
content: "";
font-size: 1.25rem;
border: 0px solid #CCC;
}
.checkbox-style1 .icon-unchecked {
font-family: metro, "Segoe UI", "Open Sans", serif;
content: "\e637";
font-size: 1.25rem;
border: 0px solid #CCC;
}
.radio-style1 .icon-checked:before {
font-family: metro, "Segoe UI", "Open Sans", serif;
content: "\e609";
border: 0px solid #CCC;
font-size: 1.25rem;
}
.radio-style1 .icon-unchecked:before {
font-family: metro, "Segoe UI", "Open Sans", serif;
content: "\e637";
font-size: 1.25rem;
border: 0px solid #CCC;
}
.radio-style1 .icon-unchecked {
font-family: metro, "Segoe UI", "Open Sans", serif;
content: "\e637";
font-size: 1.25rem;
border: 0px solid #CCC;
}
.height221 {
height: 13.813rem !important;
overflow: auto;
}
.vAlignN {
vertical-align: inherit !important;
}
.divTransferLocation label {
width: 5.2rem;
}
.border-right-gray {
border-right: 1px solid #a4a4a4;
}
.border-bottom-gray2 {
border-bottom: 1px solid #a4a4a4;
}
.border-bottom-gray3 {
border-bottom: 1px solid #a5a5a5;
}
.border-top-gray {
border-top: 1px solid #d5d5d5;
}
.border-left-gray {
border-left: 1px solid #a4a4a4;
}
.border-left-gray-light {
border-left: 1px solid #d5d5d5;
}
.border-right-gray-light {
border-right: 1px solid #d5d5d5;
}
.fixedMenu {
position: fixed;
}
.tab-context-menu {
z-index: 1000;
position: absolute;
background-color: #FFFFFF;
border: 1px solid #d3d3d3;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.tab-context-menu ul {
padding: 0px;
margin: 5px 0px 5px 0px;
}
.tab-context-menu li {
list-style: none;
padding: 2px 22px 2px 10px;
font-size: 12px;
white-space: nowrap;
cursor: pointer;
}
.tab-context-menu li:hover {
background: #9cbef9 url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
}
.tab-context-menu li.disabled {
background: none;
color: #a1a192;
cursor: default;
}
.modal-open {
overflow: hidden;
}
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
margin-right: 15px;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: auto;
overflow-y: scroll;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog {
z-index: 1050;
/*width: auto;*/
padding: 10px;
margin-right: auto;
margin-left: auto;
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
min-height: 16.428571429px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.428571429;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-footer {
padding: 19px 20px 20px;
margin-top: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.modal-footer:after {
clear: both;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
.dxeGrid_ListBoxItemSelected_Metropolis {
color: black;
background-color: #fcfcfc;
}
.dxgvSearchPanel_Metropolis_Right > table {
margin-left: auto;
margin-right: 146px;
max-width: 229px;
}
.dxgvSearchPanel_Metropolis_Right_new > table {
margin-left: auto;
margin-right: 100px;
max-width: 229px;
}
td.dxgv_header_cell {
padding: 0px !important;
}
td.dxgv_editable_cell {
background-color: #fff;
border: 1px solid #D3D6DC !important;
border-radius: 4px;
}
tr.ActiveMedicationStatus td {
background-color: #fdebd6;
}
.inputControlTableHolder td.dxgv_editable_cell {
background-color: transparent;
border: 0px solid #D3D6DC !important;
border-radius: 0px;
}
td.dxgv_editable_Multiselectcell {
background-color: #fff;
border: 1px solid #D3D6DC !important;
border-radius: 4px;
}
.patientLabelPopup1 label {
width: 7.0rem;
color: #5c5c5c;
}
.patientLabelPopup2 label {
width: 7.2rem;
}
.filterLabels label {
width: 4.5rem;
color: #3c3c3c;
}
#RecallQuickSearchTab .filterLabels label {
width: 3.7rem;
}
.purchaseOrderList-lbl label {
width: 7.5rem;
}
/*.purchaseOrderList-lbl .date-icon i {
top: 5px !important;
}*/
.alFilterLabels label {
width: 5.5rem;
color: #3c3c3c;
}
.lineHeightSpan span {
line-height: 1.70rem;
font-size: 0.8125rem;
/*color: #3c3c3c;*/
}
.lineHeightSpan1 span {
line-height: 1.70rem;
font-size: 0.8125rem;
/*color: #3c3c3c;*/
}
.lineH2 {
line-height: 2rem;
}
#quick-filter {
padding: 0px 0px 0px 0px;
}
.fillterTab {
width: 16.0rem !important;
margin: 0 !important;
float: left;
background-color: rgb(1, 68, 136);
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
border-bottom: 2px solid rgb(1, 68, 136) !important;
}
.mainBody {
margin: 0 !important;
margin-left: 16.0rem !important;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.marginT8MIN {
margin-top: -0.2rem;
}
.marginElementDivider {
margin-top: -0.4rem;
}
.sideLeft {
margin-left: -20.5em !important;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.size-x140.sideLeftOfAd, .size-x_140.sideLeftOfAd {
margin-left: -10.9em;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.size-x_160.sideLeftOfAd {
margin-left: -12.4em;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.size-x180.sideLeftOfAd, .size-x_180.sideLeftOfAd, .size-x170.sideLeftOfAd {
margin-left: -14em;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.size-x200.sideLeftOfAd, .size-x_200.sideLeftOfAd {
margin-left: -17.9em;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.sideEnctSidebarRight {
margin-left: -10.3rem !important;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.sideEnctSidebarLeft {
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.encouterMainContent {
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
@media screen and (min-width: 1600px) {
.size-x140.sideLeftOfAd {
margin-left: -9.9em;
}
.size-x200.sideLeftOfAd {
margin-left: -15.4em;
}
}
@media screen and (min-width: 1920px) {
.size-x140.sideLeftOfAd {
margin-left: -9.5em;
}
.size-x200.sideLeftOfAd {
margin-left: -14.9em;
}
.sideEnctSidebarRight {
margin-left: 0rem !important;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.topDiagWidth {
width: 25%;
}
.CmsWidth {
width: 100%;
}
#bill_allpt_all_bills .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
top: 33.5rem !important;
width: 17rem !important;
}
}
@media screen and (min-width: 2560px) {
.size-x140.sideLeftOfAd {
margin-left: -9em;
}
.size-x200.sideLeftOfAd {
margin-left: -13.2em;
}
.sideEnctSidebarRight {
margin-left: 0rem !important;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.metro .zoom80 .encformbasePage .input-control.checkbox .txt-spn, .metro .zoom90 .encformbasePage .input-control.checkbox .txt-spn {
line-height: 1rem;
}
.metro .zoom80 .encformbasePage .input-control.checkbox span, .metro .zoom90 .encformbasePage .input-control.checkbox span {
line-height: 0.3rem;
}
.metro .zoom80 .layerClass .checkbox .icons {
top: 0.3rem;
}
.metro .zoom90 .layerClass .checkbox .icons {
top: 0.3rem;
}
#divOrderEntry .input-control label.checkbox {
padding-top: 3px;
}
.label-pad-0 label.checkbox {
padding-top: 0px !important;
}
.topDiagWidth {
width: 22%;
}
.CmsWidth {
width: 100%;
}
.tabMultiselectMenu div.ui-multiselect-menu {
width: 286px !important;
top: 65% !important;
}
.recopia-login label {
margin: 0;
}
}
.sideRight {
margin-left: 0rem !important;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
.contactQuickSearchLabel label {
width: 5.3rem;
/*margin:0.3rem 0.5rem 0.1rem 0;*/
}
.framesQuickSearchLabel label {
width: 5rem;
margin: 0.160rem 0.313rem 0.140rem 0rem;
}
ul.quickSearchLinks {
list-style: none;
width: 100%;
margin: 0;
display: inline-block;
padding: 0;
}
ul.quickSearchLinks > li {
float: left;
margin-right: 5px;
line-height: 1.7rem;
}
.widthF3 {
width: 100px;
font-size: 0.7rem;
}
.height24 {
height: 1.714rem;
}
.selectedYellow {
background-color: #ffeeb2 !important;
}
.displayAllTRForIMO {
opacity: 0.8;
/*color: gray;*/
color: #cbcbcb !important;
cursor: none;
}
.enableTRForIMO {
opacity: 1;
color: inherit;
cursor: pointer;
}
.enableColorForSelectedModifier {
background-color: #ffeeb2;
}
ul.listView {
display: block;
position: absolute;
top: 30px;
left: 130px;
background-color: #fff;
border: 1px solid black;
}
ul.listView > li {
display: block;
width: 100%;
text-align: left;
}
.popup-72 {
width: 72%;
}
.metro.popup-72 .window.flat .content1 {
overflow: hidden;
min-height: 237px;
max-height: 600px;
overflow: auto;
overflow-x: hidden;
}
.metro.popup-72 .window.flat .content .scroll {
height: 290px;
/*max-height:462px;*/
overflow: auto;
}
.metro.popup-72 .window.flat .content .bottom {
position: absolute;
bottom: 0px;
padding-top: 5px;
width: 100%;
margin-bottom: 5PX;
border-top: 1px solid #c7c7c7;
text-align: right;
}
.line-break {
line-height: 1em;
height: 1em;
overflow: hidden;
margin: 0;
}
.codeIQTableTbody {
display: block !important;
height: 120px !important;
overflow: auto !important;
}
table.scrollCodeIQ tbody,
table.scrollCodeIQ thead {
display: block;
}
table.scrollCodeIQ tbody {
height: 100px;
overflow-y: auto;
overflow-x: hidden;
}
.overflowInherit {
overflow: inherit !important;
}
.overflowHidden {
overflow: hidden !important;
}
#tblInsuranceCompanies_filter,
.dataTables_scrollHeadInner {
width: 100% !important;
box-sizing: border-box !important;
}
ul.ExternalPhysicians {
list-style: none;
display: inline-block;
vertical-align: bottom;
z-index: 0;
position: relative;
padding: 0px;
margin: 0px;
padding-right:6px;
/*padding-top: 15px;*/
}
ul.ExternalPhysicians li {
float: left;
display: inline;
padding: 0rem;
line-height: 1.8rem;
}
ul.ExternalPhysicians li:last-child {
padding-right: 0px;
}
ul.ExternalPhysicians li:hover {
border-radius: 1.2em;
}
ul.ExternalPhysicians li.active {
background-color: transparent;
border-radius: 1.2em;
padding-top: 0;
padding-bottom: 0;
}
ul.ExternalPhysicians li a {
text-shadow: none;
margin: 0px;
color: #023c76;
font-size: 0.7rem;
line-height: 1.5625rem;
font-weight: 700;
padding-top: 0;
padding-bottom: 0;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
ul.ExternalPhysicians li.active a {
background-color: #feca3f;
border-radius: 1.2em;
line-height: 1.4rem;
font-size: 0.8rem;
font-weight: 700;
padding-top: 0;
padding-bottom: 0;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.fg-subHeading {
color: #313131;
}
table.scrollTable {
width: 100%;
}
table.scrollTable > tbody {
overflow: auto;
display: inline-block;
width: 100%;
height: 5rem;
}
table.scrollTable tr {
width: 100%;
}
.sbold {
font-weight: 600 !important;
}
.sbold500 {
font-weight: 500 !important;
}
.reportLabel label {
width: 7rem;
}
tr.transationPD td {
color: #b74e4e !important;
}
tr.transationPP td {
color: #008f32 !important;
}
tr.bill-transation-color td, tr.bill-transation-color td a {
color: inherit !important;
}
.ethnicityUpdateLabel label {
width: 11.4rem;
}
span.link {
color: #000;
text-decoration: underline;
font-weight: normal;
font-size: 0.875rem;
cursor: pointer;
}
span.link:hover {
color: #005cb9;
}
.informationnPopup {
background-image: -ms-linear-gradient(left, #09C8FF 9rem, #FFFFFF 9rem);
background-image: -moz-linear-gradient(left, #09C8FF 9rem, #FFFFFF 9rem);
background-image: -o-linear-gradient(left, #09C8FF 9rem, #FFFFFF 9rem);
background-image: -webkit-gradient(linear, left top, right top, color-stop(25, #09C8FF), color-stop(25, #FFFFFF));
background-image: -webkit-linear-gradient(left, #09C8FF 9rem, #FFFFFF 9rem);
background-image: linear-gradient(to right, #09C8FF 9rem, #FFFFFF 9rem);
}
.successPopup {
background-image: -ms-linear-gradient(left, #20da9b 9rem, #FFFFFF 9rem);
background-image: -moz-linear-gradient(left, #20da9b 9rem, #FFFFFF 9rem);
background-image: -o-linear-gradient(left, #20da9b 9rem, #FFFFFF 9rem);
background-image: -webkit-gradient(linear, left top, right top, color-stop(25, #20da9b), color-stop(25, #FFFFFF));
background-image: -webkit-linear-gradient(left, #20da9b 9rem, #FFFFFF 9rem);
background-image: linear-gradient(to right, #20da9b 9rem, #FFFFFF 9rem);
}
.warringPopup {
background-image: -ms-linear-gradient(left, #fbd12a 9rem, #FFFFFF 9rem);
background-image: -moz-linear-gradient(left, #fbd12a 9rem, #FFFFFF 9rem);
background-image: -o-linear-gradient(left, #fbd12a 9rem, #FFFFFF 9rem);
background-image: -webkit-gradient(linear, left top, right top, color-stop(25, #fbd12a), color-stop(25, #FFFFFF));
background-image: -webkit-linear-gradient(left, #fbd12a 9rem, #FFFFFF 9rem);
background-image: linear-gradient(to right, #fbd12a 9rem, #FFFFFF 9rem);
}
.imagePopup {
background-image: -ms-linear-gradient(left, #fbd12a 9rem, #FFFFFF 9rem);
background-image: -moz-linear-gradient(left, #fbd12a 9rem, #FFFFFF 9rem);
background-image: -o-linear-gradient(left, #fbd12a 9rem, #FFFFFF 9rem);
background-image: -webkit-gradient(linear, left top, right top, color-stop(25, #fbd12a), color-stop(25, #FFFFFF));
background-image: -webkit-linear-gradient(left, #fbd12a 9rem, #FFFFFF 9rem);
background-image: linear-gradient(to right, #fbd12a 9rem, #FFFFFF 9rem);
}
.errorPopup {
background-image: -ms-linear-gradient(left, #f16b50 9rem, #FFFFFF 9rem);
background-image: -moz-linear-gradient(left, #f16b50 9rem, #FFFFFF 9rem);
background-image: -o-linear-gradient(left, #f16b50 9rem, #FFFFFF 9rem);
background-image: -webkit-gradient(linear, left top, right top, color-stop(25, #f16b50), color-stop(25, #FFFFFF));
background-image: -webkit-linear-gradient(left, #f16b50 9rem, #FFFFFF 9rem);
background-image: linear-gradient(to right, #f16b50 9rem, #FFFFFF 9rem);
}
.deletePopup {
background-image: -ms-linear-gradient(left, #f8737f 9rem, #FFFFFF 9rem);
background-image: -moz-linear-gradient(left, #f8737f 9rem, #FFFFFF 9rem);
background-image: -o-linear-gradient(left, #f8737f 9rem, #FFFFFF 9rem);
background-image: -webkit-gradient(linear, left top, right top, color-stop(25, #f8737f), color-stop(25, #FFFFFF));
background-image: -webkit-linear-gradient(left, #f8737f 9rem, #FFFFFF 9rem);
background-image: linear-gradient(to right, #f8737f 9rem, #FFFFFF 9rem);
}
.billingPolicyPopup label {
width: 10rem;
}
.roundDiv {
height: 1.3rem;
width: 1.3rem;
border: 0.0625rem solid #d1d8dc;
border-radius: 50%;
background-color: #d1d8dc;
text-align: center;
font-size: 0.95rem !important;
}
.MiscellaneousSettingsLabel label {
width: 16rem;
}
.CostAndRevenuelabel label {
width: 15rem;
}
.CostAndRevenuelabel2 label {
width: 10rem;
}
#spnAppPopup_recallTest > a.active {
background-color: #ffc600;
color: #000;
padding-left: 3px;
padding-right: 3px;
}
.spnAppPopup_recallTest > a.active {
background-color: #ffc600;
color: #000;
padding-left: 3px;
padding-right: 3px;
}
.upcomingLinks > a.active {
background-color: #ffc600;
color: #000;
padding-left: 3px;
padding-right: 3px;
}
#tblAppointmentType_wrapper .dataTables_scrollBody {
background-color: #eeeeee;
border: 1px solid #d1d1d1;
}
.returnwizard {
border: 1px solid #d1d1d1;
background-color: #eeeeee;
}
#divOfficeAdminContent .marginTp25 .dataTables_filter {
margin-top: -1.625rem;
}
#divOfficeAdminContent .marginTp25 .dataTables_length {
margin-top: -1.625rem;
}
#divExternalPhysicians label {
width: 5.2rem;
}
.scanLabel label {
width: 10rem;
}
.scanLblAttr label {
width: 8rem;
}
table#tblPhoneEmailPopup tbody,
table#tblPhoneEmailPopup thead {
display: block;
}
table#tblPhoneEmailPopup tbody {
overflow-y: auto;
overflow-x: hidden;
height: 10.70rem;
}
.phoneemail_tbody {
display: block;
overflow-y: scroll;
}
table#tblPhoneEmailPopup thead tr {
padding: 0 !important;
}
table#tblPhoneEmailPopup.dataTable.bordered thead tr:first-child th,
.dataTable.bordered thead tr:first-child td {
padding: 0.4rem 0.225rem 0.4rem 0.225rem;
}
table#tblInsPayQuicksearchResultGrid thead th {
padding: 0.4rem 0.225rem 0.4rem 0.225rem;
}
#tblInsPayQuicksearchResultGrid_body td {
min-width: 5rem;
}
.addNewPatientPhoneEmail .dataTable {
border: 0;
}
.addNewPatientPhoneEmail .dataTable.bordered tbody tr td:last-child {
border-right: none;
}
.addNewPatientPhoneEmail .dataTable.bordered tbody tr:last-child {
border-bottom: 1px solid #e5e4e4;
}
.width100pct {
width: 100%;
}
table.borderBottomLast tr:last-child > td {
border-bottom: 1px solid #d1d1d1;
}
.box-padding.padB0 {
padding: 0.5rem 0.5rem 0 0.5rem !important;
}
.small-button-pad {
font-weight: 400 !important;
font-family: "Segoe UI", "Open Sans", sans-serif, serif;
font-size: 1.05rem !important;
padding: 0.625rem !important;
padding-left: 2.4rem !important;
padding-right: 2.4rem !important;
height: auto !important;
vertical-align: text-bottom;
letter-spacing: 0.005rem;
}
.color-blue-link {
color: #42aaff;
}
.box_heading > h3 > label.required-field {
color: #005cb9;
margin: 0;
}
.insurancePayments.filterLabels label {
width: 6.3rem;
}
.alltransaction.filterLabels label {
width: 4.89rem;
}
.insurancePayments.filterLabels label.wid-auto {
width: auto;
}
.transform-none {
text-transform: none;
}
.box_heading ul.filterList li a.link-dark {
color: #333;
text-decoration: underline;
}
.CQMReports.filterLabels label {
width: 4.9rem;
}
.QMReports.filterLabels label {
width: 7.1rem;
}
#powerTip h3,
#powerTip p {
color: black;
}
ul.filterList li a.link-normal {
font-weight: 500;
font-style: normal;
text-transform: none;
text-decoration: underline;
}
ul.filterList li a.link-normal:hover {
color: #42aaff;
}
a.link-normal {
/*font-weight: 500;*/
font-style: normal;
text-transform: none;
text-decoration: underline;
}
a.link-normal:hover {
color: #42aaff;
}
.popupButton {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
table.column-border td {
border-right: 1px solid #D3D6DC;
}
table.bordered.column-border tr:last-child td {
border-bottom: 1px solid #D3D6DC;
}
.checkbox-style1.blue-1 input[type=checkbox].custom-checkbox:checked + .icons .icon-checked, .checkbox-style3.blue-1 input[type=checkbox].custom-checkbox:checked + .icons .icon-checked {
color: #42aaff !important;
}
.checkbox-style1.blue-1 .icon-checked:before, .checkbox-style3.blue-1 .icon-checked:before {
font-size: 1.1rem;
}
.checkbox-style1.blue-1 input[type=checkbox].custom-checkbox:checked + .icons .icon-checked:hover, .checkbox-style3.blue-1 input[type=checkbox].custom-checkbox:checked + .icons .icon-checked:hover {
color: #005cb9 !important;
}
.gray-qs-head2 {
color: #434343;
}
.gray-qs-text {
color: #333333;
}
.contract-reminder-gray {
color: #A1A1A1;
}
.fweight500 {
font-weight: 500;
}
.fweight300 {
font-weight: 300;
}
.fweight600 {
font-weight: 600 !important;
}
.fweight700 {
font-weight: 700 !important;
}
/*.tooltip_pt {
cursor: default;
}*/
.info_hover {
background-color: #D9EEFF;
z-index: 99999;
position: absolute;
width: 60%;
}
.info_hover_conditions {
background-color: #D9EEFF;
z-index: 99999;
position: absolute;
bottom: 0;
width: 20%;
}
.border-TopGray70 {
border-top: 1px solid #A5A5A5;
}
.green-deep {
color: #008F33;
}
.green2 {
color: #0b4900 !important;
}
.info_hover h3,
.info_hover p {
color: #000;
}
.rowcolor1 td {
background-color: #FDDFDF;
}
.rowcolor2 td {
background-color: #FDEBD5;
}
.rowcolor3 td {
background-color: #F0E1F4;
}
.rowcolor-inprocess {
background-color: #fdebd5;
}
.display-table-cell {
display: table-cell;
}
.wid100p {
width: 100%;
}
.padB5 {
padding-bottom: 5px;
}
.padB6 {
padding-bottom: 6px;
}
.padB7 {
padding-bottom: 7px;
}
.padB8 {
padding-bottom: 8px;
}
.padB9 {
padding-bottom: 9px;
}
.padB10 {
padding-bottom: 10px;
}
.padB2 {
padding-bottom: 2.6rem !important;
}
.listHover {
color: #42aaff;
}
.textIcon {
text-transform: uppercase !important;
}
.lockCircle {
height: 100px;
width: 100px;
border-radius: 50px;
border: 2px solid white;
background-color: #c64348;
}
.lockCircleIcon {
padding-top: 1.4rem;
}
.lockFont {
font-size: 3.5rem;
}
.rightArrow {
padding-left: 3rem;
color: #b9b7b8 !important;
}
input.input-info-warning {
/*border: 1px solid #e80c4d;*/
/*background: #fff url(../../Images/info-field-icon.png) no-repeat right center;*/
border: 1px solid #fdff00;
}
.reportList {
list-style: none;
padding-left: 0.6rem;
}
.reportList li {
float: left;
width: 100%;
}
.border-right-blue {
border-right: 2px solid rgb(1, 68, 136);
}
.border-bottom-blue {
border-bottom: 2px solid rgb(1, 68, 136) !important;
}
.border-top-blue {
border-top: 2px solid rgb(1, 68, 136) !important;
}
.border-top-blue-dark {
border-top: 3px solid #175bb5 !important;
/* Chrome, Safari, Opera */
-webkit-animation-name: colorchange;
-webkit-animation-duration: 4s;
/* Standard syntax */
animation-name: colorchange;
animation-duration: 4s;
}
@-webkit-keyframes colorchange {
0% {
background: #e7ecf4;
}
100% {
background: #fff;
}
}
@keyframes colorchange {
0% {
background: #e7ecf4;
}
100% {
background: #fff;
}
}
.box_background {
background-color: #eeeeee !important;
}
label.truncateWord {
width: 100% !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.truncateWord {
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
}
.truncateSelectDrpVal {
width: 100% !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.truncateAfter2lines {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.truncateAfter3lines {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.metro .grid.fluid.extraMargin10 .row {
margin-bottom: 10px;
}
/*shashikant added below style*/
.contactlensRxLabel label {
width: 1rem;
}
.capitalizelbl {
text-transform: capitalize;
}
.lensSublabel label {
width: 9rem;
}
.tbl-vsp-orders td label {
width: 5rem;
}
.opticalOrderReasonLabel label {
width: 5.4rem;
}
.lens-widthF {
width: 15rem;
}
.tblbody-white tbody tr td:first-child {
background-color: #d1d1d1;
border: 1px solid #d1d1d1;
}
.tblbody-white tbody tr td:first-child {
border-left: 1px solid black;
}
.bg-darkGray3 {
background-color: #d1d1d1;
}
.div-border {
border-left: 1px solid #aeaeae;
border-bottom: 1px solid #aeaeae;
}
.dxgvTable_Metropolis {
border: none;
}
.auditTrailMultiselect .dxgvHeader_Metropolis {
background-color: #eeeeee;
}
.auditTrailMultiselect .dxgvTable_Metropolis tbody tr td:first-child {
/*background-color: #eeeeee;*/
width: 2rem;
}
.auditTrailMultiselect .dxgvTable_Metropolis tbody tr:nth-child(odd) {
background-color: #eeeeee;
}
.auditTrailMultiselect .dxgvTable_Metropolis tbody tr:nth-child(even) {
background-color: #ffffff;
}
.auditTrailMultiselect .dxgvTable_Metropolis tbody tr:hover {
background-color: #ffeeb2;
}
.dxgvTable_Metropolis .dxgvFocusedRow_Metropolis {
color: #333333;
}
.auditTrailMultiselect .dxgvPagerBottomPanel_Metropolis .dxpLite_Metropolis .dxp-current {
background-color: #ffffff;
color: #333333;
text-decoration: none;
}
.auditTrailMultiselect .dxgvTable_Metropolis tbody tr:nth-child(2) {
background-color: #eeeeee;
}
.auditTrailMultiselect .dxgvTable_Metropolis tbody tr:nth-child(2):hover {
background-color: none;
}
.dxgvTable_Metropolis .dxWeb_edtCheckBoxChecked_Metropolis {
background-color: #ffffff !important;
}
.dxWeb_edtCheckBoxGrayed_Metropolis {
background-color: #ffffff !important;
}
.auditTrailMultiselect .dxgvHeader_Metropolis {
color: #005cb9;
}
.auditTrailMultiselect .dxgvHeader_Metropolis table {
width: 10% !important;
}
.auditTrailMultiselect .dxgvHeader_Metropolis tbody tr:hover {
background-color: #eeeeee !important;
}
.auditTrailMultiselect .dxWeb_edtCheckBoxUnchecked_Metropolis {
background-color: transparent;
}
.auditTrailMultiselect .dxgvDataRow_Metropolis td.dxgv {
border-bottom: 0px !important;
}
.auditTrailMultiselect img.dxGridView_gvHeaderSortUp_Metropolis {
width: 14px;
height: 14px;
background-image: url('../../Images/filter.png') !important;
}
.auditTrailMultiselect img.dxGridView_gvHeaderSortDown_Metropolis {
width: 14px;
height: 14px;
background-image: url('../../Images/filter.png') !important;
}
.padCreatAppt {
padding: 5px !important;
}
.fggrayed {
color: #8e8e8e !important;
}
.allTransColorblk {
color: #000000;
}
.allTransClrpurple {
color: #6361c5;
}
.allTransClrred {
color: #b74e4e;
}
.allTransClrGreen {
color: #008f32;
}
.subflowSheetmenu li a:hover {
color: #ffffff;
}
#auditdetailTrail .dataTables_length label {
width: 7.8rem !important;
}
.auditTrialWebInfo {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 70% !important;
}
.alltransctionInfotruncate {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 42% !important;
}
.gridPaddingLR {
padding-left: 0.7rem;
padding-right: 0.7rem;
}
.iconcolor {
color: #d0d0d0 !important;
}
.cursorPointerDisable {
cursor: default;
}
.packageDetails {
padding-left: 10px;
padding-right: 10px;
}
.packageDetails label {
width: 9.7rem;
}
.warrantydetl-lbl label {
width: 5.1rem;
}
.noIcon-hover {
pointer-events: none;
}
/*end style*/
table tbody.appts td {
border-left: none !important;
}
/*.bgColorGray {
background-color: #d0d0d0 !important;
}*/
.truncateTableTxt {
display: table;
table-layout: fixed;
width: 100%;
}
.wordWrapText {
word-break: break-word;
display: block;
}
.truncateTableTxt span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.homeApptList .truncateTableTxt span {
overflow: hidden;
}
.bgColorGray thead tr:first-child th,
.bgColorGray thead tr:first-child td {
border-left: none !important;
}
.table.bgColorGray thead {
background-color: #d0d0d0 !important;
border-bottom: none;
}
.padB16 {
padding-bottom: 1rem !important;
}
.marB05 {
margin-bottom: 5px !important;
}
.marB01 {
margin-bottom: 1px !important;
}
.marB02 {
margin-bottom: 2px !important;
}
.marB03 {
margin-bottom: 3px !important;
}
.imgHolder {
display: table;
vertical-align: middle;
height: 100%;
text-align: center;
width: 100%;
}
.imgHolder span {
display: table-cell;
font-size: 6.5rem;
color: #fff;
line-height: 9.2rem;
}
.commondevTableHolder .dxgvHeader_Metropolis td, .inputControlTableHolder .dxgvHeader_Metropolis td {
border-top: none !important;
text-align: center;
}
.commondevTableHolder .dxgvDataRow_Metropolis td.dxgv {
border-top: 1px solid #cdd1d7 !important;
border-left: 1px solid #cdd1d7 !important;
border-right: none !important;
border-bottom: none !important;
border-radius: 0 !important;
height: 20px !important;
line-height: 20px !important;
}
.commondevTableHolder td.dxgv_editable_cell {
/*background-color: transparent;*/
border: inherit;
}
.commondevTableHolder table tbody tr td.dxgvHeader_Metropolis, .inputControlTableHolder table tbody tr td.dxgvHeader_Metropolis {
border-left: 1px solid #c0c0c0 !important;
}
.inputControlTableHolder .dxgvDataRow_Metropolis td.dxgv {
overflow: hidden;
border-bottom: 0px #cdd1d7 solid;
border-right: 0px #cdd1d7 solid;
border-top-width: 0;
border-left-width: 0;
/* padding: 0.188rem 0.375rem 0.188rem 0.375rem; */
/* border-radius: 3px; */
padding: 2px;
}
.inputControlTableHolder .dxgvDataRow_Metropolis td.dxgv_editable_cell > div:first-child {
background-color: #ffffff;
/*height: 24px;
line-height: 24px;*/
/* text-indent: 5px; */
border: 1px solid #cdd1d7;
padding: 2px;
margin: 2px;
border-radius: 3px;
height: 22px;
cursor: pointer;
}
.inputControlTableHolder .dxgvDataRow_Metropolis td.dxgv_editable_cell > div:nth-child(2) {
padding: 0px;
margin: 2px;
}
.inputControlTableHolder input[type="text"].dxeEditAreaSys {
line-height: 13px;
box-shadow: none !important;
height: 16px;
}
.encountergridview .dxgvTable_Metropolis {
border: 1px solid #c0c0c0 !important;
}
.encountergridview .dxgvTable_Metropolis tbody .dxgvHeader_Metropolis {
border-left: 1px solid #c0c0c0 !important;
}
.metro .validInsurance label {
margin-left: 0.3125rem;
}
.inlineCheck label.checkbox {
margin-right: 0.93rem;
}
/*.checkbox #selectall + .icons {
top: 1px !important;
}*/
.marL15 {
margin-left: 0.9375rem;
}
.PatientDetailsConsent {
margin-left: 6.75rem;
}
.metro .PatientDetailsbox input[type="file"] {
display: none;
}
.metro .PatientDetailsbox .custom-file-upload {
cursor: pointer;
float: none;
margin: 0;
}
#drpdnInsList {
width: inherit;
}
.dxeListBoxItemSelected_Metropolis {
color: #333;
}
.truncateNoWidth {
position: relative;
}
.truncateNoWidth span {
position: absolute;
left: 0;
right: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
top: 7px;
}
.pad5 {
padding: 5px;
}
/*Need to remove below class */
/*.padLR {
padding: 5px;
}*/
.logo {
width: 147px;
}
.orderCostCenter {
padding-top: 50px;
}
@media screen and (min-width: 1900px) and (max-width: 3860px) {
/*.padLR {
padding: 4rem;
padding-top: 1.56rem;
padding-bottom: 1.56rem;
}*/
.pad5 {
padding: 10px;
padding-top: 25px;
padding-bottom: 25px;
}
.orderCostCenter {
padding-top: 85px;
}
/*.patientSearchAllTransactions > #autocompleteForPatientAppt_DDD_PW-1 {
top: 1.45rem !important;
width: 50rem !important;
}*/
.schedulerSearchPatient #autocompleteForPatientAppt_DDD_PW-1 {
/*width: 50rem !important;*/
top: 5.2rem !important;
}
.rxgrid_specifictoRGP span.link.smallbtnlinkfont {
font-size: 0.800rem;
}
}
@media screen and (min-width: 2560px) {
.padEX {
padding-left: 50px;
padding-right: 50px;
padding-top: 25px;
padding-bottom: 25px;
}
/*.patientSearchAllTransactions #autocompleteForPatientAppt_DDD_PW-1 {
top: 2rem !important;
width: 50rem !important;
}*/
.schedulerSearchPatient #autocompleteForPatientAppt_DDD_PW-1 {
/*width: 50rem !important;*/
top: 5.6rem !important;
}
.inputControlTableHolder .dxgvDataRow_Metropolis td.dxgv_editable_cell > div:first-child {
height: 30px;
}
.workQueuesQickSearchResult {
overflow: auto;
height: 38.5rem !important;
}
}
@media screen and (min-width: 3860px) {
.pad5 {
padding: 10px;
padding-top: 30px;
padding-bottom: 30px;
}
.padEX {
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 30px;
}
.EncGenElementWidth {
width: 48.5%;
}
}
.elm-title {
color: #005CB9;
}
/*Hasmukh: added to make table header fixed*/
table.fixedTableHeader thead {
display: block;
width: 100%;
}
table.fixedTableHeader thead tr {
width: 100%;
display: table;
}
table.fixedTableHeader tbody {
overflow: auto;
display: block;
}
table.fixedTableHeader tbody tr {
width: 100%;
display: table;
}
/*End: Hasmukh*/
/*Added by Rohit as to suport red error for textarea on CDS Screen*/
.input-validation-error {
background-color: #ffdcdd;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.smallTdLoader {
background-repeat: no-repeat;
background-position: center;
background-image: url('images/smallLineLoader.gif');
}
#autocompleteForPatientAppt_DDD_L_LBT tbody tr td {
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
}
#autocompleteForPatientAppt_DDD_L_LBT tbody tr td:nth-child(3) {
text-align: center !important;
}
.scrollDiv {
overflow: auto;
height: calc(100% - 1.25rem);
}
input[type="time"] {
font-family: "Segoe UI", "Open Sans", sans-serif, serif !important;
}
.truncateElementName {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 84% !important;
}
.clearable {
/*font-family: metro, serif;
content: "\e685";*/
/*background: url('../images/cleartexticon.png');*/
background-repeat: no-repeat;
background-position: 98% 3px;
/*border: 1px solid #999;*/
/*padding: 3px 18px 3px 4px;*/ /* Use the same right padding (18) in jQ! */
border-radius: 3px;
}
.clearable.x {
background-position: 98% 3px;
/*cursor: pointer;*/
background: url('../images/cleartexticon.png');
background-repeat: no-repeat;
background-position: 98% 3px;
border: 1px solid #999;
padding: 3px 18px 3px 4px; /*Use the same right padding (18) in jQ!*/
border-radius: 3px;
}
.clearable.x.disabledClear {
background: url('../images/cleartexticon_Disable.png');
background-repeat: no-repeat;
background-position: 98% 3px;
}
.clearable.onX {
cursor: pointer;
}
/*.toggleExpandPosition {
text-align: right;
cursor: pointer;
/*padding-right: 38px;
}*/
.display-inlblock {
display: inline-block !important;
}
.textLinethrough {
text-decoration: line-through !important;
}
.textLinethrough > td > span {
text-decoration: line-through !important;
}
div.defaultElemStyle > div[name*=AuxillaryLabTest] {
overflow: auto !important;
}
.tblAuxilLabPanel tbody tr td {
border: 1px solid #d0d0d0;
}
table.tblAuxilLabPanel thead tr th {
border: 1px solid #c0c0c0 !important;
background: #d0d0d0;
}
.customizedFont .checkbox .icons, .customizedFont .checkbox-style1 .icons, .customizedFont .radio .icons {
font-size: 13px !important;
}
#contextMenubillingStmnPrint > ul > li:hover {
background-color: #ffeeb2; /*lightgrey*/
}
.encountergridview .dxeListBoxItem_Metropolis:hover {
/*background-color:rgb(66,160,222);*/
}
.scrollToElementSelection {
-webkit-animation-name: scrollToElementSelection; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
animation-name: scrollToElementSelection;
animation-duration: 4s;
/*background-color: #eeeeee !important;*/
}
.elemhist-main .dxgvHeader_Metropolis .dxgvHCEC {
font-size: 12px;
font-weight: 600;
text-align: center;
}
.padTB5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.paddingTB15 {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.defaultElemStyle button .glyphicon-gonioscopic:hover {
cursor: default;
color: #42aaff;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scrollToElementSelection {
from {
background-color: #bee2ff;
}
to {
background-color: rgb(238, 238, 238);
}
}
/* Standard syntax */
@keyframes scrollToElementSelection {
from {
background-color: #bee2ff;
}
to {
background-color: rgb(238, 238, 238);
}
}
.duplicateControlAlias {
border: 1px solid Red;
}
.stepwizard-step p {
font-size: 1rem;
font-weight: 700;
}
.stepwizard-step p.primary {
color: #000;
}
.stepwizard-step p.default {
color: gray;
}
.stepwizard-row {
display: table-row;
}
.stepwizard {
display: table;
width: 80%;
position: relative;
margin: 0 auto;
}
.stepwizard-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
top: 19px;
bottom: 0;
position: absolute;
content: " ";
width: 88%;
height: 1px;
background-color: #ccc;
z-order: 0;
left: 7%;
}
.stepwizard-step {
display: table-cell;
text-align: center;
position: relative;
width: 17.33%;
}
.btnC {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0px solid transparent;
border-radius: 4px;
}
.btnC-primary {
color: #000;
background-color: #ffc600;
}
.btnC-default {
background-color: #eeeeee;
border-color: #ccc;
color: grey;
}
.btnC-circle {
width: 2.5rem;
height: 2.5rem;
text-align: center;
padding: 0px 0;
font-size: 1.5rem;
line-height: 1.428571429;
border-radius: 2rem;
font-weight: 700;
cursor: default;
}
.btnC-primary:hover {
pointer-events: none;
color: #000;
}
.btnC-default:hover {
pointer-events: none;
color: grey;
}
.refundpopup-lbl label {
width: 4rem;
}
.processRefund-lbl label {
width: 91px;
}
.processRfDiv {
padding-top: 3px;
}
.CreateNewBenefitPlan2 label {
width: 7rem;
}
.allowableFeeSchedule label {
width: 4.75rem;
}
.RoutineVisionExamLabel label {
width: 11rem;
}
#bp_divRV_RoutineVisionExamFields .RoutineVisionExamLabel label {
width: 11rem;
}
.RoutineVisionExamLabel2 label {
width: 4rem;
}
#bp_divRV_RoutineVisionExamFields .RoutineVisionExamLabel2 label {
width: 1.2rem;
}
.RefractionLabel label {
width: 21.3rem;
}
.FixedCoverageAmountLabel label {
width: 9.5rem;
}
.discountoneyewearLabel label {
width: 6rem;
}
.progress {
height: 22px;
margin: 0;
border-radius: 0px;
background-color: transparent;
border: 1px solid #d1d1d1;
width: 80%;
}
.progress .skill {
line-height: 35px;
padding: 0;
margin: 0 0 0 20px;
text-transform: uppercase;
}
.progress .skill .val {
float: right;
font-style: normal;
margin: 0 20px 0 0;
}
.progress-bar {
text-align: left;
transition-duration: 3s;
margin: 0;
width: 0%;
}
.aria-valuenow {
transition: 3s;
float: right;
margin-top: -19px;
font-weight: bold;
}
#divDiagnosisModifiers .dataTables_scrollBody {
border: 1px solid #d1d1d1;
}
.divWarrantyAddEditlabel label {
width: 6.4rem;
}
.createNewPoLabel label {
width: 9rem;
}
.no-pointer {
pointer-events: none !important;
cursor: default !important;
}
/*table#bp_tblAllowableFeeSch_SelectedFees > tbody > tr{
width: 100%;
display: flex;
justify-content: flex-start;
}*/
.grid .row.fixMargin {
margin: 0 0 0.8rem 0 !important;
}
/*.noExtraPadding select{
padding:0px !important;
}
.noExtraPadding input[type=text],
.noExtraPadding input[type=url],
.noExtraPadding input[type=mail],
.noExtraPadding input[type=email],
.noExtraPadding input[type=number],
.noExtraPadding input[type=password],
.noExtraPadding input[type=search],
.noExtraPadding textarea {
padding: 2px !important;
}
.noExtraPadding label{
margin: 0.160rem 0.313rem 0.140rem 0rem !important;
}
.noExtraPadding .checkbox,
.noExtraPadding .radio {
line-height: 1.4rem;
}
.noExtraPadding .checkbox .icons, .noExtraPadding .checkbox-style1 .icons, .noExtraPadding .radio .icons {
font-size:14px !important;
}
.noExtraPadding .input-control.checkbox label,
.noExtraPadding .input-control.radio label {
margin: 0px !important;
}*/
.benifitPlanDetailLabel label {
width: 7em;
}
.PREVENTIVESCREENINGSCOVERAGELabel label {
width: 10em;
}
.metro .grid.fluid .row .span33 {
width: 24% !important;
}
.metro .grid.fluid .row .span22 {
width: 15.8% !important;
}
.divCopyPreviousBaselineButtons .mini-button {
width: 6.8rem;
}
.OrderDetailsButtons .med-small-button {
width: 11.4rem;
}
table.childTable {
width: 100%;
}
table.childTable > thead > tr > th {
padding: 0.235rem 0.235rem;
}
table.childTable > tbody > tr > td {
border-bottom: none !important;
}
/*#divTransactionPartial .dxGridView_gvDetailExpandedButton_Metropolis {
content: url('../images/3DDrawIcons/line-with-arrow.png');
background-repeat: no-repeat;
background-color: transparent;
width: 13px;
height: 13px;
}*/
#divTransactionPartial .dxGridView_gvDetailExpandedButton_Metropolis, #divPtPaymentsGrid .dxGridView_gvDetailExpandedButton_Metropolis {
background-position: 0px -183px;
width: 24px;
height: 24px;
}
#divTransactionPartial .dxGridView_gvDetailCollapsedButton_Metropolis, #divPtPaymentsGrid .dxGridView_gvDetailCollapsedButton_Metropolis {
background-position: -27px -184px;
width: 26px;
height: 24px;
}
/*.blink {
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(4, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}*/
@keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.blink {
-webkit-animation: flickerAnimation 4s infinite;
-moz-animation: flickerAnimation 4s infinite;
-o-animation: flickerAnimation 4s infinite;
animation: flickerAnimation 4s infinite;
animation-iteration-count: 3;
}
.blink2 {
vertical-align: top;
-webkit-animation: flickerAnimation 1s infinite;
-moz-animation: flickerAnimation 1s infinite;
-o-animation: flickerAnimation 1s infinite;
animation: flickerAnimation 1s infinite;
animation-iteration-count: 35;
}
.bottomContainer {
position: relative;
width: 1%;
height: 6rem;
float: left;
}
.bottomContent {
position: absolute;
bottom: 0;
float: left;
left: 4px;
}
div[data-ec_ctrldispname="Final Contact Panel"] {
overflow: auto;
overflow-x: hidden;
}
div[data-ec_ctrldispname="CL Evaluation Panel"] {
overflow-x: hidden !important;
}
.allOrderFiltertruncate {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 54% !important;
}
.fodAddDocumentLabel label {
width: 6.2rem;
}
.width70 {
width: 70% !important;
}
.width45 {
width: 45% !important;
}
.width50 {
width: 50% !important;
}
.width60 {
width: 60% !important;
}
.width60Ht {
width: 60% !important;
height: 13.875rem !important;
}
.width75 {
width: 75% !important;
}
.width75Ht {
width: 75% !important;
height: 13.875rem !important;
}
.width75HtExt {
width: 75% !important;
height: 15.875rem !important;
}
.confirmation-outerdiv .cell {
margin-left: 0.7rem;
}
#MoveLineItemMasterDiv .dxGridView_gvDetailExpandedButton_Metropolis {
background-position: 0px -183px;
width: 24px;
height: 24px;
}
#MoveLineItemMasterDiv .dxGridView_gvDetailCollapsedButton_Metropolis {
background-position: -27px -184px;
width: 26px;
height: 24px;
}
.Datacontainer {
margin-bottom: -5px;
}
.Datacontainer .PanelHeader {
padding: 2px;
border: 1px solid #cdd1d7;
padding-left: 5px;
background-color: #eeeeee;
font-weight: 600;
color: #000;
}
.Datacontainer .PanelHeader span {
color: #515151;
font-size: 1.1rem;
float: right;
line-height: 1rem;
margin-right: 5px;
}
/*.toggleExpandPosition {
text-align: right;
cursor: pointer;
}*/
td.FlowsheetBorder {
border: 1px solid #eeeeee;
}
.SaveDocumentTemplateLabel label {
width: 6.3rem;
}
.custom-multi-select .dxeToken_Metropolis {
background: #4296de;
}
.custom-multi-select .dxeTokenText_Metropolis {
margin: 0px 2px 0px 2px;
font-size: 14px;
}
.divDocTypeCategoriesLabel label {
width: 5rem;
}
.selectDocumentLabel label {
width: 6.5rem;
}
#divFinaProcedureSelection .ui-tabs .ui-tabs-nav .ui-tabs-anchor, .divFinaProcedureSelection .ui-tabs .ui-tabs-nav .ui-tabs-anchor, .bxHgtAddressesPrctLocation .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
max-width: 11.1rem;
overflow: hidden;
text-overflow: ellipsis;
}
.iconClickCss {
background-color: #ffc600;
padding: 3px;
padding-bottom: 1px;
}
insuranceCompanyList {
}
table.insuranceCompanyList tr td {
padding: 0 0 0.325rem 0;
}
.insuranceActive {
color: white;
background-color: #93b57d;
padding: 1px;
padding-left: 5px;
display: inline-block;
width: 80%;
}
.insuranceExpired {
color: white;
background-color: #d19292;
padding: 1px;
padding-left: 5px;
display: inline-block;
width: 80%;
}
.insuranceInActive {
color: white;
background-color: #919191;
padding: 1px;
padding-left: 5px;
display: inline-block;
width: 80%;
}
.InsuranceCName {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 99%;
display: inline-block;
padding-left: 5px;
}
#divMultiselectmenu .ui-multiselect-menu {
width: 17% !important;
}
.gray-white-bg-50 {
background-image: -ms-linear-gradient(bottom, #FFFFFF 60%, #D3D3D3 60%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 60%, #D3D3D3 60%);
background-image: -o-linear-gradient(bottom, #FFFFFF 60%, #D3D3D3 60%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60, #FFFFFF), color-stop(60, #D3D3D3));
background-image: -webkit-linear-gradient(bottom, #FFFFFF 60%, #D3D3D3 60%);
background-image: linear-gradient(to top, #FFFFFF 60%, #D3D3D3 60%);
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.51);
-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.51);
-moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.51);
}
#template_toolTipBlock_selectionToolTipDiv_mainDiv .dxscToolTipSquaredCorners_Metropolis {
background: transparent;
border: solid 1px #eeeeee;
}
.thidLevelNav .subEncounterMenu {
display: none;
}
.thidLevelNav span.thirdLevelIcon {
z-index: 99;
top: 0;
position: absolute;
color: white;
font-size: 20px;
cursor: pointer;
}
.thirdLevelIconPlus:before {
content: "+";
}
.thirdLevelIconMinus:before {
content: "-";
}
.thirdLevelMenu .sidebar2 > li a {
padding: .0rem 0.60rem 0rem 1.1rem;
}
.thirdLevelMenu .sidebar2 .underline {
left: 1.099rem;
}
.thirdLevelMenu .sidebar2 > li:focus {
outline: none;
}
.thidLevelNav ul.subEncounterMenu > li a.active-toggle {
color: #ffc600;
}
/*input[type="text" i]:disabled,textarea:disabled,select:disabled,input[type="password" i]:disabled{
background-color: #eeeeee;
}*/
.DevExtremeSearchGrid {
font-family: "Segoe UI", "Open Sans", sans-serif, serif !important;
}
.DevExtremeEncGrid {
font-family: "Segoe UI", "Open Sans", sans-serif, serif !important;
border: 1px solid #d0d0d0;
}
.DevExtremeEncGrid .dx-datagrid {
color: #000;
}
.DevExtremeEncGrid .dx-datagrid-headers {
color: black;
font-size: 0.8125rem;
font-weight: 600;
background-color: #d0d0d0 !important;
}
.DevExtremeEncGrid .dx-toolbar {
background-color: #eeeeee !important;
/*position:absolute;*/
}
.DevExtremeEncGrid .dx-row {
border-top: 1px solid transparent;
border-bottom: 1px solid #d0d0d0;
}
/*.DevExtremeSearchGrid .dx-toolbar .dx-texteditor{
margin-top: -3.2rem;
margin-right: 4rem;
}*/
.DevExtremeSearchGrid .dx-datagrid {
color: #000;
}
.DevExtremeSearchGrid .dx-toolbar {
background-color: #eeeeee !important;
/*position:absolute;*/
}
.DevExtremeSearchGrid .dx-datagrid-header-panel .dx-toolbar {
margin-bottom: 0px;
}
.DevExtremeSearchGrid .dx-datagrid-headers {
color: black;
font-size: 0.8125rem;
font-weight: 600;
}
.DevExtremeSearchGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
background-color: #d0d0d0 !important;
padding: 0.325rem 0.45rem;
}
.DevExtremeSearchGrid .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-datagrid-filter-row > td {
padding: 0.325rem 0rem;
}
.DevExtremeSearchGrid .dx-datagrid .dx-row-lines > td {
background-color: #fff;
}
.DevExtremeSearchGrid .dx-datagrid .dx-row-alt > td {
background-color: #eeeeee;
}
.DevExtremeSearchGrid .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.DevExtremeSearchGrid .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.DevExtremeSearchGrid .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
border-left: 1px solid #cdd1d7;
border-right: 1px solid #cdd1d7;
}
.DevExtremeSearchGrid .dx-datagrid .dx-row-lines > td {
border-bottom: 1px solid #cdd1d7;
}
.DevExtremeSearchGrid .dx-datagrid .dx-column-lines > td {
border-left: 1px solid #cdd1d7;
border-right: 1px solid #cdd1d7;
}
.DevExtremeSearchGrid .dx-datagrid-rowsview .dx-selection.dx-row > td,
.DevExtremeSearchGrid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
background-color: #ffeeb2 !important;
color: #333;
}
.DevExtremeSearchGrid .dx-datagrid-search-text {
color: #000;
/*font-weight: bold;*/
background-color: transparent;
}
.DevExtremeSearchGrid .dx-widget {
font-size: 0.8125rem !important;
}
.DevExtremeSearchGrid .dx-datagrid .dx-row > td {
padding: 0.235rem 0.235rem;
}
.DevExtremeSearchGrid .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
background-color: #ffeeb2;
}
.DevExtremeSearchGrid .dx-datagrid-content .dx-datagrid-table .dx-row > td {
vertical-align: middle;
}
.DevExtremeSearchGrid .dx-datagrid-headers .dx-texteditor-input,
.DevExtremeSearchGrid .dx-datagrid-rowsview .dx-texteditor-input {
padding: 2px;
min-height: 20px;
}
.DevExtremeSearchGrid .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
margin-top: 0;
font-size: 0.8rem;
line-height: 0.8rem;
}
.DevExtremeSearchGrid .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content {
padding: 3px 1px 0px;
}
.DevExtremeSearchGrid .dx-dropdowneditor .dx-clear-button-area {
width: 15px;
}
.DevExtremeSearchGrid .dx-show-clear-button .dx-icon-clear {
margin-top: -11px;
font-size: 0.7rem;
line-height: 0.79rem;
padding-right: 0;
width: 17px;
}
.DevExtremeSearchGrid .dx-dropdowneditor-icon {
width: 18px;
}
.DevExtremeSearchGrid .dx-dropdowneditor-icon:before {
margin-left: -4px;
}
.DevExtremeSearchGrid .dx-dropdowneditor-icon:before {
margin-left: -6px;
}
.DevExtremeSearchGrid .dx-dropdowneditor-icon {
width: 18px;
font-size: 0.8rem;
line-height: 1rem;
}
.DevExtremeSearchGrid .dx-dropdowneditor-button {
width: 18px;
}
.DevExtremeSearchGrid .dx-highlight-outline {
padding: 3px;
}
.DevExtremeSearchGrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
width: 20px;
min-width: 20px;
}
.DevExtremeSearchGrid .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.DevExtremeSearchGrid .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
padding-right: 26px;
}
.DevExtremeSearchGrid .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
padding-right: 26px;
}
.DevExtremeSearchGrid .dx-datagrid-total-footer > .dx-datagrid-content {
padding-top: 1px;
padding-bottom: 3px;
}
.DevExtremeSearchGrid .dx-list-item {
color: #000;
}
.DevExtremeSearchGrid .dx-datagrid-total-footer {
height: 2rem;
overflow: hidden;
background-color: #e5f2f7;
}
.DevExtremeSearchGrid .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input, .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before {
padding-left: 16px;
}
input.ui-autocomplete-input, textarea.ui-autocomplete-input {
cursor: pointer;
}
.dxrd-designer-wrapper .dxrd-toolbar-wrapper .dxrd-toolbar .dxrd-toolbar-item .dxrd-toolbar-item-image {
cursor: pointer;
}
/*.DevExtremeSearchGrid .dx-pager .dx-pages{
float:left;
}
.DevExtremeSearchGrid .dx-pager .dx-pages .dx-info{
float:right;
}*/
.DevExtremeSearchGrid .dx-pager .dx-pages .dx-page {
padding: 0px 3px 0px;
margin-left: 3px;
}
.DevExtremeSearchGrid .dx-pager .dx-pages .dx-selection {
background-color: #42aaff;
border-color: #59cde2;
color: #ffffff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.DevExtremeSearchGrid .dx-pager .dx-pages .dx-info {
opacity: 1;
}
.DevExtremeSearchGrid .dx-pager .dx-pages .dx-navigate-button {
width: 9px;
height: 9px;
padding: 5px 5px;
}
.DevExtremeSearchGrid .dx-pager .dx-page-sizes .dx-selection {
background-color: #42aaff;
border-color: #59cde2;
color: #ffffff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.DevExtremeSearchGrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space {
background-color: #eeeeee;
}
.DevExtremeSearchGrid .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
padding: 0rem 0rem;
}
.DevExtremeSearchGrid .dx-datagrid-rowsview .dx-master-detail-row .dx-row {
background-color: #fff;
}
.DevExtremeSearchGrid .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
background-color: #eeeeee;
}
#Pt_Paymentsgrid .dx-datagrid {
background-color: #eeeeee;
}
#Pt_Paymentsgrid .dx-datagrid-group-closed:before {
font-family: metro,serif;
font-weight: normal;
content: "\e829";
}
#Pt_Paymentsgrid .dx-datagrid-group-opened:before {
font-family: metro,serif;
font-weight: normal;
content: "\e828";
}
#Pt_Paymentsgrid .dx-datagrid-group-closed, #Pt_Paymentsgrid .dx-datagrid-group-opened {
font-size: 18px;
}
#WorldPay_Paymentsgrid .dx-datagrid .dx-row.dx-data-row.dx-column-lines {
background-color: #eeeeee;
}
#WorldPay_Paymentsgrid .dx-row.dx-column-lines.dx-master-detail-row .dx-row.dx-data-row.dx-column-lines{
background-color: #ffffff !important;
}
/*#WorldPay_Paymentsgrid .dx-datagrid {
background-color: #eeeeee;
}*/
#WorldPay_Paymentsgrid .dx-datagrid-group-closed:before {
font-family: metro,serif;
font-weight: normal;
content: "\e829";
}
#WorldPay_Paymentsgrid .dx-datagrid-group-opened:before {
font-family: metro,serif;
font-weight: normal;
content: "\e828";
}
#WorldPay_Paymentsgrid .dx-datagrid-group-closed, #WorldPay_Paymentsgrid .dx-datagrid-group-opened {
font-size: 18px;
}
ul.ribbon-left-icons {
list-style: none;
}
ul.ribbon-left-icons > li {
float: left;
text-align: center;
width: 33.33%;
padding: 0.068rem;
}
ul.ribbon-left-icons > li span:first-child {
line-height: 2rem;
}
.validation-error {
background-color: #ffdcdd !important;
}
.ptSearchResult label {
width: 5.8rem;
}
.tooltip-table thead {
background-color: #c1e3ff !important;
border-bottom: 0 !important;
}
ul.ribbon-left-icons-encounterDetails {
list-style: none;
}
ul.ribbon-left-icons-encounterDetails > li {
float: left;
text-align: center;
width: 23.33%;
padding: 0.068rem;
}
ul.ribbon-left-icons-encounterDetails > li span:first-child {
line-height: 3rem;
}
.encounterDetailsHamburgerRow div.row {
line-height: 1.5rem !important;
}
.encounterDetailsHamburgerRow div.row a:hover {
font-weight: 600;
}
.geninfo2 label {
width: 15rem;
}
.incentive_program label {
width: 12rem;
}
.reportRecallsQuickSearchFilterLabels label {
width: 7.1rem !important;
}
#RecallsQuickSearchResult .dataTables_scrollFootInner, #RecallsResult .dataTables_scrollFootInner {
width: 100% !important;
}
.hamBurgerDropdownMenu {
background-color: white;
border: 1px solid #cfcfcf;
z-index: 10;
}
.closeHamburgerMenu {
padding: 5px;
}
.menuItems {
padding-top: 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid #005cb9;
}
.menuItems div {
color: black;
padding: 0.375rem;
padding-left: 0.8rem;
cursor: pointer;
}
.menuItems div:hover {
font-weight: 600;
}
.align-leftBottom {
position: absolute;
width: 100%;
bottom: 0;
}
.align-adj-hotjar {
bottom: 2rem !important;
}
ul.ribbon-left-icons-optical > li span .orderPricingNotifyCircle {
line-height: 1rem;
}
#mouseposition-extension-element-full-container {
display: none;
}
.patientribbon_manage_alert_box {
background-color: #fff;
border: 1px solid #cfcfcf;
z-index: 9999;
-webkit-box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
-moz-box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
background-clip: padding-box;
border-bottom: 5px solid #005cb9;
cursor: auto;
width: 91rem;
height: 33rem;
display: none;
}
.actionCenterDiv {
background-color: #fff;
border: 1px solid #cfcfcf;
z-index: 9999;
-webkit-box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
-moz-box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
background-clip: padding-box;
border-bottom: 5px solid #ff8a00;
cursor: auto;
width: 32rem;
height: 33rem;
display: none;
}
.actionCenterDiv table.alert_box_table tbody td {
padding: 1rem 0.6rem;
}
table.alert_box_table {
width: 100%;
}
table.alert_box_table tbody tr {
border-bottom: 1px solid #d5d5d5;
}
table.alert_box_table tbody tr:first-child {
border-top: 1px solid #d5d5d5;
}
table.alert_box_table tbody td {
padding: 0.5rem 0.1rem;
}
table.alert_box_table tbody td.alertR {
background-color: red;
color: #fff;
}
.newAlertLabel label {
width: 7rem;
}
.icon_list_box {
padding: 0.5rem;
height: 11rem;
display: none;
background-color: #fff;
width: 13rem;
padding-left: 0;
}
.icon_list_box ul {
list-style: none;
}
.icon_list_box ul > li {
float: left;
display: inline;
margin-left: 0.5rem;
border: 1px solid #e5e4e4;
width: 2rem;
text-align: center;
margin-bottom: 0.5rem;
height: 2rem;
}
.insledger_superbillbox .dataTables_scrollFootInner {
width: 100% !important;
}
.ins_ledger_label label {
width: 6rem !important;
}
.truncateSubWordLeft {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 15px) !important;
}
.truncateSubWordRight {
position: absolute;
display: inline-block;
}
.encTabReviewLabel label {
width: 3rem;
}
table.homeApptList {
width: 100%;
color: #808080;
}
table.homeApptList tbody {
display: block;
overflow: auto;
height: 69vh;
}
table.homeApptList tbody tr {
border-bottom: 1px solid #e5e4e4;
}
table.homeApptList tbody tr:first-child {
border-top: 1px solid #e5e4e4;
}
table.homeApptList tbody td {
padding: 0.5rem 0.1rem;
}
table.homeApptList tbody td.appT1 {
background-color: red;
color: #fff;
}
.homeApptList.hovered tbody tr:hover {
background-color: #ffeeb2; /*rgba(28, 183, 236, 0.1);*/
}
.border-top-bottom-gray {
border-top: 1px solid #cdd1d7;
border-bottom: 1px solid #cdd1d7;
}
.daySheetReportTableRaw td {
border-left: none !important;
font-weight: 600;
}
.FileManagerDiv .dxWeb_fmMoveButton_Metropolis {
background-position: 0px -421px;
}
.FileManagerDiv .dxWeb_fmMoveButtonDisabled_Metropolis {
background-position: -19px -421px;
}
.FileManagerDiv .dxm-hovered .dxWeb_fmCopyButton_Metropolis {
background-position: -65px -420px;
width: 16px;
height: 16px;
}
.FileManagerDiv .dxWeb_fmCopyButton_Metropolis {
background-position: -65px -420px;
}
.FileManagerDiv .dxWeb_fmCopyButtonDisabled_Metropolis {
background-position: -45px -419px;
}
.FileManagerDiv .dxmLite_Metropolis .dxm-main .dxm-hovered {
background-color: transparent;
color: #000;
}
.FileManagerDiv .dxm-hovered .dxWeb_fmMoveButton_Metropolis {
background-position: 0px -421px;
}
.FileManagerDiv .dxWeb_fmDeleteButton_Metropolis {
background-position: -106px -419px;
}
.FileManagerDiv .dxWeb_fmDeleteButtonDisabled_Metropolis {
background-position: -85px -418px;
}
.FileManagerDiv .dxm-hovered .dxWeb_fmDeleteButton_Metropolis {
background-position: -106px -419px;
}
.FileManagerDiv .dxWeb_fmRefreshButton_Metropolis {
background-position: -151px -418px;
}
.FileManagerDiv .dxm-hovered .dxWeb_fmRefreshButton_Metropolis {
background-position: -151px -418px;
}
.font15PX {
font-size: 15px !important;
}
.line-height25PX {
line-height: 26px !important;
}
.box.padding20 {
padding: 1.25rem;
}
.homeRecenttabDiv {
width: 19rem;
min-height: 7rem;
max-height: 26rem;
overflow: auto;
background-color: white;
border: 1px solid #cfcfcf;
z-index: 9999;
-webkit-box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
-moz-box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
background-clip: padding-box;
border-bottom: 5px solid #005cb9;
cursor: auto;
padding: 1.8rem 1rem 1.8rem 1rem;
}
.homeRecenttabDiv div {
font-weight: 400;
line-height: 1.428571429;
color: #000;
font-size: 0.8125rem;
cursor: pointer;
line-height: 1.25rem;
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
}
.homeRecenttabDiv div:hover {
text-decoration: none;
font-weight: 600;
}
.homeRecenttabDiv > h3 {
font-size: 0.8125rem;
line-height: 1.428571429;
color: #023990;
font-weight: 700;
text-transform: uppercase;
}
table.tooltiptable {
border: 1px solid #a0d4ff;
}
table.tooltiptable thead {
background-color: #a0d4ff !important;
border-bottom: 0px solid #d1d1d1;
}
table.tooltiptable th {
padding: 0.6rem 0.4rem;
}
table.tooltiptable.bordered tbody tr:first-child td {
border-top: none;
}
table.tooltiptable tbody td {
border-left: 1px solid #a0d4ff;
}
table.tooltiptable tfoot tr > td {
border-left: 1px solid #a0d4ff;
color: #000;
font-weight: 600;
}
.checkbox-style3 .icon-checked:before {
font-family: metro, "Segoe UI", "Open Sans", serif;
content: "\e609";
border: 0px solid #CCC;
font-size: 1.25rem;
content: "\e869";
}
.checkbox-style3 .icon-unchecked:before {
font-family: metro, "Segoe UI", "Open Sans", serif;
content: "";
font-size: 1.25rem;
border: 0px solid #CCC;
}
.checkbox-style3 .icon-unchecked {
font-family: metro, "Segoe UI", "Open Sans", serif;
content: "\e869";
font-size: 1.25rem;
border: 0px solid #CCC;
}
.cost_revenue_label1 label {
width: 15rem;
}
.cost_revenue_label2 label {
width: 9rem;
}
.MiscellaneousSettingsLabel1 label {
width: 8rem;
}
.MiscellaneousSettingsLabel2 label {
width: 13rem;
}
.addspecs:hover {
background-color: lightgoldenrodyellow;
}
/*.addopticalorder
{
position: absolute;
left: 1717.27px;
top: 65.2656px;
display:none;
}*/
/*.hamburger-optical-order-entry{
width: 10rem;
position: absolute;
left: 1705.55px;
top: 64.7344px;
display:none;
}*/
.fillterTab .frame, .fillterTab .frame .bg-grayed1, .fillterTab .bg-grayed1 {
background-color: #f1f1f1 !important;
}
div#divRecentlyVisitedScreenList div {
line-height: 1.7rem;
}
#dDBoxDataGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
background-color: #d0d0d0 !important;
padding: 0.325rem 0.45rem;
color: black;
font-weight: 600;
}
.parent-td table tbody tr:nth-child(odd), .parent-td table tbody tr:nth-child(even) {
background: transparent !important;
}
.parent-td table tbody td {
border: 0;
word-break: break-word;
}
.toolTipMenu {
cursor: default;
background-color: #D9EEFF;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
border: 0px solid #4b91d2;
border-radius: 0px;
color: #000000;
display: none;
padding: 10px;
position: absolute;
white-space: wrap;
z-index: 9999;
width: auto;
}
.borderBottomBlack {
border-bottom: 1px solid black;
}
.bxHgtfaceSheetSectionInner .tooltip {
background-color: #D9EEFF;
color: black;
}
.textStrikeThrought {
text-decoration: line-through;
}
#powerTip.errorValidationMsg {
color: white;
background-color: #c64348;
border-radius: 8px;
padding: 6px;
}
#powerTip.errorValidationMsg.n:before {
border-top: 10px solid #c64348;
}
.lblWidthTodaysEncounter label {
width: 4rem;
}
.labelWidthUpdateCommunications label {
width: 4rem;
}
.lblWidthCommunications label {
width: 8rem;
}
#FrameQuickSearch .pager span {
/*margin: 0px 4px 0px 3px;*/
}
#ContactQuickSearch .pager span {
/*margin: 0px 4px 0px 3px;*/
}
.bg-gray-acacac {
background-color: #acacac;
}
.border-bottom-gray-dashed {
border-bottom: 1px dashed grey;
}
@font-face {
font-family: 'text-security-disc';
src: url('../fonts/text-security-disc.eot');
src: url('../fonts/text-security-disc.eot?#iefix') format('embedded-opentype'), url('../fonts/text-security-disc.woff2') format('woff2'), url('../fonts/text-security-disc.woff') format('woff'), url('../fonts/text-security-disc.ttf') format('truetype'), url('../fonts/text-security-disc.svg#text-security') format('svg');
font-weight: normal;
font-style: normal;
}
.disableautofill {
/*-webkit-text-security:disc;*/
font-family: 'text-security-disc' !important;
}
#loginForm ::placeholder, #changePasswordForUserPopup ::placeholder, #resetPasswordSection ::placeholder, #passwordupdated_section ::placeholder {
font-family: "Segoe UI", "Open Sans", sans-serif, serif !important;
}
#loginForm :-ms-input-placeholder, #changePasswordForUserPopup :-ms-input-placeholder, #resetPasswordSection :-ms-input-placeholder, #passwordupdated_section :-ms-input-placeholder { /* Internet Explorer 10-11 */
font-family: "Segoe UI", "Open Sans", sans-serif, serif !important;
}
#loginForm ::-webkit-input-placeholder, #changePasswordForUserPopup ::-webkit-input-placeholder, #resetPasswordSection ::-webkit-input-placeholder, #passwordupdated_section ::-webkit-input-placeholder { /* Microsoft Edge */
font-family: "Segoe UI", "Open Sans", sans-serif, serif !important;
}
#divallBillsQuicksearchResultGrid #tblAllBillQuicksearchResultGrid_paginate, #divallBillsQuicksearchResultGrid #tblAllBillQuicksearchResultGrid_info {
display: none;
}
.truncatepatientName {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 24px) !important;
line-height: 1.3;
}
ul#recentplaces_Patient > li > a, ul#recentplaces_Encounters > li > a, ul#recentplaces_Billing > li > a, ul#recentplaces_Optical > li > a, ul#recentplaces_Claims > li > a, ul#recentplaces_Schedule > li > a, ul#recentplaces_Inventory > li > a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 84%;
margin: 0;
clear: both;
min-width: 0;
}
.recentstickyresultItems > li > a{
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
width: 84%;
margin: 0;
clear: both;
min-width: 0;
}
@keyframes pound {
/*to { transform: scale(1.2); box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.65), 2px 6px 12px 0 rgba(0, 0, 0, 0.5), 3px 8px 15px 0 rgba(0, 0, 0, 0.45) }*/
to {
transform: scale(0.7);
}
}
ul.loader {
display: block;
position: relative;
width: 5em;
margin: 5rem auto;
}
.loader li {
list-style: none;
display: block;
float: left;
width: 0.4em;
height: 3em;
margin: 0 0.5em 0 0;
background: #005cb9;
background: -moz-linear-gradient(top, #005cb9 0%, #005cb9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005cb9), color-stop(100%,#005cb9));
background: -webkit-linear-gradient(top, #005cb9 0%,#005cb9 100%);
background: -o-linear-gradient(top, #005cb9 0%,#005cb9 100%);
background: -ms-linear-gradient(top, #005cb9 0%,#005cb9 100%);
background: linear-gradient(to bottom, #005cb9 0%,#005cb9 100%);
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.0), 1px 1px 1px 0 rgba(0, 0, 0, 0.0), 1px 1px 1px 0 rgba(0, 0, 0, 0.0);
animation: pound .7s ease-in-out infinite alternate;
animation-delay: 0.05s;
transform-origin: center;
}
.loader li:nth-child(2) {
animation-delay: 0.20s;
}
.loader li:nth-child(3) {
animation-delay: 0.35s;
}
.loader li:nth-child(4) {
animation-delay: 0.50s;
}
.loader li:nth-child(5) {
animation-delay: 0.65s;
}
/*@-webkit-keyframes slide-down {
0% { opacity: 0; -webkit-transform: translateY(-100%); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
0% { opacity: 0; -moz-transform: translateY(-100%); }
100% { opacity: 1; -moz-transform: translateY(0); }
}
div#AlertBar {
display: block;
-webkit-animation: slide-down .3s ease-out;
-moz-animation: slide-down .3s ease-out;
}*/
.confirmation-outerdiv > h4 {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
/* The container */
.containerChk, .containerChkDefault {
display: block;
position: relative;
padding-left: 1.2rem;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 !important;
}
/* Hide the browser's default checkbox */
.containerChk input, .containerChkDefault input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
.containerChk:hover input ~ .checkmark {
}
/* When the checkbox is checked, add a blue background */
.containerChk input:checked ~ .checkmark, .containerChkDefault input:checked ~ .checkmark {
background-color: transparent;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.containerChk input:checked ~ .checkmark:after {
font-family: metro, "Segoe UI", "Open Sans", serif;
content: "\e609";
color: #42aaff;
}
.containerChkDefault input:checked ~ .checkmark:after {
font-family: Flat-UI-Icons;
content: "\e60e";
color: #67b835;
}
.containerChkDefault input:disabled ~ .checkmark:after {
background: #a1a1a1;
font-family: Flat-UI-Icons;
color: #a1a1a1;
content: "\e60d";
}
.containerChkDefault input:disabled:checked ~ .checkmark:after {
color: #a1a1a1;
font-family: Flat-UI-Icons;
content: "\e60e";
}
/* Style the checkmark/indicator */
.containerChk .checkmark:after {
left: 0px;
top: 0px;
width: 0px;
height: 0px;
content: "\e609";
background: transparent;
border: 0px solid #ddd;
display: inline-block;
vertical-align: middle;
font-size: 1rem;
padding: 0px;
margin-right: 0px;
text-align: center;
color: #CCC;
font-family: metro, "Segoe UI", "Open Sans", serif;
-webkit-transition: color .25s linear;
transition: color .25s linear;
}
.containerChkDefault .checkmark:after {
left: 0px;
top: -4px;
width: 0px;
height: 0px;
content: "\e60e";
background: transparent;
border: 1px solid #CCC;
display: inline-block;
vertical-align: middle;
font-size: 0.9rem;
padding: 0px;
margin-right: 0px;
text-align: center;
color: #fff;
font-family: Flat-UI-Icons;
-webkit-transition: color .25s linear;
transition: color .25s linear;
line-height: 0;
}
#tblFinalDiagnosisNProcedureHistoryData table.chlidDataTable tbody tr {
background-color: transparent;
}
#tblFinalDiagnosisNProcedureHistoryData table.chlidDataTable tbody td {
border: 0;
}
#powerTip table.chlidDataTable {
width: 100%;
}
#powerTip table.chlidDataTable tr td:first-child {
width: 20%;
border-left: 1px solid #cdd1d7;
}
#powerTip table.chlidDataTable tr td:last-child {
width: 80%;
border-left: 1px solid #cdd1d7;
border-right: 1px solid #cdd1d7;
}
#powerTip table.chlidDataTable tr {
border-bottom: 1px solid #cdd1d7;
}
#powerTip table.chlidDataTable tr:first-child {
border-top: 1px solid #cdd1d7;
}
:not(:root):-webkit-full-screen::backdrop {
background-color: #fff;
}
:not(:root):-moz-full-screen {
background-color: #fff;
}
table.tbl-diag-proc-data-trunc {
display: table;
table-layout: fixed;
width: 100%;
}
table.tbl-diag-proc-data-trunc > tbody > tr > td {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
border-bottom: none !important;
border-right: none !important;
padding: 0.115rem 0.235rem !important;
}
.hrefStyle {
background: none !important;
border: none !important;
padding: 0 !important;
font: inherit;
cursor: pointer !important;
color: #42aaff !important;
height: 1.2rem !important;
margin: 0 !important;
vertical-align: middle;
}
.plangriditem #textareacontrolplans {
background: none !important;
border: none !important;
padding: 0 !important;
font: inherit;
cursor: pointer !important;
/*color: #42aaff !important;*/
height: 1rem !important;
margin: 0 !important;
vertical-align: middle;
}
.patientDetailsDashboardIcon {
line-height: 2;
vertical-align: top;
}
table tbody.patientNote td {
padding: 0.75rem 0.325rem;
}
.box_heading .PolicyBox {
height: 12rem;
}
.returnAssitantLbl label {
width: 5.6rem;
}
.fg-seagreen {
color: #28d299;
}
.tooltiptblHead th {
color: #000000 !important;
}
.signOuterDiv {
display: inline-block;
/*height: 8rem;
width: 13rem;*/
border: 1px solid #c7c7c7;
border-radius: 3px;
margin-right: 0px;
padding: 2px;
}
.PatientPhoto .signOuterDiv {
display: inline-block;
height: 7rem !important;
width: 7rem !important;
border: 1px solid #c7c7c7;
border-radius: 3px;
margin-right: 0px;
padding: 2px;
}
input[type="text"]:disabled, textarea:disabled, select:disabled, input[type="password"]:disabled {
background-color: #eeeeee;
}
.patientLabelPopup1 input[type="text"]:disabled, .patientLabelPopup1 textarea:disabled, .patientLabelPopup1 select:disabled, .patientLabelPopup1 input[type="password"]:disabled {
background-color: #ffffff;
}
ul.ribbon-left-icons-four-icons {
list-style: none;
}
ul.ribbon-left-icons-four-icons > li {
float: left;
text-align: center;
width: 25%;
padding: 0.068rem;
}
#ptb_billdetails ul.ribbon-left-icons-four-icons > li {
width: 20% !important;
}
.ribbon-left-icons-four-icons div.row {
line-height: 1.5rem !important;
}
.ribbon-left-icons-four-icons div.row a:hover {
font-weight: 600;
}
.tooltipLabel label {
width: 5rem;
}
.tooltipLabel > div {
width: 100%;
}
.addMedicationPopupLabel label {
width: 12rem;
}
.addMedicationPopupLabel1 label {
width: 6rem;
}
/* width */
.samllScrollDiv ::-webkit-scrollbar {
width: 3px;
}
/* Track */
.samllScrollDiv ::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.samllScrollDiv ::-webkit-scrollbar-thumb {
background: #afaeae;
}
/* Handle on hover */
.samllScrollDiv ::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
}
.DevExtremeEncGrid {
font-family: "Segoe UI", "Open Sans", sans-serif, serif !important;
/* border: 1px solid #d0d0d0;*/
}
.DevExtremeEncGrid .dx-datagrid {
color: #000;
}
.DevExtremeEncGrid .dx-datagrid-headers {
color: black;
font-size: 0.8125rem;
font-weight: 600;
background-color: #d0d0d0 !important;
}
.DevExtremeEncGrid .dx-toolbar {
background-color: #eeeeee !important;
/*position:absolute;*/
}
.DevExtremeEncGrid .dx-row {
/*border-top: 1px solid transparent;
border-bottom: 1px solid #d0d0d0;*/
}
.DevExtremeEncGrid .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
background-color: #ffeeb2;
}
.DevExtremeEncGrid .dx-popup-content {
background-color: #eeeeee;
}
.DevExtremeEncGrid .dx-datagrid {
background-color: #eeeeee;
}
.DevExtremeEncGrid .dx-datagrid .dx-row-alt > td {
background-color: #fff;
}
.DevExtremeEncGrid .dx-datagrid-rowsview .dx-selection.dx-row > td,
.DevExtremeEncGrid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
background-color: #ffeeb2;
}
.verticleAlignUnset {
vertical-align: unset;
}
/*#noDataDiv {
height: 29vh !important;
}*/
.spanTextbox {
width: auto !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border: 0 !important;
padding: 0 !important;
float: none !important;
height: auto !important;
vertical-align: top;
cursor: default;
}
input[type=text].spanTextbox:focus {
box-shadow: 0 0 0 #fff !important;
outline: none;
}
.addEditSimpleValuesInputFields input[type=text], .addEditSimpleValuesInputFields textarea {
border: none;
}
.addEditSimpleValuesInputFields input[type=text]:focus, .addEditSimpleValuesInputFields textarea:focus, .addEditSimpleValuesInputFields .textAreaRemoveFocus textarea:focus {
box-shadow: 0 0 0 #fff !important;
outline: none;
}
table.table.dataTable > thead > tr > th.tblHeaderBorderRB {
border-right: 1px solid #bfbfbf !important;
border-bottom: 1px solid #bfbfbf !important;
}
table.table.dataTable > thead > tr > th.tblHeaderBorederR {
border-right: 1px solid #bfbfbf !important;
}
.dateIconImg {
background: url(../../Images/CalendarIcon.png);
background-repeat: no-repeat;
background-position: 98% 1px;
border: 1px solid #999;
padding: 3px 18px 3px 4px;
border-radius: 3px;
/*background-size: 15%;*/
}
.dateIconImg.disabledDt {
background: url(../../Images/CalendarIconDisabled.png);
background-repeat: no-repeat;
background-position: 98% 3px;
}
.clearable.x.disabledDt {
background: url(../../Images/cleartexticon_Disable.png);
background-repeat: no-repeat;
background-position: 98% 3px;
}
#ParceUdiDiv label {
width: 6rem;
}
#LookUpDiv label {
width: 9rem;
}
.CellsEllipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.CellsEllipsis td {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.CellsEllipsis table {
table-layout: fixed;
}
.wordWrapforImpDv {
word-break: break-all;
}
.declareEmergency label {
width: 6rem;
}
.marTB24 {
margin: 2rem 0;
}
.framesDetailsInfoLables label {
width: 10rem;
}
.box_heading .framesDetailsInfoBox {
height: 22rem;
}
.addBenefitPlan label {
width: 11rem;
}
select#InsurancePlanDetails_PlanID {
width: 93.5%;
}
/*.encounter-grid-icons {
position: absolute;
right: 0px;
top: -21px;
}*/
.dataTable.tblTonometry tbody td, .dataTable.tblVisualAcuities tbody td {
border-bottom: 1px solid #cdd1d7;
}
table.scrollTable thead {
display: block;
width: 100%;
}
table.scrollTable tr {
width: 100%;
display: table;
}
table.scrollTable tbody {
overflow: auto;
display: block;
}
.worldpayLogoBtn .small-button, .worldpayLogoBtn .small-button30 {
font-size: 0.9rem !important;
}
.CLXText {
font-size: 1rem;
color: #005cb9;
margin: 0.313rem 0rem;
margin-top: 0px;
font-weight: 600;
height: 1.25rem;
line-height: 1.5625rem;
display: block;
margin-top: 6rem;
}
#divClxConfigurationMain .dvframesData label {
width: 25rem;
}
.POItem .dataTable tr td {
border: 1px solid #d1d1d1 !important;
}
.POItem .dataTable tr td:first-child {
border: none !important;
}
.disableClick {
pointer-events: none;
background-color: #eeeeee;
opacity: 0.5;
}
.disableClickIOL {
background-color: #eeeeee;
opacity: 0.5;
}
.disableAuxClick {
pointer-events: none;
}
.faxInboundOutbondDiv .marginTp25 .dataTables_filter {
margin-top: -2.4rem;
margin-right: 12.5rem;
}
.faxInboundOutbondDiv .marginTp25 .dataTables_length {
margin-top: -2.6rem;
margin-right: 4.5rem;
}
.fax-table-top-icon {
float: right;
text-align: center;
}
.fax-table-top-icon li {
padding-left: 0.5rem;
list-style-type: none;
}
.faxoutbondList {
margin-top: 0.55rem;
margin-right: 16.5rem;
}
.deductiblesLabels label {
width: 6rem !important;
text-align: right;
}
.sendSOCLabel label {
width: 7rem;
}
.no-border {
border: none !important;
}
.txtInput {
text-align: center;
width: 71% !important;
float: right;
}
.txtBoxStyle {
border-radius: 3px;
border: 1px solid #cdd1d7;
padding: 2px;
height: 1.399rem;
margin: 0px 10px;
background-color: #fff;
font-size: 0.8125rem;
color: #000;
}
.filePreviewLabel label {
width: 7rem;
}
.menuItems2 {
padding-top: 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid #d1d1d1;
}
.TblDoubleBorder {
border-bottom: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
}
#optical_order_entry .date-icon, #optical_order_pricing .date-icon {
position: relative;
/*top: 4px;*/
}
.clinicReconcil .stepwizard {
display: table;
width: 30%;
position: relative;
}
.clinicReconcil .stepwizard-row:before {
top: 19px;
bottom: 0;
position: absolute;
content: " ";
width: 41% !important;
height: 1px;
background-color: #ccc;
left: 30% !important;
}
.clinicReconcil .stepwizard-step {
width: 50.33% !important;
}
.clinicReconcil .checkbox input[type=checkbox].custom-checkbox:disabled + .icons .icon-unchecked, .checkbox input[type=radio].custom-radio:disabled + .icons .icon-unchecked, .checkbox-style1 input[type=checkbox].custom-checkbox:disabled + .icons .icon-unchecked, .checkbox-style1 input[type=radio].custom-radio:disabled + .icons .icon-unchecked, .radio input[type=checkbox].custom-checkbox:disabled + .icons .icon-unchecked, .checkbox-style3 input[type=checkbox].custom-checkbox:disabled + .icons .icon-unchecked, .checkbox-style3 input[type=radio].custom-radio:disabled + .icons .icon-unchecked {
color: #fcdfdf !important;
}
.disabledLink {
opacity: 0.3;
pointer-events: none;
}
input:focus, textarea:focus, select:focus {
outline: none;
}
input[type=checkbox]:focus {
-webkit-filter: grayscale(100%);
}
div[data-ec_cntrlid='ChkbListRxReasons'] {
overflow: auto;
}
input[type="time"]::-webkit-calendar-picker-indicator {
background: none;
}
input[type="time"] {
border: 1px solid #cdd1d7;
}
#recallresutGrid {
position: relative;
}
#tblReportRecallsQuickSearch .dx-item-content, #recallresutGrid .dx-item-content {
margin-top: -2.6rem;
margin-right: 8.5rem;
}
#recallresutGrid .dx-texteditor-container, #tblReportRecallsQuickSearch .dx-texteditor-container {
height: 1.399rem;
}
#recallresutGrid .dx-datagrid-toolbar-button.dx-datagrid-export-button, #tblReportRecallsQuickSearch .dx-datagrid-toolbar-button.dx-datagrid-export-button {
position: absolute;
top: 2rem !important;
right: 20.3rem !important;
}
#raceAndEthnicityTbl_length {
margin-top: -2.5rem;
margin-right: 1.2rem;
}
.WFDropdown select {
width: 98% !important;
padding-bottom: 3px;
}
.WFextendedinput input[type="text"].dxeEditArea_Metropolis {
height: 1.45rem !important;
}
.WFextendedinput .dxeButtonEditSys td.dxic {
padding: 0 !important;
}
.truncateFaxNo {
overflow-wrap: break-word;
width: 7em;
display: inline-block;
}
.purple_tr {
background: #dcd6f2 !important;
}
.Peach_tr {
background: #fcdfdf !important;
}
.peachBox {
background-color: #fcdfdf;
width: 1.25rem;
height: 1.25rem !important;
border: 1px solid #5c5c5c;
margin: -4px 0.30rem;
display: inline-block;
}
.purpleBox {
background-color: #dcd6f2;
width: 1.25rem;
height: 1.25rem !important;
border: 1px solid #5c5c5c;
margin: -4px 0.30rem;
display: inline-block;
}
.OfficeAdminSearchLinks li {
text-decoration: underline;
list-style-type: none;
color: #5c5c5c;
line-height: 2.1rem;
font-size: 18px;
}
.OfficeAdminSearchLinks li:first-child {
text-decoration: none;
line-height: 3.5rem;
font-weight: 600 !important;
font-size: 1.875rem !important;
}
select:focus {
border: 1px solid #4296de;
}
.incentiveProg label {
width: 19rem;
}
.performanceCircle {
text-align: center;
border: 5px solid #c7c7c7;
border-radius: 100px;
width: 110px;
height: 110px;
position: relative;
margin: 10px;
}
.circleText {
width: 200px;
height: 200px;
line-height: 100px;
}
.QualityTxt {
font-weight: 600 !important;
font-size: 1.125rem !important;
float: right !important;
padding-right: 8px;
}
.qualityDiv {
display: inline-block;
float: right;
padding: 0.5rem;
}
#ClaimVSPEncounterId {
width: 75%;
}
#ClaimVSPOrderId {
width: 85%;
}
.claimCheckboxY {
width: 2rem;
background: none;
padding-right: 0;
}
a:-webkit-any-link:focus {
outline-offset: 0px !important;
outline: none;
}
.bulkUpdate {
color: black !important;
font-size: 0.875rem !important;
font-weight: normal !important;
text-decoration: underline;
cursor: pointer;
text-transform: none;
}
.bulkUpdate:hover {
color: #42aaff !important;
}
.allEnc {
width: 3rem;
position: relative;
top: -6px;
line-height: 0.55rem;
}
.dDMenuLink input[type="button"] {
vertical-align: top !important;
}
.cursor_default {
cursor: default !important;
}
.pretty input:disabled {
cursor: default !important;
}
.mainLogin [class*=mif-] {
cursor: default !important;
}
.PatientWF label {
width: 9rem;
}
.no-background {
background: transparent !important;
}
/*Tool tip for datalist table search box
-Parikshit 22102020*/
[data-tip] {
position: relative;
}
[data-tip]:before {
content: '';
/* hides the tooltip when not hovered */
display: none;
content: '';
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #1a1a1a;
position: absolute;
top: 30px;
left: 35px;
z-index: 8;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
[data-tip]:after {
display: none;
content: attr(data-tip);
position: absolute;
top: 5px;
right: 80px;
padding: 5px 8px;
background: #fff;
color: #1a1a1a;
z-index: 9;
font-size: 1em;
height: 18px;
line-height: 18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
word-wrap: normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
display: block;
}
/* End of Tooltip */
.PayTMlbl {
width: 9rem;
}
.faxBtn span:hover {
color: #42aaff;
}
.Inventoryhamburger a > span:hover {
color: #42aaff !important;
}
.facilityLbl input[type=text]:hover {
color: #42aaff;
}
select.bdrnone:hover {
color: #42aaff;
}
.prov_level a > span.fg-new-gray:hover {
color: #42aaff;
}
#recallresutGrid .dx-datagrid-export-button .dx-icon-export-to:before {
font-family: metro;
content: "\e721" !important;
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
}
#recallresutGrid .dx-button {
border-color: transparent !important;
}
#recallresutGrid .dx-button:hover {
background: none !important;
}
#recallresutGrid i.dx-icon.dx-icon-export-to:hover {
color: #42aaff !important;
}
#recallresutGrid .DevExtremeSearchGrid.searchboxWitOneIcon .dx-toolbar .dx-datagrid-export-button {
margin-top: -4.9rem !important;
}
.FilemetadataDetailsDiv label {
width: 7rem;
}
.MYCLXText {
font-size: 1rem;
color: #005cb9;
margin: 0.313rem 0rem;
margin-top: 0px;
font-weight: 600;
height: 1.25rem;
line-height: 1.5625rem;
display: block;
margin-top: 1rem;
}
.footerVersion {
height: 21px;
display: inline-flex;
position: relative;
top: 6px;
}
.ECIPading {
padding-top: 2.56rem;
}
.Emcodechecker {
width: 7rem;
display: inline-block;
}
.padTB8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.padLR8 {
padding-left: 8px;
padding-right: 8px;
}
div[data-ec_cntrlid="idPatientAboveThreeYear"] {
text-align: center;
color: #c3c3c3 !important;
}
.defaultElemStyle button[data-ec_cntrlid="vitalSignicon"] {
color: #c3c3c3 !important;
}
button .mif-vitalSign {
color: #c3c3c3 !important;
}
.filterWithCustomDefBtns table[id^="tblPurchaseOrderList"] .pager {
float: left;
bottom: auto;
position: relative;
left: auto;
top: -1.6rem;
}
.table.bordered#tblVoidItems thead tr th, .table thead th, .table.bordered#tblVoidItems thead tr:first-child td {
border-top: none;
position: sticky;
top: 0;
background: #d0d0d0;
}
.vspOverflow {
overflow: inherit !important;
}
.bxHgtOdrEntryContactOrderQuantity {
overflow: inherit;
}
#innerTest {
height: 65vh;
overflow: auto;
}
.newWin #innerTest {
height: auto;
}
#ClaimVSPBrand {
width: 85%;
}
.tabMultiselectMenu div.ui-multiselect-menu {
width: 260px !important;
}
#Carrier {
width: 50%;
float: left;
}
#careerDropdown {
width: 47%;
display: inline-block;
float: left;
margin-left: 10px;
}
.returnAssLbl {
width: 9rem;
}
.ptschedulinglbl {
width: 7rem;
}
.middleLbl {
width: 18rem;
}
.DPTemplate label {
width: 10rem;
}
.EligibilityPrefLbl {
width: 19rem;
}
.InvNewFramePopup label {
width: 6rem;
}
.EOBLbl label {
width: 3rem;
}
.chatCount {
width: 20px;
height: 20px;
display: block;
position: absolute;
background: orange;
top: 1px;
right: -11px;
border-radius: 15px;
line-height: 1.575rem;
color: #000000;
}
.disabledSMSIcon {
pointer-events: none;
opacity: 0.6;
}
.SMSCount {
width: 20px;
height: 20px;
display: block;
position: absolute;
background: orange;
top: 1px;
right: -11px;
border-radius: 15px;
line-height: 1.575rem;
color: #000000;
}
.taskPending {
width: 20px;
height: 20px;
display: block;
position: absolute;
background: orange;
top: 1px;
right: -11px;
border-radius: 15px;
line-height: 1.575rem;
color: #000000;
}
.taskCritical {
width: 20px;
height: 20px;
display: block;
position: absolute;
background: red;
top: 1px;
right: -11px;
border-radius: 15px;
line-height: 1.575rem;
color: #000000;
}
.form-all {
margin: 10px auto !important;
}
#PatientGridBody {
height: 30rem;
}
#PatientGridBody #fixedGridTable {
height: 34rem;
}
.EncCheckmark {
position: relative;
right: -1rem;
top: -2rem;
}
.remakeLbl label {
width: 11rem;
}
.ECIPortal {
height: 25px !important;
}
#ptInfoReview label {
width: 5rem;
}
.CostLbl label {
width: 11rem;
}
.costInput {
float: left;
display: inline-block;
width: 6rem !important;
}
.costInputLbl {
float: left;
display: inline-block;
}
.grayBg {
background: #eeeeee !important;
}
.whiteBg {
background: #ffffff !important;
}
#newConfirmationBarWithCustomButton .confirmation-content a {
color: #42aaff !important;
}
.tooltip-inner-new th {
background: #a0d4ff;
}
.drawtool-stampbox {
display: inline-block;
float: left;
width: 25%;
border: 1px solid #cdd1d7;
text-align: center;
line-height: 32px;
height: 8.5rem;
}
/*.drawtoolSelected {
border: 1px solid #005cb9 !important;
background: #ffc600;
}*/
.drawtool-stampbox:hover{
border: 1px solid #005cb9 !important;
}
.CodeSection {
background: white;
border: 1px solid #d1d1d1;
min-height: 4rem;
}
.drawtool-stampbox-disabled {
display: inline-block;
float: left;
width: 25%;
border: 2px solid #cdd1d7;
text-align: center;
background-color: #EBEBE4;
}
.coveragetitle {
padding: 5px 0;
margin-top: 10px;
}
.PtEngageName {
display: inline-block;
float: left;
width: 6rem;
}
.tooltip_hover_open_po_popup > table {
border: 1px solid #a0d4ff;
}
.tooltip_hover_open_po_popup > table td {
border-right: 1px solid #a0d4ff;
}
.tooltip_hover_open_po_popup > table td:first-child {
border-left: none;
}
.tooltip_hover_open_po_popup > table td:last-child {
border-right: none;
}
.tooltip_hover_open_po_popup th, .tooltip_hover_open_po_popup td {
padding: 5px 10px;
white-space: nowrap;
}
.insLbl {
width: 14rem;
}
.surReqLbl {
width: 5rem;
}
.chklistLbl {
width: 10rem;
}
.stamp-list-view {
width: 100%;
height: 2.5rem;
}
.stamp-list-view .stamp-image-container {
float: left;
width: 40px;
}
.stamp-list-view .stamp-image-container img {
height: 20px !important;
background-repeat: no-repeat;
width: auto !important;
}
.stamp-list-view .stamp-text {
text-align: left;
}
.stamp-list-view .stamp-text a {
margin-left: 4px;
}
.stamp-list-view.drawtoolSelected {
border: 0 !important;
background: #ffeeb2 !important;
}
#drpdnAssociatedStamps {
width: 6.5rem;
margin-bottom: 5px;
}
.lblsidebar {
width: 5rem;
}
.taskDetailsLbl {
width:5rem;
}
.border-left-blu{
border-left: 1px solid #a0d4ff !important;
}
.border-bottom-blu {
border-bottom: 1px solid #a0d4ff !important;
}
/*.RxConfigSetReorderPointGrid
{
top: 0px !important;
}*/
.spanSeriesName {
font-size: 1.2rem;
color: #000;
text-transform: none;
font-weight:500;
}
.defaultTaskLbl {
width:7rem;
}
.lblCheckAlignment{
top:-8px !important;
}
table tbody.appts td.recall, table tbody.taskNotes td.nts,table tbody tr td.nts {
background-color: #d5aa75;
padding: 0.5rem 0.1rem;
color: #fff;
}
.time-icon .enccontoltime {
position: absolute;
right: -2px;
top: 5px;
}
.width-09 {
width: 9rem;
display: inline-block;
}
.clEvalNoteBox{
height: 4rem !important;
overflow: auto;
/*border: 1px solid #cdd1d7;*/
padding: 0px 5px;
line-height: normal;
}
.PsBorder {
border: 1px solid rgb(199, 199, 199);
padding-top: 7px;
}
.DevExtremeSearchGrid.searchboxWitThreeIcon #PatientGridBody .dx-toolbar .dx-texteditor {
margin-top: -4.8rem !important;
margin-right: 9.5rem !important;
}
.minWidTab{
width: 70%;
display: inline-block;
float: left;
}
.wsfilterLabels label {
width: 6.7rem !important;
color: #3c3c3c;
}
.cstTxt {
width: 18rem !important;
line-height: 1.275rem !important;
float: left !important;
}
.miscNotes {
width: 10rem !important;
float: right;
}
#SuregryReport{
position: absolute;
width: 100%;
display: contents;
top: 0;
float:right;
}
.telehealthLBL{
width: 6rem !important;
}
.marT3 {
margin-top: 3px !important;
}
.statusLine {
border-radius: 5px;
display: inline-block;
float: left;
padding-left: 10px;
}
.flowsheetContentHt::placeholder {
color: #000000 !important;
}
.Locdays label {
width: 2rem;
}
.attachIconAlign {
float: left;
display: inline-block;
padding-left: 10px;
padding-top: 5px;
}
.textareaLbl {
display: inline-block;
float: left;
width: 80%;
}
#divExternalPhysicians .Pttype {
width: 16rem !important;
}
.fg-dividerGray {
color: #d5d5d5 !important;
}
.statusGreen {
color:#67b836;
}
.statusOrange {
color:#ff7500;
}
.statusRed {
color:#b64a4a;
}
.EncdropdownBorder {
border-bottom: 1px solid black !important;
}
.attachIcon {
margin-bottom: 3px;
display: inline-block !important;
}
.txtCamelcase {
text-transform: capitalize !important;
}
.GSLabel {
width:9rem !important;
}
.colorBall {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50px;
}
.oceanBlue {
background-color:#1885e2;
}
.celestialBlue{
background-color:#02b5dd;
}
.jadeGreen{
background-color:#3c9b7d;
}
.rainforest{
background-color:#6b9d16;
}
.EncProvAlignment{
position: relative;
bottom: 3px;
}
/*.stamp-image-container {
height:5rem;
}*/
/*.tsks, .nts {
width: 15px !important;
}*/
#spPaintTools .input-control:not(.noHover3d), .drawtoolSelected{
padding: 3px;
}
#spPaintTools .input-control:hover,.drawtoolSelected {
background-color: #ffc600;
border-radius:3px;
}
#spPaintTools .input-control.noHover3d:hover {
background-color: transparent !important;
}
.AdvFindSetting {
display: inline-block;
position: relative;
top: 4px;
}
.ClaimLbl {
width: 10rem !important;
}
.stampBoxAlign {
display: inline-block;
margin-left: -4rem;
}
.lblColor {
color: #5c5c5c !important;
}
.chatLblColor {
color:#575757;
}
#divDTDiagCodes, #divDTProcCodes {
padding:2px;
}
.verticalAlignSuper {
vertical-align: super;
}
.taskDropdownWid {
width:88%;
}
.securitySettings label {
width:10rem;
}
.barCodeSquare {
width:114px;
height:114px;
border:1px solid gray;
display:inline-block;
float:left;
}
.barTxt {
height:114px;
display:inline-block;
float:left;
}
.barCodeSquare1 {
width:214px;
height:114px;
border:1px solid #A7C999;
display:inline-block;
float:left;
background-color:#E0EFD8;
text-align:center;
color:#A7C999;
}
.BarTxtAlign {
position: relative;
top: 47%;
}
.UpdatedInput {
border-bottom: 1px solid #cdd1d7 !important;
border-top: transparent !important;
border-left: transparent !important;
border-right: transparent !important;
}
.EncProvAlignment{
position: relative;
bottom: 3px;
}
.ipWid{
width: 14rem;
display: inline-block;
}
.IPMDateWid {
display: inline-block;
width: 8rem;
/*padding-left: 5px;*/
}
.txtInnerIcon {
position: absolute;
right: 5px;
top: 5px;
}
.verticalAlignTextTop {
vertical-align: text-top;
}
#divClinicalTaskNotesTopBar {
background-color: #eeeeee !important;
}
.authAlign {
display:inline-block;
float:left;
margin-left:20px;
}
.marB40 {
margin-bottom:2.5rem !important;
}
.marB60 {
margin-bottom:3.75rem !important;
}
.verticalAlignBaseline{
vertical-align: baseline;
}
.chatSearch {
vertical-align: super;
margin: 0 13px;
color:#44aaff;
}
.encountergridview .dxgvSearchPanel_Metropolis_Right_new ~ .dxgvCSD {
height: 65px !important;
}
[data-elementname='Final_Diagnoses'] .dxgv > div {
height:7.9rem;
}
.notificationType #dropdownNotificationType ~ button {
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
}
/*.encountergridview .dxgvSearchPanel_Metropolis_Right_new ~ .dxgvCSD {
height: 42px !important;
}*/
[data-elementname='Final_Diagnoses'] .dxgv > div {
height:7.9rem;
}
.txtInnerIcon1 {
position: absolute;
left: 5px;
top: 5px;
}
#tblInsuranceCompanies .dx-toolbar .dx-toolbar-items-container {
height: 29px !important;
}
#tblInsuranceCompanies .dx-toolbar .dx-texteditor {
margin-right: 10px;
}
#PatientNotesRecord_filter {
margin-top: -1.6rem;
margin-right: -1rem;
}
#tblHomeTasksListt_length {
margin-top: -2.9rem;
margin-right: 2.8rem;
}
.CloseIconAlign {
position: absolute;
right: 6px;
top: 5px;
}
.grayLabel{
color:#5c5c5c;
}
/*#FrameToPrint ~ .daterangepicker.ltr {
direction: ltr;
text-align: left;
top: 18rem !important;
}*/
.widInline {
display: inline-block;
width: 50%;
float: left;
}
.dividerAlignTask {
display: inline-block;
height: 1.7rem;
}
.DisplayFlexFeesManage {
display: flex;
float: left;
margin-left: 3px;
}
.ReportTruncate {
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
width:12rem;
}
.Quickpay .popup_data.content.padding20 {
padding:10px !important;
}
.paddingbodyfhirBox {
padding: 3.5rem !important;
}
#IdPriorityClinical{
width:90%;
}
.balanceRowMar {
margin-top: 1.7% !important;
}
.TNWid {
width: 0.7rem;
}
.comingSoonEyeMSG{
width: 100%;
background-color: gray;
position: absolute;
z-index: 99;
height: 47rem;
opacity: 0.2;
}
.eppLbl {
width:6rem;
}
.decreasedLableMargin h3 {
margin: 0 0 0.313rem 0rem !important;
}
.fg-Hippagreen {
color: #56ae00 !important;
}
.encounterPlansData#encounterPlansData {
outline-style: none !important;
border: 1px solid #cdd1d7;
background: #ffffff;
padding:5px;
}
.returnCatLbl label {
width:7rem;
}
#ReasonForReturn {
height: 4.5rem;
}
.DevExtremeSearchGrid.searchboxWitThreeIcon #IntakeLinkGridBody .dx-toolbar .dx-texteditor {
margin-top: -4.8rem;
margin-right: 9.8rem;
}
div#container.PlanDataEnteryBox {
outline-style: none !important;
border: 1px solid #cdd1d7;
background: #ffffff;
padding: 5px;
}
@media screen and (min-width: 2560px) {
.AMSCopyrightTxt {
font-size:1.375rem !important;
}
.DevExtremeSearchGrid.searchboxWitThreeIcon #IntakeLinkGridBody .dx-toolbar .dx-texteditor {
margin-top: -3.8rem;
}
.DevExtremeSearchGrid.searchboxWitThreeIcon #PatientGridBody .dx-toolbar .dx-texteditor {
margin-top: -3.8rem !important;
}
}
.glyphicon-info2:before {
content: "\e669" !important;
font-family: metro, serif;
}
/*.defaultElemStyle > div > div , .defaultElemStyle > div {
background-color: #eeeeee !important;
}
.defaultElemStyle[data-associatedelement="Allergy_History_Summary"] > div > div , .defaultElemStyle[data-associatedelement="Allergy_History_Summary"] > div {
background-color: transparent !important;
}*/
.IMPPt .MacOsChrome [class^="mif-"], .IMPPt .MacOsChrome [class*=" mif-"] {
font-weight: unset !important;
opacity: unset !important;
}
#recallresutGrid .dx-icon-export-to{
color: #ae8fe2;
}
#tblReportRecallsQuickSearch .dx-icon-export-to{
color: #ae8fe2;
}
#DocuementTemplatePopup .dataTables_scrollHeadInner{
padding-right:0px !important;
}
.tblManageSCri::-webkit-scrollbar {
width: 3px;
background-color: #7d7d7d;
}
.finPtWid{
width:17rem !important;
}
#PMDiv2{
padding:2px !important;
}
.userStatus{
width:3rem !important;
}
.chatAreaScroll::-webkit-scrollbar {
width: 3px !important;
background-color: #eeeeee;
}
#RecallsSearchResuld .DevExtremeSearchGrid.searchboxWitOneIcon .dx-toolbar .dx-texteditor {
margin-top: -3.7rem;
margin-right: 1.5rem;
}
#recallresutGrid .dx-datagrid-toolbar-button.dx-datagrid-export-button{
position: absolute;
top: 1.7rem !important;
right: 20.3rem !important;
}
/*#divFaxAuditDetailsResult .dataTables_scrollBody{
overflow:unset !important;
}*/
.ECITbody::-webkit-scrollbar {
width: 3px;
}
.ECITbody::-webkit-scrollbar-track {
background: #f1f1f1;
}
.ECITbody::-webkit-scrollbar-thumb {
background: #afaeae;
}
.ECITbody::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
}
.small-popup-box {
background-color: #fff;
border: 1px solid #cfcfcf;
z-index: 9999;
-webkit-box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
-moz-box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
box-shadow: 0 4px 14px -1px rgba(0,0,0,.49);
background-clip: padding-box;
border-bottom: 5px solid #005cb9;
cursor: auto;
width: 28rem;
height: 33rem;
/*display: none;*/
}
#divPatientReportMain{
overflow:unset !important;
}
/*#tbSuperbill {
width: 98%;
height: 1.399rem;
}*/
.olPtInDtSentHov:hover {
color: #42aaff !important;
}
.olPtInProcDtHov:hover {
color: #42aaff !important;
}
.faxOutBFaxNoHov:hover {
color: #42aaff !important;
}
.patientHeaderCurrentStatus .verticalAlignTextTop {
cursor:text !important;
}
.megamenu-small-popup .apptDivHover div {
padding: 3px 0px 4px 3px;
cursor: pointer;
/*border-bottom: 1px solid rgb(207, 207, 207);*/
font-size: 0.8125rem;
background-color: transparent !important;
}
.megamenu-small-popup .apptDivHover div:hover {
font-weight:600;
}
.megamenu-small-popup .apptDivHover {
border-bottom: 3px solid #005cb9;
padding: 11px;
}
.WQPColor{
color:#7e55c4 !important;
}
.scheduleQSDis{
display:inline-block !important;
}
.orderGenLbl label {
width: 7rem;
}
.encFormPad{
padding-right:20px !important;
width:82% !important;
}
#WorldPay_Paymentsgrid .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
padding:0px !important;
}
#WorldPay_Paymentsgrid .dx-row .dx-data-row .dx-column-lines {
background:#fff !important;
}
.no-animate{
animation-duration:unset !important;
animation-name:none !important;
}
.voidTranPad{
padding-left:15px !important;
padding-right:15px !important;
padding-bottom:5px !important;
}
.voidResPad{
padding-left:15px !important;
padding-right:15px !important;
padding-bottom:15px !important;
}
.clRxInfoPadding{
padding-left:20px;
padding-right:20px;
}
#ddlCatalogType{
width:6rem !important;
}
#resMessage{
height:6rem !important;
}
.taskinfo{
margin-top:-1.2rem !important;
}
#WorldPay_Paymentsgrid .dx-datagrid-headers {
background:#d0d0d0!important;
}
.IMPPt {
padding-left: 5px;
}
.FlowsheetSelectElement{
width: 50%;
display: inline-block;
float: left;
padding: 10px 0;
}
#divFlowSheetGrid .dataTables_filter{
padding: 10px 0;
}
#divTasksListPartial #tblHomeTasksListt_filter label {
width:10rem !important;
}
#tbleditChargePckg{
background-color: #eeeeee !important;
}
/*.DevExtremeSearchGrid #tblPackageslist .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
padding:0px !important;
}*/
#LensOptions #PackagesPlanDetails .dxgvFocusedCell_Metropolis{
border-left: 1px #d1d1d1 solid !important;
}
#ExtPtParentdiv label {
width:6rem !important;
}
.navDivider {
height: 1.1px;
margin: 11px 0 8px 0;
display:inline-block;
border-bottom: 1px solid #896a00;
width:100%;
}
.eleFilesWid{
width:0.9rem !important;
}
.efilePreviewLabelMT{
margin-top: -14px;
}
#OAW_RecurrenceControl_AptRecCtl_mainDiv .dxeRadioButtonList_Metropolis td.dxe, .dxeCheckBoxList_Metropolis td.dxe {
padding: 0px !important;
}
.dxeBase_Metropolis.dxeTAR#OAW_RecurrenceControl_ChkRecurrence {
margin: 10px 0 !important;
}
#OAW_RecurrenceControl_AptRecCtl_mainDiv {
margin-bottom: 10px;
}
.alertAlign {
left:40% !important;
top:15% !important;
}
.videoHolder{
width : 6rem;
display : inline-block;
}
/*.FinalDGridViewBorder .dxgvCSD{
height:11.2rem !important;
}*/
.stdHyperLinks:hover {
color: #42aaff !important;
}
#tblDocumentVocabChildRecords.dataTable .sorting_asc, #tblDocumentVocabChildRecords.dataTable .sorting_desc {
position: sticky !important;
}
.inventorygeneral_framesBox .dataTables_scrollHeadInner{
padding-right:0px !important;
}
.inventorygeneral_framesBox .dataTables_scroll{
border: 1px solid lightgrey;
}
.schQuickSearchWid{
width:47% !important;
}
#divAllTransactionResult .contactFilterList {
margin-right: 20.1rem !important;
}
#tblAllTransactionResultGrid_filter{
margin-top: -2.8rem !important;
margin-right: 18.5rem !important;
}
#type2:hover , #type:hover {
background: #fff url(../images/Combolist_select.gif) no-repeat right 50%;
-webkit-appearance: none;
}
.fixedGridTbody.heightTblInsPostPayQuicksearchResultGrid::-webkit-scrollbar {
width: 3px;
}
.fixedGridTbody.heightTblInsPostPayQuicksearchResultGrid::-webkit-scrollbar-track {
background: #f1f1f1;
}
.fixedGridTbody.heightTblInsPostPayQuicksearchResultGrid::-webkit-scrollbar-thumb {
background: #afaeae;
}
.fixedGridTbody.heightTblInsPostPayQuicksearchResultGrid::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
}
.margin-right-10px {
margin-right: 10px !important;
}
.paginationfooterhavingprintlistbtn {
left:35% !important;
width: 27.625rem !important;
bottom: 0.2rem !important;
}
#tblWorldPayAccDet.dataTable tbody td:last-child {
border-left:transparent !important;
}
.UseDefaultBtn {
padding: 3px 12px;
margin: 6px;
background-color: #a4a4a4;
color: #fff;
border-color: transparent;
border-radius: 3px;
cursor: pointer;
}
.patientApptWid{
width:13rem !important;
}
.scheduleExports label {
width:10rem;
}
.wid11 {
width:11rem;
}
.scheduleexpHt {
height: 12rem;
overflow: auto;
}
#tblEditTransactionList_wrapper .dataTables_scrollBody::-webkit-scrollbar {
width: 3px !important;
}
#tblEditTransactionList_wrapper .dataTables_scrollBody::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
#tblEditTransactionList_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb {
border-radius: 10px;
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
background-color: #b0b0b0;
}
#tblEditTransactionList_wrapper .dataTables_scrollHeadInner, #tblEditTransactionList_wrapper .dataTables_scrollFootInner{
padding-right:0px !important;
}
#tblEditTransactionList_wrapper .dataTables_scrollFootInner {
background: #d0d0d0 !important;
}
#spnPatientBillDetails .dataTable tbody td {
padding: 0.235rem 0.1rem !important;
}
#spnPatientBillDetails .childTable .dataTable tbody td {
border-left: none !important;
}
.vendDetailsLblWid{
width:10rem !important;
}
.defaultFiltPopupAl{
align-items: center;
display: flex;
justify-content: center;
}
.defaultFiltPopupPad{
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.BGPmar{
margin-top: 0.3rem !important;
}
#div_reportRecallsQuick_Search .schedulerSearchPatient {
width: 100% !important;
}
.IconPadding {
padding-top: 0.3rem !important;
}
#AddEditAuxLabOrdersPopup .ui-multiselect-menu{
width:16rem !important;
}
.select-wrapper select:disabled + .holder {
color:#AAAAAA !important;
}
#IntegratedConfigs .dx-datagrid-rowsview .dx-scrollable-wrapper .dx-datagrid-content::-webkit-scrollbar{
width: 8px;
}
#IntegratedConfigs .dx-datagrid-rowsview .dx-scrollable-wrapper .dx-datagrid-content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
#IntegratedConfigs .dx-datagrid-rowsview .dx-scrollable-wrapper .dx-datagrid-content::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #b0b0b0;
}
.intakeConcentGridCss {
width:100% !important;
position:initial !important;
}
.verticalAlignB {
vertical-align: bottom !important;
}
#tblPackageslist .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
background-color: #d0d0d0 !important;
padding: 0.325rem 0.25rem !important;
}
.addEditInsPopupInsDetailsLbl #tblInsuranceLoginInfo_wrapper .dataTables_scrollHeadInner {
padding-right: 0px !important;
}
.noRefNoMarL{
margin-left:6.4rem !important;
}
.oderCostMar{
margin:3px;
}
.dataTransferSuperbillSec label {
width:8rem !important;
}
.singleExpand {
width:3rem;
display:inline-block;
}
/*#divHeightFeetInch input{
width:2rem !important;
}*/
#divHeightMeterCentimeter input{
width: 4.699rem !important;
}
#gridCLPOItemsForStock .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
white-space: normal !important;
}
#gridCLPOItemsForStock_Receive .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
white-space: normal !important;
}
/*#divHeightFeetInch input{
width:2rem !important;
}*/
.transactionGridPt{
width:6rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.DanialTblHt {
height: 17rem;
overflow:auto;
}
.DanialTblHt::-webkit-scrollbar{
width: 8px;
}
.DanialTblHt::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
.DanialTblHt::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #b0b0b0;
}
#divHeightMeterCentimeter input{
width: 4.699rem !important;
}
#BillingIMODiagnosisCodesTab ul.main-tab-2 li.ui-tabs-active a {
color:#005cb9 !important;
}
.ICDmarT h3{
margin-top: 0.5rem !important;
}
#BillingIMODiagnosisCodesTab .ui-tabs{
height:0rem !important;
}
#tblDiagnosis thead, #tblDiagnosisHistory thead{
position: sticky !important;
top: -1px !important;
z-index: 1 !important;
}
#tblFinalDiagnosesSelection_DiagPatient td:nth-child(4){
width:3% !important;
}
#tblFinalDiagnosesSelection_DiagPatient td:nth-child(5){
width:3% !important;
}
#tblFinalDiagnosesSelection_DiagPatient td:nth-child(6){
width:3% !important;
}
.auxFirstSec {
height:2.5rem;
width:100%
}
#Pt_Paymentsgrid .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space, .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
background-color: #ffffff !important;
}
#Pt_Paymentsgrid .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
padding: 0px !important;
}
#Pt_Paymentsgrid .dx-row.dx-data-row.dx-column-lines {
background-color: #eeeeee !important;
border: 1px solid #d3d3d3;
}
#PtSubgrid .dx-row.dx-data-row.dx-column-lines {
background-color: #fff !important;
border: 1px solid #d3d3d3;
}
#PtSubgrid .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
border:unset !important;
}
#Pt_Paymentsgrid > .dx-gridbase-container {
border: 1px solid #dddddd;
}
#Pt_Paymentsgrid .dx-datagrid-headers {
background-color: #d0d0d0 !important;
border: 1px solid #d1d1d1;
color: #5c5c5c;
}
.InboxInput{
width: 95% !important;
height: 2rem !important;
background-color: #f1f1f1 !important;
border-color: #adadad !important;
}
.InboxTextarea{
width: 95% !important;
background-color: #f1f1f1 !important;
border-color: #adadad !important;
}
.mainBodySecureMessage .securequickGrid tr td a {
font-style: normal;
font-weight: 500;
line-height: 1rem;
font-size: 0.8125rem;
}
.securequickGrid tr {
border-bottom: 1px solid lightgray;
}
.securequickGrid tr:hover, .securequickGrid tr td:hover, .securequickGrid tr td a :hover{
background-color: #ffeeb2 !important;
cursor: pointer;
}
.SecureCircle{
width:3.7rem;
height:3.7rem;
background-color:#005cb9;
border-radius:50%;
color:white;
padding:1rem;
text-align:center;
display: inline-block;
position: relative;
}
#DiagnosisCodesTab ul.main-tab-2 li.ui-tabs-active a {
color: #005cb9 !important;
}
#SecureMessage .dataTable tbody td , #doutbox .dataTable tbody td, #dsentmsg .dataTable tbody td, #ddeletedmsg .dataTable tbody td{
border-left: 0 !important;
}
.secmsg:hover{
color:#9fcaf7 !important;
}
.invFrameResultGridOFlow{
overflow:unset !important;
overflow-x:unset !important
}
.billingRibbon ul.ribbon-left-icons-four-icons > li {
width: 20% !important;
}
.myClass {
width:100%;
}
.EHealthInfoHt .table thead.fixedGridTable {
position: sticky !important;
top: -1px !important;
z-index: 1 !important;
}
li:has(> [data-valuelistname*="Board/Display"]) {
display: none !important;
}
#divAccountLedgerFilter::-webkit-scrollbar {
width: 3px;
}
#divAccountLedgerFilter::-webkit-scrollbar-track {
background: #f1f1f1;
}
#divAccountLedgerFilter::-webkit-scrollbar-thumb {
background: #afaeae;
}
#divAccountLedgerFilter::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
}
#PatientInfo_PatientDetail_Weight {
width: 4.699rem !important;
}
#PatientInfo_PatientDetail_HeightFeet, #PatientInfo_PatientDetail_HeightInch {
width: 2rem !important;
}
.sendNfBtnDisabled{
background-color: #c1c1c1 !important;
color: #dfdfdf !important;
cursor: default !important;
border-color: transparent !important;
}
#DocumentManagement #tblDocumentVocab_wrapper .dataTable .sorting_asc:after, #DocumentManagement #tblDocumentVocab_wrapper .dataTable .sorting_desc:after{
width:0.5rem !important;
}
.getDeviceIDTxtDec{
text-decoration:underline !important;
}
.auxiliaryLabTestDiagnosisAndFinding {
width:20rem !important;
}
.auxiliaryLabTestCommon {
width:8rem !important;
}
.auxiliaryLabTestNotes {
width:21rem !important;
}
.auxiliaryLabTestTech {
width:9rem !important;
}
.auxiliaryLabTestCategoryAndIndication {
width:7rem !important;
}
.truncateElementNameAuxiliaryLabTest {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100% !important;
}
.truncateMaterial {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 44px !important;
}
.sendIntakeLinksBtnPT{
padding-top:25px !important;
}
.truncateMaterial {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 44px !important;
}
#divUserAccessListPartial #tbl_User_Access_List thead tr{
padding-right: 17px !important;
}
.linkedTagsMargin{
margin: 0.6rem 0rem !important;
}
.contactQuickSearchLabel::-webkit-scrollbar {
width: 3px;
}
.contactQuickSearchLabel::-webkit-scrollbar-track {
background: #f1f1f1;
}
.contactQuickSearchLabel::-webkit-scrollbar-thumb {
background: #afaeae;
}
.contactQuickSearchLabel::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
}
#dvPlanAssement .pager {
left: 8rem;
}
#RecallGridmain .dataTables_scrollBody::-webkit-scrollbar {
width: 3px;
}
#RecallGridmain .dataTables_scrollBody::-webkit-scrollbar-track {
background: #f1f1f1;
}
#RecallGridmain .dataTables_scrollBody::-webkit-scrollbar-thumb {
background: #afaeae;
}
#RecallGridmain .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
}
#RecallGridmain .dataTables_scrollHeadInner, #RecallGridmain .dataTables_scrollFootInner {
padding-right: 0 !important;
}
#dvSubmittedClaim .pager {
position:static;
float: left;
}
#divPatientNotes #PatientNotesRecord_filter {
position: sticky;
top: 0;
width: 100%;
background: #eeeeee;
z-index: 10;
}
#divPatientNotesExpand .dataTables_length {
display: none !important;
}
#NotesExpand tfoot.insurance-ledger-superbill-footer td {
padding: 4px 1px !important;
}
#NotesExpand .dataTables_scrollFootInner {
padding: 0px !important;
}
#Patientdropdown{
position: absolute;
top: 6rem;
z-index: 99;
left: 31rem;
background: #fff;
border-top: 2px solid #005cb9;
text-transform: capitalize;
color: #000000 !important;
height: 6.5rem;
overflow: auto;
}
.ptDrpdwninnerdiv{
padding: 3px 3px 4px 3px;
cursor: pointer;
border-bottom: 1px solid rgb(207, 207, 207);
font-size: 0.8125rem;
}
.ptDrpdwninnerdiv:hover {
background-color: #ffeeb2;
}
.ptWaitlistWid{
width:7rem !important;
}
.scheduleExportIconMR{
margin-right:20rem !important;
}
.displayDiv {
display:block !important;
}
/*.fillterTab.no-border-bottom {
border-bottom: none !important;
}*/
#LPMHomedropdown {
bottom: 2rem;
position: absolute;
background: white;
/*border: 1px solid gray;*/
left: 10px;
width: 13rem;
/*border-top: 2px solid #005cb9;*/
}
.displayPop {
display:block !important;
}
.apptDivHoverhm {
display: none;
}
#LPMHomedropdown .LPMDivHover{
display:none;
bottom: 0.1rem;
position: absolute;
border-top: 2px solid #005cb9;
border-left: 1px solid rgb(207, 207, 207);
border-right: 1px solid rgb(207, 207, 207);
width: 13rem;
background: #fff;
height: 10rem;
overflow: auto;
}
.IPMRef{
width: 6rem;
display: inline-block;
vertical-align: bottom;
}
.textoverline {
text-decoration: line-through;
}
.refOrCredAmtLH{
line-height:1rem !important;
}
#OpticalRxOrder + div.ui-multiselect-menu {
width: 15rem !important;
}
.SocialMLink label {
width:15rem;
}
#idPtEngagementQuickLinksGrid tr{
border-bottom: 1px solid lightgray;
}
.permissionalign{
position: absolute;
right: 12rem;
top: 4px;
}
.refundPatient label {
width:9rem;
}
.hoverIcon {
display:none;
}
#FrameShapeDropdown:hover .hoverIcon,#FrameShapeText:hover .hoverIcon{
display:block !important;
position: absolute;
right: 20px;
top: 4px;
color: #b9b3b3;
}
.truncateTableText1{
display: table;
table-layout: fixed;
width: 100%;
}
.truncateTableText1 span{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.betaIcon {
color:#ff7a01;
font-size: 2.5rem;
margin-left: 8px;
}
.cardDetPage label {
width: 5rem;
}
.FODElement label {
width: 6rem;
}
.INSHamburgerRow div.row {
line-height: 1.5rem !important;
}
.sortOrderList {
position: relative;
z-index: 11;
}
.EncFormSelect {
width: 6rem !important;
padding-right: 0rem !important;
}
.CIEdit{
float:left;
margin-left:10px;
position: relative;
top: 5px;
}
.retuenAstLbl {
width:8rem;
}
.subject-text {
width: 52rem;
line-height: 1.5rem;
display: inline-block;
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
font-weight: 600;
}
.icon-container {
display: inline-block;
float: right;
}
.bottomBtn {
position: sticky;
bottom: 0;
background: #ffffff;
}
#spcategory button:disabled {
background-color: #eeeeee !important;
}
.smsCreditsText1 {
/*position: absolute;
bottom: 2px;*/
/*right: 72%;
width: 30%;*/
font-size: 11px;
color: #000;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.EMAILCreditsText1 {
/*position: absolute;
bottom: 2px;*/
/*left: 22%;
width: 30%;*/
font-size: 11px;
color: #000;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adminPCircle {
width:9rem;
text-align: center;
}
.tblDSIFeedbackGrid .dataTables_length {
right: 11.5rem;
position: absolute;
top: -1.6rem;
border-left: 1px solid gray;
padding-left: 10px;
}
.tblDSIFeedbackGrid .dataTables_filter {
right: 20.5rem;
position: absolute;
top: -1.6rem;
}
.msgFavoirite {
font-weight: 400;
vertical-align: super;
margin-right: 10px;
}
#CategorieMultiselect .ui-multiselect, #PriorityTask{
width: 20rem !important;
}
.messangerHamburger {
display:block;bottom: 2rem;
background: white;
left: 10px;
width: 13rem;
}
.messangerHamburger .messangerInner{
top: 11.1rem;
position: absolute;
border-top: 2px solid #005cb9;
border-left: 1px solid rgb(207, 207, 207);
border-right: 1px solid rgb(207, 207, 207);
width: 19rem;
background: #fff;
height: 18rem;
overflow: auto;
z-index: 9;
}
#inboxpageinfo {
margin-right: 6px;
}
.EmFirstLbl {
width: 9rem;
}
.EmGraySection{
padding: 4px 6px;
background: #b0b0b0;
}
.EmLiStyle li:before{
content: '\00b7';
font-size: 50px;
line-height: 22px;
vertical-align: bottom;
color: #a80000;
}
.EmLiStyle li{
line-height: 14px;
}
.EmCodeBottomSec {
position: absolute;
bottom: 0;
width: 100%;
}
.EMLiHeight::-webkit-scrollbar {
width: 8px;
}
.EMLiHeight::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
.EMLiHeight::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
background-color: #0268d0;
}
#divLocation button .empty,
#divInsuranceCompany button .empty {
width: 3rem;
display: inline-block;
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
}
.contactPic{
height:8rem;
width:50%;
position: relative;
}
.superbillStatus {
width: 5rem;
display: inline-block;
}
.DTAPopupInputWid {
width:12rem !important;
}
#tbSuperbill .dx-texteditor-container.dx-tag-container {
height: 1.299rem;
}
.showResult{
font-weight: 400;
bottom: 1.7rem;
position: relative;
right: 0.5rem;
}
.lblTransferCharge {
width:14rem;
}
#FindAdvanceSearchPopop .dataTable .sorting_asc {
color: black !important;
}
.mainBodySecureMessage input[type=text]:focus,
.mainBodySecureMessage .dataTables_filter input:focus,
.mainBodySecureMessage input[type=url]:focus,
.mainBodySecureMessage input[type=mail]:focus,
.mainBodySecureMessage input[type=email]:focus,
.mainBodySecureMessage textarea:focus {
border:1px solid #cdd1d7 !important;
box-shadow:none;
}
.fg-redbackground {
background:#f5e2e8;
}
.fg-redbackground {
background:#f5e2e8;
}
#spanOrderVDAlert {
position: absolute;
right: -20px;
top: 4px;
}
.fphGrid .DevExtremeSearchGrid.searchboxWitOneIcon .dx-toolbar .dx-texteditor {
margin-top: -3.2rem;
margin-right: 0.2rem;
}
.searchAbsolute {
position: absolute;
right: 0px;
top: 3px;
background: #ffffff;
padding: 0 5px 0 7px;
}
.runLbl{
width: 7rem;
}
.MIPSOrangeBtn {
padding: 6px 42px 4px 9px;
background: #ffbc85;
border-radius: 19px;
}
.MIPSOrangeicon{
color: #d76303;
}
.MIPSBlueBtn {
padding: 6px 42px 4px 9px;
background: #5ccad7;
border-radius: 19px;
}
.MIPSBlueicon {
color: #007583;
}
.backwordFlip {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.startSetup label {
width: 9rem;
}
.padR10 {
padding-right:10px !important;
}
.tblDSIFeedbackGrid .dataTable .sorting_asc:after, .tblDSIFeedbackGrid .dataTable .sorting_desc:after {
margin-left:-33px !important;
}
#AddEditAuxLabOrdersPopup .pagination-footer {
left:44% !important;
}
.addServiceAgreement label {
width: 12rem !important;
}
.labelWid4 label{
width:4rem;
}
#tbladdFeeItem .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
width: 17rem !important;
}
#ResubmissionCode .dx-lookup-field-wrapper .dx-lookup-field {
padding: 0px 24px 1px 5px !important;
font-size: 12px !important;
/* height: 15px !important; */
background-color: #EDEDED !important;
}
#ResubmissionCode.dx-lookup {
height: auto !important;
}
.popupPosAfterLaunchECI{
left:10px !important;
}
.custom-powertip{
width: 100%;
max-width: 50rem; /* Optional: Set a max width */
}
.opticalCatalogLabelNew label {
width: 9rem !important;
}
.encounterPlansData {
overflow: auto;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
.encounterPlansData.expanded {
overflow: hidden;
z-index: 9999;
}
.ASSESSMENTSDataEnteryBox {
max-height: none;
overflow: auto;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
.ASSESSMENTSDataEnteryBox.expanded {
z-index: 9999;
overflow: hidden;
}
.PlanDataEnteryBox {
max-height: none;
overflow: auto;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
.PlanDataEnteryBox.expanded {
overflow: hidden;
z-index: 9999;
}
.contractedText{
font-size: 1rem;
color: #005cb9;
text-transform: uppercase;
/* margin: 0.600rem 0rem; */
margin-top: 0px;
font-weight: 600;
height: 1.25rem;
line-height: 1.5625rem;
}
.CFcontainer{
display: grid;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 3rem;
}
.d-flex{
display:flex !important;
}
.margin-left1{
margin-left:1rem;
}
.lensDescAl{
display: flex;
align-items: flex-start;
}
.lensDescInfoWid {
width: 32rem !important;
}
#LstTaxTd .ui-multiselect span:nth-child(2) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
width: 80%;
}
.lensDescInfoWid {
width: 32rem !important;
}
.FPPopupMargin {
height: calc(100% - 0.4rem);
margin-top: 0.2rem;
margin-bottom: 0.2rem;
}
#AccountCreditSummary .fixedGridTbody {
overflow: auto;
height: 5rem;
}
#AccountCreditSummary .fixedGridTbody tr:last-child {
position: sticky;
top: 5rem;
background-color: #f5f5f5;
z-index: 2;
}
.w-100{
width:100% !important;
}
.d-flex{
display:flex !important;
}
.tablePlanAssessments td.hide-border {
border: none !important;
}
.homeApptListTBody {
overflow-x:hidden !important;
}
#lastfinaldignosismodal table tr:hover {
cursor: pointer;
background-color: #ffeeb2 !important;
}
#lastfinaldignosismodalForAssessments table tr:hover {
cursor: pointer;
background-color: #ffeeb2 !important;
}
.selected-row {
background-color: #d3f4ff;
}
.valueListItemHT {
height:45.5rem !important;
}
#divFinalDiagnosesSelection .dataTables_scroll .dataTables_scrollHeadInner {
padding-right: 0px !important;
}
.SBImoControlHt .FPPopupMargin {
background-color: unset !important;
}
.multicheckExt {
overflow: auto;
}
/*@font-face {
font-family: "notific8";
src: url("../fonts/notific8.eot");
src: url("../fonts/notific8.eot?#iefix") format("embedded-opentype"),
url("../fonts/notific8.woff") format("woff"),
url("../fonts/notific8.ttf") format("truetype"),
url("../fonts/notific8.svg#notific8") format("svg");
src: url('../Content/fonts/notific8.eot');
src: url('../Content/fonts/notific8.eot?#iefix') format('embedded-opentype'), url('../Content/fonts/notific8.woff') format('woff'), url('../Content/fonts/notific8.ttf') format('truetype'), url('../Content/fonts/notific8.svg#notific8') format('svg');
font-weight: normal;
font-style: normal;
}*/
@font-face {
font-family: 'Glyphicons Halflings';
src: url('./fonts/glyphicons-halflings-regular.eot');
src:url('./fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('./fonts/glyphicons-halflings-regular.woff') format('woff'),
url('./fonts/glyphicons-halflings-regular.ttf') format('truetype'),
url('./fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.svg') format(�svg�);
}}
[data-icon]:before {
font-family:'Glyphicons Halflings' !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="notific8-fontastic-"]:before, [class*=" notific8-fontastic-"]:before {
/*font-family: "notific8" !important;*/
font-family: metro, serif !important;
font-weight:normal !important;
/*font-family:'metro, serif;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering:optimizeLegibility;*/
}
.MacOsChrome [class^="notific8-fontastic-"]:before, .MacOsChrome [class*=" notific8-fontastic-"]:before {
font-weight:700 !important;
opacity:0.99 !important;
}
.glyphicon {
/*position: relative;
top: 0px;
display: inherit;
font-family: 'Glyphicons Halflings';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
/*line-height: 1;*/
/*color:#666;*/
}
.jquery-notific8-close:before{
font-family: metro, serif !important;
font-weight:normal !important;
content: "\e871";
}
.jquery-notific8-close-sticky:before{
font-family: metro, serif !important;
font-weight:normal !important;
content: "\e871";
}
.notific8-fontastic-trash-bin:before {
content: "e";
}
.notific8-fontastic-pencil:before {
content: "f";
}
.notific8-fontastic-lifebuoy:before {
content: "g";
}
.notific8-fontastic-info-circled:before {
content: "\e637";
}
.notific8-fontastic-fontawesome-webfont:before {
content: "i";
}
.notific8-fontastic-barcode:before {
content: "j";
}
.notific8-fontastic-book:before {
content: "k";
}
.notific8-fontastic-calendar:before {
content: "l";
}
.notific8-fontastic-briefcase-case-two:before {
content: "m";
}
.notific8-fontastic-camera-retro:before {
content: "n";
}
.notific8-fontastic-chat-bubble-two:before {
content: "o";
}
.notific8-fontastic-check-mark-2:before {
content: "p";
}
.notific8-fontastic-cloud:before {
content: "q";
}
.notific8-fontastic-cloud-download:before {
}
.notific8-fontastic-cloud-upload:before {
content: "s";
}
.notific8-fontastic-code:before {
content: "t";
}
.notific8-fontastic-code-fork:before {
content: "u";
}
.notific8-fontastic-cog-gear:before {
content: "v";
}
.notific8-fontastic-css3:before {
content: "w";
}
.notific8-fontastic-cut-scissor:before {
content: "x";
}
.notific8-fontastic-dropbox:before {
content: "y";
}
.notific8-fontastic-facebook-square:before {
content: "z";
}
.notific8-fontastic-file-document:before {
content: "A";
}
.notific8-fontastic-files:before {
content: "B";
}
.notific8-fontastic-filmstrip:before {
content: "C";
}
.notific8-fontastic-flag:before {
content: "D";
}
.notific8-fontastic-folder2:before {
content: "E";
}
.notific8-fontastic-globe-world:before {
content: "F";
}
.notific8-fontastic-google-plus:before {
content: "G";
}
.notific8-fontastic-group:before {
content: "H";
}
.notific8-fontastic-heart:before {
content: "I";
}
.notific8-fontastic-instagram:before {
content: "J";
}
.notific8-fontastic-html5:before {
content: "K";
}
.notific8-fontastic-like-filled:before {
content: "L";
}
.notific8-fontastic-linkedin-square:before {
content: "M";
}
.notific8-fontastic-link:before {
content: "N";
}
.notific8-fontastic-log-in:before {
content: "O";
}
.notific8-fontastic-log-out:before {
content: "P";
}
.notific8-fontastic-male:before {
content: "Q";
}
.notific8-fontastic-pinterest-square:before {
content: "R";
}
.notific8-fontastic-photo:before {
content: "S";
}
.notific8-fontastic-qrcode:before {
content: "T";
}
.notific8-fontastic-power-off:before {
content: "U";
}
.notific8-fontastic-random:before {
content: "V";
}
.notific8-fontastic-repeat-redo:before {
content: "W";
}
.notific8-fontastic-reply-all:before {
content: "X";
}
.notific8-fontastic-reply-mail:before {
content: "Y";
}
.notific8-fontastic-retweet:before {
content: "Z";
}
.notific8-fontastic-rss:before {
content: "0";
}
.notific8-fontastic-save-disk:before {
content: "1";
}
.notific8-fontastic-science-laboratory:before {
content: "2";
}
.notific8-fontastic-stackoverflow:before {
content: "3";
}
.notific8-fontastic-skype:before {
content: "4";
}
.notific8-fontastic-star:before {
content: "5";
}
.notific8-fontastic-star-half:before {
content: "6";
}
.notific8-fontastic-star-half-1:before {
content: "7";
}
.notific8-fontastic-star-two:before {
content: "8";
}
.notific8-fontastic-tachometer:before {
content: "9";
}
.notific8-fontastic-tag-2:before {
content: "!";
}
.notific8-fontastic-ticket:before {
content: "\"";
}
.notific8-fontastic-talk-chat-2:before {
content: "#";
}
.notific8-fontastic-talk-chat:before {
content: "$";
}
.notific8-fontastic-tumblr-square:before {
content: "%";
}
.notific8-fontastic-twitter-square:before {
content: "&";
}
.notific8-fontastic-umbrella:before {
content: "'";
}
.notific8-fontastic-user:before {
content: "(";
}
.notific8-fontastic-video-camera:before {
content: ")";
}
.notific8-fontastic-volume-down:before {
content: "*";
}
.notific8-fontastic-volume-down-1:before {
content: "+";
}
.notific8-fontastic-volume-up:before {
content: ",";
}
.notific8-fontastic-window-list:before {
content: "-";
}
.notific8-fontastic-windows:before {
content: ".";
}
.notific8-fontastic-youtube-square:before {
content: "/";
}
.notific8-fontastic-linux:before {
content: ":";
}
.notific8-fontastic-android:before {
content: ";";
}
.notific8-fontastic-apple:before {
content: "<";
}
.notific8-fontastic-bar-chart:before {
content: "=";
}
.notific8-fontastic-bitbucket:before {
content: ">";
}
.notific8-fontastic-box-inbox:before {
content: "?";
}
.notific8-fontastic-bullhorn:before {
content: "@";
}
.notific8-fontastic-bug:before {
content: "\e739";
}
.notific8-fontastic-compass:before {
content: "]";
}
.notific8-fontastic-credit-card:before {
content: "^";
}
.notific8-fontastic-cutlery:before {
content: "_";
}
.notific8-fontastic-dollar:before {
content: "`";
}
.notific8-fontastic-euro:before {
content: "{";
}
.notific8-fontastic-bitcoin:before {
content: "|";
}
.notific8-fontastic-exclamation-triangle:before {
content: "}";
}
.notific8-fontastic-external-link:before {
content: "~";
}
.notific8-fontastic-eye:before {
content: "\e042";
}
.notific8-fontastic-eye-slash-close:before {
content: "\e000";
}
.notific8-fontastic-facebook:before {
content: "\e001";
}
.notific8-fontastic-file-text:before {
content: "\e002";
}
.notific8-fontastic-filter:before {
content: "\e003";
}
.notific8-fontastic-folder-open:before {
content: "\e004";
}
.notific8-fontastic-google-plus-1:before {
content: "\e005";
}
.notific8-fontastic-github-square:before {
content: "\e006";
}
.notific8-fontastic-github:before {
content: "\e007";
}
.notific8-fontastic-gears-setting:before {
content: "\e008";
}
.notific8-fontastic-gamepad:before {
content: "\e009";
}
.notific8-fontastic-harddrive:before {
content: "\e00a";
}
.notific8-fontastic-home:before {
content: "\e00b";
}
.notific8-fontastic-leaf:before {
content: "\e00c";
}
.notific8-fontastic-location-arrow:before {
content: "\e00d";
}
.notific8-fontastic-magic-wand:before {
content: "\e00e";
}
.notific8-fontastic-mail-forward:before {
content: "\e00f";
}
.notific8-fontastic-mic:before {
content: "\e010";
}
.notific8-fontastic-mic-no:before {
content: "\e011";
}
.notific8-fontastic-moon-sleep:before {
content: "\e012";
}
.notific8-fontastic-minus-circle:before {
content: "\e013";
}
.notific8-fontastic-paper-clip:before {
content: "\e014";
}
.notific8-fontastic-pin-map:before {
content: "\e015";
}
.notific8-fontastic-pin-map-2:before {
content: "\e016";
}
.notific8-fontastic-pinterest:before {
content: "\e017";
}
.notific8-fontastic-plane-airport:before {
content: "\e018";
}
.notific8-fontastic-pound:before {
content: "\e019";
}
.notific8-fontastic-present-gift:before {
content: "\e01a";
}
.notific8-fontastic-ptint:before {
content: "\e01b";
}
.notific8-fontastic-refresh:before {
content: "\e01c";
}
.notific8-fontastic-road:before {
content: "\e01d";
}
.notific8-fontastic-rss-two:before {
content: "\e01e";
}
.notific8-fontastic-rupee:before {
content: "\e01f";
}
.notific8-fontastic-shield:before {
content: "\e020";
}
.notific8-fontastic-sitemap:before {
content: "\e021";
}
.notific8-fontastic-smile:before {
content: "\e022";
}
.notific8-fontastic-smiley-frown:before {
content: "\e023";
}
.notific8-fontastic-smiley-meh:before {
content: "\e024";
}
.notific8-fontastic-tablet:before {
content: "\e025";
}
.notific8-fontastic-tag:before {
content: "\e026";
}
.notific8-fontastic-tags:before {
content: "\e027";
}
.notific8-fontastic-tasks:before {
content: "\e028";
}
.notific8-fontastic-thumbnails:before {
content: "\e029";
}
.notific8-fontastic-thumbnails-large:before {
content: "\e02a";
}
.notific8-fontastic-undo:before {
content: "\e02b";
}
.notific8-fontastic-tumblr:before {
content: "\e02c";
}
.notific8-fontastic-twitter:before {
content: "\e02d";
}
.notific8-fontastic-tint:before {
content: "\e02e";
}
.notific8-fontastic-won:before {
content: "\e740";
}
.notific8-fontastic-wrench:before {
content: "\e030";
}
.notific8-fontastic-yen:before {
content: "\e031";
}
.notific8-fontastic-youtube:before {
content: "\e032";
}
.notific8-fontastic-youtube-play:before {
content: "\e033";
}
.notific8-fontastic-unlock:before {
content: "\e034";
}
.notific8-fontastic-unlock-2:before {
content: "\e035";
}
.notific8-fontastic-amazon:before {
content: "\e036";
}
.notific8-fontastic-app-store:before {
content: "\e037";
}
.notific8-fontastic-basecamp:before {
content: "\e038";
}
.notific8-fontastic-blogger:before {
content: "\e039";
}
.notific8-fontastic-evernote:before {
content: "\e03a";
}
.notific8-fontastic-dropbox-1:before {
content: "\e03b";
}
.notific8-fontastic-digg:before {
content: "\e03c";
}
.notific8-fontastic-pandora:before {
content: "\e03d";
}
.notific8-fontastic-reddit:before {
content: "\e03e";
}
.notific8-fontastic-steam:before {
content: "\e03f";
}
.notific8-fontastic-stumbleupon:before {
content: "\e040";
}
.notific8-fontastic-vimeo:before {
content: "\e041";
}
.notific8-fontastic-info:before {
content: "\e738";
}
.notific8-fontastic-ie:before {
content: "b";
}
.notific8-fontastic-chrome:before {
content: "a";
}
.notific8-fontastic-firefox:before {
content: "c";
}
.notific8-fontastic-safari:before {
content: "d";
}
.jquery-notific8-container {
display: block;
margin: 0;
padding: 0;
position: fixed;
}
.jquery-notific8-container.top {
top: 33px;
}
.jquery-notific8-container.bottom {
bottom: 23px;
}
.jquery-notific8-container.top.right, .jquery-notific8-container.bottom.right {
right: 0;
}
.jquery-notific8-container.top.left, .jquery-notific8-container.bottom.left {
left: 0;
}
.jquery-notific8-notification {
border-style: solid;
border-width: 2px;
box-sizing: border-box;
color: #fff;
/*height: 4.5em;
max-height: 4.5em;*/
overflow: hidden;
position: relative;
transition: all 0.2s ease-in-out;
/*width: 24.375em;*/
padding-top: 0.7rem;
padding-bottom: 1rem;
font-weight:500;
}
/*.jquery-notific8-notification:hover .jquery-notific8-close {
display: block;
}*/
.jquery-notific8-notification.has-icon {
/*width: 33.1875em;*/
}
.jquery-notific8-icon {
font-size: 1.5rem;
line-height: 1.2em;
margin-top: 0px;
color:#fff;
}
.jquery-notific8-heading {
font-weight: normal;
margin-bottom: 0.3125em;
}
.jquery-notific8-message {
font-size: 1.2rem;
margin-left:1rem;
margin-right: 1rem;
}
.jquery-notific8-close {
cursor: pointer;
font-size: 1.5rem;
line-height: 3rem;
position: absolute;
padding: 0 0.25em;
top: 0;
font-weight: normal;
}
.jquery-notific8-close-sticky {
cursor: pointer;
font-size: 1.5rem;
line-height: 3rem;
position: absolute;
padding: 0 0.25em;
top: 0;
font-weight: normal;
}
.jquery-notific8-close-sticky span {
font-size: 1.5em;
font-weight: 100;
}
.right .jquery-notific8-notification {
clear: right;
float: right;
margin-right: -50em;
/*transition:linear;*/
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
padding-right: 2.0625em;
}
.right .jquery-notific8-notification.open {
margin-right: 0;
}
.right .jquery-notific8-notification.has-icon {
padding-left: 2.1rem;
}
.right .jquery-notific8-icon {
float: left;
margin-left: -1.2em;
}
.right .jquery-notific8-close {
right: -2px;
}
.right .jquery-notific8-close-sticky {
right: -2px;
}
.left .jquery-notific8-notification {
clear: left;
float: left;
margin-left: -24.375em;
padding-left: 2.0625em;
}
.left .jquery-notific8-notification.open {
margin-left: 0;
}
.left .jquery-notific8-notification.has-icon {
padding-right: 2.2rem;
}
.left .jquery-notific8-icon {
float: right;
margin-right: -1.15714em;
}
.left .jquery-notific8-close {
left: -2px;
}
.left .jquery-notific8-close-sticky {
left: -3.7em;
top: 2.4em;
transform: rotate(270deg);
}
.top .jquery-notific8-notification {
margin-top: 0em;
}
.bottom .jquery-notific8-notification {
margin-bottom: 0.625em;
}
.jquery-notific8-notification.teal {
background-color: #069;
border-color: #09c;
color: #fff;
}
.jquery-notific8-notification.teal .jquery-notific8-close, .jquery-notific8-notification.teal .jquery-notific8-close-sticky {
background-color: #09c;
color: #fff;
}
.jquery-notific8-notification.amethyst {
background-color: #5D2D77;
border-color: #915faa;
color: #fff;
}
.jquery-notific8-notification.amethyst .jquery-notific8-close, .jquery-notific8-notification.amethyst .jquery-notific8-close-sticky {
background-color: #915faa;
color: #fff;
}
.jquery-notific8-notification.ruby {
background-color: #fb723c;
border-color: #fb723c;
color: #fff;
}
.jquery-notific8-notification.ruby .jquery-notific8-close, .jquery-notific8-notification.ruby .jquery-notific8-close-sticky {
background-color: transparent;
color: #fff;
}
.jquery-notific8-notification.tangerine {
background-color: #e9bf1b;
border-color: #e9bf1b;
color: #fff;
}
.jquery-notific8-notification.tangerine .jquery-notific8-close, .jquery-notific8-notification.tangerine .jquery-notific8-close-sticky {
background-color: transparent;
color: #fff;
}
.jquery-notific8-notification.lemon {
background-color: #fb723c;
border-color: transparent;
color: #fff;
}
.jquery-notific8-notification.lemon .jquery-notific8-close, .jquery-notific8-notification.lemon .jquery-notific8-close-sticky {
background-color: transparent;
color: #fff;
}
.jquery-notific8-notification.lime {
background-color: #00c180;
border-color: #00c180;
color: #fff;
}
.jquery-notific8-notification.lime .jquery-notific8-close, .jquery-notific8-notification.lime .jquery-notific8-close-sticky {
background-color: transparent;
color: #fff;
}
.jquery-notific8-notification.ebony {
background-color: #121212;
border-color: #666;
color: #fff;
}
.jquery-notific8-notification.ebony .jquery-notific8-close, .jquery-notific8-notification.ebony .jquery-notific8-close-sticky {
background-color: #666;
color: #fff;
}
.jquery-notific8-notification.smoke {
background-color: #00b0e2;
border-color: #00b0e2;
color: #fff;
}
.jquery-notific8-notification.smoke .jquery-notific8-close, .jquery-notific8-notification.smoke .jquery-notific8-close-sticky {
background-color: transparent;
color: #fff;
}
/*# sourceMappingURL=jquery.notific8.css.map f */
@charset "utf-8";
/* CSS Document */
.LoginPanel {
padding: 30px;
/*display: inline-block;*/
text-align: left;
}
.LoginPanel input.input-validation-error {
border: 1px solid red !important;
/*-webkit-box-shadow: 0 2px 5px #d8d8d8 !important;*/
}
.LoginPanel a,
.LoginPanel a:hover {
font-size: 14px;
}
.LoginPanel #loginForm {
/*border-bottom:1px solid #dfdfdf;*/
}
.LoginPanel .footer {
border-top: 1px solid #fff;
width: 100%;
font-size: 11px;
float: left;
padding-top: 5px;
text-align: center;
color: #848284;
}
.LoginPanel .footer a,
.LoginPanel .footer a:hover {
font-size: 11px;
}
.maxlogo {
height: 48px;
border-bottom: 2px solid #dfdfdf;
padding-bottom: 5px;
text-align: left;
width: 100%;
}
.loginbody {
border-top: 1px solid #c9c9c9;
}
.LoginPanel input[type="text"], .LoginPanel input[type="password"] {
width: 100%;
font-size: 12px;
/*-webkit-box-shadow: 1px 1px 2px #e1e1;
box-shadow: 1px 1px 2px #e1e1;
-moz-box-shadow:1px 1px 2px #e1e1;*/
font-family: "Segoe UI", "Open Sans", sans-serif, serif;
}
.MacOsSafari .LoginPanel input#Password{
line-height:1rem;
}
/*.LoginPanel input[type="text"]:-ms-input-placeholder,.LoginPanel input[type="password"]:-ms-input-placeholder
.resetPasswordPanel input[type="text"]:-ms-input-placeholder, .resetPasswordPanel input[type="password"]:-ms-input-placeholder {
color: red;
}*/
::placeholder {
color: #afafaf;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #afafaf;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #afafaf;
}
.LoginPanel input[type="text"], .LoginPanel input[type="password"], .resetPasswordPanel input[type="text"], .resetPasswordPanel input[type="password"] {
padding: 8px;
background-repeat: no-repeat;
padding-left: 35px !important;
font-size: 16px !important;
font-weight: 500;
height: 2.399rem;
padding-right: 2.2rem;
}
.resetPasswordPanel input[type="text"], .resetPasswordPanel input[type="password"]{
padding-left:5px !important;
}
.LoginPanel input[type="text"]:focus,
.LoginPanel input[type="password"]:focus {
border: 1px solid #4296de !important;
-moz-box-shadow: 0 0 4px #999;
-webkit-box-shadow: 0 0 4px #999;
box-shadow: 0 0 4px #999;
}
/*.LoginPanel input:-webkit-autofill.user, .LoginPanel input:-webkit-autofill.pass-lock{
-webkit-box-shadow: inset 0 0 0 50px white, 0 2px 5px #d8d8d8;
}
.LoginPanel input:-webkit-autofill:focus.user, .LoginPanel input:-webkit-autofill:focus.pass-lock, .LoginPanel input[type="text"],.LoginPanel input[type="password"]{
-webkit-box-shadow:inset 0 0 0 50px white, 0 2px 5px #d8d8d8;
box-shadow:inset 0 0 0 50px white, 0 2px 5px #d8d8d8;
}*/
input -webkit-autocomplete {
background: #fff url(../Images/user.png);
}
.LoginPanel span.user {
background-color: #eeeeee;
position: absolute;
width: 32px;
left: 1px;
top: 0;
display: inline-block;
border-radius: 3px 0px 0px 3px;
color: #666;
font-size: 14px;
text-align: center;
padding-top: 10px;
height: 2.399rem;
}
.LoginPanel span.pass-lock {
background-color: #eeeeee;
position: absolute;
width: 32px;
left: 1px;
top: 0px;
display: inline-block;
border-radius: 3px 0px 0px 3px;
color: #666;
font-size: 14px;
text-align: center;
padding-top: 12px;
height: 2.399rem;
}
.LoginPanel span.confirm-pass-lock {
background-image: url(../Images/confirm-pass-lock.png);
position: relative;
width: 32px;
height: 30px;
left: 1px;
top: -37px;
display: inline-block;
border-radius: 3px 0px 0px 3px;
}
.login {
border: 1px solid #7067ba;
border-radius: 4px;
color: #fff;
background-image: url(../images/bg-images/login_but_back.gif);
background-repeat: repeat-x;
padding: 2px 7px;
}
.marT15 {
margin-top: 15px;
}
.marT10 {
margin-top: 10px;
}
a {
/*color: #717EBF;*/
text-decoration: underline;
}
a:hover {
/*color: #717EBF;*/
text-decoration: underline;
}
.login-footer {
padding: 10px;
border: 1px solid #c6c9e1;
border-radius: 5px;
line-height: normal;
}
.LoginPanel h1 {
font-size: 14pt;
font-weight: normal;
margin-bottom: 0px;
}
.LoginPanel hgroup.title h2 {
font-weight: normal;
margin: 0px;
padding-top: 5px;
letter-spacing: 0px;
font-size: 1.2rem;
margin-top: 0px;
/* border-top: 1px solid #fff; */
/* text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); */
color: #fff;
}
.metro .LoginPanel input[type="button"],
.metro .LoginPanel input[type="submit"],
.metro .LoginPanel input[type="reset"] {
/*background-color:#7392d6;
color:#fff;
border:none;
width: auto;
padding:6px 13px;
margin:4px 2px;
-webkit-box-shadow: 0px 2px 0px 0px rgba(99,123,177,0.99);
-moz-box-shadow: 0px 2px 0px 0px rgba(99,123,177,0.99);
box-shadow: 0px 2px 0px 0px rgba(99,123,177,0.99);
text-shadow: 1px 1px 0px rgba(78,109, 175, 1);
-webkit-text-shadow:1px 1px 0px rgba(78,109, 175, 1);*/
width: 100%;
}
/*@media screen and (min-width : 1366px ) and (max-width : 1500px) {
.login-version {left: 23.7rem !important;}
}*/
.login-version {
position: relative;
z-index: 2;
top: -0.75rem;
text-align: right;
right: 0.6rem;
}
.loginScreenImages .font100{
font-size: 5.5rem;
}
.validInputLogin {
color: white !important;
font-weight:600;
}
.validInputLogin:before {
position: relative;
left: -10px;
content: "\2714";
}
.invalidInputLogin:before {
position: relative;
left: -10px;
content: "\2022";
}
.staticContentLogin:before {
position: relative;
left: -10px;
content: "\2022";
}
.centerAlign {
position: relative;
top: 45%;
transform: perspective(1px) translateY(-50%);
}
.fg-lightwhite {
color: #bcd5ee;
}
.bootomAllign {
bottom: 0;
position: fixed;
left: 2%;
}
.Captchacontainer{
color:#fff;
}
.Captchacontainer a[href$='CaptchaImage']{
color:#fff;
float: right;
}
.Captchacontainer a[href$='CaptchaImage']:hover{
color:#42aaff;
}
.AcctSusDivider {
display: block;
height: 13vh;
border-left: 2px solid #fff;
margin-left: 1.5rem;
}
.spanBottom {
position: relative;
bottom: 1rem;
}
.copyrightTxt {
font-size: 0.725rem;
padding-top: 1rem;
padding-left: 10px;
}
.FicBottomImg{
width: 120px;
display: inline-block;
float: left;
}
.no-underline {
text-decoration:none;
}
.fg-redNew{
color:#a50000;
}
.barCodeSquare {
width:114px;
height:114px;
border:1px solid gray;
display:inline-block;
float:left;
}
.barTxt {
height:114px;
display:inline-block;
float:left;
}
.barCodeSquare1 {
width:214px;
height:114px;
border:1px solid #A7C999;
display:inline-block;
float:left;
background-color:#E0EFD8;
text-align:center;
color:#A7C999;
}
.BarTxtAlign {
position: relative;
top: 47%;
}
.UpdatedInput {
border-bottom: 1px solid #cdd1d7 !important;
border-top: transparent !important;
border-left: transparent !important;
border-right: transparent !important;
}
input[type="button"].primary, input[type="reset"].primary, input[type="submit"].primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
border-radius: 3px;
}
.button.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
border-radius: 3px;
}
input[type="button"], input[type="reset"], input[type="submit"] {
padding: 0 1rem;
height: 2.125rem;
text-align: center;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: 0;
position: relative;
vertical-align: middle;
}
select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
cursor: pointer;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.small-button30 {
font-size: 1.0625rem !important;
padding: 0.325rem 1.875rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.button {
/* padding: 0 1rem; */
height: 1rem;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: 0.15625rem 0;
position: relative;
letter-spacing: 1px;
}
.centerContentDiv {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.maincontht {
height:37rem;
}
.verticalAlignM {
vertical-align: middle;
}
.maincontentWidth {
width: 70% !important;
margin: 0 auto;
}
.iconAlignment {
vertical-align: baseline;
color: #6fb7ff;
}
.iconTxt {
text-align: right;
margin-left: 10px;
vertical-align: text-bottom;
color: #6fb7ff;
}
.TitlelblColor {
color: #6fb7ff;
}
input[type="button"].primary, input[type="reset"].primary, input[type="submit"].primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
border-radius: 3px;
}
.button.primary {
background: #2086bf;
color: #ffffff;
border-color: #2086bf;
border-radius: 3px;
}
input[type="button"], input[type="reset"], input[type="submit"] {
padding: 0 1rem;
height: 2.125rem;
text-align: center;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: 0;
position: relative;
vertical-align: middle;
}
select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
cursor: pointer;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.small-button30 {
font-size: 1.0625rem !important;
padding: 0.325rem 1.875rem !important;
height: auto !important;
vertical-align: text-bottom;
}
.button {
/* padding: 0 1rem; */
height: 1rem;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
border: 1px #d9d9d9 solid;
color: #262626;
cursor: pointer;
display: inline-block;
outline: none;
font-size: .875rem;
line-height: 100%;
margin: 0.15625rem 0;
position: relative;
letter-spacing: 1px;
}
.centerContentDiv {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.maincontht {
height:41rem;
}
.verticalAlignM {
vertical-align: middle;
}
.maincontentWidth {
width: 70% !important;
margin: 0 auto;
}
.mif-gmail:before {
content: "\e962";
}
.mif-apple:before {
content: "\e963";
}
.mif-SMS:before {
content: "\e966";
}
.mif-securityQuestions:before {
content: "\e967";
}
.authAlign {
display:inline-block;
float:left;
margin-left:20px;
}
.buttonDiv {
width: 5rem;
border: 1px solid #6fb7ff;
padding: 4px;
/* position: relative !important; */
/* display: inline-block; */
float: left;
display: block;
margin-left: auto;
margin-right: auto;
}
.btnSpace {
display: flex;
align-items: center;
justify-content: center;
}
.cursorpointer{
cursor:pointer;
}
/*.buttonDiv {
width: 6rem;
border: 1px solid #6fb7ff;
padding: 4px;
position: relative !important;
display: inline-block;
float: left;
}*/
.iconAlignment {
vertical-align: baseline;
color: #6fb7ff;
}
.iconTxt {
text-align: right;
margin-left: 10px;
vertical-align: text-bottom;
color: #6fb7ff;
}
.TitlelblColor {
color: #6fb7ff;
}
.centerContentDivWid {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width: 95rem;
}
.SecurityQuesPanel input[type="text"]{
height: 2.2rem !important;
}
.fgLightButton {
background-color: #00b8ce !important;
border: 1px solid #00b8ce!important;
}
.fgLightButton:hover{
background-color:#17e6ff !important;
border: 1px solid #17e6ff !important;
}
.fgLightButton::selection {
background-color: #00787f !important;
border: 1px solid #00787f !important;
}
.iconWithCircle {
padding: 18px 15px;
border-radius: 40px;
background: #0369E7;
color: #ffffff;
height: 65px;
width: 65px;
}
.iconWithCircle:hover {
background: #6daeff;
}
.iconWithCircle::selection {
background: #00295b;
}
input.input-validation-error1 {
background-color: #fcdcdf !important;
border-bottom: 1px solid #ff0000 !important;
}
.marB40 {
margin-bottom:2.5rem !important;
}
.marB60 {
margin-bottom:3.75rem !important;
}
@media screen and (min-width: 1600px) and (max-width: 1800px){
/*.lockCircle {
height: 100px !important;
width: 100px !important;
}
.lockCircleIcon {
padding-top: 1.3rem !important;
}*/
.padL88 {
padding-left: 4.3rem !important;
}
.loginScreenImages .font100 {
font-size: 5.5rem;
}
}
@media screen and (min-width: 1920px) {
.loginScreenImages .font100 {
font-size: 6.25rem;
}
.buttonDiv {
width: 8rem;
}
}
@media screen and (min-width: 2560px) {
.LoginPanel span.user {
height: 48px;
left: 0px;
padding-top: 14px;
}
.LoginPanel span.pass-lock {
height: 48px;
left: 0px;
padding-top: 14px;
}
.LoginPanel input[type="text"], .LoginPanel input[type="password"] {
height: 3rem !important;
}
}
.pad15 {
padding:15px;
}
/*MFA*/
.metro .grid.fluid {
width: 100%;
}
.metro .grid.fluid .column {
margin: 0px;
background-color: #eeeeee;
margin: 0% 0 0% 0.5%;
border-radius: 3px;
border: 1px solid #d1d1d1;
}
.metro .grid.fluid .row {
margin: 0px;
/*width:inherit;*/
width: 100%;
margin-top: 0px;
}
.metro .grid.fluid .row .span1 {
width: 7.875% !important;
}
.metro .grid.fluid .row .span2 {
width: 16.25% !important;
}
.metro .grid.fluid .row .span3 {
width: 24.662% !important;
}
.metro .grid.fluid .row .span4 {
width: 33% !important;
/*width:32.667% !important*/
}
.metro .grid.fluid .row .span5 {
width: 41.37% !important;
}
.metro .grid.fluid .row .span6 {
width: 49.75% !important;
}
.metro .grid.fluid .row .span7 {
width: 58.12% !important;
}
.metro .grid.fluid .row .span8 {
width: 66.5% !important;
}
.metro .grid.fluid .row .span9 {
width: 74.87% !important;
}
.metro .grid.fluid .row .span10 {
width: 83.25% !important;
}
.metro .grid.fluid .row .span11 {
width: 91.62% !important;
}
.metro .grid.fluid .row .span12 {
width: 100% !important;
}
.metro .grid.fluid .row [class*="span"] {
margin-left: 0.45%;
}
.metro .grid.fluid .row .span12.marL0 {
margin-left: 0PX;
}
.metro .grid.fluid .row [class*="span"]:first-child {
margin-left: 0;
}
.metro .grid.fluid.pt-ent .row .span1,
.metro .grid.fluid.pt-ent .row .span2,
.metro .grid.fluid.pt-ent .row .span3,
.metro .grid.fluid.pt-ent .row .span4,
.metro .grid.fluid.pt-ent .row .span6,
.metro .grid.fluid.pt-ent .row .span8,
.metro .grid.fluid.pt-ent .row .span9,
.metro .grid.fluid.pt-ent .row .span10,
.metro .grid.fluid.pt-ent .row .span11,
.metro .grid.fluid.pt-ent .row .span12 {
width: auto !important;
}
.metro .pt-ent label {
margin-right: 2px;
}
.metro .grid.fluid .row.marT1 {
margin-top: 10px;
width: inherit;
}
.metro .grid.fluid .row.marT05 {
margin-top: 0.5%;
}
.metro .grid.fluid .row.marT10 {
margin-top: 1.0%;
}
.metro .grid.fluid .row .span3.minhgt200,
.metro .grid.fluid .row .span4.minhgt200,
.metro .grid.fluid .row .span5.minhgt200 {
height: 220px;
}
.metro .grid.fluid .row .span3.minhgt240,
.metro .grid.fluid .row .span4.minhgt240,
.metro .grid.fluid .row .span5.minhgt240 {
height: 240px;
}
.metro .grid.fluid .row .span3.minhgt250,
.metro .grid.fluid .row .span4.minhgt250,
.metro .grid.fluid .row .span5.minhgt250 {
height: 250px;
}
/*.metro .grid.fluid .row .group.hgt183 {
height: 183px;
overflow: auto;
}*/
/*.metro .grid.fluid .row .hgt400 {
height: 28.125rem;
overflow: auto;
}*/
.metro .grid.fluid .row .hgt15 {
height: 15.125rem;
overflow: auto;
}
.metro .grid.fluid .row .group.hgt135 {
height: 135px;
overflow: auto;
}
.metro .grid.fluid .row .group.hgt153 {
height: 153px;
overflow: auto;
}
.metro .grid.fluid .row .group.hgt158 {
height: 158px;
overflow: auto;
}
.overflow-box {
overflow: auto;
background-color: #fff;
padding: 3px;
border: 1px solid #cfcfcf;
}
.metro .grid.fluid .row .span4.minhgt210 {
min-height: 210px;
}
/*.LoginPanel span.user {
background-color: #eeeeee;
position: absolute;
width: 32px;
left: 1px;
top: 0;
display: inline-block;
border-radius: 3px 0px 0px 3px;
color: #666;
font-size: 14px;
text-align: center;
padding-top: 10px;
height: 2.399rem;
}
.LoginPanel span.pass-lock {
background-color: #eeeeee;
position: absolute;
width: 32px;
left: 1px;
top: 0px;
display: inline-block;
border-radius: 3px 0px 0px 3px;
color: #666;
font-size: 14px;
text-align: center;
padding-top: 12px;
height: 2.399rem;
}
.LoginPanel input[type="text"], .LoginPanel input[type="password"], .resetPasswordPanel input[type="text"], .resetPasswordPanel input[type="password"] {
padding: 8px;
background-repeat: no-repeat;
padding-left: 35px !important;
font-size: 16px !important;
font-weight: 500;
height: 2.399rem;
}
.disableautofill {
font-family: 'text-security-disc' !important;
}
input[type=text], input[type=url], input[type=mail], input[type=email], input[type=number], input[type=password], input[type=search] {
width: 100%;
border-radius: 3px;
border: 1px solid #cdd1d7;
padding: 2px;
padding-left: 4px;
height: 1.399rem;
}*/
.openEyeOnLogin {
position: absolute;
right: 10px;
top: 10px;
color: #666;
}
|