normalize
html,
body,
form {
height: 100%;
margin: 0;
padding: 0;
}
body {
font: normal 14px Arial, sans-serif !important;
color: #555555;
}
html,body {position:relative;margin:0;padding:0;min-height:100%;width:100%;height:100%;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body {
font-family: Helvetica;
height: 100%; /*important for equal height columns*/
}
.wrapper{
height: 100%; /*important for equal height columns*/
padding-bottom:120px; /*This must equal the height of your header*/
}
#header{
height: 120px; /*This must equal padding bottom of wrap*/
display:block;
padding-top:16px;
border-bottom:1px solid #f3f4f4;
background:white !important;
box-sizing: border-box;
white-space: normal;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
z-index:99;
}
.header_bar {
background-color: #303233;
color:white;
height:40px;
margin-top: 13px;
}
.header_bar a:link{
color:white;
text-decoration:none;
padding-left:20px;
padding-right:20px;
}
.header_bar a:hover{
text-decoration:underline;
}
.header_bar a:visited{
color:white;
text-decoration:none;
}
#header input {
font-size:2em;
border:1px solid #ccc;
margin-top:10px;
width:80%;
}
.user {
line-height:40px;
text-align:left;
width:40%;
}
#main {
position: relative;
height: 100%; /*important for equal height columns*/
width: 100%;
overflow:auto;
display: table; /* This is needed fo children elements using display table cell*/
table-layout: fixed;
padding-bottom: 50px; /*This needs to match footer height*/
overflow: auto;
}
#side{
background-color: #eaeaea;
vertical-align: top;
padding: 10px 0;
display: table-cell; /*To make sibling columns equal in height*/
width:250px;
}
#side-stuff{
display: block;
}
#content{
padding: 20px;
display: table-cell; /*To make sibling columns equal in height*/
}
#content-stuff{
width: auto;
height: auto;
}
#footer{
position: relative;
height: 50px;
border-top:1px solid #ccc;
margin-top: -50px; /* margin-top is negative value of height */
clear: both; /* Use if floating elements */
padding: 10px;
background-color:white;
}
.RadTreeView ol, .RadTreeView ul {list-style:none;
-webkit-padding-start: 5px !important;}
.RadTreeView li {list-style-type: none; padding:0px 0px; font-weight:700; font-size:1em;}
.RadTreeView li li {list-style-type: none; padding:0px 0px; font-weight:100; font-size:0.9em;}
.RadTreeView li li a {text-decoration:none;}
.RadTreeView li li a:hover {text-decoration:none;}
.RadTreeView .rtImg {
padding:0px 5px;
}
.radtreeview_title {
padding-bottom:8px;
}
.rtUL .rtLI .rtUL .rtLI .rtText {
padding-left:18px;
padding-bottom:10px;
display:block;
}
.rtUL .rtLI .rtText {
padding-bottom:150px;
}
/*.RadTreeView .rtLI {
}
.RadTreeView .rtPlus {
background-image:url(/includes/images/tree_on.png) !important;
width: 12px !important;
height: 12px !important;
display: block;
float: left;
}
.RadTreeView .rtMinus {
background-image:url(/includes/images/tree_off.png) !important;
width: 12px !important;
height: 12px !important;
display: block;
float: left;
}
*/
ol ul, ul ol, ul ul, ol ol {
/* -webkit-margin-before: 8px !important;*/
-webkit-margin-after: 12px !important;
}
/* unvisited link */
a:link {
color: #d31d3e;
/*color: #0000cc;*/
text-decoration: none;
}
/* visited link */
a:visited {
color: #d31d3e;
/*color: #0000cc;*/
text-decoration: none;
}
/* mouse over link */
a:hover {
color: #d31d3e;
text-decoration: underline;
}
/* selected link */
a:active {
color: #d31d3e;
text-decoration: none;
}
/*Content*/
.content-title {
font-size:1.5em;
color:#d31d3e;
padding-bottom:15px;
}
.content-title a:link, .content-title a:visited {
font-size:1.2em;
color:#555555;
}
.content-subtitle {
font-size:1.5em;
color:#706f6f;
}
/*header*/
.header_logo {
float:left;
}
.header_title {
font-size: 1.5em;
line-height: 50px;
padding-right: 20px;
height: 50px;
color: #706f6f;
text-align:right;
}
/*Table*/
.Grid_table {
width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space:normal;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:white;
}
.rgRow {
border:1px solid #EAEAEA;
}
table {
display: table;
border-collapse: separate;
border-spacing: 0px !important;
border-color: #767676 !important;
}
.content_table {
padding:10px;
font-weight:bold;
}
/* Form*/
input, select {
border-width: 1px;
border-style: solid;
padding: 4px 10px;
vertical-align: middle;
}
/*.header {
padding-top:16px;
border-bottom:1px solid #f3f4f4;
background:white !important;
height:80px;
box-sizing: border-box;
white-space: normal;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
z-index:99;
}
.contain {
}
html, body {
height: 100%;
margin: 0;
width:100% !important;
}
.wrapper {
border-bottom:1px solid #ececec;
min-height: calc(100vh - 70px);
}
}
.footer {
height: 50px;
}
.container {
}
.sidebar {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space:normal;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#f3f4f4;
left:10px;
top:20px;
display: table-cell;
}
.wrapper {
min-height: 100%;
background: #f4f3f3;
}
.container {
padding: 20px;
padding-bottom: 50px;
}
#footer {
height: 50px;
margin-top: -50px;
}*/
@media only screen and (min-width: 1281px){}
.t-container {
max-width: 100% !important;
}
@media only screen and (min-width: 481px) and (max-width: 720px) {
body {
font-size: 18px;
}
}
@media only screen and (max-width: 480px) {
body {
font-size: 20px;
}
}
a {
background: transparent;
}
img {
border: 0;
}
button,
input {
cursor: pointer;
}
hr {
border-width: 1px 0 0 0;
border-color: #767676;
border-style: solid;
}
/*typography*/
h1, h2, h3, h4, h5, h6 {
line-height: normal;
}
h1, h2, h3 {
font-weight: normal;
margin: .5em 0;
}
h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size: 2.25em;
}
h2 {
font-size: 1.875em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.125em
}
h5 {
font-size: 1em;
}
h6 {
font-size: .875em;
}
/*template*/
#wrapper .t-container-fluid {
max-width: 100%;
}
#wrapper .RadButton {
font-size: 1em;
}
#wrapper .RadMenu,
div.RadMenuPopup,
#wrapper .RadMenu_Default, #wrapper .RadMenu_Default a.rmLink {
font-size: 1em;
}
.RadGrid .rgPagerCell .RadComboBox, .RadGrid .rgPagerCell .RadDropDownList {
min-width:55px;
}
.RadSearchBox .rsbSearchContext {
float:left !important;
height: 40px !important;
/*border:1px solid #cccccc !important;
font-size: 1em !important !important;*/
font-weight:100 !important;
padding-top:0px !important;
}
.RadSearchBox .rsbSCInner{
padding: 9px 30px 10px 5px !important;
width:300px;
background-color:white !important;
font-size:1.2em !important;
}
.RadSearchBox .rsbInput {
margin: 0px !important;
height: 40px !important;
font-size:1.2em !important;
padding-left:10px !important;
}
.RadSearchBox .rsbEmptyMessage{
font-style: normal !important;
}
.RadSearchBox .rsbButtonSearch{
width:3em !important;
}
.RadSearchBox .rsbButton .rsbIcon{
margin: none !important;
font-size: 24px !important;
}
.RadSearchBox .rsbButton .rsbIconSearch:before {
font-size:1.2em !important;
color:#d31d3e !important;
}
.RadSearchBox .rsbFocused.rsbInner{
border-color: #b7b4b6!important;
}
.RadSearchBox .rsbInner, .RadSearchBox .rsbSCInner {
border-color: #b7b4b6!important;
}
/*Pager*/
.RadGrid .rgPagerCell, .RadDataPager {
padding:14px !important;
}
.RadDataPager {
line-height: 1.3 !important;
}
.rgPagerCell, .RadDataPager {
background:white !important;
border-color:white !important;
}
.RadGrid .rgPagerCell .rgWrap, .rdpWrap {
float:left;
white-space:nowrap;
}
.RadGrid .rgPagerCell .rgInfoPart, .rgInfoPart{
float:right !important;
padding-bottom:5px !important;
padding-top:5px !important;
}
.RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart, .RadGrid .rgPagerCell .NextPrevNumericAndAdvanced .rgAdvPart {
padding:0 10px;
}
.RadGrid .rgPagerCell .rgPagerButton, .RadGrid .rgPagerCell .rgActionButton {
background:#c9c9c9;
color:initial;
border:1px solid #7c7c7c;
}
.RadGrid .rgPagerCell .rgPagerButton, .RadGrid .rgPagerCell .rgActionButton {
display:inline-block;
text-align:center;
}
.RadGrid .rgPagerCell .rgActionButton {
margin:0 2px 0 0
}
.RadGrid .rgPagerCell .rgPagerLabel {
margin:0 2px 0 0;
vertical-align:middle;
display:inline-block;
}
.RadGrid .rgPagerCell .RadComboBox, .RadGrid .rgPagerCell .RadDropDownList {
min-width:55px;
}
.RadComboBox{width:12em;line-height:1.42857;text-align:left;display:inline-block;vertical-align:middle;white-space:nowrap}
.RadComboBox .rcbInner{padding:4px 2em 4px 10px;border-width:1px;border-style:solid;background-repeat:repeat-x;background-position:0 0;display:block;position:relative}
.RadComboBox .rcbReadOnly .rcbActionButton{border-width:0;outline:0}
.RadComboBox .rcbActionButton{padding:4px;min-width:1em;border-width:0 0 0 1px;border-style:solid;box-sizing:content-box;background-color:transparent;background-repeat:repeat-x;background-position:0 0;font:inherit;position:absolute;top:0;bottom:0;right:0;left:auto;outline:0}.RadComboBox .rcbActionButton::-moz-focus-inner{padding:0;border:0;outline:0}.RadComboBox .rcbActionButton .t-font-icon{cursor:default}.RadComboBox .rcbActionButton .rcbButtonText{display:none}.RadComboBox .rcbActionButton:active span,.RadComboBox .rcbActionButton:focus span{position:relative;top:0;left:0}
.RadComboBox .rcbInput{margin:0;padding:0;width:100%;height:1.42857em;border:0;box-shadow:none;outline:0;color:inherit;background:0;font:inherit;display:inline-block;-webkit-appearance:none;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis}
.RadGrid .rgPagerCell .rgNumPart a{margin-right:2px;text-align:center;display:inline-block;text-decoration:none;border:1px solid transparent;vertical-align:middle;padding:7px 6px}.RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage{cursor:default}.RadGrid .rgPagerCell .rgActionButton{margin:0 2px 0 0}.RadGrid .rgPagerCell .rgPagerButton,.RadGrid .rgPagerCell .rgActionButton{display:inline-block;text-align:center}.RadGrid .rgPagerCell .rgPagerButton{padding:4px 10px;margin-right:10px}.RadGrid .rgPagerCell .rgPageFirst .rgIcon:before{content:"\e00b"}.RadGrid .rgPagerCell .rgPagePrev .rgIcon:before{content:"\e003"}.RadGrid .rgPagerCell .rgPageNext .rgIcon:before{content:"\e000"}.RadGrid .rgPagerCell .rgPageLast .rgIcon:before{content:"\e008"}.RadGrid .rddlSelect .t-font-icon{display:inline-block}
.RadGrid .rgPagerCell .rgPagerButton, .RadGrid .rgPagerCell .rgActionButton, .rdpActionButton {
background:#d1d2d3 !important;
border:none !important;
}
.RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage, .RadDataPager .rdpNumPart a.rdpCurrentPage {
background-color:#d31d3e !important;
border:1px solid #d31d3e !important;
color:white !important;
}
.RadGrid .rgPagerCell .rgNumPart a:hover, .RadDataPager .rdpNumPart a:hover {
background-color:#d31d3e !important;
border:1px solid #d31d3e !important;
color:white !important;
}
.RadDataPager {
font-family:Arial !important;
}
div.RadGrid_Default .rgRow a,
div.RadGrid_Default .rgAltRow a
{
color: #d31d3e;
}
div.RadGrid_Default .rgRow a:hover,
div.RadGrid_Default .rgRow a:visited,
div.RadGrid_Default .rgAltRow a:hover,
div.RadGrid_Default .rgAltRow a:visited
{
color: #d31d3e;
}
.rgHeader {
font-weight:700 !important;
}
.RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol, .RadGrid_Default .rgHeaderWrapper {
border: 0;
border-bottom:none !important;
background-color: #e6e6e6;
background-image: none !important;
}
.RadGrid_Default .rgRow>td, .RadGrid_Default .rgAltRow>td, .RadGrid_Default .rgEditRow>td, .RadGrid_Default .rgFooter>td {
border-style: none !important;
border-width: 0 !important;
}
/* temp tree theme fix */
.RadTreeView_Default .rtHover .rtIn {
background-color:transparent !important;
background-image:none !important;
}
.RadTreeView_Default .rtSelected .rtIn {
background-color:transparent !important;
background-image:none !important;
color:black !important;
}
.ErrMsg {
color: #d31d3e;
}
legend {
font-size: 1.5em;
}
.Caption {
font-weight:bold;
}
.upload-container .RadUpload .ruUploadProgress {
width: 210px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
html .upload-container .ruFakeInput {
width: 220px;
}
.topNavi{
width:59%;
float:right;
text-align:right;
}
.RadNavigation{
height:40px;
}
.RadNavigation .rnvRootGroupWrapper {
border-width: 0px !important;
border-style: none !important;
position: relative;
}
.RadNavigation .rnvRootLink {
padding: 10px !important;
border-style: none !important;
}
.RadNavigation .rnvRootGroup>.rnvItem{
/* border-left:1px solid white !important;*/
}
@-moz-document url-prefix() {
#side-stuff .rtUL {
margin-left: -40px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#side-stuff .rtUL {
margin-left: -40px;
}
}