html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0;
padding: 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
*,
*:after,
*::before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-heading:before,
.page-heading:after,
.buttons:before,
.row:after,
.buttons:before,
.row:after {
content: "";
display: table;
clear: both;
}
.page-heading:after,
.buttons:after,
.row:after {
clear: both;
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdKg.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsE.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzc.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsE.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsE.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc9.ttf) format('truetype');
}
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 400;
src: local('Noto Sans Italic'), local('NotoSans-Italic'), url(https://fonts.gstatic.com/s/notosans/v9/o-0OIpQlx3QUlC5A4PNr4ARCQ_w.ttf) format('truetype');
}
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 700;
src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), url(https://fonts.gstatic.com/s/notosans/v9/o-0TIpQlx3QUlC5A4PNr4Az5ZuyDzWg.ttf) format('truetype');
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v9/o-0IIpQlx3QUlC5A4PNr5TRF.ttf) format('truetype');
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v9/o-0NIpQlx3QUlC5A4PNjXhFVZNyE.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hrIqY.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhrIqY.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hrIqY.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhs.ttf) format('truetype');
}
/* The Seven Virtues of Bushido: 1. Gi (Integrity), 2. Rei (Respect), 3. Yu (Heroic Courage), 4. Meiyo (Honour), 5. Jin (Compassion), 6. Makoto (Honesty & Sincerity), 7. Chu (Duty and Loyalty) */
*,
*::after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
html {
font-size: 62.5%;
overflow-y: scroll;
min-width: 480px;
}
body {
background: #fff;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333333;
margin: 0;
padding: 0;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.846;
text-rendering: optimizeLegibility;
}
/*body {background: lighten(#31353d, 15%);}*/
html,
body {
min-height: 100%;
padding: 0;
margin: 0;
}
body.login-area {
width: 100vw;
background: #25a1c3;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1YTFjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NGJjNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #25a1c3 0, #64bc5b 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, #25a1c3), color-stop(100%, #64bc5b));
background: -webkit-linear-gradient(left, #25a1c3 0, #64bc5b 100%);
background: -o-linear-gradient(left, #25a1c3 0, #64bc5b 100%);
background: -ms-linear-gradient(left, #25a1c3 0, #64bc5b 100%);
background: linear-gradient(to right, #25a1c3 0, #64bc5b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25a1c3', endColorstr='#64bc5b', GradientType=1);
background-size: cover;
}
body.login-area:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.7;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
}
body.login-area--image {
background-image: url(../assets/images/st-pauls-london-day.jpg);
}
body.dashboard {
background-color: #f1f3fa;
}
a {
color: #3b8df1;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: baseline;
background: transparent;
}
a:visited {
color: #3b8df1;
text-decoration: none;
}
a:hover {
color: #5ca0f3;
text-decoration: underline;
cursor: pointer;
}
a:focus {
color: #3b8df1;
text-decoration: none;
cursor: pointer;
}
a:active {
text-decoration: underline;
}
:active,
:focus {
outline: 0;
}
ul,
ol {
margin: 0 0 1rem 0;
padding: 0 0 0 1.8rem;
font-size: 1.3rem;
}
ul ul,
ol ul {
margin: 0 0 0 0;
padding-left: 1.6rem;
}
ol li ul li {
list-style-type: decimal;
}
ul.icon-list {
padding-left: 0;
list-style-type: none;
}
ul.icon-list li {
font-weight: normal;
display: block;
vertical-align: middle;
}
ul.icon-list li::before {
font-family: 'FontAwesome';
content: "\f00c";
margin-right: 0.8rem;
color: #b7bf10;
}
ul.icon-list li ul {
margin: 0.5rem 0;
}
ul.icon-list li ul li::before {
list-style: none;
content: "\f111";
color: #333333;
}
ul.custom-counter {
padding-left: 0;
list-style-type: none;
}
ul.custom-counter li {
counter-increment: step-counter;
font-weight: normal;
margin-bottom: 2px;
}
ul.custom-counter li::before {
content: counter(step-counter);
margin-right: 8px;
font-size: 88%;
background-color: #f44336;
color: #ffffff;
font-weight: 500;
padding: 3px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
ul.unstyled,
ol.unstyled {
padding-left: 0;
}
ul.unstyled li,
ol.unstyled li {
list-style: none;
}
.hidden {
display: none;
}
.strike-through {
text-decoration: line-through;
}
h1,
h2,
h3,
h4,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h4,
.h5,
.h6 {
font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 1.1;
color: #333333;
padding: 0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin: 0;
margin-bottom: 1.5rem;
}
h1,
.h1 {
font-size: 3.5rem;
}
h2,
.h2 {
font-size: 3rem;
}
h3,
.h3 {
font-size: 2.5rem;
}
h4,
.h4 {
font-size: 2.2rem;
}
h5,
.h5 {
font-size: 1.6rem;
}
h6,
.h6 {
font-size: 1.4rem;
}
p {
margin: 0 0 1rem;
padding: 0;
vertical-align: top;
color: #333333;
font-size: 1.3rem;
}
.lead {
margin-bottom: 2.3rem;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.4;
}
h1 + p {
margin-top: 1rem;
}
small,
.small {
font-size: 88%;
}
.h1 small,
h1 small,
.h2 small,
h2 small {
font-size: 72%;
}
b,
strong,
.strong {
font-weight: bold;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #bbb;
}
blockquote {
padding: 1rem 2rem;
margin: 0 0 2rem;
font-size: 1.6rem;
border-left: 5px solid #eee;
}
blockquote p {
font-size: 1.6rem;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.846;
color: #bbbbbb;
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 1.5rem;
padding-left: 0;
border-left: 0;
border-right: 5px solid #eee;
text-align: right;
}
.blockquote-blue {
border-color: #b5e1ef;
background-color: #e7f2fa;
}
.blockquote-blue p,
.blockquote-blue small {
color: #3e5771;
}
.blockquote-orange {
border-color: #ff5700;
}
.blockquote-teal {
border-color: #5bc4be;
background-color: rgba(247, 247, 247, 0.56);
}
.blockquote-teal p,
.blockquote-teal small {
color: #666666;
}
video {
width: 100%;
margin: 0;
padding: 0;
}
.uppercase {
text-transform: uppercase;
}
.fixed-nav #wrapper {
margin-top: 6rem;
}
.curved {
border: 0.1rem solid #bed4d8;
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
}
.job-message {
color: red;
font-weight: bold;
font-size: 1.5rem;
}
/* SECTIONS */
.section {
clear: both;
padding: 0;
margin: 0;
}
/* COLUMN SETUP */
.col {
display: block;
float: left;
margin: 1% 0 1% 1%;
}
.col:first-child {
margin-left: 0;
}
/* GROUPING */
.group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1;
}
/* GRID OF TEN */
.span_9_of_10 {
width: 89.9%;
}
.span_8_of_10 {
width: 79.8%;
}
.span_7_of_10 {
width: 69.7%;
}
.span_6_of_10 {
width: 59.6%;
}
.span_5_of_10 {
width: 49.5%;
}
.span_4_of_10 {
width: 39.4%;
}
.span_3_of_10 {
width: 29.3%;
}
.span_2_of_10 {
width: 19.2%;
}
.span_1_of_10 {
width: 9.1%;
}
/* GRID OF NINE */
.span_8_of_9 {
width: 88.77%;
}
.span_7_of_9 {
width: 77.55%;
}
.span_6_of_9 {
width: 66.33%;
}
.span_5_of_9 {
width: 55.11%;
}
.span_4_of_9 {
width: 43.88%;
}
.span_3_of_9 {
width: 32.66%;
}
.span_2_of_9 {
width: 21.44%;
}
.span_1_of_9 {
width: 10.22%;
}
/* GRID OF EIGHT */
.span_7_of_8 {
width: 87.37%;
}
.span_6_of_8 {
width: 74.75%;
}
.span_5_of_8 {
width: 62.12%;
}
.span_4_of_8 {
width: 49.5%;
}
.span_3_of_8 {
width: 36.87%;
}
.span_2_of_8 {
width: 24.25%;
}
.span_1_of_8 {
width: 11.62%;
}
/* GRID OF SEVEN */
.span_6_of_7 {
width: 85.57%;
}
.span_5_of_7 {
width: 71.14%;
}
.span_4_of_7 {
width: 56.71%;
}
.span_3_of_7 {
width: 42.28%;
}
.span_2_of_7 {
width: 27.85%;
}
.span_1_of_7 {
width: 13.42%;
}
/* GRID OF SIX */
.span_5_of_6 {
width: 83.16%;
}
.span_4_of_6 {
width: 66.33%;
}
.span_3_of_6 {
width: 49.5%;
}
.span_2_of_6 {
width: 32.66%;
}
.span_1_of_6 {
width: 15.83%;
}
/* GRID OF FIVE */
.span_4_of_5 {
width: 79.8%;
}
.span_3_of_5 {
width: 59.6%;
}
.span_2_of_5 {
width: 39.4%;
}
.span_1_of_5 {
width: 19.2%;
}
/* GRID OF FOUR */
.span_3_of_4 {
width: 74.75%;
}
.span_2_of_4 {
width: 49.5%;
}
.span_1_of_4 {
width: 24.25%;
}
/* GRID OF THREE */
.span_2_of_3 {
width: 66.33%;
}
.span_1_of_3 {
width: 32.66%;
}
/* GRID OF TWO */
.span_1_of_2 {
width: 49.5%;
}
.span_2_of_2 + .span_2_of_2,
.span_3_of_3 + .span_3_of_3,
.span_4_of_4 + .span_4_of_4,
.span_5_of_5 + .span_5_of_5,
.span_6_of_6 + .span_6_of_6,
.span_7_of_7 + .span_7_of_7,
.span_8_of_8 + .span_8_of_8,
.span_9_of_9 + .span_9_of_9,
.span_10_of_10 + .span_10_of_10 {
clear: both;
margin-left: 0;
}
.span_2_of_2,
.span_3_of_3,
.span_4_of_4,
.span_5_of_5,
.span_6_of_6,
.span_7_of_7,
.span_8_of_8,
.span_9_of_9,
.span_10_of_10 {
width: 100%;
}
@media only screen and (max-width: 480px) {
.col {
margin: 1% 0 1% 0%;
}
.span_1_of_2,
.span_2_of_2,
.span_1_of_3,
.span_2_of_3,
.span_3_of_3,
.span_1_of_4,
.span_2_of_4,
.span_3_of_4,
.span_4_of_4,
.span_1_of_5,
.span_2_of_5,
.span_3_of_5,
.span_4_of_5,
.span_5_of_5,
.span_1_of_6,
.span_2_of_6,
.span_3_of_6,
.span_4_of_6,
.span_5_of_6,
.span_6_of_6,
.span_1_of_7,
.span_2_of_7,
.span_3_of_7,
.span_4_of_7,
.span_5_of_7,
.span_6_of_7,
.span_7_of_7,
.span_1_of_8,
.span_2_of_8,
.span_3_of_8,
.span_4_of_8,
.span_5_of_8,
.span_6_of_8,
.span_7_of_8,
.span_8_of_8,
.span_1_of_9,
.span_2_of_9,
.span_3_of_9,
.span_4_of_9,
.span_5_of_9,
.span_6_of_9,
.span_7_of_9,
.span_8_of_9,
.span_9_of_9,
.span_1_of_10,
.span_2_of_10,
.span_3_of_10,
.span_4_of_10,
.span_5_of_10,
.span_6_of_10,
.span_7_of_10,
.span_8_of_10,
.span_9_of_10 .span_10_of_10 {
width: 100%;
}
}
.modal-layout .col {
margin: 1% 0 1% 1% !important;
}
.modal-layout .col:first-child {
margin-left: 0 !important;
}
.fixed-top-navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1001;
height: 6rem;
line-height: 6rem;
padding-left: 22rem;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.fixed-top-navbar:after {
clear: both;
}
.fixed-top-navbar,
.logo-area {
background: #fff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ececec));
background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ececec 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ececec 100%);
background: linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
}
.logo-area {
height: 10rem;
line-height: 10rem;
padding: 1rem 0;
text-align: center;
}
.logo-area img {
margin: 0;
height: 100%;
border-width: 0;
}
.util-nav {
margin-right: 1rem;
}
.util-nav li {
display: inline-block;
list-style: none;
font-size: 1.3rem;
margin: 0;
line-height: 6rem;
padding: 0;
}
.util-nav li:last-of-type {
border-right-width: 0;
padding-right: 0.5rem;
}
.util-nav li span,
.util-nav li a {
color: #333333;
}
.util-nav li span:hover,
.util-nav li a:hover {
text-decoration: none;
}
.util-nav li span.username {
font-weight: bold;
}
.util-nav li a.link-dropdown {
padding: 0.6rem 1rem 0.8rem 1rem;
}
.util-nav li a.link-dropdown:hover {
background-color: rgba(51, 51, 51, 0.2);
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
}
.util-nav li .large--icon {
font-size: 2.4rem;
}
.util-nav li a.link-dropdown.active {
background-color: rgba(51, 51, 51, 0.2);
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
}
.util-nav li .date-time,
.util-nav li .user-detail {
text-transform: uppercase;
font-weight: 600;
}
.util-nav li .date-time i,
.util-nav li .user-detail i {
margin-left: 1rem;
}
.util-nav a.link-dropdown.user-info {
padding-right: 0;
}
.util-nav .user-info img {
height: 4.5rem;
margin-bottom: -1.6rem;
margin-right: 1rem;
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
}
.util-nav .circle {
display: inline-block;
min-width: 1rem;
padding: 0.3rem 0.7rem;
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
margin-left: 0.5rem;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #333333;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem;
}
.util-nav .circle-red {
background-color: #e74c3c;
}
.util-nav .circle-yellow {
background-color: #f1c40f;
}
.util-nav .circle-green {
background-color: #1abc9c;
}
.sign-in .sign-in-form {
display: none;
}
.sign-in.active .sign-in-form {
display: block;
padding: 0;
position: absolute;
top: 6rem;
z-index: 8000;
width: 30rem;
background-color: #ffffff;
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.176);
-webkit-border-bottom-left-radius: 0.4rem;
-webkit-border-bottom-right-radius: 0.4rem;
-moz-border-radius-bottomleft: 0.4rem;
-moz-border-radius-bottomright: 0.4rem;
border-bottom-left-radius: 0.4rem;
border-bottom-right-radius: 0.4rem;
}
.sign-in.active .sign-in-form li {
list-style: none;
display: block;
padding: 0;
width: 100%;
border-bottom: 1px solid #f4f8f9;
}
.sign-in.active .sign-in-form li:last-of-type {
border-bottom: 0;
}
.sign-in.active .sign-in-form li a,
.sign-in.active .sign-in-form li p {
padding: 15px 10px;
display: block;
width: 100%;
margin-bottom: 0;
color: #333333;
font-weight: 400;
line-height: 1.2;
}
.sign-in.active .sign-in-form li a:hover,
.sign-in.active .sign-in-form li p:hover {
text-decoration: none;
background-color: #f7f8f9;
}
.sign-in.active .sign-in-form li a i,
.sign-in.active .sign-in-form li p i {
padding-right: 0.5rem;
}
.sign-in.active .sign-in-form li p.notifications,
.sign-in.active .sign-in-form li p.user-settings,
.sign-in.active .sign-in-form li p.messages {
font-weight: 600;
}
.sign-in.active .sign-in-form li p.notifications {
background-color: #f1c40f;
}
.sign-in.active .sign-in-form li p.user-settings {
background-color: #1abc9c;
color: #ffffff;
}
.sign-in.active .sign-in-form li p.messages {
background-color: #e74c3c;
color: #ffffff;
}
.sign-in.active .sign-in-form li a:last-of-type {
border-bottom: 0;
}
.sign-in.active .sign-in-form .subject,
.sign-in.active .sign-in-form .message,
.sign-in.active .sign-in-form .issue,
.sign-in.active .sign-in-form .time {
display: block;
color: #333333;
font-size: 1.2rem;
}
.sign-in.active .sign-in-form .issue i,
.sign-in.active .sign-in-form .user-setting-link i {
width: 20px;
text-align: center;
}
.sign-in.active .sign-in-form .subject {
margin-bottom: 10px;
}
.sign-in.active .sign-in-form .subject .from,
.sign-in.active .sign-in-form .subject .time {
display: inline-block;
font-size: 1.2rem;
font-weight: 600;
color: #333333;
}
.sign-in.active .user-dropdown-info {
right: 0;
width: 235px;
}
.sign-in.active .user-dropdown-info .notify-arrow {
right: 17px;
left: auto;
}
.sign-in.active a.link-dropdown {
background-color: rgba(51, 51, 51, 0.2);
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
}
.sign-in.active a.user-info,
.util-nav li a.user-info:hover,
.sign-in.active a.user-info:hover {
background-color: transparent;
}
.collapse_menu .collapse_menu--icon,
.vertical_nav, vertical_nav_DEV {
/*-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;*/
}
.toggle_menu {
display: block;
float: left;
width: 50px;
height: 50px;
line-height: 50px;
padding: 0;
background: 0 0;
border: 0;
text-align: center;
cursor: pointer;
}
.toggle_menu i {
display: block;
font-size: 22px;
line-height: 60px;
color: white;
}
.vertical_nav {
position: fixed;
left: -22rem;
z-index: 1021;
top: 0;
bottom: 0;
width: 22rem;
background-color: #00205B;
}
.vertical_nav__closed {
left: -200px !important;
}
.vertical_nav__opened {
left: 0!important;
box-shadow: rgba(0, 0, 0, 0.4) -30px 0 30px 30px;
}
.vertical_nav_DEV {
position: fixed;
left: -22rem;
z-index: 1021;
top: 0;
bottom: 0;
width: 22rem;
background-color: #e35205;
}
.vertical_nav_DEV__closed {
left: -200px !important;
}
.vertical_nav_DEV__opened {
left: 0 !important;
box-shadow: rgba(0, 0, 0, 0.4) -30px 0 30px 30px;
}
.menu {
position: absolute;
top: 10rem;
bottom: 40px;
overflow-y: auto;
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
}
.menu--item {
position: relative;
min-height: 50px;
line-height: 50px;
}
.menu--item__has_sub_menu .menu--link:after {
position: absolute;
top: 0;
right: 15px;
height: 50px;
line-height: 50px;
font-family: FontAwesome;
content: "\f078";
}
.menu--subitems__opened {
/*background: #e9e9e9;*/
}
.menu--subitems__opened .menu--link {
color: white;
background-color: #2f3d4c;
}
.menu--subitems__opened .sub_menu {
display: block;
}
.sub_menu .sub_menu--item .menu--link__active {
padding-left: 50px;
padding-right: 16px;
}
.menu--subitems__opened .menu--link .menu--label:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.menu--link,
.menu--link:visited {
display: block;
overflow: hidden;
text-decoration: none;
color: rgba(255, 255, 255, 0.5);
white-space: nowrap;
cursor: pointer;
}
.menu--link:hover,
.menu--link:hover .menu--label {
background-color: #2f3d4c;
color: #fff;
text-decoration: none;
}
.menu--link:visited {
color: rgba(255, 255, 255, 0.5);
}
.menu--link__active,
.menu--link__active:visited {
display: block;
overflow: hidden;
text-decoration: none;
color: white;
background-color: #2f3d4c;
white-space: nowrap;
cursor: pointer;
}
.menu--link__active:hover,
.menu--link__active:hover .menu--label {
text-decoration: none;
}
.menu--icon {
display: block;
float: left;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
}
.menu--label {
display: block;
height: 50px;
line-height: 50px;
}
/* --- Sub Menu --- */
.sub_menu {
display: none;
overflow: hidden;
padding-left: 0;
list-style: none;
}
.sub_menu--link,
.sub_menu--link:visited {
display: block;
padding-left: 50px;
padding-right: 16px;
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
background-color: #394a5b;
}
.sub_menu--link:hover {
color: white;
background-color: #00205B;
text-decoration: none;
}
.sub_menu--link__active {
color: #333333;
}
.collapse_menu {
display: none;
}
@media (min-width: 980px) {
.wrapper__minify .fixed-top-navbar {
padding-left: 4.5rem;
}
.vertical_nav {
left: 0;
}
.vertical_nav_DEV {
left: 0;
}
.toggle_menu {
display: none;
}
.vertical_nav__minify {
width: 50px;
}
.vertical_nav__minify .logo-area {
height: 5rem;
line-height: 5rem;
width: 5rem;
padding: 0;
margin: 0;
}
.vertical_nav__minify .logo-area img {
width: 5rem;
height: 5rem;
}
.vertical_nav__minify .menu {
overflow: visible;
top: 5rem;
}
.vertical_nav__minify .menu--label {
display: none;
position: absolute;
top: 0;
left: 50px;
width: 200px;
height: 50px;
line-height: 50px;
padding-left: 16px;
padding-right: 16px;
background-color: #2f3d4c;
}
.vertical_nav__minify .menu--item__has_sub_menu .menu--link:after {
content: "";
}
.vertical_nav__minify .menu--subitems__opened .menu--label,
.vertical_nav__minify .menu--subitems__opened .sub_menu {
display: block;
}
.vertical_nav__minify .menu--subitems__opened .menu--label,
.vertical_nav__minify .menu--subitems__opened .sub_menu .sub_menu--item .menu--link__active {
padding-left: 16px;
}
.vertical_nav__minify .sub_menu {
position: absolute;
top: 50px;
left: 50px;
width: 200px;
}
.vertical_nav__minify .sub_menu--link {
padding-left: 16px;
width: 200px;
}
.vertical_nav__minify .collapse_menu--icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.vertical_nav_DEV__minify {
width: 50px;
}
.vertical_nav_DEV__minify .logo-area {
height: 5rem;
line-height: 5rem;
width: 5rem;
padding: 0;
margin: 0;
}
.vertical_nav_DEV__minify .logo-area img {
width: 5rem;
height: 5rem;
}
.vertical_nav_DEV__minify .menu {
overflow: visible;
top: 5rem;
}
.vertical_nav_DEV__minify .menu--label {
display: none;
position: absolute;
top: 0;
left: 50px;
width: 200px;
height: 50px;
line-height: 50px;
padding-left: 16px;
padding-right: 16px;
background-color: #2f3d4c;
}
.vertical_nav_DEV__minify .menu--item__has_sub_menu .menu--link:after {
content: "";
}
.vertical_nav_DEV__minify .menu--subitems__opened .menu--label,
.vertical_nav_DEV__minify .menu--subitems__opened .sub_menu {
display: block;
}
.vertical_nav_DEV__minify .menu--subitems__opened .menu--label,
.vertical_nav_DEV__minify .menu--subitems__opened .sub_menu .sub_menu--item .menu--link__active {
padding-left: 16px;
}
.vertical_nav_DEV__minify .sub_menu {
position: absolute;
top: 50px;
left: 50px;
width: 200px;
}
.vertical_nav_DEV__minify .sub_menu--link {
padding-left: 16px;
width: 200px;
}
.vertical_nav_DEV__minify .collapse_menu--icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.parent_active .menu--link,
.menu--link:visited {
color: white;
text-decoration: none;
}
.collapse_menu {
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 50px;
line-height: 50px;
padding: 0;
border: 0;
background-color: transparent;
text-align: left;
cursor: pointer;
color: rgba(255, 255, 255, 0.5);
}
.collapse_menu:hover {
color: white;
background-color: #2f3d4c;
text-decoration: none;
}
.collapse_menu .collapse_menu--icon {
display: block;
float: left;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
}
.collapse_menu .collapse_menu--icon:before {
content: "\f053";
}
.collapse_menu .collapse_menu--label {
display: block;
height: 50px;
line-height: 50px;
}
}
.buttons {
margin: 0;
padding: 5px;
}
.btn {
display: inline-block;
height: 33px;
line-height: 33px;
overflow: hidden;
margin: 0;
padding: 0 10px;
border: 0;
color: #666666;
font-size: 1.3rem;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 600;
text-decoration: none;
vertical-align: middle;
text-transform: uppercase;
background-color: #eeeeee;
cursor: pointer;
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
-webkit-transition-property: background, color;
-moz-transition-property: background, color;
-o-transition-property: background, color;
transition-property: background, color;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.btn:visited {
background-color: #eeeeee;
color: #666666;
}
.btn:hover,
.btn:focus {
background-color: #d4d4d4;
text-decoration: none;
color: #ffffff;
}
.btn:active {
background-color: #9b9b9b;
color: #ffffff;
}
.btn i + .btn-text {
padding-left: 8px;
}
.btn + .btn {
margin-left: 0.5rem;
}
.btn-flat {
background: #eeeeee;
}
.btn-flat:visited {
background: #eeeeee;
color: #666666;
}
.btn-flat:hover,
.btn-flat:focus {
background: #ffffff;
color: #bbbbbb;
}
.btn-flat:active {
background: #dcdcdc;
color: #bbbbbb;
}
.btn-primary {
background: #0093b2;
color: #ffffff;
}
.btn-primary:visited {
background: #0093b2;
color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus {
background: #00BEE6;
color: rgba(0, 0, 0, 0.35);
}
.btn-primary:active {
background: #0391d1;
color: rgba(0, 0, 0, 0.35);
}
.btn-action {
background: #b7bf10;
color: #ffffff;
}
.btn-action:visited {
background: #b7bf10;
color: #ffffff;
}
.btn-action:hover,
.btn-action:focus {
background: #D9E316;
color: rgba(0, 0, 0, 0.35);
}
.btn-action:active {
background: #CED716;
color: rgba(0, 0, 0, 0.35);
}
.btn-info {
background: #9bd3dd;
color: #ffffff;
}
.btn-info:visited {
background: #9bd3dd;
color: #ffffff;
}
.btn-info:hover,
.btn-info:focus {
background: #79cbe4;
color: rgba(0, 0, 0, 0.35);
}
.btn-info:active {
background: #3db5d8;
color: rgba(0, 0, 0, 0.35);
}
.btn-highlight {
background: #e35205;
color: #ffffff;
}
.btn-highlight:visited {
background: #e35205;
color: #ffffff;
}
.btn-highlight:hover,
.btn-highlight:focus {
background: #ffa624;
color: rgba(0, 0, 0, 0.35);
}
.btn-highlight:active {
background: #E37B05;
color: rgba(0, 0, 0, 0.35);
}
.btn-caution {
background: #f44336;
color: #ffffff;
}
.btn-caution:visited {
background: #f44336;
color: #ffffff;
}
.btn-caution:hover,
.btn-caution:focus {
background: #f66358;
color: rgba(0, 0, 0, 0.35);
}
.btn-caution:active {
background: #f22314;
color: rgba(0, 0, 0, 0.35);
}
.btn-invisible {
background-color: transparent;
color: #ffffff;
font-size: 0.8em;
text-transform: uppercase;
padding: 0 8px;
margin: 0;
border: 0;
}
.btn-invisible:hover,
.btn-invisible:focus {
background-color: #7f8c8d;
}
.btn-invisible i {
padding-right: 8px;
}
.btn-transparent {
background-color: transparent;
color: #333333;
padding: 0;
}
.btn-transparent:visited,
.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent:focus {
background-color: transparent;
color: #333333;
opacity: 0.5;
}
.btn-transparent i {
font-size: 16px;
}
.btn-block {
display: block;
width: 100%;
}
.btn--large {
height: 40px;
line-height: 40px;
padding: 0 15px;
font-size: 1.5rem;
}
.btn--xlarge {
height: 50px;
line-height: 50px;
padding: 0 20px;
font-size: 1.8rem;
}
.btn--pin i {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.btn--pin:hover i {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
color: #666666;
}
.btn--pin-active {
background-color: #d4d4d4;
color: #666666;
}
.btn--pin-active:hover {
color: #666666;
}
.grid-btn {
font-size: 1.8rem;
color: #333333;
}
.grid-action {
color: #b7bf10;
}
.grid-action:visited {
color: #b7bf10;
}
.grid-action:hover {
color: #D9E316;
}
.grid-action:active {
color: #CED716;
}
.grid-primary {
color: #0093b2;
}
.grid-primary:visited {
color: #0093b2;
}
.grid-primary:hover {
color: #00BEE6;
}
.grid-primary:active {
color: #0391d1;
}
.grid-highlight {
color: #e35205;
}
.grid-highlight:visited {
color: #e35205;
}
.grid-highlight:hover {
color: #ffa624;
}
.grid-highlight:active {
color: #E37B05;
}
.grid-caution {
color: #f44336;
}
.grid-caution:visited {
color: #f44336;
}
.grid-caution:hover {
color: #f66358;
}
.grid-caution:active {
color: #f22314;
}
.aspNetDisabled,
.btn:disabled {
cursor: default;
}
.aspNetDisabled:hover,
.btn:disabled:hover {
cursor: default;
}
input.btn {
border-width: 0;
}
.has-images {
color: #b7bf10;
}
.has-images:visited {
color: #b7bf10;
}
.has-images:hover {
color: #D9E316;
}
.has-images:active {
color: #CED716;
}
.no-images {
color: #0093b2;
}
.no-images:visited {
color: #0093b2;
}
.no-images:hover {
color: #00BEE6;
}
.no-images:active {
color: #0391d1;
}
table {
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
}
th {
text-align: left;
}
td {
color: #333333;
}
.default-table {
width: 100%;
line-height: 2.5rem;
border: 0;
font-size: 1.3rem;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.default-table tr th {
padding: 0.5rem;
line-height: 2rem;
color: #737373;
border: 0;
border-bottom: 0.1rem solid #bed4d8;
font-weight: 600;
font-size: 1.2rem;
vertical-align: bottom;
}
.default-table tr th i {
margin-left: 1rem;
}
.default-table tr th a,
.default-table tr th a:active,
.default-table tr th a:visited {
text-decoration: none;
color: #737373;
}
.default-table tr th a:hover,
.default-table tr th a:focus {
text-decoration: underline;
color: #737373;
}
.default-table tr td {
padding: 0.5rem;
line-height: 2.4rem;
border: 0;
border-bottom: 0.1rem solid #bed4d8;
vertical-align: top;
position: relative;
}
.default-table tr td span,
.default-table tr td a {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 880px;
vertical-align: top;
}
.default-table tr td a {
text-decoration: none;
}
.default-table tr td a:active,
.default-table tr td a:visited {
text-decoration: none;
}
.default-table tr td a:hover,
.default-table tr td a:focus {
text-decoration: underline;
}
.default-table tr td span.btn-text {
display: inline;
}
.default-table tr .enabled,
.default-table tr .action {
width: 40px;
}
.default-table tr .action-two {
width: 60px;
min-width: 60px;
}
.default-table tr .date {
width: 8.5rem !important;
}
.default-table tr .date-time {
width: 13rem;
}
.default-table tr .double-date-time {
width: 25rem;
}
.default-table tr .status {
width: 15rem;
}
.default-table tr .active {
width: 7rem;
}
.default-table tr .material-action {
width: 5.5rem;
}
.default-table tr .default-cell {
width: 15rem;
}
.default-table tr .currency {
padding-right: 1.5rem;
}
.default-table tr .postcode {
width: 9rem;
}
.default-table tr .AddressBookID,
.default-table tr .job-id {
width: 6rem;
}
.default-table tr .county {
width: 10rem;
}
.default-table tr .name {
width: 20rem;
}
.default-table tr .numeric {
text-align: right;
}
.default-table tr .cell-60,
.default-table tr .cell-60 span,
.default-table tr .cell-60 a {
width: 6rem;
}
.default-table tr .cell-50,
.default-table tr .cell-50 span,
.default-table tr .cell-50 a {
width: 5rem;
}
.default-table tr .cell-100,
.default-table tr .cell-100 span,
.default-table tr .cell-100 a {
width: 10rem;
}
.default-table tr .cell-150,
.default-table tr .cell-150 span,
.default-table tr .cell-150 a {
width: 15rem;
}
.default-table tr .cell-200,
.default-table tr .cell-200 span,
.default-table tr .cell-200 a {
width: 20rem;
}
.default-table tr .cell-250,
.default-table tr .cell-250 span,
.default-table tr .cell-250 a {
width: 25rem;
}
.default-table tr .cell-300,
.default-table tr .cell-300 span,
.default-table tr .cell-300 a {
width: 30rem;
}
.default-table tr .cell-400,
.default-table tr .cell-400 span,
.default-table tr .cell-400 a {
width: 40rem;
}
.default-table tr .cell-480,
.default-table tr .cell-480 span,
.default-table tr .cell-480 a {
width: 48rem;
}
.default-table tr .cell-500,
.default-table tr .cell-500 span,
.default-table tr .cell-500 a {
width: 50rem;
}
.default-table tr .cell-600,
.default-table tr .cell-600 span,
.default-table tr .cell-600 a {
width: 60rem;
}
.default-table tr .cell-700,
.default-table tr .cell-700 span,
.default-table tr .cell-700 a {
width: 80rem;
}
.default-table tr .cell-800,
.default-table tr .cell-800 span,
.default-table tr .cell-800 a {
width: 80rem;
}
.default-table tr .cell-850,
.default-table tr .cell-850 span,
.default-table tr .cell-850 a {
width: 85rem;
}
.default-table tr .cell-200-mw,
.default-table tr .cell-200-mw span,
.default-table tr cell-200-mw a {
max-width: 20rem;
}
.default-table tr .cell-300-mw,
.default-table tr .cell-300-mw span,
.default-table tr cell-300-mw a {
max-width: 30rem;
}
.default-table tr .text-overflow {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.default-table tr:last-of-type td {
border-bottom-width: 0;
}
.default-table tr:hover td {
background-color: #e7fbff;
}
.default-table select,
.default-table input[type=text] {
background-color: white;
border: 0.1rem solid #bdc3c7;
display: inline-block;
vertical-align: top;
height: 28px;
}
.default-table select:hover,
.default-table input[type=text]:hover {
border: 0.1rem solid #707070;
}
.default-table select:focus,
.default-table input[type=text]:focus {
outline: 0;
}
.default-table .insert-row td input {
max-width: 88%;
}
.default-table .insert-row td .btn {
vertical-align: top;
}
.default-table .select-all input[type=checkbox] {
vertical-align: middle;
}
.default-table .col-25-percent {
width: 25%;
}
.default-table .col-7-percent {
width: 7%;
}
@media (max-width: 1280px) {
.default-table tr .cell-500,
.default-table tr .cell-500 span,
.default-table tr .cell-600,
.default-table tr .cell-600 span,
.default-table tr .cell-700,
.default-table tr .cell-700 span,
.default-table tr .cell-800,
.default-table tr .cell-800 span,
.default-table tr .cell-850,
.default-table tr .cell-850 span {
width: 45rem;
}
.default-table tr .cell-400,
.default-table tr .cell-400 span {
width: 33rem;
}
}
.data-table tr:nth-child(even) td {
background-color: #ffffff;
border: 0;
}
.data-table tr:nth-child(odd) td {
background-color: #eeeeee;
border: 0;
}
.data-table tr th {
background-color: #0093B2;
border: 1px solid #0093B2;
border-right-color: rgba(255, 255, 255, 0.3);
color: #ffffff;
font-weight: normal;
padding: 10px 5px;
}
.data-table tr th:last-of-type {
border-right-width: 0;
}
.data-table tr th a,
.data-table tr th a:active,
.data-table tr th a:hover,
.data-table tr th a:visited {
color: #ffffff;
}
.paging,
.data-table .paging {
border-bottom-width: 0;
}
.paging table,
.data-table .paging table {
float: right;
border-bottom-width: 0;
}
.paging:nth-child(even) td,
.data-table .paging:nth-child(even) td,
.paging:nth-child(odd) td,
.data-table .paging:nth-child(odd) td {
background-color: white;
padding: 0.5rem 0;
vertical-align: middle;
}
.paging span,
.data-table .paging span,
.paging a,
.data-table .paging a {
margin-right: 1rem;
border: 0.1rem solid #0093B2;
}
.paging span,
.data-table .paging span {
background-color: transparent;
color: #0093B2;
font-size: 1.3rem;
padding: 0.7rem 1.2rem;
}
.paging select,
.data-table .paging select,
.paging input[type=text],
.data-table .paging input[type=text] {
background-color: white;
border: 0.1rem solid #bdc3c7;
display: inline-block;
vertical-align: top;
height: 40px;
line-height: 40px;
}
.paging select:hover,
.data-table .paging select:hover,
.paging input[type=text]:hover,
.data-table .paging input[type=text]:hover {
border: 0.1rem solid #707070;
}
.paging select:focus,
.data-table .paging select:focus,
.paging input[type=text]:focus,
.data-table .paging input[type=text]:focus {
outline: 0;
}
.paging a,
.data-table .paging a {
color: #ffffff;
font-size: 1.3rem;
padding: 0.7rem 1.2rem;
background-color: #0093B2;
}
.paging a:visited,
.data-table .paging a:visited {
background-color: #0093B2;
}
.paging a:hover,
.data-table .paging a:hover {
background-color: #6abdef;
color: rgba(0, 0, 0, 0.35);
text-decoration: none;
}
.paging a:active,
.data-table .paging a:active {
background-color: #2aa1e9;
color: rgba(0, 0, 0, 0.35);
text-decoration: none;
}
.listview-paging {
border-bottom-width: 0;
float: right;
}
.listview-paging:nth-child(even) td,
.listview-paging:nth-child(odd) td {
background-color: #e7fbff;
padding: 0.5rem 0;
vertical-align: middle;
}
.listview-paging .btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.listview-paging .btn + .btn {
margin-left: 0;
}
.listview-paging .btn-current {
background-color: white;
cursor: default;
}
.listview-paging .btn-current:hover {
color: #666666;
}
.listview-paging .btn-numeric {
background-color: #0093b2;
color: white;
}
.listview-paging .btn-prev {
-webkit-border-top-left-radius: 0.4rem;
-moz-border-radius-topleft: 0.4rem;
border-top-left-radius: 0.4rem;
-webkit-border-bottom-left-radius: 0.4rem;
-moz-border-radius-bottomleft: 0.4rem;
border-bottom-left-radius: 0.4rem;
}
.listview-paging .btn-next {
-webkit-border-top-right-radius: 0.4rem;
-moz-border-radius-topright: 0.4rem;
border-top-right-radius: 0.4rem;
-webkit-border-bottom-right-radius: 0.4rem;
-moz-border-radius-bottomright: 0.4rem;
border-bottom-right-radius: 0.4rem;
}
.fee-outstanding td {
border-bottom-width: 2px !important;
border-bottom-color: red !important;
color: red;
}
.container {
margin: 0;
padding: 0;
}
.wrapper {
padding: 0;
/*transition: all 0.3s ease-out;*/
}
.content {
padding-top: 6rem;
}
.page-area {
padding: 0 1rem;
}
@media (min-width: 980px) {
.wrapper {
margin-left: 22rem;
}
.wrapper__minify {
margin-left: 5rem;
}
}
.widget-block {
width: 100%;
padding: 1rem;
background-color: white;
margin-bottom: 2rem;
}
.widget-block h3 {
font-size: 1.6rem;
font-weight: 600;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 1rem;
}
.widget-block .tag {
display: inline-block;
font-size: 1.2rem;
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
background-color: #b7bf10;
color: #808080;
padding: 0.5rem 1rem;
background-color: #f6f6f6;
margin: 0 0.5rem 0.5rem 0;
}
.widget-block .tag:hover,
.widget-block .tag:focus {
background-color: #b7bf10;
color: white;
text-decoration: none;
}
.widget-sml {
min-height: 250px;
}
.widget-med {
min-height: 350px;
}
.widget-lrg {
min-height: 400px;
}
.widget-pink {
background-color: #ec407a;
}
.widget-blue {
background-color: #42a5f5;
}
.widget-green {
background-color: #66bb6a;
}
.widget-pink h3,
.widget-blue h3,
.widget-green h3 {
color: white;
}
.notify-arrow {
border-style: solid;
border-width: 0 0.9rem 0.9rem;
height: 0;
margin-top: 0;
opacity: 0;
position: absolute;
left: 0.7rem;
top: -1.8rem;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
width: 0;
z-index: 10;
margin-top: 1rem;
opacity: 1;
}
.notify-arrow-red {
border-color: transparent transparent #e74c3c;
border-bottom-color: #e74c3c;
border-top-color: #e74c3c;
}
.notify-arrow-yellow {
border-color: transparent transparent #f1c40f;
border-bottom-color: #f1c40f;
border-top-color: #f1c40f;
}
.notify-arrow-green {
border-color: transparent transparent #1abc9c;
border-bottom-color: #1abc9c;
border-top-color: #1abc9c;
}
.notify-arrow-white {
border-color: transparent transparent #ffffff;
border-bottom-color: #ffffff;
border-top-color: #ffffff;
}
.notify-arrow-filter {
border-color: transparent transparent #e5e5e5;
border-bottom-color: #e5e5e5;
border-top-color: #e5e5e5;
}
.alert-area {
position: absolute;
bottom: 0;
left: 0;
z-index: 10000;
}
.alert {
padding: 0.25rem;
border: 0.1rem solid transparent;
margin-bottom: 1rem;
-webkit-border-top-right-radius: 0.4rem;
-webkit-border-bottom-right-radius: 0.4rem;
-moz-border-radius-topright: 0.4rem;
-moz-border-radius-bottomright: 0.4rem;
border-top-right-radius: 0.4rem;
border-bottom-right-radius: 0.4rem;
}
.alert .close {
float: right;
font-size: 2.1rem;
font-weight: 700;
line-height: 1;
color: #000000;
}
.alert .close i {
color: rgba(0, 0, 0, 0.35);
}
.alt-alert-area .alert {
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
}
.alert-success {
background-color: #2ecc71;
border-color: #2ecc71;
color: #333333;
}
.alert-warning {
background-color: #f1c40f;
border-color: #f1c40f;
color: #333333;
}
.alert-error {
background-color: #e74c3c;
border-color: #e74c3c;
color: #ffffff;
}
.alert-info {
background-color: #3498db;
border-color: #3498db;
color: #ffffff;
}
.alert-dismissable {
padding-right: 3.5rem;
}
.alert-dismissable .close {
position: relative;
right: -2.1rem;
color: inherit;
}
.filters {
display: none;
vertical-align: top;
background-color: #e5e5e5;
padding: 1rem;
z-index: 1000;
width: 100%;
position: relative;
}
.filters h3 {
font-size: 1.3rem;
color: #333333;
text-transform: uppercase;
padding: 0;
margin: 0;
float: left;
display: none;
width: 100%;
font-weight: 600;
line-height: 3.3rem;
}
.filters .notify-arrow {
left: 0.6rem;
}
.filters .input-group-left label,
.filters .input-group-left span {
color: #333333;
}
.filters .input-group {
margin: 0 0 1rem 0;
}
.filters .no-fixed-width {
width: auto;
}
.filters .btn-transparent {
color: #333333;
}
.filters .btn-transparent:hover {
color: #333333;
}
.filters input[type="checkbox"] + label {
color: #333333;
cursor: pointer;
}
.filters .form-vertical .input-group-block input[type="checkbox"] {
width: auto;
}
.breadcrumb {
padding: 0 1rem 1rem 1rem;
}
.breadcrumb ul {
padding: 8px 15px;
margin-bottom: 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 6px 4px -4px rgba(51, 51, 51, 0.15);
-moz-box-shadow: 0 6px 4px -4px rgba(51, 51, 51, 0.15);
box-shadow: 0 6px 4px -4px rgba(51, 51, 51, 0.15);
}
.breadcrumb ul li {
display: inline-block;
}
.breadcrumb ul li span {
color: #808080;
cursor: default;
}
.breadcrumb ul li + li:before {
content: "/\00a0";
padding: 0 5px;
color: #bfbfbf;
}
.page-footer {
background-color: #333333;
display: block;
padding: 1.5rem 0;
}
.page-footer .container {
color: #ffffff;
}
.page-footer .container ul li h3 {
color: #ffffff;
margin-top: 0;
margin-bottom: 1rem;
}
.page-footer .container ul li a {
color: #ffffff;
}
.page-footer .container ul li a:hover {
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
}
.card {
border: 0.1rem solid #e3e3e3;
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
-webkit-box-shadow: 0 0.6rem 0.4rem -0.4rem rgba(51, 51, 51, 0.15);
-moz-box-shadow: 0 0.6rem 0.4rem -0.4rem rgba(51, 51, 51, 0.15);
box-shadow: 0 0.6rem 0.4rem -0.4rem rgba(51, 51, 51, 0.15);
}
.card .card-header-area .card-header-image {
height: 4.5rem;
}
.card .card-header-area .card-header-image img {
height: 4.5rem;
border: 0.1rem solid #bed4d8;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.card .card-header-area .card-header {
margin: 0;
padding: 0;
font-size: 1.8rem;
font-weight: 600;
line-height: 2.6rem;
}
.card .card-header-area .card-subheader {
font-size: 1.4rem;
color: #a6a6a6;
}
.card .card-full-size {
margin-left: -1rem;
margin-right: -1rem;
}
.card .card-action-buttons {
border-top: 0.1rem solid #e3e3e3;
}
.card .card-action-buttons::after {
clear: both;
}
.news-article-list .news-article {
padding: 1rem 0;
border-bottom: 0.1rem solid #e3e3e3;
}
.news-article-list .news-article .news-article-link {
font-size: 1.8rem;
}
.news-article-list .news-article p {
margin: 0 0 0.5rem;
}
.news-article-list .news-article p.published-date {
padding: 0;
margin: 0;
font-size: 90%;
color: #808080;
}
.news-article-list .news-article:first-of-type {
padding-top: 0;
}
.news-article-list .news-article:last-of-type {
border-bottom: 0;
}
.new-documents .new-document-item {
vertical-align: middle;
line-height: 3rem;
display: inline-block;
font-size: 0.85em;
margin: 0 3rem 1rem 0;
}
.new-documents .new-document-item i {
font-size: 1.8rem;
margin: 0 0.5rem;
}
.new-documents .new-document-item .title {
font-weight: bold;
}
.new-documents .new-document-item .date {
color: gray;
}
.min-tab-height {
min-height: 45em;
}
.tabs {
z-index: 999;
}
.tabs .unselected {
background-color: transparent;
background-image: none !important;
color: #A7B1C2 !important;
padding: 0.8rem 1.5rem !important;
border: 0 solid transparent !important;
border-bottom: 0.3rem solid transparent !important;
text-decoration: none !important;
margin-right: 0 !important;
font: 1.3rem 'Open Sans', Helvetica, Arial, sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase;
}
.tabs .selected {
color: #ffffff !important;
border-color: #0093b2 !important;
}
.tabs .selected:hover {
color: #ffffff !important;
}
.tabs .hovered {
border-color: #A7B1C2 !important;
}
.tabs .RadTabStrip .rtsOut,
.tabs .RadTabStripVertical .rtsOut {
padding-right: 0 !important;
}
.tabs .RadTabStrip .rtsIn,
.tabs .RadTabStripVertical .rtsIn,
.tabs .RadTabStrip .rtsLevel1 .rtsTxt,
.tabs .RadTabStripVertical .rtsLevel1 .rtsTxt {
padding: 0 !important;
}
.tabs .RadTabStripTop_Default .rtsLevel .rtsLink,
.tabs .RadTabStrip .rtsLevel .rtsOut {
background-image: none !important;
}
.tabs-light .unselected {
color: #A7B1C2 !important;
}
.tabs-light .selected {
color: #333333 !important;
}
.tabs-light .selected:hover {
color: #333333 !important;
}
.tabs-light .hovered {
border-color: #A7B1C2 !important;
}
.tabbed .unselected,
.tabbed .hovered,
.tabbed .selected {
border: 1px solid #bed4d8 !important;
border-bottom: 0 !important;
}
.tabbed .unselected,
.tabbed .hovered {
color: #A7B1C2 !important;
background-color: #f1f1f1;
padding: 1.5rem !important;
border-color: #f1f1f1 !important;
}
.tabbed .selected {
color: #b7bf10 !important;
background-color: white !important;
border-color: #bed4d8 !important;
}
.tabbed .selected:hover {
color: #b7bf10 !important;
}
.dialog-box {
border: 0;
background-color: #ffffff;
position: relative;
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
}
.dialog-box .dialog-title {
background-color: #333333;
width: 100%;
padding: 0.6rem 0;
-webkit-border-top-left-radius: 0.4rem;
-moz-border-top-left-radius: 0.4rem;
border-top-left-radius: 0.4rem;
-webkit-border-top-right-radius: 0.4rem;
-moz-border-top-right-radius: 0.4rem;
border-top-right-radius: 0.4rem;
}
.dialog-box .dialog-title span {
color: #ffffff;
font-size: 1.8rem;
text-transform: uppercase;
}
.dialog-box .dialog-content,
.dialog-box .dialog-functions {
padding: 1rem;
}
.dialog-box .dialog-functions {
padding-top: 0;
}
.dialog-box .btn-dialog {
color: #ffffff;
}
.dialog-overflow-y {
max-height: 450px;
overflow-y: scroll;
}
.page-heading {
padding: 1rem 1rem 0 1rem;
}
.page-heading h1,
.page-heading .h1,
.page-heading h2,
.page-heading .h2 {
font-size: 2.4rem;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 1rem;
font-weight: normal;
line-height: 3.3rem;
}
.latest-news i {
margin-right: 1rem;
padding: 2rem;
font-size: 2.5rem;
background-color: #0093b2;
color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.latest-news h3 {
margin: 0;
}
.latest-news p {
padding-top: 1rem;
}
.white-background {
background-color: #ffffff;
}
.grid-test-display {
background-color: #e7fbff;
}
.multi-page-maxwidth {
max-width: 1280px;
}
.reports {
display: block;
background-color: #eeeeee;
text-align: center;
padding-bottom: 1rem;
padding-top: 1rem;
}
.d-none {
display: none;
}
input,
select,
textarea {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
border: 0.1rem solid #bdc3c7;
padding: 0 5px;
font-size: 12px;
}
input[type=password],
input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email] {
height: 28px;
width: 100%;
}
.riTextBox {
height: 28px !important;
width: 100% !important;
}
input[type=text]:hover,
input[type=url]:hover,
input[type=tel]:hover,
input[type=number]:hover,
input[type=color]:hover,
input[type=email]:hover {
border: 0.1rem solid #bdc3c7;
}
.riTextBox:hover {
border: 0.1rem solid #bdc3c7 !important;
}
input[type=image] {
border-width: 0;
}
select {
height: 28px;
width: 100%;
cursor: pointer;
padding-right: 0;
}
textarea {
height: auto;
width: 100%;
}
select:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=color]:focus,
input[type=email]:focus,
textarea:focus {
border: 0.1rem solid #34495e;
}
.riTextBox:focus {
border: 0.1rem solid #34495e !important;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
color: #373737;
/*font-style: italic;*/
}
.input-group {
margin: 0;
display: inline-table;
}
.input-group .input-group-left,
.input-group .input-group-block,
.input-group .input-group-addon {
display: table-cell;
vertical-align: middle;
}
.input-group .input-group-left {
width: 155px;
line-height: 28px;
color: #333333;
}
.input-group input[type="checkbox"]:before {
margin-top: 5px;
}
.input-group-fullblock {
display: block;
}
.input-group-block input,
.input-group-block select,
.input-group-block textarea {
margin: 0;
width: 100%;
}
.input-group-block input:hover,
.input-group-block select:hover,
.input-group-block textarea:hover,
.input-group-block input:focus,
.input-group-block select:focus,
.input-group-block textarea:focus {
outline: 0;
}
.input-group-block input[type="checkbox"] {
width: 25px;
margin-left: -6px;
}
.input-group-block .checkbox-item {
margin-left: -6px;
}
.input-group-addon {
width: 28px;
}
.input-group-addon .btn,
.input-group-addon span {
display: block;
line-height: 28px;
height: 28px;
min-width: 15px;
text-align: center;
}
.input-group-addon span {
color: #333333;
padding: 0 10px;
font-size: 14px;
margin: 0;
vertical-align: middle;
border: 0;
display: inline-block;
background-color: #b1b1b1;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.element-invalid {
border: 2px solid #f44336;
}
.element-invalid .RadInput_Default .riTextBox,
.element-invalid .RadInputMgr_Default {
border-color: transparent !important;
}
.rwTitlebarControls {
margin: 0;
}
.modalBackground,
.modal-background {
background-color: gray;
filter: alpha(opacity=70);
opacity: 0.7;
z-index: 1000 !important;
}
.dialog {
background-color: lightgray;
border: solid 1px black;
z-index: 100000;
padding: 10px;
width: 480px;
}
.form-horizontal .w-75-percent {
width: 75.4%;
}
.form-horizontal .full-width {
width: 100%;
}
.form-horizontal .grouped-title {
font-weight: 700;
font-size: 0.8em;
margin-bottom: 5px;
}
.form-horizontal .input-group {
margin-bottom: 10px;
}
.form-horizontal .input-group .input-group-left {
vertical-align: top;
width: 155px;
}
.form-horizontal .input-group .input-group-left label,
.form-horizontal .input-group .input-group-left span {
font-weight: 700;
}
.form-horizontal .input-group .w-250-px {
width: 250px;
}
.form-horizontal .input-group .xxsmall-label {
width: 35px;
}
.form-horizontal .input-group .xsmall-label {
width: 40px;
}
.form-horizontal .input-group .small-label {
width: 50px;
}
.form-horizontal .input-group .medium-label {
width: 80px;
}
.form-horizontal .input-group .large-label {
width: 100px;
}
.form-horizontal .input-group .oneten-label {
width: 110px;
}
.form-horizontal .input-group .xlarge-label {
width: 170px;
}
.form-horizontal .input-group .xxlarge-label {
width: 180px;
}
.form-horizontal .input-group .xxxlarge-label {
width: 200px;
}
.form-horizontal .input-group .massive-label {
width: 210px;
}
.form-horizontal .input-group .contact-margin {
margin-left: 59px;
}
.form-horizontal .input-group .vertical-align-top {
vertical-align: top;
}
.form-horizontal .input-group .search-input input {
min-width: 229px;
width: 229px;
}
.form-horizontal .input-group .RadPicker input {
min-width: 100px;
}
.form-horizontal .input-group .journal-input select {
min-width: 75px;
}
.form-horizontal .input-group .input-group-block .fixedwidth-90 {
width: 90px;
}
.form-horizontal .input-group .input-group-block .fixedwidth-200 {
width: 200px;
}
.form-horizontal .input-group .width-60-i {
width: 60px !important;
}
.form-horizontal .input-group .fe-title input,
.form-horizontal .input-group .fe-title select,
.form-horizontal .input-group .fe-title textarea .fe-title .btn {
width: 93px;
}
.form-horizontal .input-group .fe-under-15char input,
.form-horizontal .input-group .fe-under-15char select,
.form-horizontal .input-group .fe-under-15char textarea .fe-under-15char .btn {
width: 90px;
}
.form-horizontal .input-group .fe-small input,
.form-horizontal .input-group .fe-small select,
.form-horizontal .input-group .fe-small textarea,
.form-horizontal .input-group .fe-small .btn {
width: 150px;
}
.form-horizontal .input-group .fe-small input[type="checkbox"],
.form-horizontal .input-group .fe-small input[type="radio"],
.form-horizontal .input-group .fe-medium input[type="checkbox"],
.form-horizontal .input-group .fe-medium input[type="radio"],
.form-horizontal .input-group .fe-large input[type="checkbox"],
.form-horizontal .input-group .fe-large input[type="radio"] {
width: 25px;
}
.form-horizontal .input-group .fe-medium input,
.form-horizontal .input-group .fe-medium select,
.form-horizontal .input-group .fe-medium textarea,
.form-horizontal .input-group .fe-medium .btn {
width: 200px;
}
.form-horizontal .input-group .fe-large input,
.form-horizontal .input-group .fe-large select,
.form-horizontal .input-group .fe-large textarea,
.form-horizontal .input-group .fe-large .btn {
width: 240px;
}
.form-horizontal .input-group .fe-combobox-lrg {
width: 240px;
}
.form-horizontal .input-group .fe-combobox-lrg .RadComboBox,
.form-horizontal .input-group .fe-combobox-lrg .RadComboBox .rcbInput {
width: 100% !important;
}
.form-horizontal .input-group .fe-combobox-med {
width: 240px;
}
.form-horizontal .input-group .fe-combobox-med .RadComboBox,
.form-horizontal .input-group .fe-combobox-med .RadComboBox .rcbInput {
width: 80% !important;
}
.form-horizontal .input-group .fe-postcode input,
.form-horizontal .input-group .fe-date input {
width: 84px;
}
.form-horizontal .input-group .fe-time input {
width: 45px;
}
.form-horizontal .input-group .fe-date-time .RadPicker table.rcTable .rcInputCell {
width: 120px !important;
}
.form-horizontal .input-group .fe-date-time .RadPicker,
.form-horizontal .input-group .fe-date-time .RadPicker_Default {
width: auto !important;
}
.form-horizontal .input-group .fe-numeric-small .RadInput {
width: 70px !important;
}
.form-horizontal .input-group .fe-date {
width: 125px;
}
.form-horizontal .input-group.m-b-reset {
margin-bottom: 0;
}
.form-horizontal .page-sizing {
display: inline-block;
margin-bottom: 0;
}
.form-horizontal .page-sizing .input-group-left {
width: auto;
margin-right: 10px;
}
.form-horizontal .page-sizing + .page-sizing {
margin-left: 20px;
}
.form-vertical .input-group {
display: block;
}
.form-vertical .input-group-left,
.form-vertical .input-group-block {
width: 100%;
display: block;
}
.form-vertical .input-group-left input,
.form-vertical .input-group-block input,
.form-vertical .input-group-left select,
.form-vertical .input-group-block select {
width: 100%;
}
.form-vertical .input-group .xxsmall-label {
width: 35px;
}
.form-vertical .input-group .xsmall-label {
width: 40px;
}
.form-vertical .input-group .small-label {
width: 50px;
}
.form-vertical .input-group .medium-label {
width: 80px;
}
.form-vertical .input-group .large-label {
width: 100px;
}
.form-vertical .input-group .oneten-label {
width: 110px;
}
.form-vertical .input-group .xlarge-label {
width: 170px;
}
.form-vertical .input-group .xxlarge-label {
width: 180px;
}
.form-vertical .input-group .massive-label {
width: 250px;
}
.form-vertical .input-group .contact-margin {
margin-left: 59px;
}
.form-vertical .input-group .vertical-align-top {
vertical-align: top;
}
.form-vertical .input-group .search-input input {
min-width: 229px;
width: 229px;
}
.form-vertical .input-group .RadPicker input {
min-width: 100px;
}
.form-vertical .input-group .journal-input select {
min-width: 75px;
}
.form-vertical .input-group .fe-date {
width: 125px;
}
.form-vertical .input-group-left-nowidth,
.form-vertical .input-group-block-nowidth {
display: block;
}
.form-vertical .input-group-left {
line-height: 25px;
}
.form-vertical .input-group-left label,
.form-vertical .input-group-left span {
font-weight: 700;
}
.form-vertical .input-group-left .fe-under-15char input,
.form-vertical .input-group-left .fe-under-15char select,
.form-vertical .input-group-left .fe-under-15char textarea .fe-under-15char .btn {
width: 90px;
}
.form-vertical .input-group-left .fe-small input,
.form-vertical .input-group-left .fe-small select,
.form-vertical .input-group-left .fe-small textarea,
.form-vertical .input-group-left .fe-small .btn {
width: 150px;
}
.form-vertical .input-group-left .fe-medium input,
.form-vertical .input-group-left .fe-medium select,
.form-vertical .input-group-left .fe-medium textarea,
.form-vertical .input-group-left .fe-medium .btn {
width: 200px;
}
.form-vertical .input-group-left .fe-large input,
.form-vertical .input-group-left .fe-large select,
.form-vertical .input-group-left .fe-large textarea,
.form-vertical .input-group-left .fe-large .btn {
width: 250px;
}
.form-vertical .input-group-left .fe-postcode input,
.form-vertical .input-group-left .fe-date input {
width: 84px;
}
.form-vertical .input-group-left .fe-date-time .RadPicker table.rcTable .rcInputCell {
width: 120px !important;
}
.form-vertical .input-group-left .fe-date-time .RadPicker,
.form-vertical .input-group-left .fe-date-time .RadPicker_Default {
width: auto !important;
}
.form-vertical .w-250-px {
width: 250px;
}
.form-vertical .w-650-px {
width: 650px;
}
.redtext {
color: red;
}
.form-vertical .input-group-block .fixedwidth-90 {
width: 90px;
}
.form-vertical .input-group-block .fixedwidth-200 {
width: 200px;
}
.form-vertical .input-group-addon {
display: none;
width: 0;
}
.form-vertical .profile-image {
border: 1px solid #bdc3c7;
margin-bottom: 10px;
padding: 5px;
background-color: #e5e5e5;
}
.form-vertical .profile-image img {
margin: 0;
padding: 0;
max-width: 100%;
width: auto !important;
}
.form-vertical .checkbox input[type=checkbox] {
width: auto;
}
.no-width {
width: auto !important;
}
.multi-line {
min-height: 140px;
}
.radio-list,
.check-list {
padding-left: 2px;
}
.radio-list li,
.check-list li {
list-style: none;
float: left;
margin-right: 10px;
}
.radio-list li:last-of-type,
.check-list li:last-of-type {
margin-right: 0;
}
.preview-panel {
border: 1px solid #bed4d8;
padding: 5px;
min-height: 200px;
}
.planner-datepicker {
margin-bottom: 10px;
}
.actions-required {
margin-left: 10px;
margin-bottom: 10px;
}
.actions-required span {
display: inline-block;
width: 150px;
color: red;
font-weight: bold;
font-size: 1.3rem;
}
.actions-required label {
font-weight: bold;
margin-right: 40px;
}
.actions-required input {
margin-right: 10px;
vertical-align: middle;
}
.inspection-status1,
.inspection-status1 .rsAptContent {
background-color: #f39c12 !important;
}
.inspection-status2,
.inspection-status2 .rsAptContent {
background-color: #b7bf10 !important;
}
.inspection-status3,
.inspection-status3 .rsAptContent {
background-color: #cc0000 !important;
}
.login-panel {
background-color: rgba(255, 255, 255, 0.9);
}
.login-panel .login-company-logo {
margin-top: 0.5rem;
}
.login-panel .login-company-logo img {
padding: 1rem;
}
.center {
width: 30rem;
height: 45rem;
position: absolute;
left: 50%;
top: 50%;
margin-left: -15rem;
margin-top: -22.5rem;
z-index: 100;
}
.login-control {
width: 100%;
}
.login-control tr:nth-child(odd) td {
background-color: transparent;
border: 0;
width: 100%;
}
.login {
padding: 1rem;
}
.login p,
.login a.forgotten-password,
.login .checkbox {
font-size: 1.2rem;
}
.login a.forgotten-password {
color: #333333;
font-weight: bold;
padding-bottom: 1rem;
}
.login input[type="text"],
.login input[type="password"] {
border: 0.1rem solid #bdc3c7;
line-height: 4rem;
height: 4rem;
width: 100%;
font-size: 1.5rem;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
outline: 0;
padding: 0;
text-indent: 0.5rem;
}
.login .checkbox input[type=checkbox] {
margin-right: 1rem;
}
.login .checkbox label {
font-weight: bold;
}
.login .btn {
text-transform: capitalize;
display: block;
margin: 2rem 0 1rem 0;
}
.login .validate,
.login .caution-highlight {
color: red;
font-size: 1.2rem;
line-height: 1.7rem;
}
.login .input-group {
display: block;
margin: 0;
}
.login .input-group .input-group-block {
display: block;
width: 100%;
}
.text-muted {
color: #bbbbbb;
}
.text-primary {
color: #0093b2 !important;
}
.text-action {
color: #b7bf10;
}
.text-highlight {
color: #e35205;
}
.text-caution {
color: #f44336;
}
.text-info {
color: #9bd3dd;
}
.text-required,
.required {
color: #f44336;
}
.text-normal {
font-weight: normal;
}
.text-black {
color: black;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-overflow,
.text-overflow span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.text-105 {
font-size: 105%!important;
}
.hideGridColumn {
display: none;
}
.float-left {
float: left;
}
.float-center {
margin: 0 auto;
}
.float-right {
float: right;
}
.clear {
clear: both;
}
.inline-element {
display: inline-block;
}
.block-element-imp,
.d-block {
display: block !important;
}
.no-fixed-width {
width: auto;
}
.vertical-top {
vertical-align: top !important;
}
.vertical-middle {
vertical-align: middle !important;
}
.vertical-baseline {
vertical-align: baseline !important;
}
.dotted-border-top {
border-top: 1px dashed #bed4d8;
}
.dotted-border-bottom {
border-bottom: 1px dashed #bed4d8;
}
.b-t-thin,
.border-top {
border-top: 1px solid #bed4d8;
}
.b-r-thin {
border-right: 1px solid #bed4d8;
}
.b-b-thin,
.border-bottom {
border-bottom: 1px solid #bed4d8;
}
.b-l-thin {
border-left: 1px solid #bed4d8;
}
.b-all-thin,
.border-all {
border: 1px solid #bed4d8;
}
.b-t-medium {
border-top: 2px solid #bed4d8;
}
.b-r-medium {
border-right: 2px solid #bed4d8;
}
.b-b-medium {
border-bottom: 2px solid #bed4d8;
}
.b-l-medium {
border-left: 2px solid #bed4d8;
}
.b-all-medium {
border: 2px solid #bed4d8;
}
.b-t-thick {
border-top: 4px solid #bed4d8;
}
.b-r-thick {
border-right: 4px solid #bed4d8;
}
.b-b-thick {
border-bottom: 4px solid #bed4d8;
}
.b-l-thick {
border-left: 4px solid #bed4d8;
}
.b-all-thick {
border: 4px solid #bed4d8;
}
.b-all-reset {
border: 0;
}
.b-t-reset {
border-top: 0;
}
.b-r-reset {
border-right: 0;
}
.b-b-reset {
border-bottom: 0 !important;
}
.b-l-reset {
border-left: 0;
}
.p-all-xsmall {
padding: 5px;
}
.p-t-xsmall {
padding-top: 5px;
}
.p-r-xsmall {
padding-right: 5px;
}
.p-b-xsmall {
padding-bottom: 5px;
}
.p-l-xsmall {
padding-left: 5px;
}
.p-all-small {
padding: 10px;
}
.p-t-small {
padding-top: 10px;
}
.p-r-small {
padding-right: 10px;
}
.p-b-small {
padding-bottom: 10px;
}
.p-l-small {
padding-left: 10px;
}
.p-all-medium {
padding: 20px;
}
.p-t-medium {
padding-top: 20px;
}
.p-r-medium {
padding-right: 20px;
}
.p-b-medium {
padding-bottom: 20px;
}
.p-l-medium {
padding-left: 20px;
}
.p-all-large {
padding: 40px;
}
.p-t-large {
padding-top: 40px;
}
.p-r-large {
padding-right: 40px;
}
.p-b-large {
padding-bottom: 40px;
}
.p-l-large {
padding-left: 40px;
}
.p-l-xlarge {
padding-left: 60px;
}
.m-all-xsmall {
margin: 5px;
}
.m-t-xsmall {
margin-top: 5px;
}
.m-r-xsmall,
.space {
margin-right: 5px;
}
.m-b-xsmall {
margin-bottom: 5px;
}
.m-l-xsmall {
margin-left: 5px;
}
.m-all-small {
margin: 10px;
}
.m-t-small {
margin-top: 10px;
}
.m-r-small {
margin-right: 10px;
}
.m-b-small {
margin-bottom: 10px;
}
.m-l-small {
margin-left: 10px;
}
.m-all-medium {
margin: 20px;
}
.m-t-medium {
margin-top: 20px;
}
.m-r-medium {
margin-right: 20px;
}
.m-b-medium {
margin-bottom: 20px;
}
.m-l-medium {
margin-left: 20px;
}
.m-all-large {
margin: 40px;
}
.m-t-large {
margin-top: 40px;
}
.m-r-large {
margin-right: 40px;
}
.m-b-large {
margin-bottom: 40px;
}
.m-l-large {
margin-left: 40px;
}
.m-all-reset {
margin: 0;
}
.m-t-reset {
margin-top: 0;
}
.m-r-reset {
margin-right: 0;
}
.m-b-reset {
margin-bottom: 0!important;
}
.m-l-reset {
margin-left: 0;
}
.p-all-reset {
padding: 0;
}
.p-t-reset {
padding-top: 0;
}
.p-r-reset {
padding-right: 0;
}
.p-b-reset {
padding-bottom: 0;
}
.p-l-reset {
padding-left: 0;
}
.border-rounded-4 {
-webkit-border-radius: 0.4rem;
-moz-border-radius: 0.4rem;
border-radius: 0.4rem;
}
.w-80 {
width: 80px;
}
.w-150 {
width: 150px;
}
.w-210 {
width: 210px;
}
.w-250 {
width: 250px;
}
.overflow-y {
overflow-y: scroll;
}
.h-220 {
height: 220px;
}
.mh-220 {
max-height: 220px;
}
.w-200 {
width: 200px;
}
.lh-28 {
line-height: 28px;
}
.mt-25 {
margin-top: 25px !important;
}
.RadAutoCompleteBox_Default .racTokenList {
height: 31px;
line-height: 31px;
border-color: #ffffff !important;
color: #333333 !important;
}
.RadAutoCompleteBox_Default .racTokenList input {
line-height: 29px;
height: 29px;
}
div.RadPicker table.rcSingle .rcInputCell {
height: 31px;
line-height: 31px;
}
div.RadPicker table.rcSingle .rcInputCell input {
border-color: #bed4d8;
line-height: 31px;
height: 31px;
font: 12px 'Open Sans', Arial, Helvetica, sans-serif !important;
}
div.RadPicker table.rcSingle .rcInputCell table tr:nth-child(even) td {
background-color: #ffffff !important;
}
div.RadPicker table.rcSingle .rcInputCell table tr:nth-child(odd) td {
background-color: #ffffff !important;
}
html body .Invalid .riTextBox {
background-color: #f44336 !important;
}
.rcOutOfRange {
color: lightgray;
}
.riTextBox {
font: 12px 'Open Sans', Arial, Helvetica, sans-serif !important;
}
.RadInput_Default {
width: auto !important;
}
.filter-area .RadInput_Default,
.filter-area .RadInputMgr_Default {
width: auto !important;
}
.filter-area .RadInput_Default .numeric-border-width-fix,
.filter-area .RadInputMgr_Default .numeric-border-width-fix {
border: 1px solid #bdc3c7 !important;
width: 100% !important;
height: 33px !important;
}
.filter-area .RadInput_Default input,
.filter-area .RadInputMgr_Default input {
line-height: 31px;
height: 31px;
padding: 0 !important;
text-indent: 5px;
}
html body .RadInput_Default .riError,
html body .RadInput_Error_Default {
background: none !important;
}
.RadAutoCompleteBox_Default .racInput {
font: 12px 'Open Sans', Arial, Helvetica, sans-serif !important;
color: #373737 !important;
}
.RadComboBox_Default .rcbInputCell .rcbEmptyMessage,
.RadAutoCompleteBox_Default .racEmptyMessage {
color: rgba(55, 55, 55, 0.8) !important;
font-style: italic !important;
}
.RadComboBox,
.RadComboBox_Default {
/*width: 100% !important;*/
color: #333333 !important;
font: 12px 'Open Sans', Arial, Helvetica, sans-serif !important;
}
.RadComboBox .rcbInputCell,
.RadComboBox_Default .rcbInputCell {
line-height: 26px !important;
height: 26px !important;
background-image: none !important;
}
.RadComboBox .rcbInputCell input,
.RadComboBox_Default .rcbInputCell input {
line-height: 26px !important;
height: 26px !important;
border: 0 !important;
font: 12px 'Open Sans', Arial, Helvetica, sans-serif !important;
padding: 0 5px !important;
}
.RadComboBox table td.rcbInputCell,
.RadComboBox_Default table td.rcbInputCell {
padding: 0 !important;
border: 0.1rem solid #bdc3c7 !important;
border-right: 0 !important;
background-color: white;
}
.RadComboBox .rcbArrowCell,
.RadComboBox_Default .rcbArrowCell {
border: 1px solid #bdc3c7 !important;
border-left: 0 !important;
background-image: url(../assets/images/dropdown-arrow.png) !important;
background-repeat: no-repeat;
background-position: 0 0 !important;
background-color: white !important;
}
.RadComboBox .rcbArrowCell a,
.RadComboBox_Default .rcbArrowCell a {
cursor: pointer !important;
}
.RadAutoCompleteBox {
width: 200px !important;
}
.RadPicker,
.RadPicker_Default {
width: 100% !important;
font: 12px 'Open Sans', sans-serif !important;
}
.RadTabStripTop_Default .rtsLevel .rtsOut {
background-image: none !important;
}
.RadTabStrip .rtsLevel1 .rtsTxt,
.RadTabStrip .rtsIn,
.RadTabStrip .rtsOut {
padding: 0 !important;
}
.RadComboBox .rcbInput,
.RadComboBox_Default .rcbInput {
padding: 0 4px !important;
border: 1px solid #cccccc !important;
font: 12px 'Open Sans', sans-serif !important;
cursor: pointer !important;
height: 29px !important;
line-height: 29px !important;
}
div.RadUpload {
width: 100% !important;
}
.RadUpload .ruFileWrap {
height: auto !important;
}
div.RadUpload .ruBrowse {
background: #b7bf10;
color: #ffffff;
/*display: block !important;*/
/*width: 20rem !important;*/
line-height: 3.2rem !important;
height: 3.2rem !important;
padding: 0 1rem !important;
/*border: 0 !important;
border-radius: @border-radius;
font: 1.3rem 'Open Sans',Helvetica,Arial,sans-serif !important;
font-weight: 600 !important;
text-align: left !important;
cursor: pointer !important;*/
}
div.RadUpload .ruBrowse:visited {
background: #b7bf10;
color: #ffffff;
}
div.RadUpload .ruBrowse:hover {
background: #D9E316;
color: rgba(0, 0, 0, 0.35);
}
div.RadUpload .ruBrowse:active {
background: #CED716;
color: rgba(0, 0, 0, 0.35);
}
.calendar-red-selected {
border: 1px solid red !important;
}
.calendar-red-selected:hover {
background-color: red;
}
.user-access {
width: 200px;
}
.RadListBox .rlbList {
height: auto !important;
}
.RadListBox_Default .rlbGroup,
.RadListBox_Default .rlbTemplateContainer {
border-color: #bed4d8 !important;
}
.RadUpload_Default .ruFakeInput {
width: 300px;
border-color: #bed4d8 !important;
}
.RadUpload .ruFakeInput {
height: 26px !important;
}
.ReportToolbar input,
.ReportToolbar select {
height: auto !important;
width: auto !important;
}
div.RadUpload .ruFakeInput {
width: 0 !important;
padding: 0;
display: none;
}
div.RadUpload .ruInputs .ruUploadSuccess {
height: 32px;
line-height: 20px;
vertical-align: middle;
}
html body .insert-row .riSingle .riTextBox[type="text"] {
text-align: right;
}
.rsAdvancedModal {
width: 500px !important;
}
.planner-btn-p {
padding: 0 10px !important;
}
.scheduler-fw .rsHorizontalHeaderTable,
.scheduler-fw .rsHorizontalHeaderTable,
.scheduler-fw .rsAllDayTable,
.scheduler-fw .rsContentTable,
.scheduler-fw .rsArrowContainer {
width: 100% !important;
}
.RadFileExplorer .rfeThumbList a {
padding: 5px;
}
.rfeLargeThumbnails .rfeThumbList {
width: 150px !important;
/*defines thumbnail wrapper dimension*/
}
.rfeLargeThumbnails .rfeThumbList .rfeFile {
/*the sum of the height and padding-top values should be equal to the height property defined in the rfeLargeThumbnails class*/
width: 128px !important;
height: 88px !important;
padding-top: 20px !important;
}
.rfeLargeThumbnails .rfeThumbList .rfeImageFile.rfeFile {
height: 128px !important;
padding-top: 0 !important;
}
.rfeLargeThumbnails .rfeThumbList .rfeFile img {
/*defines Image Preview Thumbnail dimension*/
width: 128px !important;
height: 128px !important;
}
.tabs-light .unselected.red-tab {
color: #f44336 !important;
}
body.service-wrapper {
background-color: #ffffff;
}
body.service-wrapper .errorpage {
margin-top: 8%;
margin-bottom: 8%;
text-align: center;
color: #ecf0f1;
}
body.service-wrapper .errorpage i.fa {
font-size: 30rem;
color: #333333;
}
body.service-wrapper .errorpage h1 {
font-weight: 600;
font-size: 6.8rem;
margin-bottom: 4rem;
line-height: 8.8rem;
}
body.service-wrapper .errorpage p {
font-size: 1.8rem;
}
body.wrapper-404 {
background-color: #1abc9c;
}
body.wrapper-404 .errorpage i.fa {
color: #16a085;
}
body.wrapper-500 {
background-color: #e74c3c;
}
body.wrapper-500 .errorpage i.fa {
color: #c0392b;
}
@media (max-width: 600px) {
.logo-area,
.user-detail .username {
display: none;
}
.util-nav li .user-detail i {
margin-left: 0;
}
}
@media (max-width: 979px) {
.fixed-top-navbar {
padding-left: 0px;
}
}
@media screen and (min-width: 768px) {
.lead {
font-size: 19.5px;
}
}
@media print {
body {
background-color: transparent;
width: 100%;
}
.content {
padding: 0;
}
.btn,
.toggle_menu,
.vertical_nav,
.vertical_nav_DEV,
.fixed-top-navbar,
.filters .form-horizontal,
.RadTabStrip {
display: none !important;
}
.b-b-thick {
border: 0;
}
.filters {
background-color: transparent;
padding: 0;
}
.vertical_nav {
padding: 0;
margin: 0;
height: 0;
width: 0;
}
.vertical_nav_DEV {
padding: 0;
margin: 0;
height: 0;
width: 0;
}
.page-heading {
padding: 0;
margin: 0;
}
.data-table.m-t-small {
margin-top: 0;
}
.paging,
tr.paging {
display: none;
height: 0;
}
.panel {
background-color: transparent;
border: 0;
}
.checkbox-round {
width: 1.3em;
height: 1.3em;
background-color: white;
border-radius: 50%;
vertical-align: middle;
border: 1px solid #ddd;
-webkit-appearance: none;
outline: none;
cursor: pointer;
}
.checkbox-round:checked {
background-color: gray;
}
.modal {
position: fixed;
top: 0;
left: 0;
background-color: black;
z-index: 99;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
min-height: 100%;
width: 100%;
}
.loading {
font-family: Arial;
font-size: 10pt;
border: 5px solid #67CFF5;
width: 200px;
height: 100px;
display: none;
position: fixed;
background-color: White;
z-index: 999;
}
}