@font-face
{
font-family: 'WebComponentsIcons';
src: url('fonts/WebComponentsOrg.ttf');
}
a {text-decoration:none}
.Navigator_Table {
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
FONT-STYLE: normal;
FONT-FAMILY: Arial;
BACKGROUND-COLOR: #CCCCCC;
color: #FFFFFF;
}
.Navigator_Item_Cell {
PADDING-RIGHT: 1px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #000099; FONT-STYLE: normal; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.Navigator_Item_Cell_Selected {
PADDING-RIGHT: 1px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #FFffff; FONT-STYLE: normal; FONT-FAMILY: verdana; BACKGROUND-COLOR: #FF3333; TEXT-DECORATION: none
}
A.Navigator_Item_Link {
FONT-SIZE: 10pt;
COLOR: #000099;
PADDING-TOP: 5px;
FONT-STYLE: normal;
FONT-FAMILY: verdana;
TEXT-DECORATION: none;
}
A.Navigator_Item_Link:hover {
FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
/* ----------------------------------------------------------- */
/* BubbleBlue - Skin for ManageEngine OpManager 5 Web Client */
/* ----------------------------------------------------------- */
/* ------------------ Table Definitions ---------------- */
/* defining body tag properties */
a
{
color:Black;
text-decoration:underline;
}
/* Tree Background color */
.treeColor {
background : #EAF0FA;
}
/* defining Name Logo Left*/
.topNameLeft {
background : url(/webclient/devices/images/BubbleBlue/opmanager_logo.gif) no-repeat top left;
}
/* defining Name Logo Right*/
.topNameRight {
background : url(/webclient/devices/images/BubbleBlue/webclient.gif) no-repeat top right;
}
/* defining Top Name table's background */
.topNameTableBg {
background : url(/webclient/devices/images/BubbleBlue/topNameTableBg.gif) repeat-x;
}
/* defining Top Navigation Selected cell's props */
.topNavSelectedCell {
background : url(/webclient/devices/images/BubbleBlue/topTableBg.gif) repeat-x;
background-color : #FFFFFF;
color : #ffffff;
}
.topNavSelectedCell a:link{
font : 8pt/16pt verdana, arial, sans-serif ;
font-weight : bold;
text-decoration: underline;
color:white;
}
.topNavSelectedCell a:visited{
font : 8pt/16pt verdana, arial, sans-serif ;
font-weight : bold;
text-decoration: underline;
color:white;
}
.topNavSelectedCell a:active{
font : 8pt/16pt verdana, arial, sans-serif ;
font-weight : bold;
text-decoration: underline;
color:white;
}
/* defining Top Navigation's un-selected cell props */
.topNavUnSelectedCell {
background : url(/webclient/devices/images/BubbleBlue/grayTableBg.gif) repeat-x;
background-color : #FFFFFF;
color:#FEEA75;
}
/* defining Top navigation selected left cell's props */
.topNavSelectedCellLeft {
background : url(/webclient/devices/images/BubbleBlue/navSelectedLeftBg.gif) no-repeat top left ;
background : url(/webclient/devices/images/BubbleBlue/topTableBg.gif) repeat-x;
color : #ffffff;
}
/* defining Top navigation Un-selected left cell's props */
.topNavUnSelectedCellLeft {
background : url(/webclient/devices/images/BubbleBlue/navUnSelectedLeftBg.gif) no-repeat top left;
background : url(/webclient/devices/images/BubbleBlue/grayTableBg.gif) repeat-x;
color : #FEEA75;
}
/* defining Top navigation selected Right cell's props */
.topNavSelectedCellRight {
background : url(/webclient/devices/images/BubbleBlue/navSelectedRightBg.gif) no-repeat top right;
background : url(/webclient/devices/images/BubbleBlue/topTableBg.gif) repeat-x;
color : #ffffff;
}
/* defining Top navigation Un-selected Right cell's props */
.topNavUnSelectedCellRight {
background : url(/webclient/devices/images/BubbleBlue/navUnSelectedRightBg.gif) no-repeat top right;
color : #FEEA75;
}
/* defining Top Navigation Selected cell's text props */
.txtTopNavSelectedCell {
font : 8pt/16pt verdana, arial, sans-serif;
font-weight : bold;
text-decoration: none;
color:#ffffff;
}
/* defining Top Navigation's un-selected cell's text props */
.txtTopNavUnSelectedCell {
font : 8pt/16pt verdana, arial, sans-serif;
color:#000099;
font-weight : bold;
}
/* defining Navigation tab seperator */
.topNavSeperator {
background-color:#1756CB;
}
/* nav2line occurs below the tab navigation table */
.nav2line {
background-color : #1966F4;
}
/* defining Left Navigation Cell props */
/* .leftNavContentsCell {
padding-left : 10px;
padding-right : 5px;
padding-top : 10px;
background-color:#ffffff;
}
/* defining Left Navigation Top Cell props */
.leftNavTopCell {
padding-left : 10px;
background-color:#f3edd3;
}
/* defining Right Contents Cell props */
.rightContentsCell {
padding-right : 10px;
padding-left : 5px;
padding-top : 10px;
background-color:#ffffff;
}
.actionPanel {
padding-right : 5px;
padding-left : 10px;
padding-top : 2px;
background-color:#ffffff;
}
/* dot Bg .. background for Network, Servers and Services */
.dotBg {
background : url("/webclient/devices/images/BubbleBlue/dotBg.gif") repeat-x center;
}
/* defining dashboard props */
.dashboard {
background : "#ffffff";
}
/* defining dashboard Top Left */
.dashTopLeft {
background : #f5f5f5 url("/webclient/devices/images/BubbleBlue/dashTopLeftBg.gif") no-repeat top left;
}
/* defining dashboard Top Right */
.dashTopRight {
background : #f5f5f5 url("/webclient/devices/images/BubbleBlue/dashTopRightBg.gif") no-repeat top right;
}
/* defining dashboard Bottom Left */
.dashBottomLeft {
background : #f5f5f5 url("/webclient/devices/images/BubbleBlue/dashBottomLeftBg.gif") no-repeat bottom left;
}
/* defining dashboard Bottom Right */
.dashBottomRight {
background : #f5f5f5 url("/webclient/devices/images/BubbleBlue/dashBottomRightBg.gif") no-repeat bottom right;
}
/* defining dashboard Top */
.dashTop {
background : url("/webclient/devices/images/BubbleBlue/dashTop.gif") repeat-x top;
}
/* defining dashboard Left */
.dashLeft {
background : url("/webclient/devices/images/BubbleBlue/dashLeft.gif") repeat-y left;
}
/* defining dashboard Right */
.dashRight {
background : url("/webclient/devices/images/BubbleBlue/dashRight.gif") repeat-y right;
}
/* defining dashboard Bottom */
.dashBottom {
background : url("/webclient/devices/images/BubbleBlue/dashBottom.gif") repeat-x bottom;
}
/* defining fancy line */
.fancyLine {
background : url(/webclient/devices/images/BubbleBlue/fancyLineBg.gif) repeat-x;
}
.fancyLine2 {
background :url(/webclient/devices/images/BubbleBlue/fancyLine2Bg.gif) repeat-x;
}
.tableHeaderBg1 {
background :#f3edd3 url(/webclient/devices/images/BubbleBlue/tableHeaderBg1.gif) repeat-x;
}
.mapTabLine {
background :url(/webclient/devices/images/BubbleBlue/mapTabLine.gif) repeat-x;
}
.mapTabLineY {
background :url(/webclient/devices/images/BubbleBlue/mapTabLine.gif) repeat-y;
}
/* defining table1 props */
.table1 {
background-color : #f3edd3;
}
/* ------------- Text Definitions ----------------- */
/* settings for normal text through out the client */
.txtGlobal {
font-family: Segoe UI,Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #2c1e12;
height:32px;
text-transform:none !important;
}
.txtGlobalMini {
font-family: Segoe UI,Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #AAAAAA;
height:32px;
}
.txtGlobalUpper {
font-family: 'Segoe UI',Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #222222;
text-transform:uppercase;
}
.txtGlobalUpperRight {
font-family: 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #222222;
text-transform:uppercase;
text-align: right !important;
}
.txtGlobalRight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #0081b5;
text-align: right;
}
.txtGlobalred {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #009000;
}
.txtGlobalBoldItalic {
font-size : 14px;
font-weight : bold;
color:#0081b5;
font-family: Verdana;
font-style:italic;
}
.txtGlobalBoldItalicRed {
font-size : 14px;
font-weight : bold;
color:#9a0404;
font-family: Verdana;
font-style:italic;
}
.txtGlobalBoldLine20 {
font-size : 14px;
font-weight : bold;
color:#0081b5;
font-family: Verdana;
line-height:30px;
}
.txtGlobalBoldItalicRedForced {
font-size : 14px;
font-weight : bold;
color:#9a0404 !important;
font-family: Verdana;
font-style:italic;
}
.txtGlobalBoldBack {
font-size: 12px;
font-weight : bold;
color:#0081b5;
background-color : White;
text-align:center;
}
/* settings for Bold text through out the client */
.txtGlobalBold {
font-size : 14px;
font-weight : normal;
color:#0081b5;
font-family: Verdana;
}
.
.txtGlobalBold2 {
font-size : 20px;
font-weight : bold;
color:#0081b5;
font-family: Verdana;
}
.txtGlobalBold22 {
font-size : 20px;
font-weight : bold;
color:Red;
font-family: Verdana;
}
.txtGlobalBoldCenter {
font-size : 14px;
font-weight : bold;
color:#0081b5;
font-family: Verdana;
text-align:center;
}
.txtGlobalBold20 {
font-size : 20px;
font-weight : bold;
color:#0081b5;
font-family: Verdana;
}
.txtGlobalSmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7px;
font-weight: normal;
color:#0081b5;
}
.txtGlobalBoldWhite {
font : 8pt/12pt verdana, arial, sans-serif;
font-weight : bold;
color:#ffffff;
}
/* settings for Bold white text through out the client */
.txtGlobalBoldWhite {
font : 8pt/12pt verdana, arial, sans-serif;
font-weight : bold;
color:#ffffff;
}
/* settings for Big Bold text through out the client */
.txtGlobalBigBold {
font : 10pt/14pt verdana, arial, sans-serif;
font-weight : bold;
color:#0081b5;
}
/* Response Time's Text height */
.txtResponseTime {
font : 21pt/21pt verdana, arial, sans-serif;
color:#aabbaa;
}
.fontBlueBold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #0A3FA0;
padding-left: 4px;
}
.fontBlue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #0A3FA0;
padding-left: 4px;
}
.fontBlueLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #0A3FA0;
text-decoration: underline;
}
.fontBlueBoldLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #0A3FA0;
text-decoration: underline;
}
/* ------------- Link Definitions ----------------- */
/* defining tag's link props */
a:link ,a:visited,a:active{
text-decoration: none;
color : #0081b5;
}
/* defining tag's hover props */
a:hover {
text-decoration: underline;
}
/* ----------------- Table Definitions --------------- */
.tableTitle {
background-image: url(/webclient/common/images/heading.gif);
background-repeat: repeat;
background-position: right top;
height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
padding: 4px 4px 4px 5px;
}
.headgGrad {
background-image: url(../images/heading.gif);
background-repeat: repeat;
background-position: right top;
height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
padding: 4px 4px 4px 5px;
}
/* Master Header for Tables */
.tableMasterHeader {
padding: 4px;
font : 8pt/10pt verdana, arial, sans-serif;
color:#ffffff;
font-weight : bold;
background : #1966F4 url(/webclient/devices/images/BubbleBlue/headingAlone.gif) repeat-x ;
}
/* Master Header Alone for Table headers */
.tableMasterHeaderAlone {
padding: 3px;
font : 8pt/12pt verdana, arial, sans-serif;
color:#ffffff;
font-weight : bold;
background : #1966F4 url(/webclient/devices/images/BubbleBlue/headingAlone.gif) repeat-x;
}
/* Master Header Height for Tables */
.tableMasterHeaderHeight {
padding: 4px;
font : 8pt/10pt verdana, arial, sans-serif;
color:#ffffff;
font-weight : bold;
background : #1966F4 url(/webclient/devices/images/BubbleBlue/headingAlone.gif) repeat-x;
}
/* Normal Header for Tables */
.tableHeader {
background : #DcDcDc;
padding: 4px;
font : 8pt/10pt verdana, arial, sans-serif;
color : #17cdd4;
font-weight : bold;
/* background : url(/webclient/devices/images/BubbleBlue/headingAlone.gif) repeat-x ; */
}
/* Light Header for Tables */
.tableLightHeader {
background : #efefef;
padding: 4px;
font : 8pt/10pt verdana, arial, sans-serif;
color : #17cdd4;
font-weight : bold;
/* background : url(/webclient/devices/images/BubbleBlue/headingAlone.gif) repeat-x ; */
}
/* settings for Table Text */
.txtTableTitle {
font : 8pt/14pt verdana, arial, sans-serif;
font-weight : bold;
color:#f3edd3;
}
.txtTableHeader {
font : 8pt/14pt verdana, arial, sans-serif;
font-weight : bold;
color:#000000;
}
.dbborder1 {
border: 1px solid #175AD7;
background-color: #FFFFFF;
}
.dbborder2 {
border: 1px solid #175AD7;
background-color: #FFFFFF;
}
.table2{
/* border: 1px solid #5388EB; */
background-color:#5388EB;
}
.rowOdd {
background-color: #F2F2F2;
padding: 4px;
}
.rowEven {
background-color: #FFFFFF;
padding: 4px;
}
.dbborder3 {
border-top:0px solid #1966F4;
border-bottom:1px solid #1966F4;
border-left:0px solid #1966F4;
border-right:0px solid #1966F4;
background-color: #FFFFFF;
font:10px verdana,arial,Helvetica,san-serif;
/* border: 1px solid #175AD7; */
/* background-color: #FFFFFF;*/
}
/* ------------------ Form Definitions ----- */
.formStyle {
border: 1px solid #616F45;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;
width: 130px;
}
.formStylebutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 140px;
background-image: url(/webclient/common/images/buttonbg.gif);
background-color: #C6C5D7;
cursor: hand;
}
/* ------------------ Nms MapTable Definitions ----- */
.symbolBg {
background-color: #DCE7F5;
}
.symbolBorder {
background-color: #5C8FD4;
}
/* defining Big Icon View thumb props */
.bivThumb {
background : url(/webclient/devices/images/bivBg.gif);
}
.bivMacServer {
background : url(/webclient/devices/images/bivMacServer.gif) bottom left no-repeat;
}
.bivLinuxServer {
background : url(/webclient/devices/images/bivLinuxServer.gif) bottom left no-repeat;
}
.bivSolarisServer {
background : url(/webclient/devices/images/bivSolarisServer.gif) bottom left no-repeat;
}
.bivWin98Server {
background : url(/webclient/devices/images/bivWin98Server.gif) bottom left no-repeat;
}
.bivWin2000Server {
background : url(/webclient/devices/images/bivWin2000Server.gif) bottom left no-repeat;
}
.bivWin2003Server {
background : url(/webclient/devices/images/bivWin2003Server.gif) bottom left no-repeat;
}
.bivWinNTServer {
background : url(/webclient/devices/images/bivWinNTServer.gif) bottom left no-repeat;
}
.bivWinXPServer {
background : url(/webclient/devices/images/bivWinXPServer.gif) bottom left no-repeat;
}
.bivUnknownServer {
background : url(/webclient/devices/images/bivUnKnownServer.gif) bottom left no-repeat;
}
/* ----------------------------------- Start of Calendar Styles ---------------------------------------------------- */
.calendar {
BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #fff 2px solid; DISPLAY: none; FONT-SIZE: 11px; BACKGROUND: #c8d0d4; BORDER-LEFT: #fff 2px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #000 2px solid; FONT-FAMILY: tahoma,verdana,sans-serif; POSITION: relative
}
.calendar TABLE {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #000 1px solid; FONT-SIZE: 11px; BACKGROUND: #FFF; BORDER-LEFT: #000 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar .button {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar .nav {
BACKGROUND: url(/webclient/devices/images/menuarrow.gif) no-repeat 100% 100%
}
.calendar THEAD .title {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #2960C5; BACKGROUND: url(/webclient/devices/images/BubbleBlue/headingAlone.gif) PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; COLOR: #fff; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar THEAD .headrow {
}
.calendar THEAD .daynames {
}
.calendar THEAD .name {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #e8f0f4; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar THEAD .weekend {
COLOR: #f00
}
.calendar THEAD .hilite {
BORDER-RIGHT: #000000 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 2px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #fff 2px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #000 2px solid; BACKGROUND-COLOR: #d8e0e4
}
.calendar THEAD .active {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #b8c0c4
}
.calendar TBODY .day {
PADDING-RIGHT: 4px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 2em; PADDING-TOP: 2px; TEXT-ALIGN: right;
}
.calendar TBODY .othermonth {
FONT-SIZE: 80%; COLOR: #aaa
}
.calendar TBODY .oweekend {
COLOR: #faa
}
.calendar TABLE .wn {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 2px; BACKGROUND: #F7F8FA; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; COLOR: #aaa
}
.calendar TBODY .rowhilite TD {
BACKGROUND: #E7EFF9
}
.calendar TBODY .rowhilite TD.wn {
BACKGROUND: #E8EDF4
}
.calendar TBODY TD.hilite {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid
}
.calendar TBODY TD.active {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY TD.selected {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #d8e0e4; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY TD.weekend {
COLOR: #f00
}
.calendar TBODY TD.today {
FONT-WEIGHT: bold; COLOR: #00f
}
.calendar TBODY .disabled {
COLOR: #999
}
.calendar TBODY .emptycell {
VISIBILITY: hidden
}
.calendar TBODY .emptyrow {
DISPLAY: none
}
.calendar TFOOT .footrow {
}
.calendar TFOOT .ttip {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; BACKGROUND: #2960C5; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; COLOR: #fff; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: center
}
.calendar TFOOT .hilite {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 1px; BACKGROUND: #d8e0e4; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid
}
.calendar TFOOT .active {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.calendar .combo {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; DISPLAY: none; PADDING-LEFT: 1px; FONT-SIZE: 90%; BACKGROUND: #d8e0e4; LEFT: 0px; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; WIDTH: 4em; CURSOR: default; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 0px
}
.calendar .combo .label {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
WIDTH: 4em
}
.calendar .combo .active {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; BACKGROUND: #c8d0d4; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid
}
.calendar .combo .hilite {
BACKGROUND: #048; COLOR: #aef
}
.calendar TD.time {
PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #e8f0f4; TEXT-ALIGN: center
}
.calendar TD.time .hour {
BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .minute {
BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
TEXT-ALIGN: center
}
.calendar TD.time .colon {
PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.calendar TD.time SPAN.hilite {
BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; COLOR: #fff; BORDER-TOP-COLOR: #000; BACKGROUND-COLOR: #667; BORDER-RIGHT-COLOR: #000
}
.calendar TD.time SPAN.active {
BORDER-LEFT-COLOR: #f00; BORDER-BOTTOM-COLOR: #f00; COLOR: #0f0; BORDER-TOP-COLOR: #f00; BACKGROUND-COLOR: #000; BORDER-RIGHT-COLOR: #f00
}
/* ----------------------------------- End of Calendar Styles ---------------------------------------------------- */
/* Exchange Styles - Start */
.xdboxtopleft {
background : #ffffff url(/webclient/devices/images/xd-boxtopleft.gif) no-repeat;
}
.xdboxtop {
background : #ffffff url(/webclient/devices/images/xd-boxtop.gif) repeat-x;
}
.xdboxtopright {
background : #ffffff url(/webclient/devices/images/xd-boxtopright.gif) no-repeat;
}
.xdboxleft {
background : #ffffff url(/webclient/devices/images/xd-boxleft.gif) repeat-y;
}
.xdboxright {
background : #ffffff url(/webclient/devices/images/xd-boxright.gif) repeat-y;
}
.xdboxbottomleft {
background : #ffffff url(/webclient/devices/images/xd-boxbottomleft.gif) no-repeat;
}
.xdboxbottom {
background : #ffffff url(/webclient/devices/images/xd-boxbottom.gif) repeat-x;
}
.xdboxbottomright {
background : #ffffff url(/webclient/devices/images/xd-boxbottomright.gif) no-repeat;
}
.xdDotBorder {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000099;
border-bottom:1px dotted #eeeeee;
}
#xd-green a {
color:#009900;
text-decoration:none
}
#xd-green {
color:#009900;
text-decoration:none
}
#xd-red a {
color:#ff0000;
font-weight:bold;
text-decoration:none
}
#xd-red {
color:#ff0000;
font-weight:bold;
text-decoration:none
}
/* Exchange Styles - End */
/* Common button style across all screens */
.btnStyle{
font-family: Verdana;
font-size:12;
width: 80px;
font-style: normal;
}
/* Color when the cursor is hovered over a table row */
.rowMouseOverColor {
background: lightyellow;
}
/*-----------------------Context Menu-----------------------*/
.c_menu {
border-top:1px solid #1966F4;
border-bottom:1px solid #1966F4;
border-left:1px solid #1966F4;
border-right:1px solid #1966F4;
background-color: #F2F2F2;
font:10px verdana,arial,Helvetica,san-serif;
}
.c_mover {
padding:3px;
background:highlight;
color:white;
}
.c_mout {
padding:3px;
background-color: #F2F2F2;
}
.c_separator {
color: #1966F4;
height:1px
}
/*-----------------------Context Menu-----------------------*/
.adProgressBar {
border-top:1px #000000 solid;
border-left:1px #000000 solid;
border-bottom:1px #cccccc solid;
border-right:1px #cccccc solid;
background-color:#efefef;
}
.Box {
border: 1px solid #175AD7;
}
/* Legend Header for Graphs */
.legendTableHeader {
background : #DcDcDc;
padding: 2px;
font : 8pt verdana,sans-serif;
color : #0081b5;
font-weight : bold;
/* background : url(/webclient/devices/images/BubbleBlue/headingAlone.gif) repeat-x ; */
}
.etichette1
{
Color : Highlight;
Font : Medium verdana, sans-serif;
}
.lab_titolo1
{
font-family: Verdana;
font-size:12;
font-style: normal;
font-weight:bold;
BORDER-TOP: gainsboro thin solid;
BORDER-BOTTOM: gainsboro thin;
}
.headeremenutd {
font : 8pt/12pt verdana, arial, sans-serif;
font-weight : bold;
color:#0081b5;
}
.hidden
{
display:none;
}
.modalPopup {
background-color:Transparent;
border-width:0px;
border-style:solid;
border-color:Gray;
padding:3px;
text-align:center;
}
.nowrapper
{
white-space:nowrap;
}
.centerbox{
width:500px;
height:300px;
position:absolute;
top:50%;
left:50%;
margin:0px 0 0 -492px;
}
.RadPanelBar_Metro ul li a:visited,
.RadPanelBar_Metro ul li a:hover,
.RadPanelBar_Metro ul li a:active
{
color: Black;
/* width: auto !important;
float: left; */
border-top: 0px solid #2b657b;
border-bottom: 0px solid #3e94b5;
background-color:deepskyblue;
}
.areapannello
{
font-family:Verdana;
font-size:12px;
}
.barrasalva
{
background-color: DarkGreen;
}
.barraannulla
{
background-color: DarkRed;
}
.VarTitolo
{
font-weight:bold;
font-size:14px;
}
.VarCoordinate
{
font-size:8px;
}
.VarLabel
{
font-weight:bold;
font-size:12px;
}
.VarErrore
{
font-size:12px;
color:Red;
}
.rcFastNext
{
width:22px !important;
height:22px !important;
border:0px solid transparent !important;margin:1px 2px 0;
position:relative; top:0px; left:0px;
background:url('/images/sprite.gif') 0 -550px !important;color:#cccccc}
.rcFastPrev
{
width:22px !important;
height:22px !important;
border:0px solid transparent !important;margin:1px 2px 0;
position:relative; top:0px; left:0px;
background:url('/images/sprite.gif') 0 -250px !important;color:#cccccc}
.rcNext
{
width:22px !important;
height:22px !important;
border:0px solid transparent !important;margin:1px 2px 0;
position:relative; top:0px; left:0px;
background:url('/images/sprite.gif') 0 -450px !important;color:#cccccc}
.rcPrev
{
width:22px !important;
height:22px !important;
border:0px solid transparent !important;margin:1px 2px 0;
position:relative; top:0px; left:0px;
background:url('/images/sprite.gif') 0 -350px !important;color:#cccccc
}
.RadCalendar .rcRow .rcHover a {
border-color: #d94925;
background-color: #d94925;
background-image: -webkit-linear-gradient(top,#d94925 0,#d94925 100%);
background-image: -moz-linear-gradient(top,#d94925 0,#d94925 100%);
background-image: -ms-linear-gradient(top,#d94925 0,#d94925 100%);
background-image: -o-linear-gradient(top,#d94925 0,#d94925 100%);
background-image: linear-gradient(top,#d94925 0,#d94925 100%);
color: white;
}
.RadCalendar .rcWeek th {
border: 0;
padding: 0;
font-weight: normal;
vertical-align: middle;
cursor: default;
text-align: center !important;
}
.RadCalendar .rcMainTable {
table-layout: auto;
border-collapse: separate;
border: 0 !important;
width: 100%;
}
.RadCalendar .rcRow td {
border-style: solid;
border-width: 0px !important;
padding: 0;
text-align: center !important;
vertical-align: middle;
}
.RadCalendar .rcMain .rcWeekend a {
color: Red;
}
.RadCalendar .rcMain .rcOtherMonth a {
color: Gray;
}
.RadCalendar .rcRow th {
padding: 0 8px 0 7px;
color: #0974a6;
}
.module
{
/* offset left, top, thickness, color with alpha */
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
/*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
IE
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
slightly different syntax for IE8
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";*/
}
.blocchettopagina input
{
width: 520px !important;
}
.blocchettopagina span {
border-color: transparent !important;
width: 520px !important;
word-wrap: normal;
word-break: break-word;
height: 48px;
display: inline-block;
line-height: 20px;
margin-left: -8px;
}
.blocchettopagina {
border-color: transparent !important;
}
.blocchettopagina:hover {
border-color: gray !important;
}
.subtitle {
font-weight: normal;
padding-left: 20px;
}
.rbDecorated
{
text-align:left !important;
}
.radiolelenco {
position: relative;
top: -18px;
left: 24px;
}
.RadGrid_eSmart .rgSave, .RadGrid_eSmart .rgUpdate, .RadGrid_eSmart .rgCancel, .RadGrid_eSmart .rgEdit, .RadGrid_eSmart .rgDel, .RadGrid_eSmart .rgExpand, .RadGrid_eSmart .rgCollapse, .RadGrid_eSmart .rgFilter, .RadGrid_eSmart .rgAdd, .RadGrid_eSmart .rgRefresh, .RadGrid_eSmart .rgSortAsc, .RadGrid_eSmart .rgSortDesc, .RadGrid_eSmart .rgUngroup, .RadGrid_eSmart .rgPagePrev, .RadGrid_eSmart .rgPageNext, .RadGrid_eSmart .rgPageFirst, .RadGrid_eSmart .rgPageLast
{
background: !important;
}
.RadGrid_eSmart .rgCurrentPage , .RadGrid_eSmart .rgCurrentPage:hover
{
color: Red !important;
}
.RadGrid_eSmart
{
border: none !important;
}
.iconestati, .icontestati.tr
{
line-height:4px;
}
.iconestati , .iconestati.td
{
padding:0;
padding-top:0px !important}
.iconestati
{
}
.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td
{
padding-top:0px !important;
padding-bottom:1px !important
}
.RadGrid_eSmart .rgRow
{
background-color: #EEEEEE;
}
.bloccoicone
{
white-space:nowrap;
width:30px;
}
.edcselect
{
border:1px solid #CCCCCC;
color:gray;
padding-top:2px;
border-radius:1px;
-webkit-appearance: none;
background:url("/images/esmart/iconapopup.png");
background-position:right;
background-repeat:no-repeat;
height:24px;
cursor:pointer;
/*font-family:'Comic Sans MS';*/
}
.edcselectedevidence{
color: green !important;
font-weight: bold !important;
font-size: 18px !important;
}
.edcselectgrayed
{
border:1px solid #CCCCCC;
color:gray;
padding-top:2px;
border-radius:1px;
-webkit-appearance: none;
background:url("/images/esmart/iconapopupgrayed.png");
background-position:right;
background-repeat:no-repeat;
height:24px;
cursor:pointer;
/*font-family:'Comic Sans MS';*/
}
.rotate {
-moz-transform: rotate(-90.0deg); /* FF3.5+ */
-o-transform: rotate(-90.0deg); /* Opera 10.5 */
-webkit-transform: rotate(-90.0deg); /* Saf3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
transform: rotate(-90.0deg);
height: 120px !important;
line-height: 12px;
width: 22px;
max-width: 15px;
white-space: nowrap;
position: relative;
top: 10px;
}
.ColumnRight
{
text-align:right;
}
.radiolistelenco
{
padding-bottom:20px;
}
.radiolistelenco td input
{
float: left;
cursor:pointer;
}
.radiolistelenco td label
{
cursor:pointer;
}
.radiolistelenco3
{
padding-bottom:0px;
}
.radiolistelenco3 td input
{
float: left;
cursor:pointer;
}
.radiolistelenco3 td label
{
cursor:pointer;
}
/* custom */
.indentradios .radiolistelenco {
padding-bottom: 20px;
padding-left: 34px;
width: 100% !important;
}
.tabchoice td {
vertical-align: top;
padding-left: 4px;
padding-right: 4px;
}
.tabchoice td:first-child { width:100px; }
.dynamicvisits
{
background-image: url(../images/arrowdown.png) !important;
background-position: unset !important;
background-repeat: no-repeat;
background-position-y: bottom !important;
}
.RadMenu_eSmart2 .rmGroup .rmLink:hover, .RadMenu_eSmart .rmGroup .rmLink.rmFocused, .RadMenu_eSmart .rmGroup .rmLink.rmExpanded {
background-color: orangered !important;
color: White !important;
cursor:pointer !important;
}
span.RadButton_eSmart.RadButton:active, span.RadButton_eSmart.RadButton:focus, span.RadButton_eSmart.rbPressedButton, span.RadButton_eSmart.RadButton.rbSkinnedButtonChecked, span.RadButton_eSmart.RadButton.rbSkinnedButtonChecked:hover, span.RadButton_eSmart.RadButton.rbLinkButtonChecked, span.RadButton_eSmart.RadButton.rbLinkButtonChecked:hover, span.RadButton_eSmart.RadButton.rbVerticalButtonChecked, span.RadButton_eSmart.RadButton.rbVerticalButtonChecked:hover {
border: 1px solid white !important;
background-color: orangered !important;
color: white !important;
}
.dynamicmenu .rmText {
padding: 0px !important;
}
.dynamictable
{
cursor: pointer;
}
.visitheader {
white-space: normal;
font-size: 12px;
line-height: 11px;
width: 122px;
left: -5px;
position: relative;
height: 36px;
}
.btnRotator input
{
font-size:10px !important;
}
.schedacenter , .schedacenter input
{
background-color: #faa86c !important;
}
/* editor */
.areaproperties
{
position: absolute;
top: 10px;
left: 300px;
font-size:10px;
background-color: white;
z-index: 1000;
}
.RadListView{
border-width:1px;
border-style:solid;
width: 300px;
}
.RadListView .rlvEmpty,.RadListView .rlvIEmpty{
font-style:italic
}
.RadListView button.rlvActionButton{
padding:0;
border:0;
color:inherit;
background:none!important;
font:inherit;
text-align:center;
vertical-align:middle;
cursor:pointer
}
.RadListView button.rlvActionButton::-moz-focus-inner{
border:0;
padding:0
}
.RadListView .rlvBAddIcon:before,.RadListView .rlvBUpdateIcon:before,.RadListView .rlvBCancelIcon:before,.RadListView .rlvBDelIcon:before,.RadListView .rlvBEditIcon:before{
font-family:"WebComponentsIcons";
text-align:center;
display:block
}
.RadListView .rlvBAddIcon:before{
content:"\e11e"
}
.RadListView .rlvBUpdateIcon:before{
content:"\e118"
}
.RadListView .rlvBDelIcon:before,.RadListView .rlvBCancelIcon:before{
content:"\e11b"
}
.RadListView .rlvBEditIcon:before{
content:"\e10b"
}
.RadListView .rlvDrag{
width:16px;
height:16px;
border:0;
margin:0;
padding:0;
background-color:transparent;
background-repeat:no-repeat;
vertical-align:middle;
cursor:pointer;
background-image:url('ListView/drag.gif');
background-position:center center;
cursor:url('Common/grab.cur'),move
}
.RadListView li.rlvI,.RadListView li.rlvA,.RadListView li.rlvISel,.RadListView li.rlvIEmpty{
padding-top:5px;
padding-bottom:4px
}
.RadListView div.rlvI,.RadListView div.rlvA,.RadListView div.rlvISel,.RadListView div.rlvIEmpty,.RadListView div.rlvIEdit{
border-width:0 0 1px;
border-style:solid;
padding-top:5px;
padding-bottom:4px
}
.RadListView tr.rlvHeader th,.RadListView tr.rlvI>td,.RadListView tr.rlvA>td,.RadListView tr.rlvISel>td,.RadListView tr.rlvIEmpty>td,.RadListView tr.rlvIEdit>td{
padding:4px 7px 3px
}
.RadListView tr.rlvHeader th{
padding-top:5px;
padding-bottom:4px;
border-width:0 0 1px;
border-style:solid;
text-align:left;
font-weight:normal;
cursor: pointer;
}
.RadListView tr.rlvIEdit td td{
border:0;
padding:0
}
.RadListView tr>td{
border-width:0 0 1px;
border-style:solid;
border-color:inherit
}
.RadListView td.rlvI,.RadListView td.rlvA,.RadListView td.rlvISel,.RadListView td.rlvIEmpty,.RadListView td.rlvIEdit{
padding:5px 6px 4px;
border-width:0 1px 0 0
}
.RadListView .rlvI>td:first-child,.RadListView .rlvA>td:first-child{
border-left-width:0
}
div.RadListViewFloated{
border-width:0
}
.RadListView .rlvFloated{
display:block
}
.RadListView .rlvFloated:after{
content:"";
display:block;
clear:both
}
.RadListView .rlvFloated .rlvI,.RadListView .rlvFloated .rlvA,.RadListView .rlvFloated .rlvISel,.RadListView .rlvFloated .rlvIEmpty,.RadListView .rlvFloated .rlvIEdit{
border-width:1px;
border-style:solid;
float:left;
display:inline
}
.RadListView .rlvAutoScroll .rlvI,.RadListView .rlvAutoScroll .rlvA,.RadListView .rlvAutoScroll .rlvISel,.RadListView .rlvAutoScroll .rlvIEmpty,.RadListView .rlvAutoScroll .rlvIEdit{
overflow:auto
}
.RadListView .rlvNoScroll .rlvI,.RadListView .rlvNoScroll .rlvA,.RadListView .rlvNoScroll .rlvISel,.RadListView .rlvNoScroll .rlvIEmpty,.RadListView .rlvNoScroll .rlvIEdit{
overflow:hidden
}
.RadListView .rlvInput{
padding:4px 6px;
border-width:1px;
border-style:solid;
font:inherit;
vertical-align:middle
}
/*ALTRE FORMAT */
.RadListView{
border-color:#d9d9d9;
color:#333;
background-color:#fff
}
.RadListView .rlvHeader th{
border-color:#e3e3e3;
color:#5f5f5f;
background-color:#e3e3e3;
background-image:linear-gradient(white,#e3e3e3)
}
.RadListView.rlvI{
border-color:#c4c4c4
}
.RadListView .rlvA{
background:#f2f2f2;
border-color:#c4c4c4
}
.RadListView .rlvISel{
background:#81cfdc;
color:#fff;
border-color:#81cfdc
}
.RadListView .rlvDrag{
background-image:url('../Silk/ListView/drag.gif')
}
.RadListView .rlvInput{
border-color:#c4c4c4;
color:#3b3b3b;
background-color:#fff
}
.windmod
{
border-top-left-radius:10px !important;
border-top-right-radius:10px !important;
}
.windmod .rwTopLeft {
border-top-left-radius: 10px !important;
}
.windmod .rwTopRight{
border-top-right-radius: 10px !important;
}
.RadWindow .rwTitleRow em, .windmod .RadWindow .rwTitleRow em
{
color: White !important;
}
.edcbutton {
clear: both;
background-color: #d94925;
border: 0 none;
transition: all 0.23s ease-in-out 0s;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: normal;
height: 32px;
line-height: 32px;
margin: 0 5px 10px 0;
padding: 0 22px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: auto;
}
.rotatorStyle .RadButton.RadButton_eSmart
{
line-height: 10px !important;
font-size: 10px !important;
width: 55px !important;
}
.rotatorStyle .btnRotator
{
height: 90px !important;
}
.rotatorStyle .btnRotator span
{
width: 62px !important;
height: 82px !important;
position: relative;
left: -4px;
overflow: hidden;
text-overflow: ellipsis;
}
.rotatorStyle .RadButton.rbRounded {
border-radius: 0 !important;
border: none !important;
}
.rotatorStyle .container {
background-color: #99CCFF;
border: thick solid #808080;
padding: 20px;
margin: 20px;
}
.RadUpload .ruFileLI .ruButton, .RadUpload .ruFileLI .ruButton:hover
{
background-image: none !important;
}
.wrapper {
position: fixed;
width: 100vw;
/* relative unit that takes up full width */
height: 100vh;
/* relative unit that takes up full height */
background-color: rgba(0, 0, 50, 0.7);
/* adjust last value as needed */
z-index: 150000;
display: table;
top:0px;
left:0px;
/* makes this stay on top of all other elements that are not position: static */
}
.btnpremuto
{
background-color:orangered !important;
color: white !important;
}
.btnRotator
{
margin: 2px;
}
.ui-corner-all {
border-radius: 0px !important;
}
.ui-widget-header {
border: 1px solid orangered !important;
background: orangered !important;
color: #fff;
font-weight: bold;
}
.ui-widget.ui-widget-content {
border: 1px solid #dddddd !important;
}
.rgMasterTable
{
font-size:12px !important;
}
.RadGrid_eSmart .rgSave, .RadGrid_eSmart .rgUpdate, .RadGrid_eSmart .rgCancel, .RadGrid_eSmart .rgEdit, .RadGrid_eSmart .rgDel, .RadGrid_eSmart .rgExpand, .RadGrid_eSmart .rgCollapse, .RadGrid_eSmart .rgFilter, .RadGrid_eSmart .rgAdd, .RadGrid_eSmart .rgRefresh, .RadGrid_eSmart .rgSortAsc, .RadGrid_eSmart .rgSortDesc, .RadGrid_eSmart .rgUngroup, .RadGrid_eSmart .rgPagePrev, .RadGrid_eSmart .rgPageNext, .RadGrid_eSmart .rgPageFirst, .RadGrid_eSmart .rgPageLast
{
background: none !important;
}
/* NOTIFY*/
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
font-family: Verdana;
font-size:13px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
[data-notify="container"][class*="alert-pastel-"] {
background-color: rgb(255, 255, 238);
border-width: 0px;
border-left: 15px solid rgb(255, 240, 106);
border-radius: 0px;
box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);
letter-spacing: 1px;
}
[data-notify="container"].alert-pastel-info {
border-left-color: rgb(255, 179, 40);
}
[data-notify="container"].alert-pastel-danger {
border-left-color: rgb(255, 103, 76);
}
[data-notify="container"].alert-pastel-ok {
border-left-color: rgb(7, 157, 32);
}
[data-notify="container"][class*="alert-pastel-"] > [data-notify="title"] {
color: rgb(80, 80, 57);
display: block;
font-weight: 700;
margin-bottom: 5px;
}
[data-notify="container"][class*="alert-pastel-"] > [data-notify="message"] {
font-weight: 400;
}
.closenotify {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.closenotify:hover,
.closenotify:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.closenotify {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
text-align: right;
}
/*ANI */
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
/* END ANIMATE*/
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
[data-notify="container"][class*="alert-pastel-"] {
background-color: rgb(255, 255, 238);
border-width: 0px;
border-left: 15px solid rgb(255, 240, 106);
border-radius: 0px;
box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);
letter-spacing: 1px;
}
[data-notify="container"].alert-pastel-info {
border-left-color: rgb(255, 179, 40);
}
[data-notify="container"].alert-pastel-danger {
border-left-color: rgb(255, 103, 76);
}
[data-notify="container"].alert-pastel-ok {
border-left-color: rgb(7, 157, 32);
}
[data-notify="container"][class*="alert-pastel-"] > [data-notify="title"] {
color: rgb(80, 80, 57);
display: block;
font-weight: 700;
margin-bottom: 5px;
}
[data-notify="container"][class*="alert-pastel-"] > [data-notify="message"] {
font-weight: 400;
}
.closenotify {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.closenotify:hover,
.closenotify:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.closenotify {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
text-align: right;
}
/* END NOTIFY*/
.uploaddownfile
{
text-decoration: none !important;
color: orangered !important;
}
.changestatusupload
{
position: relative;
top: 5px;
left: 6px;
}
.uploadlabel
{
width: 200px;
position: relative;
top: -7px;
padding-right: 4px;
}
.uploadtable
{
margin-left: 20px;
margin-bottom: 20px;
}
@keyframes pulse {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.1, 1.1);
}
100% {
transform: scale(1, 1);
}
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
@keyframes blinker {
50% {
opacity: 0.3;
}
}
@keyframes fade {
from { opacity: 1.0; }
50% { opacity: 0.5; }
to { opacity: 1.0; }
}
@-webkit-keyframes fade {
from { opacity: 1.0; }
50% { opacity: 0.5; }
to { opacity: 1.0; }
}
#progressbarexport
{
/*animation: hides 1s linear infinite;*/
/*animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;*/
/*animation: blinker 1s step-start infinite;*/
animation:fade 1000ms infinite;
-webkit-animation:fade 1000ms infinite;
}
.ruBrowse
{
background: orangered;
color: white;
}
.ruFileInput
{
cursor: pointer;
}
.button input
{
text-align: center !important;
background-color: orangered;
color: white;
}
.rgDataDiv
{
overflow-y: hidden !important;
}
.RadGrid .rgClipCells .rgHeader, .RadGrid .rgClipCells .rgFilterRow>td, .RadGrid .rgClipCells .rgRow>td, .RadGrid .rgClipCells .rgAltRow>td, .RadGrid .rgClipCells .rgEditRow>td, .RadGrid .rgClipCells .rgFooter>td {
overflow:visible !important;
}
input:disabled
{
pointer-events: none;
/* for "disabled" effect */
opacity: 0.5;
background: #CCC;
}
.newLabelVisit {
color:#E9601C;font-size:26px;font-weight:normal;
}
.newDialog {
z-index:9999 !important;
}
.dropdown {
position:absolute;
background: white;
padding: 2px;
border: gray thin solid;
}
.dropdown ul {
list-style: none;
}
.dropvoce {
cursor:pointer;
background-color: bisque;
padding: 4px;
margin: 2px;
}
.foot_left {
background-image: url(../studyimages/feetleft2.png);
width: 277px;
height:350px;
position: relative;
top: 0px;
left: 0px;
}
.foot_right {
background-image: url(../studyimages/feetright2.png);
width: 277px;
height:350px;
position: relative;
top: 0px;
left: 0px;
}
.foot_left_01 {
position: absolute;
left: 63px;
top: 34px;
}
.foot_left_02 {
position: absolute;
left: 125px;
top: 26px;
}
.foot_left_03 {
position: absolute;
left: 170px;
top: 31px;
}
.foot_left_04 {
position: absolute;
left: 211px;
top: 66px;
}
.foot_left_05 {
position: absolute;
left: 245px;
top: 94px;
}
.foot_left_06 {
position: absolute;
left: 63px;
top: 155px;
}
.foot_left_07 {
position: absolute;
left: 125px;
top: 149px;
}
.foot_left_08 {
position: absolute;
left: 170px;
top: 155px;
}
.foot_left_09 {
position: absolute;
left: 211px;
top: 171px;
}
.foot_left_10 {
position: absolute;
left: 245px;
top: 193px;
}
.foot_left_10 input{
cursor:pointer;
}
.foot_right_01 {
position: absolute;
left: 200px;
top: 34px;
}
.foot_right_02 {
position: absolute;
left: 140px;
top: 26px;
}
.foot_right_03 {
position: absolute;
left: 95px;
top: 31px;
}
.foot_right_04 {
position: absolute;
left: 54px;
top: 66px;
}
.foot_right_05 {
position: absolute;
left: 20px;
top: 94px;
}
.foot_right_06 {
position: absolute;
left: 200px;
top: 162px;
}
.foot_right_07 {
position: absolute;
left: 140px;
top: 149px;
}
.foot_right_08 {
position: absolute;
left: 95px;
top: 155px;
}
.foot_right_09 {
position: absolute;
left: 54px;
top: 171px;
}
.foot_right_10 {
position: absolute;
left: 19px;
top: 189px;
}
.rbImageButton{
position: inherit !important;
}
span.RadButton_eSmart.RadButton:hover {
border: none !important;
background-color: transparent !important;
}
.ui-dialog
{
z-index: 4000 !important;
}
.userproplabel
{
padding-left: 4px;
padding-top: 6px;
float: left;
}
.userprop2fa
{
float: right;
cursor:pointer;
}
}
.userprop
{
position: absolute !important;
width: 200px !important;
top: 39px !important;
z-index: 100 !important;
border: 2px solid lightgray !important;
background: #fcfdfd !important;
color: black !important;
}
.userprop h3
{
padding: 9px !important;
font-size: 16px !important;
background-color: #2c3b74 !important;
border: none !important;
}
.txtcode
{
border-bottom: 1px solid gray;
font-size: 35px !important;
max-width: 170px !important;
}
.status2fa {
position: relative;
top: -19px;
padding-left: 10px;
}
.statusswitcher{
float: right;
position: relative;
top: 15px;
}
.codelogin{
border: 1px solid gray;
font-size: 30px;
text-align: center;
height: 38px;
vertical-align: middle;
width: 176px;
letter-spacing: 8px;
background-color: white;
}
.divtfa{
background-color: #DDDDDD;
margin: 10px 6px 6px 6px;
padding: 4px 4px 4px 4px;
}
.userpanelright {
float:right; width:320px;
}
.userpanelleft{
float: left;
width: 460px;
border-right: 1px solid gray;
padding-right: 14px;
}
.dialogformuser {
width:900px;
}
.twapadding {
padding: 6px;
}
.bottoni {
padding-left: 1px;
padding-right: 1px;
}
.bottonecalendario img {
padding-bottom: 3px;
}
.cccLabelYes input[type=radio] + label {
font-style: normal;
}
.cccLabelYes input[type=radio][value="1"]:checked + label {
color: Green;
font-weight:bold;
}
#overlay {
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
}
#overlaymsg {
color: white;
position: relative;
top: 50%;
/* left: 50%; */
width: 50%;
font-weight: bold;
font-size: 36px;
/* text-align: center; */
margin: 0 auto;
display: table;
line-height:40px;
}
.headercontrol {
padding: 10px;
cursor: move;
z-index: 10;
background-color: #2196F3;
color: #fff;
width: 100px;
border: solid 1px white;
}
.headercontrolbutton {
cursor: pointer !important;
margin-left: 4px;
}
.movecontrol {
position: relative !important;
background-color: rebeccapurple;
}
.areacontrollieditor{
position: relative !important;
top: 64px;
width:98% !important;
left:10px !important;
}
.pannelloarea1 {
position: relative !important;
width: 99% !important;
top: 2px;
}
.pannelloarea2 {
position:relative;
width: 99% !important;
top:4px;
}
.bloccoeditor{
padding-top: 5px;
}
.bloccoeditorlabel {
padding-right: 4px;
position: relative;
top: 2px;
}
.topversione {
font-size: 8px;
color: lightgray;
}
.querylist .rgMasterTable th:nth-child(2),
.querylist .rgMasterTable th:nth-child(3),
.querylist .rgMasterTable th:nth-child(4),
.querylist .rgMasterTable th:nth-child(5),
.querylist .rgMasterTable th:nth-child(6),
.querylist .rgMasterTable th:nth-child(7) {
display: none;
}
.querylist .rgMasterTable td:nth-child(2),
.querylist .rgMasterTable td:nth-child(3),
.querylist .rgMasterTable td:nth-child(4),
.querylist .rgMasterTable td:nth-child(5),
.querylist .rgMasterTable td:nth-child(6),
.querylist .rgMasterTable td:nth-child(7) {
display: none;
}
.querylist .rgMasterTable th:nth-child(1), .querylist .rgMasterTable td:nth-child(1) {
width: 30px !important;
max-width: 30px !important;
min-width: 30px !important;
}
.querylist .rgMasterTable th:nth-child(8), .querylist .rgMasterTable td:nth-child(8) {
width: 50px !important;
max-width: 50px !important;
min-width: 50px !important;
}
.querylist .rgMasterTable th:nth-child(9), .querylist .rgMasterTable td:nth-child(9) {
width: 130px !important;
max-width: 130px !important;
min-width: 130px !important;
}
.querylist .rgMasterTable th:nth-child(10), .querylist .rgMasterTable td:nth-child(10) {
width: 100px !important;
max-width: 100px !important;
min-width: 100px !important;
}
.querylist .rgMasterTable th:nth-child(11), .querylist .rgMasterTable td:nth-child(11) {
width: 100px !important;
max-width: 100px !important;
min-width: 100px !important;
}
/*.querylist .rgHeaderDiv table,
.querylist .rgDataDiv table {
table-layout: auto !important;
}*/
.querylist table td {
line-height: 19px !important;
}
.querylist table th.rgHeader.rotate {
transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
height: 40px !important;
}
#_ctl0_btnStatistiche {
display: none !important;
}
.mandatoryfield {
margin-bottom: 6px;
/*border-left: solid 2px red;*/
display: flex;
}
.redflag {
color: darkred;
}