in footer (only one right now) */
text-align: center;
background: #556;
color: #fff
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #fff;
color: #445;
border-top: 1px solid #055da7;
padding: 1px
width: 150px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #d8d7d7;
border: 1px solid #055da7;
color: #000;
padding: 1px
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #77c;
padding: 2px 0px 0px 2px
}
/* Combo boxes (menus that display months/years for direct selection) */
.combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #def;
color: #000;
font-size: smaller
}
.combo .label {
width: 100%;
text-align: center
}
.combo .hilite {
background: #acf
}
.combo .active {
border-top: 1px solid #46a;
border-bottom: 1px solid #46a;
background: #eef;
font-weight: bold
}
/* ------new note classes------ */
.note_tab{
position: fixed;
right: -60px;
top: 35%;
display: none;
border-top: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;
border-left: 1px solid #D7D7D7;
z-index: 2002;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
-moz-box-shadow: -2px 2px 5px 0 #9C9C9C;
-webkit-box-shadow: -2px 2px 5px 0 #9C9C9C;
box-shadow: -2px 2px 5px 0 #9C9C9C;
background: #E7E7E7;
background: -ms-linear-gradient(top, #E7E7E7, #D2D2D2);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#E7E7E7), to(#D2D2D2));
background: -webkit-linear-gradient(top, #E7E7E7, #D2D2D2);
background: -o-linear-gradient(top, #E7E7E7, #D2D2D2);
background: linear-gradient(top, #E7E7E7, #D2D2D2);
background: -moz-linear-gradient(top, #E7E7E7, #D2D2D2);
background-repeat: repeat-x;
cursor: pointer;
}
.note_tab_active{
background: #FFFFFF;
background: -ms-linear-gradient(top, #F4F4F4, #FFFFFF);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#F4F4F4), to(#FFFFFF));
background: -webkit-linear-gradient(top, #F4F4F4, #FFFFFF);
background: -o-linear-gradient(top, #F4F4F4, #FFFFFF);
background: linear-gradient(top, #F4F4F4, #FFFFFF);
background: -moz-linear-gradient(top, #F4F4F4, #FFFFFF);
background-repeat: repeat-x;
}
.ie7 .note_tab, .ie8 .note_tab {
position: fixed;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand');
}
.ie9 .note_tab{
-ms-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#F4F4F4', endColorstr='#FFFFFF', GradientType=0);
}
.note_tab closed{
height: auto;
}
.note_inner{
padding: 15px 20px 15px 20px;
white-space:nowrap;
font-size: 16px;
margin: 0px;
}
.note_wedge{
position: fixed;
display: none;
height: 75%;
width: 8px;
right: 253px;
background: #FFFFFF;
z-index: 2003;
}
.notesframe_div{
width: 0px;
height: 75%;
background: #FFFFFF;
border: 1px solid #D7D7D7;
padding: 10px 0 10px 10px;
position: fixed;
right: 0;
display: none;
z-index: 2001;
-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
box-shadow: 2px 2px 5px 0 #9C9C9C;
}
.loghistory_by {
margin-top: 2px;
padding: 4px;
background: #f5f5f5;
border-radius: 4px;
display: inline-block;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
}
.loghistory_body {
margin-top: 2px;
padding: 5px;
border-bottom: 1px #EEEEEE solid;
padding: 8px 0 20px 0;
margin: 0 20px 20px 20px;
-moz-box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
-webkit-box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
}
/* ------modal classes------ */
.mwindiv
{
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 70px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
z-index: 55454545;
margin-top: 0 !important;
text-align: center;
}
.mwindiv_content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0px;
width: 61%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
display: inline-block;
}
.mwindiv_content.modalstatic {
width: auto;
}
.mwindiv_content.modalstatic .mwindiv_in {
margin: 20px 0px 10px 0px;
}
.mwindiv_content.modalstatic .details {
width:100%;
max-width: 800px;
}
.mwindiv_content.modalstatic .details td{
display: block;
text-align: left;
background: #FFFFFF;
}
.mwindiv_content.modalstatic .details td span{
display: block;
font-weight:bold;
padding: 5px 0px;
}
.mwindiv_content.modalstatic .details .modalhidden{
display: none;
}
.mwindiv_content.modalstatic .details .Data1, .mwindiv_content.modalstatic .details .Data2 {
padding: 8px 20px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.mwin_title {
color: #000000;
padding: 20px 20px 10px 20px;
border-bottom: 1px solid #f1f1f1;
font-size: 26px;
text-align: left;
vertical-align: middle;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.mwin_title span.mwinname {
font-size: 26px;
margin-right: 25px;
}
.mwin_close {
font-size: 35px;
color: #cccdcd;
float: right;
font-weight: normal;
margin-top: -3px;
webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
transition: all 100ms linear;
cursor: pointer;
}
.mwin_close:hover,
.mwin_close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
transition: all 100ms linear;
}
.mwindiv_confirm {
display:none;
border:2px #DFDFDF solid;
margin:20px;
padding:100px 0 100px 0;
font-size: 12pt;
font-weight:bold;
text-align:center
}
.mwindiv_in
{
display:none;
}
.mwin_frame
{
height:0px;
width:900px;
display:none;
}
#mwin_frame {
max-height: 700px;
box-sizing: border-box;
}
.lightdiv {
display:none;
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
background:#6D6D6D;
opacity:0.7;
filter:alpha(opacity=70);
text-align:center
}
.lightdiv2 {
opacity:0.8;
filter:alpha(opacity=80);
}
.lightdiv3 {
opacity:0.9;
filter:alpha(opacity=90);
}
.blocked {
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.99); /* Black w/ opacity */
}
/* ------recent classes------ */
#rv_container{
background:#FFFFFF;
float:right;
width:200px;
height:100%;
border:1px #DFDFDF solid;
display:none;
}
.mru_content {
padding:0px;
margin:0px;
list-style-type: none;
}
.mru_content li{
background: #FFFFFF;
text-decoration:none;
white-space: nowrap;
overflow:hidden;
padding:4px 2px 4px 2px;
display:block;
border:1px #FFFFFF solid;
clear:both;
}
.mru_content li:hover{
background: #F1F1F1;
text-decoration:none;
padding:4px 2px 4px 2px;
border:1px #DFDFDF solid;
cursor:pointer;
}
.mru_content li a{
color:#000000;
text-decoration:none;
display:block;
width:100%;
}
.mru_content li a:hover{
color:#000000;
text-decoration:none;
display:block;
width:100%;
}
/* ------advanced search status template drop classes------ */
table.asearch , table.asearchbottom {
width: 825px;
}
.row_cell select , .asearch select {
width: 100%;
}
.row_cell input {
width: 88%;
}
.SubModal {
background: #cfe6f1;
font-size:13px;
font-weight: bold;
color: #333;
text-align: left;
padding: 4px 6px 4px 6px;
border-top: 1px #ffffff solid;
border-bottom: 1px #cccccc solid;
border-left: 1px #ffffff solid;
border-right: 1px #cccccc solid;
color: #02447e;
background-color: #cfe6f1;
background: -ms-linear-gradient(top, #cfe6f1, #cfe6f1);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#cfe6f1), to(#cfe6f1));
background: -webkit-linear-gradient(top, #cfe6f1, #cfe6f1);
background: -o-linear-gradient(top, #cfe6f1, #cfe6f1);
background: linear-gradient(top, #cfe6f1, #cfe6f1);
background: -moz-linear-gradient(top, #cfe6f1, #cfe6f1);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cfe6f1', endColorstr='#cfe6f1', GradientType=0);
}
.row_cell td {
padding: 5px;
box-sizing: border-box;
}
.Modal .Button {
float: left
}
.acategory , .astatus , .asearch {
max-width: 275px;
min-width: 275px;
width: 275px;
box-sizing: border-box;
}
.row_selector {
min-width:65px;
max-width: 65px;
width: 65px;
box-sizing: border-box;
}
.row_commonfields {
min-width: 180px;
max-width: 180px;
width: 180px;
box-sizing: border-box;
}
.row_field {
min-width: 180px;
max-width: 180px;
width: 180px;
box-sizing: border-box;
}
.row_matching {
min-width: 110px;
max-width: 110px;
width: 110px;
box-sizing: border-box;
}
.row_searchterm {
min-width: 220px;
max-width: 220px;
width: 220px;
box-sizing: border-box;
}
.row_button {
min-width: 38px;
max-width: 75px;
width: 38px;
box-sizing: border-box;
}
.search_nav{
position: relative;
list-style-type: none;
margin: 0px;
padding: 0px;
width:100%;
}
.search_nav li{
float: left;
cursor: pointer;
position: relative;
width:100%;
}
.search_nav li a span{
margin: 7px 0 0 4px;
}
.search_nav li.hover a{
color: black;
}
.search_nav ul{
display: none;
overflow:auto;
overflow-x:hidden;
position: absolute;
top: 100%;
width:300px;
/*max-height:90%;*/
padding: 5px 0;
margin: 0 0 0 -8px;
list-style: none;
background: #FFFFFF;
border: 1px solid #ccc;
text-decoration:none;
-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
box-shadow: 2px 2px 5px 0 #9C9C9C;
z-index:1000;
}
.search_nav ul li{
font-weight: normal;
float: none;
color: #323335;
padding: 2px 5px 2px 5px;
border: none;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
width: 98%;
}
.search_nav li:hover > ul{
display:block;
}
.loptionbar {
padding:5px 5px 0 5px;
position:relative;
display:block;
border-bottom: 1px #D7D7D7 solid;
}
.search_fields, .sortdiv, .listcombodiv{
display:inline-block;
margin: 0 0 5px 0;
white-space:nowrap;
float: right;
}
.search_fields .searchtext {
border-radius: 4px 0px 0px 4px;
padding-right: 20px;
width:500px;
max-width:500px;
}
.search_fields .RadioContainer {
float: left;
margin-top: 5px;
}
.search_fields input[type=checkbox] {
margin-left: 0 !important;
}
.searchadditional {
width: 150px;
display: inline-block;
padding: 6px 15px 0 0;
}
.showallbutton {
cursor:pointer;
float:right;
padding:4px;
margin: 1px 0 0 -40px;
position:relative;
z-index:1000
}
.showallbutton i {
color:#999;
}
#searchoptionscontainer {
position:relative;
display:inline-block;
}
#searchoptionscontainer input{
vertical-align: middle;
}
.search_dropdown {
list-style-type: none;
margin: 0px;
padding: 0px;
display:inline-block;
}
.search_dropdown li {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
background-color: #FFF;
border: 1px solid #CCC;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
padding: 4px 6px;
font-size: 14px;
color: #222;
border-radius: 3px;
float: left;
margin: 0 4px 0 0;
line-height:20px;
font-size: 14px;
cursor: pointer;
}
.search_dropdown li label{
cursor: pointer;
}
.search_dropdown li a{
font-size: 13px;
color: #222;
text-decoration: none;
padding: 8px;
}
.search_dropdown li a span{
margin: 7px 0 0 4px;
}
.search_dropdown li:last-child a{
border-right: none;
}
.search_dropdown li:hover{
color: #000;
background: #F1F1F1;
border-right: 1px #EAEAEA solid;
}
.search_dropdown li.hover a{
color: #000;
}
.search_dropdown ul {
visibility: hidden;
position: absolute;
top: auto;
min-width: 160px;
padding: 5px 0;
margin: 1px 0 0 -8px;
white-space:nowrap;
list-style: none;
background: #FFFFFF;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-decoration:none;
-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
box-shadow: 2px 2px 5px 0 #9C9C9C;
z-index:1000;
overflow: auto;
overflow-x: hidden;
max-width: 350px;
}
.search_dropdown li ul li{
float: none;
color: #323335;
padding: 2px 5px 2px 5px;
border: 0px none #FFF;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
transition: initial;
}
.search_dropdown li ul li a{
border-right: none;
font-size: 13px;
border: 1px #FFFFFF solid;
display: inline-block;
padding: 3px 4px 3px 6px;
}
.search_dropdown li ul li a:hover{
border-right: none;
display: inline-block;
border: 1px #efefef solid;
background: #efefef;
}
.search_dropdown li ul li:hover{
background: transparent;
border: none;
}
.search_dropdown ul li ul{
left: 158px;
top: 0;
}
.search_dropdown li:hover > ul{
visibility: visible;
}
.searchoptions_dropdown {
position:absolute;
left:0;
top: 100%;
z-index:99;
display:none;
background:#FFFFFF;
padding:5px 7px 5px 7px;
margin: 1px 0 0 0;
white-space:nowrap;
background: #FFFFFF;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-decoration:none;
-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
box-shadow: 2px 2px 5px 0 #9C9C9C;
z-index:3000 !important;
}
.filter_dropdown {
display:inline-block;
line-height:20px;
padding:4px 0 0 4px
}
.filter_dropdown #container_save{
display:none;
position: absolute;
z-index:1000;
padding:4px;
background:#FFFFFF;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-decoration:none;
-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
box-shadow: 2px 2px 5px 0 #9C9C9C;
}
.filter_dropdown:hover > #container_save{
display:block;
}
.arrow-down {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
margin: 6px 0 0 0;
}
.folder_obj{
clear:both;
height:16px;
white-space: nowrap;
width:1000px;
}
.hidetext, .hide {
display: none !important;
}
.uploadtext {
position:fixed;
float:right;
display:none;
color: #fff;
background:#bdbdbd;
padding:2px;
font-weight:bold;
}
.dbox{
-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
box-shadow: 2px 2px 5px 0 #9C9C9C;
}
.progressstatusbar {
margin: 0 0 10px 0;
}
.statuscontaineroff {
float: left;
width: 75px;
background-image: url(/images/status-off.png);
background-repeat: no-repeat;
background-position: center top;
margin-right: 5px;
}
.statuscontaineron {
float: left;
width: 75px;
background-image: url(/images/status-on.png);
background-repeat: no-repeat;
background-position: center top;
margin-right: 5px;
}
.statusnumber {
font-family: arial,helvetica,sans-serif;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
height: 65px;
padding: 25px 0 0 0;
}
.statustitle {
font-family: arial,helvetica,sans-serif;
font-size: 11.5px;
font-weight: normal;
color: #333333;
text-align: center;
}
.error_msg_container{
margin:0 0 20px 0;
background: #F9DDDD;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
position: relative;
padding: 15px;
border:1px #E7C2C7 solid;
border-radius: 7px 7px 7px 7px;
}
.error_msg_container span{
color:#B94A48;
font-size:16px;
padding:2px 0 0 0;
display:inline-block
}
.error_msg_container ul{
font-size:13px;
padding:0 0 0 30px;
}
.error_msg_container ul li{
margin:0 0 3px 0;
}
.success_msg_container {
background-color: #dff0d8;
display:none;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
border:1px #d6e9c6 solid;
}
.success_msg_container span{
color: #468847;
display:inline-block
}
.container_dotted
{
border:1px #D7D7D7 dotted;
padding:10px 15px;
margin:0 20px 20px 0;
display:inline-block;
vertical-align:top;
}
.container_flex {
display: flex;
flex-wrap: wrap;
}
.container_flex > .flexAddressBox {
flex-basis: 20%;
min-width: 25%;
}
.jconfirm-holder {
text-align: left;
}
#address_container, .address_container{
display:block;
cursor:pointer;
}
.address_container {
margin: 15px 0;
}
#address_container:hover, .address_container:hover{
text-decoration:underline;
}
span.text-help {
border-bottom: 1px dotted #000000;
padding: 0px;
margin-top: -10px;
cursor: pointer;
}
div.text-help, #map_container{
text-align:left;
position: absolute;
display: none;
z-index: 3120 !important;
background: #FFFFFF;
border: 1px #CCCCCC solid;
-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
box-shadow: 2px 2px 5px 0 #9C9C9C;
overflow: auto;
font-weight: normal;
margin: -1px 0 0 0;
}
.help-options {
background: #F1F1F1;
}
.help-options ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.help-options ul li:hover {
background: #FFFFFF;
}
.help-options ul li {
padding: 4px 6px 4px 6px;
border-top:1px #FFFFFF solid;
border-right:1px #CCCCCC solid;
border-bottom: 1px #CCCCCC solid;
border-left:1px #FFFFFF solid;
float:left;
min-width: 64px;
cursor: pointer
}
.help-options ul li i {
margin-right: 5px;
}
.help-content, .map-content {
background: #FFFFFF;
color: #000000;
padding: 8px;
max-width: 352px;
min-width: 58px;
z-index: 202 !important;
}
span.text-help div.text-help{
display: none;
}
span.text-help:hover > div.text-help{
top:14px;
opacity: 1;
display: block;
}
div.ajaxLookUpContainer
{
position: relative;
height: 100%;
/*display: block;*/
}
div.ajaxLookUpResult
{
position: absolute;
left: 0;
top: 0;
display: none;
background: #FFFFFF
}
div.event-prev
{
position: absolute;
display: none;
z-index: 200;
left: 0;
top: 0;
background: #FFFFFF;
width: 250px;
padding: 0px;
border: 0px solid #FFFFFF;
overflow: auto;
font-weight: normal;
}
div.result-help
{
position: absolute;
left: 0;
top: 0;
z-index: 99;
display: none;
background: #FFFFFF;
width: 210px;
padding: 8px;
border: 1px solid #000000;
overflow: auto;
font-weight: normal;
}
.developer_box {
position:absolute;
top:24px;
right:24px;
background:#FFFFFF;
color:#FFFFFF;
padding: 0px 10px 10px 10px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-moz-box-shadow:2px 4px 4px 0 #000000;
-webkit-box-shadow:2px 4px 4px 0 #000000;
box-shadow:2px 4px 4px 0 #000000;
white-space:nowrap;
}
.developer_box img {
float:left;
margin:2px 5px 10px 0;
}
.developer_box span {
font-size:14px;
font-weight:bold;
float:none;
}
.developer_box p {
font-size:11px;
margin:0px;
padding:0px;
}
#cal-item
{
list-style: none;
padding: 0;
margin: 0;
}
#cal-item li
{
float: left;
margin: 1 0px;
width: 100%;
border:#999999 solid 1px;
}
#cal-item li a
{
width: 100%;
padding: 0 2px 0 2px;
display: block;
text-decoration: none;
}
#imgPreviewWithStyles {
background: #222;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
padding: 1px;
z-index: 999;
border: none;
}
.resetwidth {
/*[if IE]*/
min-width:auto;
max-width:auto;
/*[endif]*/
min-width:initial;
max-width:initial;
width:auto;
}
.resetwidthfixed {
min-width:100%;
max-width:100%;
width:100%;
}
.breadcrumb{
margin: -10px 0 0 0;
padding:0 0 10px 0;
}
.breadcrumb2{
margin: 0 0 0 0;
padding:10px 0 10px 0;
}
#ui-datepicker-div {z-index:3110 !important;}
button.ui-datepicker-close {display:none !important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {margin-left: 35% !important;color:#222222 !important;}
.ssCheckBoxContainer {
display: inline-block;
padding: 5px 0 0 0;
}
.ssCheckBoxDiv {
display:table-cell;
vertical-align:top;
padding: 5px 3px;
}
.ssCheckBoxDiv label {
padding: 0px;
display: inline;
width: 90% !important;
vertical-align: top;
}
.ssCheckBoxDiv input {
vertical-align: middle;
}
.fieldContentDiv .ssCheckBoxDiv {
display: inline-block;
}
#slider {
margin-top: 7px;
}
#slider label {
position: absolute;
width: 20px;
margin-left: -15px;
text-align: center;
margin-top: 10px;
left: 46%;
}
#slider label:first-of-type {
left: 13px;
}
#slider label:last-child {
left: auto;
right: 4px;
}
/* loading div*/
.loadingSplash {
width:100%;height:100%;top:0;left:0;position:absolute;background:#FFFFFF;z-index:200;opacity:0.8;filter:alpha(opacity=80);text-align:center
}
.loadingSplash div {
font-size:16pt;font-weight:bold;color:#697F39;
}
.loadingSplash span {
font-size:12pt;font-weight:bold;color:#697F39
}
div.filterblk {
display:block;width:100%;
}
div.filterblk div {
display:inline-block;padding:1px;
}
div.filterblk div.rightblk {
float:right;
}
.versiondiffdiv {
position: absolute;
top: 65px;
border: 1px solid #CCC;
padding: 15px 25px 15px 15px;
background: white;
display: none;
}
.versiondiffdiv div.closebutton {
position: absolute;
top: 2px;
right: 8px;
cursor: pointer;
color: #797979;
}
.colorSelector div {
width: 22px;
height: 22px;
background: url(/jquery/color/images/selectg28.png) center;
}
.Bold {
font-weight: bold;
}
.ajaxLookupSpan {
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
border-radius: 5px;
padding: 6px 8px 2px 8px;
margin: 3px 6px 3px 0px;
display:inline-block;
max-width: 300px;
background: #F4F4F4;
color: #757575;
cursor: default;
}
.ajaxLookupSpanInline:first-of-type {
margin: 0px 6px 3px 6px;
}
.ajaxLookupSpanInline {
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
border-radius: 5px;
padding: 6px 8px 2px 8px;
margin: 0px 6px 3px 0px;
display:inline-block;
max-width: 300px;
background: #EEEEEE;
color: #777777;
cursor: default;
}
.ajaxLookupSpan:hover, .ajaxLookupSpanInline:hover {
background: #EAEAEA;
color: #777777;
}
.ajaxLookupSpan > span:first-child, .ajaxLookupSpanInline > span:first-child {
display: inline-block;
width: calc(100% - 18px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 500;
}
.ajaxLookupSpan > span.fa-close, .ajaxLookupSpanInline > span.fa-close {
margin: 1px 0px 0px 7px;
float: right;
cursor: pointer;
color: #B5B5B5;
font-size: 14px;
}
.ajaxLookupSpan > span.fa-close:hover, .ajaxLookupSpanInline > span.fa-close:hover {
color: #858585;
}
.l-container{
background:#FFFFFF;
}
#placeholder{
font-size:14px;
padding-top:6px;
padding-bottom:6px;
background:transparent;
min-width:1px;
border:transparent;
display:inline-block;
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
}
#chkbtnbar{
display:inline-block;
}
textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border-top: 1px solid #ABADB3;
border-right: 1px solid #DBDFE6;
border-bottom: 1px solid #E3E9EF;
border-left: 1px solid #E2E3EA;
padding:2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
padding: 4px;
color: black;
}
table.Data .ssCheckBoxDiv input + label {
top: 0;
}
.searchoptions_dropdown #searchfield {
max-width: 180px !important;
}
.searchoptions_dropdown {
z-index: 3000;
}
.option_bar_in .btn-group {
left:18px;
}
.btn-group {
display:inline-block;
}
.btn-group div{
display:inline-block;
}
.btn-group a, a[name="iconbutton"] {
color: #FFFFFF;
}
#quicksearchbutton {
float:left;margin:0px 4px 2px 0px;
}
.delButton{
cursor:pointer;
float:right;
font-size: 12px !important;
display:none !important;
padding:0px 5px !important;
margin:-3px 0 !important;
color: #7F7F7F !important;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
background-color: #FFFFFF !important;
background: -ms-linear-gradient(top, #FFFFFF, #D7D7D7) !important;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D7D7D7)) !important;
background: -webkit-linear-gradient(top, #FFFFFF, #D7D7D7) !important;
background: -o-linear-gradient(top, #FFFFFF@, #D7D7D7) !important;
background: linear-gradient(top, #FFFFFF, #D7D7D7) !important;
background: -moz-linear-gradient(top, #FFFFFF, #D7D7D7) !important;
background-repeat: repeat-x;
border: 1px solid #B2B2B2 !important;
border-color: #B2B2B2 !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#fieldlist, .fieldlist, #fielddisplay, ul[id^="fielddisplay"]{
padding:0px;
margin:0px;
list-style-type: none;
}
#fielddisplay li, #fieldlist li, .fieldlist li, ul[id^="fielddisplay"] li {
padding:6px 4px;
margin: 2px;
border:1px #ffffff solid;
vertical-align:middle;
}
#fielddisplay li:hover, #fieldlist li:hover, ul[id^="fielddisplay"] li:hover , .fieldlist li:hover {
cursor: pointer;
border:1px #D7D7D7 solid;
background: #EEEEEE;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#fielddisplay li:hover > .delButton, ul[id^="fielddisplay"] li:hover > .delButton, div.includecaption:hover > .delButton{
display:block !important;
}
#prof_customfields{
margin: 0 0 15px 0;
}
/* annotation colour styles */
.annotateon {
border: 1px dashed #fe8181;
background: #ffd5d5;
}
th.Form.annotateon {
border: 1px dashed #fe8181;
border-right: 0;
background: #ffd5d5;
}
td.Form.annotateon {
border-left: 0;
border-top: 1px dashed #fe8181;
border-bottom: 1px dashed #fe8181;
border-right: 1px dashed #fe8181;
background: #ffd5d5;
}
td.Form.annotateon:only-child {
border-left: 1px dashed #fe8181;
}
th.FormTop.annotateon {
background: #ffd5d5;
border: 1px dashed #fe8181;
}
.annotateon .FormInstructions {
background: #fdc4c4;
border-bottom: 0;
}
th.Form.annotateon .FormInstructions {
background: #fdc4c4 !important;
border: 0;
}
/* inline annotation styles */
.notifyjs-container table {
border-collapse:separate;
border-spacing: 0px 6px;
}
.notifyjs-container p {
font-size: 15px;
line-height: 150%;
margin: 0 0 5px 0;
padding: 10px 10px 10px 10px;
background: rgba(255, 255, 255, 0.6);
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}
.notifyjs-container span.Description {
display: block;
font-size: 12px;
text-align: right;
font-weight: normal;
padding: 5px 5px 5px 5px;
width: 100%;
line-height: 150%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.notifyjs-container div > div.Form {
padding: 10px 10px 5px 10px;
margin-bottom: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}
.annopanel {
padding: 10px 10px 5px 10px;
margin-bottom: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
word-break:break-word;
word-wrap:break-word;
-ms-word-wrap:break-word;
filter:none;
padding-bottom:10px;
padding-top:10px;
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}
.annopanel p {
font-size: 15px;
line-height: 150%;
margin: 0 0 5px 0;
padding: 10px 10px 10px 10px;
background: rgba(255, 255, 255, 0.6);
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}
.annopanel span.Description {
display: block;
font-size: 12px;
text-align: right;
font-weight: normal;
padding: 5px 5px 0px 5px;
width: 100%;
line-height: 150%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
TD.Sub {
padding: 3px 2px 1px 4px;
}
#editdiv {
display: none;
position: absolute;
margin: 0 auto;
left: 0;
font-size: 14px;
text-align: center;
width: inherit;
border: 1px solid #bebebe;
box-sizing: border-box;
background: #fff;
-moz-box-shadow: 2px 2px 5px 0 #b8b8b8;
-webkit-box-shadow: 2px 2px 5px 0 #b8b8b8;
box-shadow: 2px 2px 5px 0 #9C9C9C;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
z-index: 1000;
}
#editdivtitle_container{
font-size: 18px;
text-align: left;
border-bottom: 1px solid #f1f1f1;
}
#editdivtitle{
display:inline-block;
padding: 8px;
}
#editdivpanel {
padding: 8px;
}
#editdiv select {
width: 300px;
}
#editdiv input {
width: 300px;
}
#close{
padding: 8px;
font-size: 18px;
color: #cccdcd;
float: right;
font-weight: normal;
margin-top: -3px;
webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
transition: all 100ms linear;
cursor: pointer;
}
/* invitations */
.invitetable {
margin-bottom: 15px;
width: 98%;
}
.invitetable .Data1 {
width: 20%;
padding: 8px;
box-sizing: border-box;
}
.invitetable th.Sub {
padding: 6px;
}
.invitetable tr:last-child > .Data1 {
border-bottom: 0;
}
.invitetable select, .invitetable input[type="text"]:not(.form-control), .invitetable input[type="email"] {
width: 80%;
}
.invitetable .Btnwrap > button {
margin-top: 10px;
}
.invitetable td.cancel {
width: 60px;
padding-left: 10px;
text-align: center;
}
/* new status monitor */
ul.progressstatusbar {
font-size: 0;
margin: 0;
padding-left: 0;
cursor: default;
white-space: initial;
display: inline-block;
}
ul.progressstatusbar li {
display:inline-block;
font-size: 15px;
width: 25%;
position: relative;
padding-right: 20px;
width: auto;
margin: 0 0 15px 3px;
padding-bottom: 7px;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
transition: all 100ms linear;
white-space: normal;
}
ul.progressstatusbar li span.bar {
display: inline-block !important;
margin-top: 5px;
box-sizing: border-box;
padding: 5px;
display: block;
width: 100%;
min-height: 5px;
text-align: center;
padding-right: 20px;
}
ul.progressstatusbar li p {
float: left;
margin: 5px 0;
margin-top: 4px;
margin-bottom: 0;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
span.number {
float: left;
font-size: 15px;
border-radius: 0.8em;
-moz-border-radius: 0.8em;
-webkit-border-radius: 0.8em;
display: inline-block;
line-height: 1.6em;
margin-right: 5px;
text-align: center;
width: 25px;
}
ul.progressstatusbar li div.info {
display: none;
position: absolute;
padding: 8px;
margin: 0 auto;
left: 0;
right: 0;
top: 40px;
font-size: 14px;
line-height: 20px;
text-align: center;
width: inherit;
border: 1px solid #bebebe;
box-sizing: border-box;
background: #fff;
z-index: 1000;
}
div.info:after,
div.info:before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
div.info:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 7px;
left: 50%;
margin-left: -4px;
}
div.info:before {
border-color: rgba(190, 190, 190, 0);
border-bottom-color: #bebebe;
border-width: 8px;
left:50%;
margin-left: -5px;
}
ul.progressstatusbar li:hover div.info {
display: block;
}
ul.progressstatusbar li:hover div.info:empty {
display: none;
}
/* inactive */
ul.progressstatusbar li.active {
color: #f26722;
border-bottom: 4px solid #f26722;
}
ul.progressstatusbar li.notactive {
border-bottom: 4px solid #bebebe;
}
ul.progressstatusbar li.active span.bar {
background-color: #f26722;
transform: skewX(-28deg);
}
ul.progressstatusbar li.active span.number {
background: #f26722;
color: #ffffff;
}
ul.progressstatusbar li.active p {
float: left;
margin-top: 4px;
margin-bottom: 0;
max-width: 100%;
width: auto;
white-space: nowrap;
overflow: none;
}
/* active */
ul.progressstatusbar li {
color: #bebebe;
}
ul.progressstatusbar li span.bar {
background-color: #bebebe;
transform: skewX(-30deg);
}
span.number {
background: #bebebe;
color: #ffffff;
}
ul.progressstatusbar li:first-of-type > span.number {
margin-left: 0;
}
ul.progressstatusbar li:first-of-type span.bar::before {
content: "";
background-color: #bebebe;
font-weight: bold;
height: 10px;
width: 15px;
position: absolute;
left: -3px;
skew: 0;
transform: skewX(28deg);
top: 0px;
}
ul.progressstatusbar li.active:first-of-type span.bar::before {
content: "";
background-color: #f26722;
font-weight: bold;
height: 10px;
width: 15px;
position: absolute;
left: -4px;
skew: 0;
transform: skewX(28deg);
top: 0px;
}
.btn-group.mediaplayer > .btn, .btn-group.mobilesearch > .btn, .buttonToggle {
background: #f4f4f4 !important;
border: 1px solid #ccc !important;
outline: 0;
}
.btn-group.mediaplayer > .btn .fa, .btn-group.mobilesearch > .btn .fa, .buttonToggle {
color: #f26722 !important;
}
.btn-group.mediaplayer > .btn.active, .btn-group.mobilesearch > .btn.active, .buttonToggle.active {
background-color: #f26722 !important;
background: -ms-linear-gradient(top, #f6762b, #f26722);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6762b), to(#f26722));
background: -webkit-linear-gradient(top, #f6762b, #f26722);
background: -o-linear-gradient(top, #f6762b, #f26722);
background: linear-gradient(top, #f6762b, #f26722);
background: -moz-linear-gradient(top, #f6762b, #f26722);
background-repeat: repeat-x;
border: 1px solid #f26722;
border-color: #f26722;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-group.mediaplayer > .btn.active .fa, .btn-group.mobilesearch > .btn.active .fa, .buttonToggle.active {
color: #FFFFFF !important;
}
.exporttranslation_in {
background: #FFFFFF;
clear: both;
border: 1px #CCCCCC solid;
margin: 0px;
padding: 10px 20px;
z-index: 100;
}
.exporttrans {
display: block;
text-align: center;
font-size: 16px;
}
/* XML Styling */
/* Table Formatting */
.xml {
padding: 20px;
text-align: left;
}
.xml.small {
width: 900px;
}
.xml.medium {
width: 1200px;
}
.xml.large {
width: 1600px;
}
.xml table {
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
.xml table td {
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
}
/* global input styles */
textarea.noresize {
resize: none;
}
.xml input , .xml select , .xml textarea, .xml .datepickclass {
border: 1px solid #e8e8e8;
box-sizing: border-box;
}
.xml .datepickclass {
border: 1px solid #e8e8e8 !important;
background-color: #ffffff !important;
min-width: 100px;
padding-right: 20px;
}
.xml input , .xml select {
height: 30px !important;
}
.xml input[readonly] , .xml textarea[readonly] , .xml select[readonly] {
border: 0;
box-shadow: none;
-webkit-box-shadow: none;
background-color: #f1f1f1;
}
.xml input[readonly]:focus , .xml textarea[readonly]:focus , .xml select[readonly]:focus {
border: 0;
box-shadow: none;
-webkit-box-shadow: none;
background-color: #f1f1f1;
}
.xml input[disabled] , .xml textarea[disabled] , .xml select[disabled] {
border: 0;
box-shadow: none;
-webkit-box-shadow: none;
}
/* hide content */
.hidden {
display: none !important;
}
.xml .hideinput input {
display: none;
}
/* Logo and Instructions */
.xml .logo {
display: inline-block;
margin-top: 15px;
margin-bottom: 15px;
}
.xml .logo img {
display: inline-block !important;
}
.xml .title {
font-size: 25px;
font-weight: bold;
padding-bottom: 5px;
color: #f1f1f0;
}
.xml .information_msg_container {
background-color: #d9edf7;
border: 1px #bce8f1 solid;
font-size: 14px;
padding: 8px;
margin: 10px 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
box-sizing: border-box;
}
.xml .information_msg_container span{
font-size: 14px;
color: #31708f;
}
/* Title Bar Styles */
.xmlTitleBar {
background-color: #f1f1f0;
font-size: 18px;
font-weight: normal;
padding: 8px;
color: #044d8a;
text-align: left;
width: 100%;
box-sizing: border-box;
}
.xmlHead {
font-size:14px;
font-weight: bold;
color: #333;
padding: 4px 6px 4px 6px;
color: #02447e;
background-color: #cfe6f1;
background: -ms-linear-gradient(top, #cfe6f1, #cfe6f1);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#cfe6f1), to(#cfe6f1));
background: -webkit-linear-gradient(top, #cfe6f1, #cfe6f1);
background: -o-linear-gradient(top, #cfe6f1, #cfe6f1);
background: linear-gradient(top, #cfe6f1, #cfe6f1);
background: -moz-linear-gradient(top, #cfe6f1, #cfe6f1);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cfe6f1', endColorstr='#cfe6f1', GradientType=0);
position:relative;
}
.xmlLabel {
font-size:14px;
color: #333;
padding: 4px 6px 4px 6px;
border-bottom: 1px solid #f1f1f1;
box-sizing: border-box;
}
.xmlHidden {
display: none;
}
/* setting up columns */
.xmlCell {
width: 210px;
padding-left: 10px;
border-bottom: 1px solid #f1f1f1;
box-sizing: border-box;
}
.xmlCell.medium {
min-width: 280px;
max-width: 280px;
width: 280px;
}
.xmlCell.medium input, .xmlCell.medium select , .xmlCell.medium textarea {
width: 260px;
}
.xmlCell.large {
min-width: 380px;
max-width: 380px;
width: 380px;
}
.xmlCell.large input , .xmlCell.large select , .xmlCell.large textarea {
width: 350px;
}
.xmlCell input:not(.xmlXSmall):not(.xmlSmall):not(.xmlMedium):not(.xmlLarge):not(.xmlXLarge) {
width: 180px;
}
.xmlCell select:not(.xmlXSmall):not(.xmlSmall):not(.xmlMedium):not(.xmlLarge):not(.xmlXLarge) {
width: 180px;
}
.xmlCell textarea:not(.xmlXSmall):not(.xmlSmall):not(.xmlMedium):not(.xmlLarge):not(.xmlXLarge) {
width: 180px;
}
.xmlTotal {
background-color: #f1f1f1;
font-weight: bold;
}
.xmlTotal input {
font-weight: bold;
}
.xmlXSmall {
width: 74px;
}
.xmlSmall {s
width: 100px;
}
.xmlMedium {
width: 188px;
}
.xmlLarge {
width: 300px;
}
.xmlXLarge {
width: 320px;
}
/* Alignment */
.leftAlign {
text-align: left;
}
.centerAlign {
text-align: center;
}
.rightAlign {
text-align: right;
}
/*------------------- bootstrap tooltip -------------------*/
.text-help + .tooltip.bottom .tooltip-arrow {
border-bottom-color: #999999;
}
.text-help + .tooltip > .tooltip-inner {
background-color: #ffffff;
color:#000000;
font-size: 12px;
-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
box-shadow: 2px 2px 5px 0 #9C9C9C;
padding:8px;
}
.text-help + .tooltip > .tooltip-inner {
border: 1px #999999 solid;
white-space: normal;
}
i.text-help {
color: #999999;
vertical-align: top;
margin: 3px 0 0 5px;
}
i.text-help:hover {
color: #f26722;
}
.fieldContentDiv input[type=checkbox] + i.text-help{
margin: 9px 0;
}
.Data1 i, .Data2 i {
padding-left: 2px;
padding-right: 2px;
margin: 1px 0px 0px 0px;
}
.tooltip {
position: absolute;
z-index: 3111;
display: block;
padding: 5px 5px 0 5px;
font-size: 11px;
visibility: visible;
}
.tooltip.top {
margin-top: -3px;
}
.tooltip.right {
margin-left: 3px;
}
.tooltip.bottom {
margin-top: 3px;
}
.tooltip.left {
margin-left: -3px;
}
.tooltip-inner {
width:auto;
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: left;
text-decoration: none;
background-color: #333333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
word-wrap: break-word;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-color: #333333;
border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-right-color: #333333;
border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-left-color: #333333;
border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-bottom-color: #333333;
border-width: 0 5px 5px;
}
.notifyjs-bootstrap-error span {
margin-right: 7px;
}
.notifyjs-bootstrap-error span:after{
font-size: 12px;
font-family: FontAwesome;
position: absolute;
top: -3px;
color: #B94A48;
content: "\f00d";
padding-left: 6px;
}
.headercontainer {
display:table;
width:100%;
}
.headerlabelcontainer {
display:table-cell;
}
.headersortcontainer {
vertical-align:middle;
display:table-cell;
padding: 0px 0 0 6px;
}
.headersortcontainer i {
float:right;
margin:0 0 0 6px;
color:#000000;
}
#navdiv, .navdiv {
float:right;
margin:0 0 0 10px
}
#navdiv .pagesizediv select {
border-top: 1px solid #ABADB3;
border-right: 1px solid #DBDFE6;
border-bottom: 1px solid #E3E9EF;
border-left: 1px solid #E2E3EA;
}
.search_fields #searchoptionscontainer {
float: left;
}
#temstadiv {
display: inline-block;
vertical-align: middle;
z-index: 3000;
}
#temstadiv ul.search_dropdown li {
font-size: 12px;
border-radius: 2px;
padding:2px 2px 1px 2px;
}
.systable {
padding-top: 1px;
border-top: 1px solid #d7d7d7;
}
.container.sys {
padding-top: 10px;
}
.container.sys .object_name {
font-size: 18px;
color: #FFFFFF;
margin: 0 20px;
padding: 5px 0 0 0;
}
.container.sys .object_name > span {
font-size: 18px;
}
.container.sys .list_container {
margin-top: 15px;
border-bottom: 1px #EEEEEE solid;
padding: 0px 0px 9px 0;
margin: 15px 20px 25px 20px;
-moz-box-shadow: inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
-webkit-box-shadow: inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
box-shadow: inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
}
.container.sys .list_container tr:last-child > td {
border-bottom: 0;
}
.container.sys td {
vertical-align: top;
padding: 8px;
}
.container.sys th {
padding: 4px 8px 4px 8px;
line-height: 150%;
}
.container.sys .parentid {
width: 5%;
min-width: 66px;
}
.container.sys .parentname {
width: 10%;
min-width: 91px;
}
p.systitle {
font-size: 17px;
margin-bottom: 1px;
padding-bottom: 4px;
}
.systable {
padding-top: 1px;
border-top: 1px solid #d7d7d7;
}
/*
.container.sys .id {
width: 4%;
min-width: 74px;
}
*/
.container.sys .name {
width: 25%;
}
.container.sys .summaries {
width: 55%;
}
.container.sys .field {
font-weight: bold;
}
.container.sys .hightlight_term {
color: #de0000;
}
ul.checkboxList {
list-style-type: none;
padding-left: 0;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.headeroptions {
padding:5px
}
.emulate {
font-size: 14px;
position: fixed;
/* center the element */
right: 0;
left: 0;
min-width: 300px;
width: 300px;
margin-right: auto;
margin-left: auto;
z-index: 999;
}
.emulate #batchUpdateDiv , .emulate #reconnectDiv {
position: relative;
padding:10px 40px 10px 20px;
color: #000;
background: -moz-linear-gradient(top, #fff 0%, #d7d7d7 200px, #d7d7d7 100%);
background: -webkit-linear-gradient(top, #fff 0%,#d7d7d7 200px,#d7d7d7 100%);
background: -o-linear-gradient(top, #fff 0%,#d7d7d7 200px,#d7d7d7 100%);
background: -ms-linear-gradient(top, #fff 0%,#d7d7d7 200px,#d7d7d7 100%);
background: linear-gradient(top, #fff 0%,#d7d7d7 200px,#d7d7d7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#d7d7d7');/*For IE7-8-9*/
-webkit-box-shadow: -4px 1px 31px -4px rgba(0,0,0,0.21);
-moz-box-shadow: -4px 1px 31px -4px rgba(0,0,0,0.21);
box-shadow: -4px 1px 31px -4px rgba(0,0,0,0.21);
box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #f26722;
border-top:none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.topbar.message {
display: inline-block;
background: #eb940b;
border-bottom: 0;
width: auto;
min-width: 300px;
padding-bottom: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.topbar.message > div {
display: inline-block;
font-size: 12px;
font-weight: bold;
color: #fff;
padding: 5px 10px 3px 10px;
border-right: 1px solid #fff;
}
.topbar.message > div:only-child {
border-right: 0;
}
.topbar.message > div.viewing {
border-right: 0;
}
.topbar.message > div span {
font-weight: normal;
}
.topbar.message div.icon {
display: inline-block;
background: #eb940b;
color: #fff;
margin-right: 3px;
}
.topbar.message div.icon .fa {
padding: 5px 0 0 2px;
}
#batchUpdateDiv, #reconnectDiv {
width: 300px !important;
margin: 0 auto;
}
#batchUpdateDiv .closesharescreen {
border-radius: 50%;
width: 21px;
height: 21px;
margin-top: -8px;
position: absolute;
top: 12px;
right: -3px;
}
.ssInputDiv {
height: auto;
width: 100%;
border: 1px solid #515151;
}
table.yui-uploader-table .Data1 , table.yui-uploader-table .Data2 {
background-color: transparent;
background: transparent;
}
.ssRadioContainer > div {
float: left;
}
.ssRadioContainer > div > input {
float: left;
}
.ssRadioContainer > div > label {
vertical-align: sub;
float: left;
}
span.progressbarcell {
position: absolute;
text-align: center;
background-color: #ffffff;
}
div.progressbar {
border: 1px solid #cccccc;
}
div.progressbar > div {
width: 0;
padding: 7px 0;
text-align: center;
color: #ffffff;
background-color: #009900;
}
.toggleButtonGroup {
display: inline-block;
float: right;
}
/* ssUploadedFileList */
div.ssUploadedFileList {
margin: 20px 0;
clear: both;
}
div.ssUploadedFileList > button.faButton {
margin-left: 0;
}
div.ssUploadedFileList > ul {
margin-top: 15px;
padding-left: 0;
font-size: 14px;
column-width: 350px;
column-gap: 0;
list-style-type: none;
}
div.ssUploadedFileList > ul > li {
display: inline-block;
width: 98%;
margin: 2px;
background-color: #ffffff;
border: 1px solid #e4e4e4;
}
div.ssUploadedFileList-checkbox, div.ssUploadedFileList-checkbox2, div.ssUploadedFileList > ul > li > span, div.ssUploadedFileList > ul > li > span.renamebuttons {
display: inline-block;
padding-top: 8px !important;
padding-bottom: 6px !important;
vertical-align: middle;
white-space: nowrap;
pd4ml-display: block;
}
div.ssUploadedFileList-checkbox, div.ssUploadedFileList-checkbox2 {
padding: 10px 5px 8px 5px !important;
background-color: #f5f5f5;
pd4ml-visibility: hidden;
pd4ml-display: none;
}
div.ssUploadedFileList-checkbox:hover {
background-color: #e5e5e5;
cursor: pointer;
}
div.ssUploadedFileList-checkbox2:hover {
background-color: #e5e5e5;
cursor: default;
}
div.ssUploadedFileList-checkbox > input[type="checkbox"], div.ssUploadedFileList-checkbox > input[type="checkbox"] + span, div.ssUploadedFileList-checkbox2 > input[type="checkbox"], div.ssUploadedFileList-checkbox2 > input[type="checkbox"] + span {
display: none;
}
div.ssUploadedFileList-checkbox > input[type='checkbox'] + span + label {
display: inline-block;
height: 20px;
width: 20px;
margin: 0 0 0 5px;
padding: 5px;
font-size: large;
font-weight: normal;
color: #000000;
transition: transform 0.1s ease;
cursor: pointer;
}
div.ssUploadedFileList-checkbox2 > input[type='checkbox'] + span + label {
display: inline-block;
height: 20px;
width: 20px;
margin: 0 0 0 5px;
padding: 5px;
font-size: large;
font-weight: normal;
color: #000000;
transition: transform 0.1s ease;
cursor: default;
}
div.ssUploadedFileList-checkbox > input[type="checkbox"] + span + label.rotate, div.ssUploadedFileList-checkbox2 > input[type="checkbox"] + span + label.rotate {
transform: scale(0,1);
}
div.ssUploadedFileList-checkbox > label.fa-file-archive-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-audio-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-code-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-excel-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-image-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-pdf-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-powerpoint-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-text-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-video-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-word-o::before,
div.ssUploadedFileList-checkbox > label.fa-sticky-note-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-archive-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-audio-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-code-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-excel-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-image-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-pdf-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-powerpoint-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-text-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-video-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-word-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-sticky-note-o::before {
background-color: #ffffff;
border-top-right-radius: 10px;
}
div.ssUploadedFileList-checkbox > label.fa-folder::before, div.ssUploadedFileList-checkbox2 > label.fa-folder::before {
color: #ffffff;
margin-left: -2px;
}
div.ssUploadedFileList-checkbox > label.fa-folder::after, div.ssUploadedFileList-checkbox2 > label.fa-folder::after {
content: "\f114";
margin-left: -16px;
}
div.ssUploadedFileList-checkbox > label.fa-check {
left: -1px;
}
span.ssUploadedFileList-details, div.ssUploadedFileList > ul > li > span.renamespan {
padding-top: 6px !important;
}
span.ssUploadedFileList-details > span {
display: block;
padding: 0 3px 0 8px;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
color: #000000;
}
div.ssUploadedFileList > ul > li > span.renamespan {
padding: 0 3px 0 8px;
}
div.ssUploadedFileList > ul > li > span.renamespan > span {
display: block;
padding: 0 3px 0 0;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
color: #000000;
}
span.ssUploadedFileList-details > span:first-child, div.ssUploadedFileList > ul > li > span.renamespan > span:first-child {
font-size: 14px;
font-weight: bold;
color: #f26722;
}
span.ssUploadedFileList-details > span:first-child > a {
white-space: nowrap;
font-weight: bold;
text-decoration: none;
}
span.ssUploadedFileList-details > span:first-child > a:hover, div.ssUploadedFileList-options > span:hover, div.ssUploadedFileList > ul > li > span.renamebuttons > span:hover {
cursor: pointer;
}
span.ssUploadedFileList-details > span:first-child > a:hover, div.ssUploadedFileList-options > span:hover > i , div.ssUploadedFileList > ul > li > span.renamebuttons > span:hover > i {
color: #f26722;
}
span.ssUploadedFileList-details > span:nth-child(2), div.ssUploadedFileList > ul > li > span.renamespan > span:nth-child(2) {
margin-top: 3px;
white-space: nowrap;
font-size: 11px;
}
div.ssUploadedFileList > ul > li > span.renamespan > input {
margin-top: -2px;
}
div.ssUploadedFileList > ul > li > span.renamebuttons {
padding-right: 10px !important;
}
div.ssUploadedFileList-options {
display: inline-block;
}
div.ssUploadedFileList-options > span, div.ssUploadedFileList > ul > li > span.renamebuttons > span, div.ssUploadedFileList > ul > li > span.renamebuttons > a {
display: inline-block;
padding: 5px 0;
text-decoration: none;
background-color: #ffffff !important;
}
span.ssUploadedFileList-size, span.ssUploadedFileList-date {
display: none !important;
}
div.ssUploadedFileList-options > span {
padding-right: 5px;
position: relative;
top: 3px;
}
div.ssUploadedFileList-options > span > i, div.ssUploadedFileList > ul > li > span.renamebuttons > span > i {
margin: 0 10px;
font-size: 18px;
color: #f26722;
}
div.ssUploadedFileList-options > ul {
display: none;
margin-top: 10px;
margin-left: -92px;
padding: 5px 0;
position: absolute;
font-size: 14px;
list-style-type: none;
color: #222222;
background-color: #ffffff;
border-radius: 3px;
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.075);
border: 1px solid #cccccc;
z-index: 2001;
cursor: pointer;
}
div.ssUploadedFileList-options > ul:before {
content: '\25b2';
position: absolute;
top: -14px;
left: 95px;
font-size: 15px;
color: #ffffff;
text-shadow: 0 -3px 1px rgba(0, 0, 0, 0.075), 0 -2px 0 rgba(0, 0, 0, 0.075);
transform: scale(1.5, 1);
}
div.ssUploadedFileList-options > ul > li {
width: 100px;
margin: 5px 0;
padding: 5px 15px;
}
div.ssUploadedFileList-options > ul > li:hover {
color: #FFFFFF;
background-color: #f26722;
}
div.ssUploadedFileList > ul.listView {
display: table;
width: 100%;
margin: 0;
border-collapse: collapse;
}
div.ssUploadedFileList > ul.listView > li {
display: table-row !important;
}
div.ssUploadedFileList > ul.listView > li > div, div.ssUploadedFileList > ul.listView > li > span {
display: table-cell;
vertical-align: middle;
}
li.ssUploadedFileList-listViewHeader {
display: none !important;
border: none !important;
}
li.ssUploadedFileList-listViewHeader > span.ascending, li.ssUploadedFileList-listViewHeader > span.descending {
font-weight: bold;
}
li.ssUploadedFileList-listViewHeader > span > span {
display: inline-block;
margin-right: 5px;
}
li.ssUploadedFileList-listViewHeader > span:nth-child(2), li.ssUploadedFileList-listViewHeader > span:nth-child(3), li.ssUploadedFileList-listViewHeader > span:nth-child(4) {
cursor: pointer;
}
li.ssUploadedFileList-listViewHeader > span:nth-child(2) {
padding-left: 10px;
}
li.ssUploadedFileList-listViewHeader > span:nth-child(3), li.ssUploadedFileList-listViewHeader > span:nth-child(4) {
padding: 0 10px;
}
li.ssUploadedFileList-listViewHeader > span:nth-child(3), div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-size {
text-align: right;
}
li.ssUploadedFileList-listViewHeader > span > div.ssCheckBoxContainer {
position: relative;
top: -2px;
left: 13px;
}
li.ssUploadedFileList-listViewHeader > span > i.fa {
display: none;
}
li.ssUploadedFileList-listViewHeader > span.ascending > i.fa-caret-up, li.ssUploadedFileList-listViewHeader > span.descending > i.fa-caret-down {
display: inline-block;
}
div.ssUploadedFileList > div.ssUploadedFileList-footer {
display: none;
}
div.ssUploadedFileList > div.ssUploadedFileList-footer > span.total {
display: inline-block;
}
div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox, div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox2 {
padding: 3px 5px 0 5px !important;
}
div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox, div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox2, div.ssUploadedFileList > ul.listView > li > span, div.ssUploadedFileList > ul.listView > li > span.renamebuttons {
padding-top: 10px !important;
padding-bottom: 8px !important;
}
div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-size, div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-date {
display: table-cell !important;
padding: 0 10px;
}
div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox > input[type='checkbox'] + span + label, div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox2 > input[type='checkbox'] + span + label {
padding: 0 5px;
}
div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-details > span {
position: absolute;
top: 10px;
left: 0;
right: 0;
}
div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-details, div.ssUploadedFileList > ul.listView > li > span.renamespan {
width: 100% !important;
position: relative;
}
div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-details > span:last-child, div.ssUploadedFileList > ul.listView > li > span.renamespan > span {
display: none;
}
div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-options {
padding: 0 5px 0 0;
text-align: right;
}
div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-options > ul {
padding: 5px 0;
text-align: left;
}
div.ssUploadedFileList > ul.listView.renameMode > li > div.ssUploadedFileList-options > ul {
margin-left: -45px;
}
div.ssUploadedFileList > ul.pd4ml {
margin-top: -15px !important;
column-count: 1;
}
div.ssUploadedFileList > ul.pd4ml > li {
width: calc(100% - 5px);
}
div.ssUploadedFileList > ul.pd4ml + div.ssUploadedFileList-footer, div.ssUploadedFileList > ul.listView + div.ssUploadedFileList-footer {
display: block;
padding: 10px 15px;
text-align: right;
font-size: 12px;
}
div.ssUploadedFileList > ul.pd4ml + div.ssUploadedFileList-footer {
margin-top: -5px;
padding: 0 15px;
}
.batchupdate .optionsDiv {
position: fixed;
width: 220px;
background: #f6f6f6;
height: 100vh;
overflow: overlay;
overflow-x: hidden;
border-right: 1px solid #eee;
}
.batchupdate .Description {
float: right;
width: calc(100% - 220px);
padding-bottom: 30px;
}
.batchupdate .Description .information_msg_container {
display: block;
}
.batchupdate .contentDiv {
width: 100%;
}
.batchupdate .fieldDiv {
border: 0;
padding: 5px 0;
margin-left: 20px;
border-bottom: 1px solid #f1f1f1;
}
.batchupdate .fieldLabel {
font-weight: 600;
}
.batchupdate .optionsDiv ul.checkboxList {
padding: 0 !important;
margin: 0;
}
.batchupdate .optionsDiv ul li {
width: 100%;
display: inline-block;
border-bottom: 1px solid #efecec;
padding-bottom: 0;
box-sizing: border-box;
}
.batchupdate .optionsDiv ul li.highlight {
background: #e2e0e0 !important;
}
.batchupdate input[type="checkbox"] {
float: left;
margin: 10px 0 10px 20px;
}
.batchupdate input + label {
width: calc(100% - 45px);
padding: 10px 0;
}
.batchupdate .optionsDiv ul li label {
padding: 10px 0 10px 10px;
display: inline-block;
top: 0px
}
.batchupdate .optionsDiv ul li label:after , .batchupdate .optionsDiv ul li label:before {
top: auto;
left: 20px;
}
.batchupdate .containerPad {
display: inline-block;
}
.batchsuccess {
background-color: #4CAF50;
color: #fff;
width: 100%;
text-shadow: none;
margin-top: 0px;
width: auto;
display: inline-block;
padding: 4px 7px;
font-size: 14px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.batchupdate .Description .information_msg_container {
background-color: #d9edf7;
border: 1px #bce8f1 solid;
margin: 15px 20px;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
position: relative;
padding: 15px;
border-radius: 7px 7px 7px 7px;
}
.securityaudit table {
margin: 10px 0;
}
.securityaudit .groupheader {
color: #3f3f3f;
padding: 10px;
background: #f7f7f7;
border-bottom: 1px solid #eee;
}
.securityaudit td , .securityaudit th {
padding: 10px;
vertical-align: top;
}
.securityaudit .Data2 {
background: transparent;
}
.securityaudit .attention {
width: 9%;
width: 140px !important;
text-align: center;
}
.securityaudit .severity , .securityaudit .area , .securityaudit .category {
width: 7%;
}
.securityaudit .details {
width: 26%;
}
.securityaudit .risk {
width: 40%;
}
.securityaudit .url {
width: 5%;
text-align: center;
}
.securityaudit .url a {
color: #000000;
}
.content_container.notes , .content_container.annotations {
display: flex;
margin: 10px 0 5px 0;
width: 98% !important;
flex-wrap: wrap;
}
.content_container.notes div.notes, .content_container.annotations div.annotations {
margin: 5px 0 5px 0;
background: #fff;
border: 1px solid #e3e3e3;
border-radius: 3px;
-webkit-border-radius: 3px;
width: 100%;
}
.annotations.inline div.annotations:only-child , .annotations.inline div.annotations:first-of-type {
margin-top: 3px;
}
.content_container.notes .number {
margin-left: 0px;
}
.classicnotes .content_container.notes {
width: 99% !important;
margin: 0 auto;
}
.notes span.number {
color: #000;
background: #f3f3f3;
}
.notes .status , .annotations .status , .notifyjs-container .status {
float: left;
background: #f3f3f3;
display: table-cell;
width: 5px;
height: 100%;
margin: 0 5px 0 0;
}
.notes .content {
padding: 15px;
box-sizing: border-box;
}
.annotations .annotationscontent {
display: inline-block;
margin: 10px 0;
padding: 0 0 5px 5px;
border-bottom: 1px solid #f3f3f3;
line-height: 150%;
width: 95%;
box-sizing: border-box;
}
.annotations.inline .annotationscontent {
width: 100%;
}
.annotations.inline .content {
display: inline-block;
width: 90%;
}
.notes .title , .annotations .title {
display: inline-block;
width: 100%;
padding-bottom: 5px;
}
.notes p {
float: left;
font-size: 15px;
margin: 4px 0 0 2px;
padding: 0;
}
.notes .edit a , .notes .change a {
color: #FFFFFF;
}
.notes .edit , .notes .change {
background: #f26722;
float: right;
padding: 4px 3px 2px 5px;
border-radius: 4px;
}
.notes .notescontent {
margin: 10px 0;
padding-bottom: 5px;
border-bottom: 1px solid #f3f3f3;
line-height: 150%;
}
.notes .type , .annotations .type {
font-size: 12px;
padding: 5px;
background: #f3f3f3;
border-radius: 3px;
-webkit-border-radius: 3px;
display: inline-block;
width: 99%;
}
.annotations .type {
display: inline-block;
width: 91%;
margin: 10px 0 0 0;
}
.annotations .namedate {
float: right;
font-size: 12px;
min-width: 190px;
max-width: 200px;
padding: 0 10px 0 0;
padding-bottom: 0;
text-align: right;
}
.annotations.inline .namedate {
font-size: 12px;
text-align: right;
padding: 0 0 5px 0;
}
.annotations .name , .annotations .date {
display: block;
box-sizing: border-box;
padding-bottom: 3px;
}
.annotations .annoeditbutton {
display: inline-block;
}
.annotations.inline .annoeditbutton {
float: left;
width: auto;
}
.notes .name {
float: left;
padding: 2px 0 10px 0;
}
.notesearchpanel {
background: #f3f3f3;
padding: 10px 5px;
box-sizing: border-box;
}
div.listfilter {
display: inline-block;
}
div.listfilter span {
padding: 4px;
font-weight: bold;
}
textarea.importstyles {
height: 88vh !important;
}
#optd label , #filetab label , #mediatab label {
display: inline-block;
padding: 0;
}
.DefaultHide {
display: none !important;
}
.nomargin {
margin:0px;
}
.addresstype #fielddisplaycontainer , .addresstype #fieldlistcontainer {
float: left;
width: 49%;
border: 1px solid #eee;
margin-right: 1%;
}
.addresstype #fielddisplaycontainer {
margin-right: 0;
}
.picker {
padding: 10px;
display: inline-block;
background: #f9f9f9;
margin-top: 10px;
width: 100%;
box-sizing: border-box;
}
.picker .slider_container {
top: 4px;
}
.addresstype #fieldlistcontainer #fieldspicker {
padding: 10px;
box-sizing: border-box;
}
.addresstype #fieldlistcontainer select {
width: 100%;
margin-bottom: 5px;
}
.addresstype #fielddisplaycontainer ul[id^="fielddisplay"]{
border-bottom: 1px solid #eee;
width: 100%;
height: auto;
min-height: 30px;
-webkit-padding-start: 0px;
padding:10px 10px;
box-sizing: border-box;
}
.addresstype #fielddisplaycontainer ul[id^="fielddisplay"]:empty::after{
color: #cccccc;
font-size: 25px;
content: attr(data-empty-message);
}
.includecaption {
display: inline-block;
width: 100%;
padding: 5px;
text-align: right;
box-sizing: border-box;
background: #f9f9f9;
}
.includecaption div {
float: left;
}
.includecaption label + label {
float: right;
margin-top: 3px;
margin-left: 5px;
}
.addresstype #fielddisplaycontainer .addbutton {
background: #f9f9f9;
padding: 5px;
}
.psectionholder {
width: 95%;
margin: 0 auto;
}
.pcontainerwrapper {
display: inline-flex;
flex-wrap: wrap;
width: 100%;
}
.pcontainerwrapper .pcontainer {
display: flex;
flex-wrap: wrap;
background: #fff;
margin: 20px 2% 0 0;
padding: 20px;
box-sizing: border-box;
width: 48%;
}
.pcontainerwrapper .pcontainer:last-of-type {
margin-right: 0;
}
.pcontainerwrapper .pcontainer .ptitle {
font-size: 20px;
font-weight: bold;
}
.pcontainerwrapper .pcontainer_inner {
padding-bottom: 20px;
width: 100%;
}
.pcontainerwrapper .pcontainer_inner:nth-of-type(2) {
padding-top: 20px;
border-top: 1px solid #f5f5f5;
}
.pcontainerwrapper .pcontainer_inner span a {
font-size: 13px;
}
.pcontainerwrapper .pcontainer .warning_msg_container.small {
display: block;
margin-top: 15px;
}
.pcontainerwrapper .pcontainer p {
line-height: 150%;
}
.pcontainerwrapper .pcontainer ul {
padding: 0;
margin: 15px 0;
list-style: none;
}
.pcontainerwrapper .pcontainer ul li {
padding-bottom: 5px;
}
.portalvideo a {
display: inline-block;
padding: 10px;
background: #f9f9f9;
border-radius: 3px;
text-decoration: none;
margin-bottom: 15px;
}
.portalvideo a:hover {
text-decoration: underline;
}
.portalvideo:after {
content: '';
display: block;
postition: relative;
clear: both;
}
.portalvideo a .fa {
padding-right: 8px;
}
.stagecolor {
display: inline-block;
height: 15px;
border-radius: 50%;
width: 15px;
margin-left: 5px;
margin-top: 2px;
}
.modal_frame .v-content td.Data1:first-of-type , .modal_frame .v-content td.Data2:first-of-type {
width: 30px;
}
span.ssProgressBar {
display: inline-block;
width: 100%;
max-width: 500px;
margin: 0 5px 0 0;
position: relative;
}
span.ssProgressBar-percentage {
display: block;
margin-bottom: 5px;
text-align: right;
font-size: 25px;
color: #000000;
}
span.ssProgressBar-meter {
display: block;
overflow: hidden;
height: 10px;
background-color: #f5f5f5;
border-radius: 10px;
box-shadow: 0 1px 1px #cccccc inset;
}
span.ssProgressBar-meter-progress {
display: block;
width: 0;
background-color: #f26722;
-webkit-transition: width 1.5s ease-in-out;
transition: width 1.5s ease-in-out;
}
span.ssProgressBar-text {
display: block;
margin-top: 5px;
text-align: right;
font-size: 12px;
}
span.ssRadialProgressBar {
display: block;
width: 150px;
margin: 0 5px 0 0;
position: relative;
}
svg.ssRadialProgressBar-meter {
transform: rotate(-90deg);
transform-origin: 50% 50%;
}
circle.ssRadialProgressBar-meter-progress {
stroke-dasharray: 421;
stroke-dashoffset: 421;
}
span.ssRadialProgressBar-percentage {
display: block;
width: 150px;
margin-bottom: -25px;
position: relative;
top: -95px;
font-size: 30px;
text-align: center;
}
span.ssRadialProgressBar-text {
display: block;
text-align: center;
font-size: 12px;
}
.closetopmessage {
position: absolute;
border: 0 !important;
top: 0px;
right: 2px;
cursor: pointer;
}
/* submit message */
.submitmessage {
font-family: 'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
background: #fff;
width: 60vw;
margin: 0 auto;
margin-top: 40px;
border: 1px solid #eeeeee;
border-radius: 9px;
overflow: hidden;
-webkit-box-shadow: 1px 4px 13px 0 rgba(0,0,0,0.06);
-moz-box-shadow: 1px 4px 13px 0 rgba(0,0,0,0.06);
box-shadow: 1px 4px 13px 0 rgba(0,0,0,0.06);
}
.submitmessage .titlebar {
font-weight: normal;
font-size: 25px;
line-height: 30px;
padding: 16px 20px;
background: #f3f3f3;
}
.submitmessage .title {
white-space: pre-line;
}
.submitmessage .message {
font-size: 15px;
line-height: 170%;
color: #2d2e29;
padding: 25px 20px;
white-space: pre-line;
border-bottom: 0;
}
.submitbuttonwrapper {
padding: 18px 15px;
border-top: 1px solid #eee;
margin: 0 20px;
text-align: center;
}
.submitbuttonwrapper button {
font-size: 15px;
padding: 6px 18px;
}
.submitbuttonwrapper button > .fa {
vertical-align: inherit;
padding-right: 2px;
}
text.hyper:hover {
fill: #f26722;
cursor: pointer;
}
.notficationsicon {
padding: 0px 15px 15px 15px;
}
.notficationsicon span {
margin-top: 3px;
background: inherit;
font-size: 14px;
padding-top: 2px;
box-sizing: border-box;
}
.notficationsicon span .fa {
font-size: 14px;
}
ul.alertwrapper {
min-width:600px;min-height:100px;max-width:1000px;
padding: 0;
margin: 0;
overflow-y: auto;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border: 0;
background: #f7f7f7;
text-align: left;
}
ul.alertwrapper li.alert {
display: table;
width: 100%;
background: #f7f7f7;
color: #3d3d3d;
padding: 8px 10px 11px 10px;
box-sizing: border-box;
border-bottom: 1px solid #ebebeb;
cursor: default;
white-space: pre-line;
}
ul.alertwrapper li.alert:last-child {
border-bottom: 0;
}
ul.alertwrapper li.alert span.icon {
background: transparent;
color: #878787;
display: table-cell;
padding: 0px 10px 0px 0px;
}
ul.alertwrapper li.alert span.icon .fa {
font-size: 24px;
margin-top: 4px;
}
ul.alertwrapper li.alert span.message {
width: 99%;
font-size: 15px;
text-align: left;
display: table-cell;
}
ul.alertwrapper li.alert span.messagebody {
font-size: 14px;
display: block;
margin-top: 4px;
}
ul.alertwrapper li.alert span.time {
font-size: 11px;
display: inline-block;
width: auto;
padding: 3px;
margin-top: 7px;
background: #3d3d3d;
color: #fff;
border-radius: 3px;
}
/* ssMediaPlayer - Start */
#mediaPlayerDock div.videoplayerwrapper,
#mediaPlayerDock div.videoplayerwrapper video,
#mediaPlayerDock div.videoplayerwrapper div.mejs-video,
#mediaPlayerDock div.videoplayerwrapper div.mejs-layer,
#mediaPlayerDock div.audioplayerwrapper div.mejs-layer,
div.ssMediaLibrary-audioVideo,
div.ssMediaLibrary-audioVideo div.videoplayerwrapper,
div.ssMediaLibrary-audioVideo div.videoplayerwrapper video,
div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-video,
div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-layer,
div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-layer {
height: 100% !important;
width: 100% !important;
}
#mediaPlayerDock {
display: none;
width: 350px;
position: fixed;
top: 55px;
right: 20px;
z-index: 2001;
}
#mediaPlayerDock.iosAudioWidth {
width: 270px !important;
}
#mediaPlayerDock > div {
height: 100%;
}
#mediaPlayerDock > div {
position: relative;
}
#mediaPlayerDock-titleBar {
display: table;
width: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.75);
z-index: 1;
}
#mediaPlayerDock-titleBar-title, #mediaPlayerDock-titleBar-minimizeButton, #mediaPlayerDock-titleBar-closeButton {
display: table-cell;
padding: 5px;
font-size: 18px;
color: #ffffff;
cursor: pointer;
}
#mediaPlayerDock-titleBar-title {
width: 100%;
padding: 0;
position: relative;
}
#mediaPlayerDock-titleBar-title-value {
display: block;
width: calc(100% - 5px);
padding: 10px 0 8px 8px;
position: absolute;
top: 0px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
cursor: default;
}
#mediaPlayerDock-titleBar-minimizeButton {
padding-right: 0;
font-size: 14px;
}
#mediaPlayerDock div.videoplayerwrapper {
height: 255px !important;
}
#mediaPlayerDock div.videoplayerwrapper div.mejs-container-fullscreen, div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-container-fullscreen {
z-index: 2000;
}
#mediaPlayerDock div.audioplayerwrapper {
width: calc(100% - 40px) !important;
padding-top: 35px;
padding-bottom: 10px;
}
#mediaPlayerDock div.audioplayerwrapper div.mejs-poster {
display: none;
}
div.ssMediaLibrary-audioVideo, #mediaPlayerDock div.audioplayerwrapper, div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
background-color: #000000;
}
div.ssMediaLibrary-audioVideo {
display: none;
}
div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
width: calc(100% - 40px) !important;
position: relative;
top: calc(50% - 30px);
}
#mediaPlayerDock div.mejs-overlay-error, div.ssMediaLibrary-audioVideo div.mejs-overlay-error {
display: table;
height: 100%;
width: 100%;
}
#mediaPlayerDock div.mejs-overlay-error > div, div.ssMediaLibrary-audioVideo div.mejs-overlay-error > div {
display: table-cell;
text-align: center;
vertical-align: middle;
background-color: #f8f8f8;
}
#mediaPlayerDock div.mejs-audio, div.ssMediaLibrary-audioVideo div.mejs-audio, #mediaPlayerDock div.videoplayerwrapper span.mejs-time-loaded, div.ssMediaLibrary-audioVideo span.mejs-time-loaded {
width: 100% !important;
}
#mediaPlayerDock div.audioplayerwrapper span.mejs-time-slider, div.ssMediaLibrary-audioVideo div.audioplayerwrapper span.mejs-time-slider {
width: 90px !important;
}
#mediaPlayerDock div.audioplayerwrapper span.mejs-time-slider span.mejs-time-float {
z-index: 1;
}
#mediaPlayerDock div.audioplayerwrapper a.mejs-horizontal-volume-slider, div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider {
display: block !important;
}
div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider {
margin-top: 0;
background-color: transparent;
}
#mediaPlayerDock div.audioplayerwrapper div.mejs-time-rail, div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-time-rail {
width: 100px !important;
}
div.fullscreen-video {
height: 100% !important;
position: fixed !important;
top: 0;
left: 0;
z-index: 800 !important
}
div.fullscreen-video iframe.fullscreen-video {
height: 100% !important;
width: 100% !important;
}
div.editcellwrapper {
box-sizing: border-box;
background: #f9f9f9;
border-bottom: 1px solid #ccc;
}
div.editcellwrapper > div.editcell,
div.editcellwrapper > div.editcell > label:first-child,
div.editcellwrapper > div.editcell > div {
display: inline-block;
}
div.editcellwrapper > div.editcell {
padding-left: 10px;
padding-bottom: 10px;
white-space: nowrap;
}
div.editcellwrapper > div.editcell > label:first-child {
margin: 0 5px;
text-align: right;
}
div.editcellwrapper > div.editcell > div > input:not([type="checkbox"]),
div.editcellwrapper > div.editcell > div > select {
width: 100%;
}
ul.nolist {
overflow: auto !important;
}
.summarysection {
padding-top: 10px;
padding-bottom: 5px;
}
.systemsummary {
margin: 65px 0 0 0;
background: #fff;
position: relative;
}
.systemsummary h2 {
display: inline-block;
width: 100%;
font-size: 16px;
font-weight: normal;
padding-bottom: 5px;
margin-bottom: 0;
border-bottom: 1px solid #ececec;
display: inline-block;
width: 100%;
}
.systemsummary #audit {
float: left;
width: auto;
padding-left: 15px;
font-weight: bold;
color: #FFFFFF;
}
.summarycontentwrapper.warn {
background: #B94A48;
}
.summarycontentwrapper.approve {
background: #00ad2a;
}
.systemsummary #auditdate div.left {
padding-left: 5px !important;
}
.systemsummary #auditdate {
background: #f5f5f5;
width: auto;
padding-left: 5px;
}
.summarycontentwrapper {
float: left;
width: auto;
padding: 10px 15px 10px 0;
}
.summarysection > div {
border-radius: 3px;
margin-right: 5px;
}
.summarycontentwrapper div.left {
float: left;
width: auto;
padding-left: 0;
}
.summarycontentwrapper div.right {
float: left;
width: auto;
padding-left: 5px;
}
.summarycontentwrapper div.date {
float: left;
padding-left: 5px;
}
.summarycountwrapper {
display: inline-block;
width: 100%;
}
@media screen and (max-width: 1715px) {
div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls {
height: 65px;
top: -15px;
}
div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls > div, div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls > a {
display: inline-block !important;
float: none !important;
}
div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-playpause-button {
position: relative;
top: -5px;
}
div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-time-rail, div.ssMediaLibrary-audioVideo div.audioplayerwrapper span.mejs-time-slider {
width: calc(100% - 40px) !important;
}
div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-time {
margin-left: 28px;
}
div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider {
width: 1px;
margin-top: -17px;
}
}
@media screen and (max-width: 1012px) {
div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
width: calc(100% - 50px) !important;
}
div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls {
width: calc(100% + 10px);
}
div.ssMediaLibrary-audioVideo div.mejs-audio {
height: 15px !important;
}
}
@media screen and (max-width: 768px) {
#mediaPlayerDock div.audioplayerwrapper {
margin-left: 0;
}
}
@media screen and (max-width: 699px) {
button.ssMediaLibrary-annotateButton {
display: none;
}
}
@media screen and (max-width: 665px) {
div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
width: calc(100% - 10px) !important;
top: calc(50% - 20px);
}
}
/* ssMediaPlayer - End */
@media only screen and (max-width: 768px) {
.pcontainerwrapper .pcontainer {
width: 100%;
}
}
@media screen and (-ms-high-contrast: none) {
.topbar.message div.icon {
height: auto;
width: auto;
}
}
@media only screen and (max-device-width: 768px) {
.iframe_ipad {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
/* max-height: 10%; */
max-height: 100vh;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
}
@media only screen and (min-width: 1200px) {
.ui-grid-filter-container.ng-scope > .ng-scope {
position: relative;
}
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
.iframe_ipad {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
/* max-height: 10%; */
max-height: 100vh;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
}
/* Landscape*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.iframe_ipad {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
/* max-height: 10%; */
max-height: 100vh;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
}
/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.iframe_ipad {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
/* max-height: 10%; */
max-height: 100vh;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
}
|