html {
width: 100%;
}
body {
width: 100%;
margin: 0px;
font-size: 16px;
line-height: 1.4;
font-weight: 300;
/* background: url(https://cdn.tsgsmartsite.com/images/admin/main_bg.png) repeat top left; */
}
body.adminPopupBody
{
background-image: none;
background: #0a3e51;
margin: 25px;
}
dialog.pseudoModal::before {
content: "";
background: rgba(0, 0, 0, 0.1);
inset: 0px;
position: fixed;
z-index: -2;
}
dialog.pseudoModal{
position: fixed;
inset-block-start: 0px;
inset-block-end: 0px;
max-width: calc((100% - 6px) - 2em);
max-height: calc((100% - 6px) - 2em);
user-select: text;
visibility: visible;
overflow: auto;
}
/* This style makes sure that the background color of the dialog is unaffected by the ::before shadow. */
dialog.pseudoModal::after{
content: "";
background-color: inherit;
inset: 0px;
position: absolute;
z-index: -1;
}
.tsgLogoHeader
{
width: 100%;
height: auto;
margin: 20px 0px 20px 0px;
}
#adminNavTab
{
position: absolute;
right:-42px;
top: 0px;
background: #20bfe9;
padding: 10px;
-webkit-box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
-moz-box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
border-right: 1px solid #0aa3cb;
border-bottom: 1px solid #0aa3cb;
}
#adminMainDiv {
min-width: 1000px;
width: 100%;
float: left;
font-family: 'Oxygen', sans-serif !important;
position: absolute;
top: 0px;
left: 0px;
}
#adminMenuContainerOpen {
position: fixed;
left: 0px;
top: 0px;
width: 22%;
height: 100%;
padding: 0px;
min-width: 215px;
font-family: 'Oxygen', sans-serif !important
}
#adminFormOption .loginBox a
{
color: #ebebeb;
text-decoration: none;
font-size: 12px;
}
#adminBox {
/* background: #0a3e51; */
background: #194d60 url(https://cdn.tsgsmartsite.com/images/admin/site-design-bg-smartsitebiz.jpg?v=1.1) no-repeat top right;
background-attachment: fixed;
background-position: bottom right;
/*background-size: cover;*/
border-left:1px solid #FFF;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
font-family: 'Oxygen', sans-serif !important;
font-weight: 300;
width: 75%;
height: auto;
min-height: 100vh;
/*min-width: 720px;*/
padding: 20px 2%;
margin: 0px;
color: #EBEBEB;
position: absolute;
top: 0px;
right: 0px;
/* PIE */
behavior: url(/PIE.php);
}
#contentPageBackground #adminBox {
margin: 25px auto 350px auto;
}
#adminMainDiv #contentPageBackground {
z-index: 9;
}
#adminMenuContainerOpen #adminMenu {
padding: 20px 7% 20px 10%;
margin-top: 0px;
color: #FFFFFF;
width: 80%;
height: 100vh;
text-align: left;
border-bottom: 0px;
white-space-collapse: discard;
position: relative;
top: 0px;
left: 0px;
}
#adminMenuContainer {
position: fixed;
left: 200px;
width: 80%;
height: 100%;
z-index: 9999;
-webkit-transition: width 200ms linear;
-moz-transition: width 200ms linear;
-o-transition: width 200ms linear;
-ms-transition: width 200ms linear;
transition: width 200ms linear;
}
#adminMenuContainer:hover {
width: 200px;
-webkit-transition: width 0.1s linear;
-moz-transition: width 0.1s linear;
-ms-transition: width 0.1s linear;
-o-transition: width 0.1s linear;
transition: width 0.1s linear;
}
.homeBlockOrderHolderCover
{
display: none;
position: fixed;
z-index: 999998;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
}
.homeBlockOrderHolder
{
/*background: url(https://cdn.tsgsmartsite.com/images/admin/menu_bg2.jpg?v=1.0) repeat top left;*/
background: #20bfe9;
padding: 20px 20px 20px 20px;
color: #FFFFFF;
width: 250px;
width: min-content;
height: calc(100% - 40px);
height: -webkit-fill-available;
border: 1px solid #0aa3cb;
overflow-y: auto;
position: fixed;
z-index: 9999;
right: 0px;
top: 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
-moz-box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
}
.menuPrimaryBlockOrderHolderCover
{
display: none;
position: fixed;
z-index: 999998;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100vh;
}
.menuSecondaryBlockOrderHolderCover
{
display: none;
position: fixed;
z-index: 999998;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100vh;
}
.menuBlockOrderHolder
{
/*background: url(https://cdn.tsgsmartsite.com/images/admin/menu_bg2.jpg?v=1.0) repeat top left;*/
background: #20bfe9;
padding: 20px 20px 20px 20px;
color: #FFFFFF;
width: 200px;
height: 100vh;
border: 1px solid #0aa3cb;
position: fixed;
z-index: 9999;
right: 0px;
top: 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
-moz-box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
}
div#adminMenu {
/*
background: #f7a11a;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6ae3e), to(#f7a11a));
background: -webkit-linear-gradient(#f6ae3e, #f7a11a);
background: -moz-linear-gradient(#f6ae3e, #f7a11a);
background: -ms-linear-gradient(#f6ae3e, #f7a11a);
background: -o-linear-gradient(#f6ae3e, #f7a11a);
background: linear-gradient(#f6ae3e, #f7a11a);
-pie-background: linear-gradient(#f6ae3e, #f7a11a);
*/
/*background: url(https://cdn.tsgsmartsite.com/images/admin/menu_bg2.jpg?v=1.0) repeat top left;*/
background: #20bfe9;
behavior: url(/PIE.php);
padding: 20px 20px 20px 20px;
margin-top: 0px;
color: #FFFFFF;
width: 300px;
height: 100vh;
text-align: left;
border-right: 1px solid #0aa3cb;
white-space-collapse: discard;
position: fixed;
z-index: 9999;
top: 0px;
left: -341px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
filter: none;
-webkit-transform-style: preserve-3d;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='0');
-webkit-box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
-moz-box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
box-shadow: 7px 0px 5px -4px rgba(0,0,0,0.37);
}
#adminMenu:hover {
/* #f79627 ORANGE #454e5f DARK #264493 BLUE*/
left: 0px;
-webkit-transition: left 200ms linear;
-moz-transition: left 200ms linear;
-o-transition: left 200ms linear;
-ms-transition: left 200ms linear;
transition: left 200ms linear;
}
#adminMainDiv #adminMenu
{
/* background: none; */
}
div#adminMenuTab {
padding: 10px;
background: #0a3e51;
width: 400px;
height: auto;
text-align: left;
position: relative;
top: 0px;
left: -45px;
-moz-border-radius: 0px 0px 0px 6px;
-webkit-border-radius: 0px 0px 0px 6px;
border-radius: 0px 0px 0px 6px;
position: relative;
/* PIE */
behavior: url(/PIE.php);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 9999999;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
filter: none;
}
#adminMenuScroll {
width: 100%;
height: 75%;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: 50px;
}
#adminMenuTab:hover {
cursor: pointer;
/* left: 20px;
-webkit-transition: left 100ms linear;
-moz-transition: left 100ms linear;
-o-transition: left 100ms linear;
-ms-transition: left 100ms linear;
transition: left 100 100ms linear;
*/
}
ul#adminNavUL {
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
list-style: none;
position: relative;
padding: 10px 0px 0px 0px;
}
ul#adminNavUL.adminPageNav {
text-align: right;
}
ul#adminNavUL li {
display: block;
padding: 0px;
margin: 10px 0px 0px 0px;
font-family: 'Oxygen', sans-serif;
font-size: 20px;
line-height: 1.4;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
}
ul#adminNavUL li a {
font-family: 'Oxygen', sans-serif;
font-size: 20px;
line-height: 1.4;
font-weight: 700;
color: #FFFFFF;
text-decoration: none;
padding: 10px;
letter-spacing: 1px;
opacity: 1.0;
filter: alpha(opacity=70);
/* For IE8 and earlier */
text-shadow: #0aa3cb 0px 1px 0px;
position: relative;
background: none;
}
ul#adminNavUL li a:hover {
/*background: #000000 url(https://cdn.tsgsmartsite.com/images/admin/bg_fade_white_to_transparent.png) repeat-x top left;*/
opacity: 1;
filter: alpha(opacity=100);
/* For IE8 and earlier */
position: relative;
/* PIE */
behavior: url(/PIE.php)
}
ul#adminNavUL li a.active {
opacity: 1;
filter: alpha(opacity=100);
/* For IE8 and earlier */
}
ul#ecommerceNavUL {
display: none;
width: 100%;
height: 100%;
padding: 10px 0px;
position: absolute;
top: 4px;
right: -8px;
background: #20bfe9;
}
#adminNavBg {
background: #0a3e51;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0a3e51), to(#575758));
background: -webkit-linear-gradient(#0a3e51, #575758);
background: -moz-linear-gradient(#0a3e51, #575758);
background: -ms-linear-gradient(#0a3e51, #575758);
background: -o-linear-gradient(#0a3e51, #575758);
background: linear-gradient(#0a3e51, #575758);
color: #ffffff;
height: 83px;
min-width: 915px;
}
#adminNavBg h1 {
position: absolute;
top: 0px;
left: 100px;
min-width: 600px;
}
div#adminMenuPageContent {
padding-top: 0px;
padding-bottom: 8px;
margin-bottom: 1px;
margin-top: 0px;
color: #EBEBEB;
width: 100%;
clear: both;
text-align: left;
border-bottom: 1px solid #EBEBEB;
white-space-collapse: discard;
position: relative;
/* PIE */
behavior: url(/PIE.php);
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
}
ul#adminNavULPageContent {
margin-top: 0px;
margin-left: 10px;
margin-bottom: 0px;
list-style: none;
/**/
padding: 10px 0px 0px 0px;
}
ul#adminNavULPageContent li {
display: inline;
padding: 0px;
margin: 0px 1px 0px 0px;
font-family: 'Oxygen', sans-serif;
font-size: 16px;
line-height: 1.4;
font-weight: 300;
color: #EBEBEB;
text-decoration: none;
}
ul#adminNavULPageContent li a {
font-family: 'Oxygen', sans-serif;
font-size: 16px;
line-height: 1.4;
font-weight: 300;
color: #EBEBEB;
text-decoration: none;
/* text-shadow: #000000 0px -1px 0px; */
padding: 10px;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
letter-spacing: 1px;
opacity: 0.7;
filter: alpha(opacity=70);
/* For IE8 and earlier */
position: relative;
/* PIE */
behavior: url(/PIE.php)
}
ul#adminNavULPageContent li a:visited
{
color: #EBEBEB;
}
ul#adminNavULPageContent li a:hover {
/*background: #000000 url(https://cdn.tsgsmartsite.com/images/admin/bg_fade_white_to_transparent.png) repeat-x top left;*/
opacity: 1;
filter: alpha(opacity=100);
/* For IE8 and earlier */
position: relative;
/* PIE */
behavior: url(/PIE.php)
}
#adminWhiteBg {
background: #FFFFFF;
padding: 10px;
color: #EBEBEB;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
/* PIE */
behavior: url(/PIE.php)
}
#adminBoxFieldset #adminWhiteBg h1 {
color: #EBEBEB;
margin: 0px 0px 10px 0px;
font-size: 22px;
font-style: normal;
text-shadow: #CCC 0px 2px 0px;
}
#adminBoxFieldset #adminWhiteBg a {
color: #20bfe9;
}
.whiteSep {
background: #FFFFFF;
height: 14px;
width: 2px;
}
.admin_nav_link_up {
background: url(/images/bg_blue.gif) top left repeat-x;
}
.admin_nav_link_hover {
background: url(/images/bg_button_action.gif) top left repeat-x;
}
.toplink {
font-family: 'Oxygen', sans-serif;
font-size: 18px;
line-height: 1.4;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
}
a:link.toplink {
font-family: 'Oxygen', sans-serif;
font-size: 18px;
line-height: 1.4;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
}
a:visited.toplink {
font-family: 'Oxygen', sans-serif;
font-size: 18px;
line-height: 1.4;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
}
a:hover.toplink {
font-family: 'Oxygen', sans-serif;
font-size: 18px;
line-height: 1.4;
font-weight: 300;
color: #FF3C00;
text-decoration: none;
}
a:active.toplink {
font-family: 'Oxygen', sans-serif;
font-size: 18px;
line-height: 1.4;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
}
div#adminDiv {
width: 90%;
min-width: 900px;
margin-bottom: 10px;
}
.adminlink {
background: #20bfe9;
font-family: 'Oxygen', sans-serif;
font-size: 14px;
line-height: 1.4;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
}
a:link.adminlink {
font-family: 'Oxygen', sans-serif;
font-size: 14px;
line-height: 1.4;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
}
a:visited.adminlink {
font-family: 'Oxygen', sans-serif;
font-size: 14px;
line-height: 1.4;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
}
a:hover.adminlink {
font-family: 'Oxygen', sans-serif;
font-size: 14px;
line-height: 1.4;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
}
a:active.adminlink {
font-family: 'Oxygen', sans-serif;
font-size: 14px;
line-height: 1.4;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
}
#adminlinksmall {
font-family: 'Oxygen', sans-serif;
font-size: 12px;
line-height: 1;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
padding: 1px;
margin: 0px;
background: #8AB3CF url(https://cdn.tsgsmartsite.com/images/admin/bg_admin_menu.gif) repeat-x top left;
text-align: center;
border: 1px solid #297096;
}
a:link#adminlinksmall {
color: #FFFFFF;
text-decoration: none;
}
a:visited#adminlinksmall {
color: #FFFFFF;
text-decoration: none;
}
a:hover#adminlinksmall {
color: #FFFFFF;
text-decoration: none;
}
a:active#adminlinksmall {
color: #FFFFFF;
text-decoration: none;
}
#adminEditButton,.adminEditButton {
font-family: 'Oxygen', sans-serif;
/*width: 80px;*/
width: auto;
padding: 5px;
margin: 0px 10px 10px 0px;
text-align: center;
background: #20bfe9;
color: #FFFFFF;
font-size: 14px;
border: 1px solid #FFFFFF;
font-weight: 300;
text-shadow: 0px -1px #0aa3cb;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: #000000 0px 0px 2px;
-moz-box-shadow: #000000 0px 0px 2px;
box-shadow: 0px 0px 2px #000000;
position: relative;
float: left;
}
#adminEditButton:hover,.adminEditButton:hover {
background: #0aa3cb;
}
#adminEditButton.homeEdit {
width: 30px;
/* z-index: 9; */
/* position: absolute; */
/* top: -60px; */
/* right: 15px; */
float: right;
clear: both;
margin-right: 50px;
}
#sidebar #adminEditButton.homeEdit {
position: relative;
right: 0px;
top: 0px;
}
.adminEditButton.adminEditButtonSmall {
width: 30px;
}
/*{
width: 30px;
z-index: 1;
position: absolute;
top: -60px;
right: 15px;
}*/
#adminFormOption .adminlink #adminEditButton {
float: left;
clear: none;
margin-right: 10px;
}
/*
#adminBox #adminEditButton {
width: 125px;
padding: 5px;
margin-bottom: 10px;
text-align: center;
border: 1px solid #333;
color: #FFFFFF;
font-size: 18px;
border: 1px solid #6f7b93;
font-weight: 300;
margin: 10px 0px 0px 0px;
text-shadow: #000000 0px -1px 0px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: #454e5f 0px -1px 1px;
-moz-box-shadow: #454e5f 0px -1px 1px;
box-shadow: 0px -1px 1px #454e5f;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
position: relative;
behavior: url(/PIE.php);
}
#adminBox #adminEditButton:hover {
background-color: #f79627;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
position: relative;
behavior: url(/PIE.php);
}
*/
#bgWrapper #adminBox {
margin-left: -60px;
}
#wrapper #adminBox {
margin-left: -55px;
}
div#adminBoxFieldset {
float: left;
width: 100%;
/*min-width: 900px;*/
padding: 0px;
margin-bottom: 2px;
color: #EBEBEB;
font-family: 'Oxygen', sans-serif !important;
/*
background: #0a3e51;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0a3e51), to(#575758));
background: -webkit-linear-gradient(#0a3e51, #575758);
background: -moz-linear-gradient(#0a3e51, #575758);
background: -ms-linear-gradient(#0a3e51, #575758);
background: -o-linear-gradient(#0a3e51, #575758);
background: linear-gradient(#0a3e51, #575758);
-pie-background: linear-gradient(#0a3e51, #575758);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: #000000 0px 4px 2px;
-moz-box-shadow: #000000 0px 4px 2px;
box-shadow: 0px 4px 2px #000000;
position: relative;
behavior: url(/PIE.php);
*/
}
div#adminBoxFieldset h1 {
color: #EBEBEB;
margin: 0px 0px 0px 0px;
font-size: 26px;
font-weight: 300;
/*
font-style: normal;
text-shadow: #000000 0px -1px 0px;
background: #575758;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#575758), to(#0a3e51));
background: -webkit-linear-gradient(#575758, #0a3e51);
background: -moz-linear-gradient(#575758, #0a3e51);
background: -ms-linear-gradient(#575758, #0a3e51);
background: -o-linear-gradient(#575758, #0a3e51);
background: linear-gradient(#575758, #0a3e51);
-pie-background: linear-gradient(#575758, #0a3e51);
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
width: 100%;
position: relative;
top: -20px;
left: -20px;
border-bottom: 1px solid #575758;
padding: 20px 2% 15px 2%;
font-family: 'Oxygen', sans-serif;
font-weight: 300;
letter-spacing: 1px;
behavior: url(/PIE.php)
*/
}
div#adminBoxFieldset strong, div#adminBoxFieldset label.strongStyle {
color: #EBEBEB;
font-size: 18px;
font-style: normal;
font-weight: 300;
letter-spacing: 1px;
text-transform: capitalize;
line-height: 30px;
}
div#adminBoxFieldset label.strongStyle:has(~ [required]):after{
color: red;
content: "*";
}
#formTable a strong {
color: #0099e3;
}
div#adminBoxFieldset hr {
/*background: url(https://cdn.tsgsmartsite.com/images/admin/bg_fade_transparent_to_black_20_high.png) repeat-x bottom left;*/
width: 100%;
border-bottom: 1px solid #5e5e5e;
border-top: 0px;
border-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
}
div#adminBoxFieldset hr.doubleLine {
border-top: 0px;
}
#adminBoxFieldset select {
color: #000;
background: #ebebeb !important;
/*background: #0a3e51 !important;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0a3e51), to(#575758)) !important;
background: -webkit-linear-gradient(#0a3e51, #575758) !important;
background: -moz-linear-gradient(#0a3e51, #575758) !important;
background: -ms-linear-gradient(#0a3e51, #575758) !important;
background: -o-linear-gradient(#0a3e51, #575758) !important;
background: linear-gradient(#0a3e51, #575758) !important;
-pie-background: linear-gradient(#0a3e51, #575758) !important;*/
position: relative;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
/* PIE */
behavior: url(/PIE.php);
}
#adminBoxFieldset select:focus {
color: #000000;
background: #EBEBEB;
}
#adminFormOption select {
min-width: 150px;
}
#adminBoxFieldset .buttonAction {
background: #f79627;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 15px 25px 15px 25px;
text-align: center;
color: #FFFFFF;
font-size: 20px;
border: 1px solid #FFFFFF;
font-weight: bold;
margin: 0px;
text-shadow: 0px -1px #0aa3cb;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
#adminFormOption textarea,#adminFormOption select,#adminFormOption textarea
{
font-family: 'Oxygen', sans-serif;
font-size:16px;
}
#adminFormOption textarea
{
border-radius: 0px;
width: 90%;
}
#adminBoxFieldset .buttonAction:hover {
text-shadow: 0px -2px #FFFFFF;
color: #666666;
background-color: #EBEBEB;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
#adminBoxFieldset .buttonLarge {
background-color: #0a3e51;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 15px 25px 15px 25px;
text-align: center;
color: #FFFFFF;
font-size: 20px;
border: 1px solid #FFFFFF;
font-weight: bold;
margin: 0px;
text-shadow: 0px -1px #152b67;
position: relative;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
/* PIE */
behavior: url(/PIE.php)
}
#adminBoxFieldset .buttonLarge:hover {
text-shadow: 0px -2px #FFFFFF;
color: #666666;
background-color: #EBEBEB;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
#adminBoxFieldset a {
color: #FFF;
}
#adminFormOption {
width: 96%;
float: left;
clear: both;
/*border-bottom: 1px solid #0a3e51;*/
/**/
padding: 20px 2% 10px 4%;
}
#adminFormOption.fullWidth {
width: 100%;
}
div#adminBoxFieldset #halfScreen, #adminBoxFieldset .halfScreen {
float: left;
width: 50%;
}
div#adminBoxFieldset #quarterScreen, #adminBoxFieldset .quarterScreen {
float: left;
width: 25%;
}
.clearfix{
clear: both;
}
.clearfix:after{
clear: both;
content: "";
display: table;
}
#adminFormOption .quarterScreen, #adminFormOption .fourthScreen{
float: left;
width: 25%;
}
#adminFormOption .fifthScreen{
float: left;
width: 20%;
}
#adminFormOption .sixthScreen{
float: left;
width: calc(100% / 6);
}
input[disabled]{
opacity: 0.5;
}
#dialog-text #quarterScreen {
float: left;
width: 100%;
padding-bottom: 10px;
}
div#adminBoxFieldsetWhite {
background: #FFFFFF;
border: 1px solid #C0CFD3;
padding: 10px;
margin-bottom: 2px;
color: #666666;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
position: relative;
/* PIE */
behavior: url(/PIE.php)
}
#adminBoxFieldsetWhite a {
color: #20bfe9;
}
#closePopup {
position: absolute;
top: -10px;
right: -5px;
padding: 9px;
line-height: 0px;
height: 30px;
border-radius: 15px;
z-index: 9999;
background: #000000;
color: #FFFFFF;
font-weight: bold;
border: 2px solid #FFFFFF;
}
#closePopup:hover {
cursor: pointer;
background: #5f697d;
}
.hrAdmin {
border-top: 1px solid #2B74A6;
border-bottom: 1px solid #FFFFFF;
border-left: 0px;
border-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
div#seriesMonthLabel {
/* Top Right Bottom Left */
padding: 10px 5px 5px 5px;
font-size: 15px;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
background: #333;
height: 20px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
/* PIE */
behavior: url(/PIE.php)
}
.seriesMonthInput {
height: 20px;
}
.instruction {
border: 2px solid #CCC;
color: #000000;
padding: 10px;
margin-bottom: 15px;
background: #EBEBEB url(https://cdn.tsgsmartsite.com/images/admin/bg_fade_transparent_to_black_20_high.png) repeat-x bottom left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
/* PIE */
behavior: url(/PIE.php)
}
#adminOrderSelect {
width: 40px;
float: right;
padding: 0px;
font-size: 9px;
margin-bottom: 20px;
}
.adminOrderButton {
background: #ff7a04 url(https://cdn.tsgsmartsite.com/images/admin/bg_fade_white_to_transparent.png) repeat-x top left;
padding: 4px;
text-align: center;
color: #FFFFFF;
font-size: 10px;
border: 1px solid #FFFFFF;
font-weight: bold;
width: 75px;
}
.adminOrderButton:hover {
background: #ff8a06 url(https://cdn.tsgsmartsite.com/images/admin/bg_fade_white_to_transparent.png) repeat-x top left;
}
#contactFormTitle {
width: 589px;
float: left;
padding-left: 10px;
background: #FFF;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#FormTitle {
width: 650px;
float: left;
padding: 0px;
}
#contactMainDiv {
width: 650px;
float: left;
background: url(https://cdn.tsgsmartsite.com/images/admin/bg_form_contact.gif) repeat-y top left;
}
#contactMainDiv hr {
width: 600px;
float: left;
margin: 0px;
}
#contactDetail {
width: 199px;
float: left;
padding: 0px;
/*border-right: 1px solid #CCC;*/
}
#contactFieldLabel {
width: 180px;
padding: 10px;
color: #093862;
font-weight: bold;
margin-bottom: 10px;
}
#contactFieldValue {
width: 180px;
padding: 10px;
margin-bottom: 10px;
}
#contactFormClear {
width: 798px;
float: left;
clear: both: border: 0px;
}
.H1Block {
width: 128px;
height: 128px;
padding: 20px;
border: 1px solid #CCC;
text-align: center;
vertical-align: middle;
background: #999999;
}
#H1BlockText {
color: #FFFFFF;
font-size: 14px;
}
#LandingPageDiv {
display: none;
}
#adminListTable {
background-color: #EBEBEB;
-webkit-box-shadow: #000000 0px -2px 2px;
-moz-box-shadow: #000000 0px -2px 2px;
box-shadow: 0px -2px 2px #000000;
}
#adminListTable th {
background: #0a3e51;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0a3e51), to(#575758));
background: -webkit-linear-gradient(#0a3e51, #575758);
background: -moz-linear-gradient(#0a3e51, #575758);
background: -ms-linear-gradient(#0a3e51, #575758);
background: -o-linear-gradient(#0a3e51, #575758);
background: linear-gradient(#0a3e51, #575758);
-pie-background: linear-gradient(#0a3e51, #575758);
font-weight: 300;
padding: 5px;
font-size: 12px;
}
#adminBox #adminListTable thead td,
#adminListTable thead td {
background-color: #EBEBEB;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 5px;
text-align: center;
}
#adminBox #adminListTable tbody td,
#adminListTable tbody td {
background-color: #ffffff;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 5px;
vertical-align: middle;
}
#adminListTable a {
color: #20bfe9;
}
#adminFormOption #adminListTable strong {
color: #333333 !important;
font-size: 12px;
font-style: normal;
font-weight: 700;
letter-spacing: 0px;
text-transform: none;
text-shadow: none;
line-height: 12px;
}
#saveText .buttonAction {
background: #f79627 url(https://cdn.tsgsmartsite.com/images/admin/bg_fade_white_to_transparent.png) repeat-x top left;
/*background: #f9a93b;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9a93b), to(#f79627));
background: -webkit-linear-gradient(#f9a93b, #f79627);
background: -moz-linear-gradient(#f9a93b, #f79627);
background: -ms-linear-gradient(#f9a93b, #f79627);
background: -o-linear-gradient(#f9a93b, #f79627);
background: linear-gradient(#f9a93b, #f79627);
-pie-background: linear-gradient(#f9a93b, #f79627);*/
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 15px 25px 15px 25px;
text-align: center;
color: #FFFFFF;
font-size: 20px;
border: 1px solid #FFFFFF;
font-weight: bold;
margin: 0px;
text-shadow: 0px -1px #0aa3cb;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
float: right;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
#saveText .buttonAction:hover {
text-shadow: 0px -2px #FFFFFF;
color: #666666;
background-color: #EBEBEB;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
/*background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EBEBEB));
background: -webkit-linear-gradient(#FFFFFF, #EBEBEB);
background: -moz-linear-gradient(#FFFFFF, #EBEBEB);
background: -ms-linear-gradient(#FFFFFF, #EBEBEB);
background: -o-linear-gradient(#FFFFFF, #EBEBEB);
background: linear-gradient(#FFFFFF, #EBEBEB);
-pie-background: linear-gradient(#FFFFFF, #EBEBEB);*/
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
.columnHeader {
background: #333 url(https://cdn.tsgsmartsite.com/images/admin/bg_fade_white_to_transparent.png) repeat-x top left;
color: #FFF;
padding: 4px;
font-size: 14px;
}
/* NEW STYLES ADDED DEC 2013 BY WES */
#adminBox input, #adminBox select
{
font-family: 'Oxygen', sans-serif;
font-weight: 300;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: #000000 0px -2px 2px;
-moz-box-shadow: #000000 0px -2px 2px;
box-shadow: 0px -2px 2px #000000;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
#adminBox .buttonAction, #adminBox .buttonLarge
{
font-family: 'Oxygen', sans-serif;
padding: 5px;
margin: 0px 0px 10px 0px;
text-align: center;
background: #20bfe9;
color: #FFFFFF;
font-size: 14px;
border: 1px solid #FFFFFF;
font-weight: 300;
text-shadow: 0px -1px #0aa3cb;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: #000000 0px 0px 2px;
-moz-box-shadow: #000000 0px 0px 2px;
box-shadow: 0px 0px 2px #000000;
position: relative;
}
#adminBox .buttonLarge , #adminBox .buttonAction
{
font-size: 20px;
padding: 10px;
text-shadow: none;
margin-right: 10px;
min-width: 100px;
}
#adminBox .buttonLarge:hover , #adminBox .buttonAction:hover
{
font-size: 20px;
padding: 10px;
text-shadow: none;
background: #CCCCCC;
}
#adminBox input[type="radio"], #adminBox input[type="number"], #adminBox input[type="checkbox"], #adminBox select {
box-shadow: none;
}
.buttonAction,
.buttonLarge {
font-family: 'Oxygen', sans-serif;
font-weight: 300;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: #000000 0px -2px 2px;
-moz-box-shadow: #000000 0px -2px 2px;
box-shadow: 0px -2px 2px #000000;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
#saveText .buttonAction, #saveText .buttonLarge
{
font-family: 'Oxygen', sans-serif;
padding: 10px;
margin: 0px 30px 10px 0px;
text-align: center;
background: #20bfe9;
color: #FFFFFF;
font-size: 20px;
border: 1px solid #FFFFFF;
font-weight: 300;
text-shadow: 0px -1px #0aa3cb;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: #000000 0px 0px 2px;
-moz-box-shadow: #000000 0px 0px 2px;
box-shadow: 0px 0px 2px #000000;
position: relative;
}
.bPopupButton
{
text-decoration: none !important;
font-weight: 300;
}
#adminBox h1,
#adminBox h2,
#adminBox strong {
font-family: 'Oxygen', sans-serif;
font-weight: 300;
letter-spacing: 1px;
}
#adminListTable strong {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
}
#adminBoxFieldsetTexture {
float: left;
width: 840px;
padding: 50px 30px 20px 30px;
background: url(https://cdn.tsgsmartsite.com/images/admin/bg_admin_box_fade_top.png) no-repeat top left;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
.warning {
background: #9e2a38 url(https://cdn.tsgsmartsite.com/images/admin/bg_fade_white_to_transparent.png) repeat-x top left;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-shadow: #0aa3cb 0px 1px 0px;
padding: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
letter-spacing: 1px;
-webkit-box-shadow: #000000 0px -2px 2px;
-moz-box-shadow: #000000 0px -2px 2px;
box-shadow: 0px -2px 2px #000000;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
.alertWarningIcon {
position: relative;
top: -5px;
left: 0px;
float: left;
margin: 0px 10px 0px 0px;
}
.buttonActionSmall {
background-color: #20bfe9;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
text-align: center;
color: #FFFFFF;
font-size: 12px;
border: 1px solid #FFFFFF;
font-weight: 300;
margin: 0px;
text-shadow: none;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
.buttonActionSmall:hover {
color: #666666;
background-color: #EBEBEB;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
}
.photoThumbAdminClick {
background: #EBEBEB url(https://cdn.tsgsmartsite.com/images/admin/bg_fade_white_to_transparent.png) repeat-x top left;
padding: 4px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #FFFFFF;
margin: 10px;
box-shadow: 0px -1px #000000;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
.photoThumbAdminClick:hover {
background-color: #f79627;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
position: relative;
/* PIE */
behavior: url(/PIE.php);
}
#adminBox table td {
color: #333333 !important;
vertical-align: top;
}
#adminBoxFieldset table td a {
color: #20bfe9;
}
#adminLoadingImage {
width: 32px;
vertical-align: middle;
margin-right: 10px;
}
#imageMessage {
display: none;
font-size: 16px;
padding-left: 50px;
background-image: url(https://cdn.tsgsmartsite.com/images/common/error.png);
background-repeat: no-repeat;
background-position: left center;
min-height: 50px;
}
#subnavLayeredContainer {
float: left;
position: fixed;
top: 250px;
z-index: 98;
left: -290px;
width: 336px;
}
#subnavLayered {
width: 250px;
text-align: left;
line-height: 24px;
margin-bottom: 0px;
padding: 20px;
margin-top: 10px;
border-right: 1px solid #EBEBEB;
float: left;
margin-left: 0px;
background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#e9e9e9));
background: -webkit-linear-gradient(#FFFFFF, #e9e9e9);
background: -moz-linear-gradient(#FFFFFF, #e9e9e9);
background: -ms-linear-gradient(#FFFFFF, #e9e9e9);
background: -o-linear-gradient(#FFFFFF, #e9e9e9);
background: linear-gradient(#FFFFFF, #e9e9e9);
-pie-background: linear-gradient(#FFFFFF, #e9e9e9);
-moz-border-radius: 0px 0px 10px 0px;
-webkit-border-radius: 0px 10px 0px 0px;
border-radius: 0px 0px 10px 0px;
height: 50%;
position: relative;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
#subnavLayeredButton {
position: absolute;
top: 43px;
right: 0px;
margin-top: 10px;
width: 50px;
height: 400px;
}
#subnavLayeredButton a {
display: block;
}
#subnavLayered.adminPageOrder,
#subnavLayered.adminMetaDataTracking {
z-index: 98;
overflow-x: hidden;
}
.loginBox {
width: 400px;
margin: 100px auto 0px auto;
}
#adminPageOrderButton {
width: 125px;
padding: 15px 5px 5px 5px;
margin: 0px 0px 0px 0px;
text-align: center;
background: #20bfe9;
/*background: #0aa3cb;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0aa3cb), to(#D98627));
background: -webkit-linear-gradient(#0aa3cb, #D98627);
background: -moz-linear-gradient(#0aa3cb, #D98627);
background: -ms-linear-gradient(#0aa3cb, #D98627);
background: -o-linear-gradient(#0aa3cb, #D98627);
background: linear-gradient(#0aa3cb, #D98627);
-pie-background: linear-gradient(#0aa3cb, #D98627);*/
color: #FFFFFF;
font-size: 15px;
border: 1px solid #FFFFFF;
font-weight: bold;
text-shadow: 1px 1px #000;
-moz-border-radius: 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;
-webkit-box-shadow: #CCCCCC 0px 2px 2px;
-moz-box-shadow: #CCCCCC 0px 2px 2px;
box-shadow: 0px 2px 2px #000000;
position: relative;
behavior: url(/PIE.php);
}
#adminPageOrderButton:hover {
background: #0aa3cb;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0aa3cb), to(#da8525));
background: -webkit-linear-gradient(#0aa3cb, #da8525);
background: -moz-linear-gradient(#0aa3cb, #da8525);
background: -ms-linear-gradient(#0aa3cb, #da8525);
background: -o-linear-gradient(#0aa3cb, #da8525);
background: linear-gradient(#0aa3cb, #da8525);
-pie-background: linear-gradient(#0aa3cb, #da8525);
position: relative;
behavior: url(/PIE.php);
}
#adminPageOrderButton img {
height: 20px;
width: 20px;
vertical-align: middle;
position: relative;
top: -1px;
border: 0;
margin-right: 5px;
}
a#adminPageOrderButtonLink {
-webkit-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
position: relative;
top: 48px;
/*left:-49px;*/
}
#adminSectionDataButton {
width: 125px;
padding: 15px 5px 5px 5px;
margin: 0px 0px 0px 0px;
text-align: center;
background: #20bfe9;
/* background: #AAA9A8;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#AAA9A8), to(#A9A4A0));
background: -webkit-linear-gradient(#AAA9A8, #A9A4A0);
background: -moz-linear-gradient(#AAA9A8, #A9A4A0);
background: -ms-linear-gradient(#AAA9A8, #A9A4A0);
background: -o-linear-gradient(#AAA9A8, #A9A4A0);
background: linear-gradient(#AAA9A8, #A9A4A0);
-pie-background: linear-gradient(#AAA9A8, #A9A4A0);*/
color: #FFFFFF;
font-size: 15px;
border: 1px solid #FFFFFF;
font-weight: bold;
text-shadow: 1px 1px #000;
-moz-border-radius: 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;
-webkit-box-shadow: #CCCCCC 0px 2px 2px;
-moz-box-shadow: #CCCCCC 0px 2px 2px;
box-shadow: 0px 2px 2px #000000;
position: relative;
behavior: url(/PIE.php);
}
#adminSectionDataButton:hover {
background: #0aa3cb;
}
#adminSectionDataButton img {
height: 20px;
width: 20px;
vertical-align: middle;
position: relative;
top: -1px;
border: 0;
margin-right: 5px;
}
a#adminSectionDataButtonLink {
-webkit-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
position: relative;
top: 145px;
left: 0px;
}
/** ADD EVENT **/
.addEventColumn {
width: 100%;
}
.addEventItem {
display: block;
}
.third {
display: inline-block;
width: 30%;
}
#eventMessage.error {
display: block;
text-align: center;
margin: 20px auto;
height: 50px;
line-height: 50px;
text-align: center;
}
#eventMessage.success {
display: block;
text-align: center;
margin: 20px auto;
height: 50px;
line-height: 50px;
text-align: center;
}
#eventMessage h3 {
margin: 0;
padding: 0px 0px 10px 0px;
}
/** END ADD EVENT **/
table {
/*
border: 0px;
border-collapse: collapse; */
}
/*
tr
{
border-bottom: 1px solid #CCCCCC;
}
*/
.donation-no-results {
display: block;
text-align: center;
width: 100%;
box-sizing: border-box;
padding: 4px;
font-weight: 700;
font-size: 15px;
}
.action-link {
font-size: 13px;
width: 100%;
}
#donationsList {
width: 100%;
color: #000;
}
table#donationsList th {
background-color: #4d5971;
font-weight: 300;
padding: 5px;
font-size: 12px;
color: #FFFFFF;
vertical-align: middle;
text-align: center;
}
table#donationsList {
font-size: 13px;
}
table#donationsList td {
padding: 10px;
text-align: left;
vertical-align: top;
border-right: 1px solid #CCCCCC;
}
.TDClassOdd {
background: #FFFFFF;
}
.TDClassEven {
background: #EBEBEB;
}
#adminFormOption img.project-main-photo {
max-width: 100%;
box-shadow: 0px 0px 5px #000000;
margin-top: -50px;
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid #FFFFFF;
}
#adminFormOption .mce-tinymce.small iframe {
height: auto !important;
}
#adminFormOption p.additional-photos-message {
background-image: url(/images/design/no-image-icon.png);
height: 400px;
background-size: 35%;
background-repeat: no-repeat;
background-position-x: 45%;
color: #FFFFFF;
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 18px;
text-align: center;
padding-top: 32%;
margin-top: 35px;
}
#adminFormOption #project-additional-photos {} #adminFormOption .project-photo-wrapper {
background: #FFFFFF;
width: 20%;
text-align: center;
border-radius: 5px;
margin-right: 5%;
height: 100px;
float: left;
box-shadow: 0px 0px 5px #000000;
position: relative;
margin-bottom: 20px;
cursor: move;
}
#adminFormOption .project-photo-wrapper img {
max-height: 100%;
max-width: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
}
#adminFormOption .project-photo-wrapper img.error {
max-height: 100%;
max-width: 100%;
position: relative;
top: 50%;
transform: translateY(10%);
}
#adminFormOption .project-photo-wrapper p {
font-size: 12px;
margin: 10px 0px 0px 0px;
}
#adminFormOption .project-photo-wrapper.loading img {
width: 50%;
}
.project-photo-delete {
display: none;
position: absolute;
top: 5px;
right: 5px;
background: #EBEBEB;
border-radius: 500px;
padding: 2px 5px;
cursor: pointer;
z-index: 99;
color: #f7a11a;
font-size: 12px;
font-weight: 700;
box-shadow: 0px 0px 2px #000000;
text-align: center;
}
#btn-add-project-photo {
margin-left: 10px;
position: relative;
top: -2px;
}
table#projectsList td {
vertical-align: middle;
}
table#projectsList td,
table#projectsList th {
padding-left: 10px;
}
#projectsListCategory th
{
text-align: left;
}
table#projectsList td:first-child {
padding-left: 40px;
}
table#projectsList td p {
margin: 0;
}
table#projectsList .drag-handle {
left: 10px;
top: 50%;
transform: translateY(-50%);
}
table#projectsList td {
border-bottom: 1px solid #EBEBEB;
border-right: 1px solid #EBEBEB;
}
#projectsFilter {
float: right;
width: 375px;
}
#category-listing h2 {
float: left;
margin: 10px 0px;
}
#category-actions {
margin: 15px 0px;
text-align: left;
width: 50%;
}
#category-actions input[type=text] {
width: 50%;
}
#category-actions .buttonActionSmall {
padding: 10px;
position: relative;
top: -2px;
}
#category-listing table td,
#category-listing table th {
padding: 8px 5px;
}
#category-listing table tbody td:first-child {
position: relative;
}
#category-listing table tbody td:nth-child(2) { position:relative; }
#category-listing table tbody tr:nth-child(even) {
background: #EBEBEB;
}
/* PROJECT CATEGORIES SORT */
table#projectsListCategory td {
vertical-align: middle;
}
table#projectsListCategory td,
table#projectsListCategory th {
padding-left: 10px;
}
table#projectsListCategory td:first-child {
padding-left: 40px;
}
table#projectsListCategory td p {
margin: 0;
}
table#projectsListCategory .drag-handle {
left: 10px;
top: 50%;
transform: translateY(-50%);
}
table#projectsListCategory td {
border-bottom: 1px solid #EBEBEB;
border-right: 1px solid #EBEBEB;
}
/* END OF PROJECT CATEGORIES SORT*/
.dataTables_length,
.dataTables_filter {
padding-top: 0px;
margin-bottom: 0px;
}
.dataTables_filter input[type=search] {
padding: 7px;
}
#category-listing #category-confirmations {
padding: 5px;
border-radius: 5px;
margin-bottom: 10px;
color: #FFFFFF;
font-weight: 700;
display: none;
}
#category-listing #category-confirmations.success {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #04B404), color-stop(1, #088A08));
background: -moz-linear-gradient(top, #04B404 5%, #088A08 100%);
background: -webkit-linear-gradient(top, #04B404 5%, #088A08 100%);
background: -o-linear-gradient(top, #04B404 5%, #088A08 100%);
background: -ms-linear-gradient(top, #04B404 5%, #088A08 100%);
background: linear-gradient(to bottom, #04B404 5%, #088A08 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#04B404', endColorstr='088A08', GradientType=0);
background-color: #088A08;
}
#category-listing #category-confirmations.error {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DF0101), color-stop(1, #B40404));
background: -moz-linear-gradient(top, #DF0101 5%, #B40404 100%);
background: -webkit-linear-gradient(top, #DF0101 5%, #B40404 100%);
background: -o-linear-gradient(top, #DF0101 5%, #B40404 100%);
background: -ms-linear-gradient(top, #DF0101 5%, #B40404 100%);
background: linear-gradient(to bottom, #DF0101 5%, #B40404 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DF0101', endColorstr='B40404', GradientType=0);
background-color: #B40404;
}
#edit-category {
position: absolute;
top: 0;
left: 0;
}
img.partner-logo {
margin-top: 20px;
width: 200px;
}
table#projectsList img.partner-logo {
width: 150px;
border-radius: 5px;
}
#data_labels {
width: 49%;
margin-left: 1%;
}
.drag-handle-icon {
height: 15px;
}
#data_point {
padding-left: 15px;
margin-left: -15px;
}
.legends {
float: left;
width: 100%;
background-color: #ffffff;
padding: 2% 0px;
margin-bottom: 15px;
}
#adminFooter {
clear: both;
margin-top: 50px;
text-align: center;
padding: 10px;
position: relative;
top: 10px;
color: #AFAFAF;
}
#adminFooter a
{
color: #efbb80 !important;
text-decoration: none;
}
#password-requirements-div
{
position: relative;
left: 300px;
top: -200px;
background-color: #f0a124;
color: #EBEBEB;
padding: 10px;
border-radius: 15px;
width: 250px;
}
.password-requirements
{
float: right;
width: 20px;
}
.password-requirements.fa-times
{
color: #ff0000;
}
.password-requirements.fa-check
{
color: #008000;
}
.disabled
{
text-shadow: none !important;
background: #CCCCCC !important;
color: #666666 !important;
}
option
{
/*background-color: #5c5c5d;*/
background-color: #FFFFFF;
}
#dialog-text option {
background-color: white;
}
.dataTable ul {
list-style-type: none;
padding-left: 20px;
margin: 0px;
}
.relatedProductListing {
background: #20bfe9;
position: relative;
float: left;
width: 132px;
min-height: 200px;
margin: 0px 5px 10px 0px;
border: 1px solid #FFFFFF;
padding: 4px;
}
.relatedProductListingImage {
padding-bottom: 10px;
width: 132px;
height: 100px;
}
.relatedProductListingImage .product-listing-image{
padding: 33% 0;
}
.relatedProductListing h1 {
font-size: 16px !important;
}
.relatedProductListing a {
position: absolute;
bottom: 5px;
right: 5px;
}
.character-count-limit {
margin: 0;
padding-top: 5px;
font-size: 12px;
}
.character-count-limit span { display:inline-block; padding:0px 10px 0px 5px; }
.content-toggle.active, ul#adminNavULPageContent li a.content-toggle.active { color:#FFF; opacity:1.0; }
.page-actions { padding:10px 0px 10px 4%; }
#formActionConfirmation input[type=submit].adminEditButton { width:auto; }
.ui-dialog-titlebar { background:#20bfe9; color:#FFF; font-family:'Oxygen', sans-serif; font-size:16px; }
#addEditSubscriber { display:none; }
#addEditSubscriber { padding:0; }
.fa-level-up.subcategory {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.active
{
color: #FFF !important;
opacity:1.0 !important;
}
#newOrdersNumber {
position: relative;
right: -35px;
display: inline-block;
width: 30px;
padding: 0px;
background-color: #FFFFFF;
color: #20bfe9;
text-align: center;
border-radius: 100%;
box-shadow: #000000 0px -1px 0px;
}
/* START REPORT DASHBOARD */
.thirdScreen
{
width: 30%;
float: left;
margin-right: 1%;
margin-bottom: 15px;
margin-top: 15px;
min-width: 270px;
}
.thirdScreen .paddedDiv
{
padding: 10px;
box-shadow: 0px 0px 5px #000000;
}
.WebsiteActivityDashboardComponent
{
background: rgba(255,255,255,0.15);
padding: 5px;
border-radius: 10px;
}
.WebsiteActivityDashboardComponent strong
{
font-size: 14px !important;
font-style: normal;
font-weight: 300;
letter-spacing: 0px;
line-height: 19px;
}
.WebsiteActivityDashboardComponent h2
{
font-size: 18px !important;
}
@media screen and (max-width: 1115px){
.thirdScreen
{
width: 47%;
float: left;
margin-right: 3%;
margin-bottom: 15px;
margin-top: 15px;
min-width: 270px;
}
ul#adminNavUL li
{
margin: 10px 0px 0px 0px;
font-family: 'Oxygen', sans-serif;
font-size: 16px;
}
ul#adminNavUL li a
{
font-size: 16px;
line-height: 1.4;
padding: 5px;
letter-spacing: 0px;
}
li#adminNavUL li a.adminlink
{
background: none !important;
}
#newOrdersNumber
{
right: -10px;
}
}
/* END REPORT DASHBOARD */
#facebookStatus { display:inline-block; margin-left:20px; }
#btnFacebookLogin { display:none; margin-left: 10px; position: relative; top: 5px; }
#btnFacebookLogout { display:none; text-decoration:none; }
.social_media_option.disabled { background:none !important; opacity:0.5; }
/* tsgtip container */
.tsgtooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted #ebebeb;
padding: 8px 0px 0px 0px;
}
/* tsgTooltip text */
.tsgtooltip .tsgtiptext {
visibility: hidden;
width: 345px;
background-color: #20bfe9;
color: #fff;
text-align: left;
padding: 10px;
border-radius: 6px;
/* Position the tsgtip text */
position: absolute;
z-index: 1;
top: -20px;
left: 105%;
}
.tsgtooltip:hover .tsgtiptext {
visibility: visible;
}
.tsgtooltip .tsgtiptext::after {
content: " ";
position: absolute;
top: 50%;
right: 100%; /* To the left of the tooltip */
margin-top: -10px;
border-width: 10px;
border-style: solid;
border-color: transparent #20bfe9 transparent transparent;
}
/* START CROPPIE STYLES */
.cr-slider::-webkit-slider-thumb {
background-color: #20bfe9 !important;
}
/* END CROPPIE STYLES */
/* START DRAG & DROP UPLOAD STYLES */
div#dragDropFiles,
div.dragDropFiles {
width: 350px;
height: 350px;
border-top: 2px dotted #AEAEAE;
border-left: 2px dotted #AEAEAE;
border-right: 2px dotted #CCCCCC;
border-bottom: 2px dotted #CCCCCC;
border-radius: 15px;
text-align: center;
display: table;
position: relative;
}
div#dragDropFiles div,
div.dragDropFiles div {
vertical-align: middle;
display: table-cell;
}
div#dragDropFiles input,
div.dragDropFiles input {
position: absolute;
margin-top: -37px;
margin-left: -77px;
width: 40%;
opacity: 0;
}
div#dragDropFiles label,
div.dragDropFiles label {
background: #ebebeb;
font-weight: normal;
color: #666666;
border-top: 1px solid #AEAEAE;
border-left: 1px solid #AEAEAE;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
margin: auto;
padding: 6px;
display: block;
width: 40%;
}
/* END DRAG & DROP UPLOAD STYLES */
.dialog-button:active {
background: #20bfe9 !important;
border: 1px solid #ff9b3a !important;
}
.dialog-button:focus {
outline: none;
}
/* NEWS LEAD PHOTO STYLES */
#leadPhotoDiv
{
float: left;
}
.leadPhotoCurrent
{
float: left;
}
#leadPhotoRmBtn
{
float: left;
top: 14px;
left: 0px;
}
#LEADPHOTO{
display: none;
}
#photoOptionsContainer, #selectedPhotoDiv{
overflow: hidden;
}
#photoOptionsContainer > button.buttonAction, #photoOptionsContainer p{
width: 90%;
margin: 0px;
text-align: center;
}
#selectedPhotoDiv .cmsImage{
height: 100px;
width: 175px;
object-fit: cover;
}
.stockPhotoDialog{
min-width: 900px;
}
.stockPhotoDialog .ui-dialog-titlebar-close{
display: none;
}
.stockPhotoDialogBody{
background: #194d60 url(https://cdn.tsgsmartsite.com/images/admin/site-design-bg-smartsitebiz.jpg?v=1.1) no-repeat top right !important;
height: 80vh !important;
}
.stockPhotoDialogBody #adminBox{
border: none;
font-size: 16px;
position: relative;
width: auto;
height: auto;
min-height: unset;
padding-bottom: 0;
}
.stockPhotoDialog .ui-dialog-buttonset .buttonAction{
font-size: 20px;
padding: 10px;
min-width: 100px;
font-family: 'Oxygen', sans-serif;
margin: 5px 5px 0px 5px;
text-align: center;
background: #20bfe9;
color: #FFFFFF;
border: 1px solid #FFFFFF;
font-weight: 300;
border-radius: 0px;
box-shadow: 0px 0px 2px #000000;
position: relative;
}
#stockPhotosContainer{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding-top: 1em;
max-height: 70vh;
overflow-y: auto;
}
.stockPhoto{
border: 3px solid #FFFFFF;
border-radius: 1em;
cursor: pointer;
height: 175px;
margin: 1em;
object-fit: cover;
transition: box-shadow 0.5s;
width: 250px;
}
.stockPhoto:not(.selected):hover{
box-shadow: 0px 0px 20px 5px #000000;
}
.stockPhoto.selected{
box-shadow: 0px 0px 20px 5px #FFFFFF;
}
/* END OF NEWS LEAD PHOTO STYLES */
input[type=text],input[type=submit],select,textarea,button {
-webkit-appearance: none !important;
}
#adminMainDiv .questionnaireSelectContainer .fa-star {
color: #20bfe9 !important;
}
.tsgInternal {
display:inline-block;
margin-left:5px;
}
/* SOCIAL MEDIA SETTINGS */
#mediaMenu
{
float: left;
margin-top: 25px;
padding-bottom: 15px;
width: 100%;
}
ul#mediaNavContent
{
margin-top: 0px;
/* margin-left: -10px; */
margin-bottom: 0px;
list-style: none;
padding: 10px 0px 7px 0px;
width: 100%;
border-bottom: 1px solid #EBEBEB;
float: left;
clear: both;
}
ul#mediaNavContent li
{
float: left;
padding: 0px;
margin: 0px 3px 0px 0px;
font-family: 'Oxygen', sans-serif;
font-size: 20px;
line-height: 1.4;
font-weight: 700;
color: #20bfe9 !important;
text-decoration: none;
}
ul#mediaNavContent li a
{
font-family: 'Oxygen', sans-serif;
font-size: 18px;
line-height: 1.4;
font-weight: 700;
color: #FFFFFF !important;
/*text-shadow: 0px 1px 0px #858585;*/
text-decoration: none !important;
/* text-shadow: #000000 0px -1px 0px; */
padding: 10px;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
letter-spacing: 1px;
background: none;
position: relative;
}
ul#mediaNavContent li a:hover
{
background: #858585;
}
ul#mediaNavContent li a.socialMediaSettingsHighlight
{
background: #20bfe9;
}
.IN-widget button {
font-size: 13px!important;
height: 30px!important;
line-height: 0px!important;
padding: 3px 8px!important;
}
.IN-widget button xdoor-icon {
margin-left: 0px!important;
vertical-align: middle!important;
}
.adminSocialMedia {
transform: scale(1.5);
float: left;
margin-left: 17px;
}
/* END SOCIAL MEDIA SETTINGS */
input[type=checkbox].needsApplied
{
padding: 4px;
background: red;
}
.needsApplied
{
border: 2px solid red !important;
}
dialog{
background: #194d60 url(https://cdn.tsgsmartsite.com/images/admin/site-design-bg-smartsitebiz.jpg?v=1.1) no-repeat top right;
}
dialog::backdrop{
background: rgba(0, 0, 0, 0.3);
}
@media print {
#adminBox {
width: 100% !important;
background: #ffffff !important;
}
.tsg-print {
display: none;
}
#adminFormOption {
color: #000000 !important;
}
#adminFormOption p {
color: #000000 !important;
}
}
#techemailContainer #techEmailList.adminTable.dataTable th
{
color: #EBEBEB !important;
}
ul#membershipCenterNavUL {
display: none;
width: calc(100% - 30px);
height: 100%;
padding: 10px 0px;
position: fixed;
top: 125px;
right: 0;
background: #20bfe9;
}