/* CoralVersion:4.9.001.1310 */ /*****************************************************************************************************/ /* Coral */ /*****************************************************************************************************/ body.needsClicks IFRAME, body.draggingWindow IFRAME, body.resizingWindow IFRAME { pointer-events:none; } [widget] { /*height:100%;*/ } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } html, body, input, select, button, span, p, a, textarea {outline:none;} html{height:100%;} @font-face { font-family: 'digital'; src: url('/css/DS-DIGI.TTF'),url('/css/DS-DIGI.woff'), url('/css/DS-DIGI.eot'); } @font-face { font-family: 'din'; src: url('/css/DINMedium.ttf'); } body { font-size: 14px; font-weight: normal; font-style: none; font-variant: none; background: #fff; /* Old browsers */ padding: 0px; margin: 0px; font-size: 10px; height: 100%; overflow-y: auto; overflow-x: hidden; font-family: Arial, Helvetica, sans-serif; } /*****************************************************************************************************/ /* Connection failure Overlay */ /*****************************************************************************************************/ .csdkDialog.subscreen, div#coral_AlertPopUpDiv { position: absolute; width: 300px; height: auto; border:1px solid #666; box-shadow: 0px 0px 10px #333; z-index: 10002; border-radius: 5px; padding: 8px; /* color:#111;*/ /* background: rgb(254,255,255); /* Old browsers */ /*background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(242,242,242,1) 11%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-/*stop(11%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(242,242,242,1) 11%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(242,242,242,1) 11%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(242,242,242,1) 11%); /* IE10+ */ /*background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(242,242,242,1) 11%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ /*margin-right:5px;*/ } .csdkDialogBoxInside .alertPopUpWindowOverlay.subscreen { position: absolute; width: 100%; height: 100%; background: #00000045; left: 0; top: 0; } .csdkDialogBoxInside .alertPopUpWindowOverlay.subscreen + .csdkDialog { position: absolute; z-index: 10002; } .csdkDialogBoxInside .csdkDialog button.AboutToBeClicked, div#coral_AlertPopUpDiv button.AboutToBeClicked { background: #0cf; } .showQueryPleaseWait { position: absolute; left: 22px; top: 28px; height: 10px; width: 25px; display:none; } .csdkDialogBoxInside .csdkDialog button:disabled, .csdkDialogBoxInside .csdkDialog button:disabled:hover, .csdkDialogBoxInside .csdkDialog button:disabled:active, div#coral_AlertPopUpDiv button:disabled, div#coral_AlertPopUpDiv button:disabled:hover, div#coral_AlertPopUpDiv button:disabled:active, .showQuery_Button:disabled, .showQuery_Table #buttonDiv button:disabled { background:#a7a9ab; color:#808284; text-shadow: none; } div#alertPopUpOverlay { background-color:#111; opacity: 0.65; position:absolute; z-index: 10001; top:0px; left:0px; width:100%; display:block; height:100%; } .alertPopUpWindowOverlay { position: absolute; background-color: rgb(230 230 230 / 85%); z-index: 10001; top: 0px; left: 0px; width: 100%; display: block; height: 100%; } .alertPopUpWindowOverlay + div#coral_AlertPopUpDiv.csdkDialog { box-shadow: 0px 0px 10px #969696db; border-color: #bbbbbb; max-width:300px; } div.csdkDWind[style*="visibility: hidden"] div#coral_AlertPopUpDiv { opacity:0; transition:opacity 0.5s; } div#popUpOverlay { background-color:#111; opacity: 0.65; position:absolute; z-index: 9001; top:0px; left:0px; width:100%; } div#overlayContainer { display: none; } div#overlayBackground { background: white; color: red; height: 100%; left: 0px; opacity: 0.5; position: absolute; top: 0px; width: 100%; z-index: 100; } div#overlayContents { -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); background: #EEE; position: absolute; width: 220px; z-index: 5000; color: #000; } div#overlayContents>span.p { display: block; } div#overlayText { font-size: large; color: #000; } /*****************************************************************************************************/ /* Header */ /*****************************************************************************************************/ div#header:before { } div#header:after { } div#headerContainer { height: 0px; width: 100%; } div#header { } p#userNameTag, span#userNameTag { text-align: left; width: 182px; display: block; vertical-align: middle; line-height: 20px; margin: 0px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .heading_logo { left: 2px; bottom: 5px; width: 217px; height: 21px; background: url( ) no-repeat center 5px; background-size: 125px; z-index: -1; position: absolute; padding: 47px 10px 0px 10px; text-align: center; font-size: 14px; } .heading_logo span { color:#fff; font-size: 11px; } .heading_logo_after { left: 6px; bottom: 5px; width: 35px; height: 35px; background: url(' ') center no-repeat; z-index: 9999; position: fixed; padding-top:0px; } .heading_logo_after span { display:none; } /*****************************************************************************************************/ /* Layout */ /*****************************************************************************************************/ div#container { width: 95%; z-index: -1; } div#leftMaster { } .leftMasterBackground { float: left; width: 240px; z-index: -1; height:100%; position: absolute; /*commented out on 13 June 14 to fix the scroll problem*/ /*padding-top:67px;*/ /*background: #333;*/ top: 0px; overflow-x:hidden; overflow-y:auto; } .left_Master { float: left; width: 240px; z-index: 2; padding-top:63px; /*background: #333;*/ top: 0px; overflow-x:hidden; border-bottom: 2px solid #fff ; overflow-y:hidden; } #applianceMaster { } .appliance_Master { } #loginImage { border: 2px #222 solid; } input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, input#loginUserName:-webkit-autofill, input#loginUserName:-webkit-autofill:hover, input#loginUserName:-webkit-autofill:focus, input#loginPassword:-webkit-autofill, input#loginPassword:-webkit-autofill:hover, input#loginPassword:-webkit-autofill:focus { border: none; -webkit-text-fill-color: #808285; -webkit-box-shadow: none; background-color: transparent; -webkit-font-size: 18px !important; font-size: 18px !important; animation-name: onAutoFillStart; transition: background-color 5000s ease-in-out 0s; } input#loginUserName:-webkit-autofill:focus, input#loginPassword:-webkit-autofill:focus { color:#000; -webkit-text-fill-color: #333; } @keyframes onAutoFillStart { from {/**/} to {/**/} } #loginButton:disabled { background-color:lightgrey; } #loginUserName, #loginPassword { border-radius:5px; background-color:white; } .hiddenClass { opacity: 0.0; visibility: hidden; } div#loggedinEntry { } table#loggedin { position: absolute; top: 42px; left: 58px; visibility: hidden; } div#topMaster { background: none; border-radius: 5px; color: #333; font-size: 11px; margin-bottom: 18px; margin-left: -20px; overflow: hidden; padding-left: 20px; position: relative; visibility: hidden; width: 900px; z-index: 1; } div#rightMaster { } .rightMaster_ { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; /* min-width: 400px; max-width: 1000px;*/ width: -webkit-calc(100% - 20px); width: calc(100% - 20px); font-size: 11px; color: #333; padding-left: 0px; z-index: 1; overflow: hidden; margin-bottom: 18px; /* visibility: hidden; overflow-x: hidden; */ } .embeddedWebsite { position: absolute; z-index: -1; } .leftColumn.closed + .master_ { z-index:1; box-shadow:none !important; left: 0px !important; background: #fff; -webkit-transition: left 1s ease-out; -moz-transition: left 1s ease-out; -o-transition: left 1s ease-out; -ms-transition: left 1s ease-out; transition: left 1s ease-out; } .leftColumn + .master_ { background: #fff; z-index:1; border-left: 1px solid #D1D2D4; box-shadow:none !important; left: 240px ; -webkit-transition: left 1s ease-out; -moz-transition: left 1s ease-out; -o-transition: left 1s ease-out; -ms-transition: left 1s ease-out; transition: left 1s ease-out; } .master_ { position: fixed; z-index: 1; top: 0px; left:225px; right:0px; padding-top: 0px; background: url(/images/conta_bg.jpg) left #fff repeat-y; height: 100%; overflow-x:hidden; overflow-y:auto ; } .master_after { overflow: scroll; position: fixed; z-index: 1; padding-left: 35px; top: 0px; left:0px; right:0px; bottom:0px; padding-top: 20px; background: url(/images/conta_bg.jpg) 45px #fff repeat-y; height: 100%; overflow-x:hidden; overflow-y:scroll ; } div#copyRightFooter { position: fixed; bottom: 0px; z-index: 11; width: 97%; text-align: center; } .csdkDWind:not(.raised) .csdkDWindTitleBar { opacity: 0.5 !important; } /*****************************************************************************************************/ /* Links */ /*****************************************************************************************************/ a:link img, a:visited img, a:hover img, a:active img { border-width: 5px solid #004481; } a:link { color: #336699; text-decoration: none; } a:visited { color: #000; text-decoration: none; } a:hover { color: #3399FF; text-decoration: none; } a:active { color: #336699; text-decoration: none; } h1 { margin: 0; padding: 0; } h2 { margin: 0; padding: 40; } h3 { margin: 0; padding: 40; } h4 { margin: 0; padding: 0; } /*****************************************************************************************************/ /* Generic Widget Classes */ /*****************************************************************************************************/ .WidgetRoundedRect { background: #C8CAC3; border-radius: 10px; border: 1px black solid; box-shadow: 2px 2px 2px #222; color: #333; float: left; margin: 0; margin: 5px; overflow: hidden; padding-bottom: 1.4em; padding-left: 1.4em; padding-right: 1.4em; padding: 1.0em; } .WidgetSmallRoundedRect { background: #c5e7ea no-repeat; border-radius: 4px; border: 1px black solid; box-shadow: 0px 0px 7px #222; color: #333; float: left; margin-bottom: 0; overflow: hidden; padding-bottom: 0; padding-right: 2px; padding-top: 2px; } /*****************************************************************************************************/ /* Buttons */ /*****************************************************************************************************/ #expandedContent button, #expandedContent input[type="button"], .coralDraggableWindowContentWindow input[type="button"], .userbtn button, .greybutton { border-radius: 0px; border: none; cursor: pointer; font-size: 12px; font-weight: normal; min-width: 60px; padding: 3px 9px; } #expandedContent button:hover, #expandedContent input[type="button"]:hover, .coralDraggableWindowContentWindow input[type="button"]:hover, .userbtn button:hover, .greybutton:hover { } #expandedContent button:active, #expandedContent input[type="button"]:active, .coralDraggableWindowContentWindow input[type="button"]:active, .userbtn button:active, .greybutton:active { background: #0093bf; text-shadow: none; color: #939597; } #expandedContent button:disabled, #expandedContent button:disabled:hover, #expandedContent button:disabled:active, #expandedContent input[type="button"]:disabled, #expandedContent input[type="button"]:disabled:hover, #expandedContent input[type="button"]:disabled:active, .coralDraggableWindowContentWindow input[type="button"]:disabled, .coralDraggableWindowContentWindow input[type="button"]:disabled:hover, .coralDraggableWindowContentWindow input[type="button"]:disabled:active, .userbtn button:disabled, .userbtn button:disabled:hover, .userbtn button:disabled:active, .greybutton:disabled, .greybutton:disabled:hover, .greybutton:disabled:active, .greybutton.disabled, .greybutton.disabled:hover, .greybutton.disabled:active { color: #e6e7e8; background: #a7a9ab; text-shadow: none; } /*****************************************************************************************************/ /* Select */ /*****************************************************************************************************/ select { /* width: 80%; */ margin-top: 4px; color: #000; border: 1px solid #d1d2d4; border-radius: 0; height: 20px; background: #fff; font-size: 12px; } /*****************************************************************************************************/ /* Coral Timer */ /*****************************************************************************************************/ .coral_timer { display: inline-block; } .coral_timerCell { width: 0.60em; height: 20px; overflow: hidden; position: relative; float: left; resize: none; } .coral_timerNumbers { width: 0.6em; line-height: 20px; font-family: digital, arial, verdana; text-align: center; position: absolute; top: 0; left: 0; white-space: pre-wrap; word-break: break-all; } /*****************************************************************************************************/ /* Animations */ /*****************************************************************************************************/ .fadeOut { -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; opacity: 0.0; visibility: hidden; } .fadeIn { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 1.0; visibility: visible; } .growAnimate { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /*****************************************************************************************************/ /* Toggle Div */ /*****************************************************************************************************/ .divClosed { background: url("/images/divClosedTriangle.png") no-repeat scroll 1px 50% transparent; padding-left: 12px; padding-bottom: 0px; } .divOpened { background: url("/images/divOpenedTriangle.png") no-repeat scroll 1px 50% transparent; padding-left: 12px; padding-bottom: 3px; } .toggleDiv:checked + div { display: none; } /*****************************************************************************************************/ /* Tabs Div */ /*****************************************************************************************************/ /* Example tab container */ .coralTabsDiv { position: relative; min-height: 200px; /* This part sucks */ clear: both; margin: 25px 0; } /* Individual tab */ .coralTab { float: left; } /* Individual tab label */ .coralTab label#tabLabel { background: #eee; background: -ms-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.17) 10%,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 92%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.17) 10%,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 92%); background: -moz-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.17) 10%,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 92%); background: linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.17) 10%,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 92%); box-shadow: -2px -1px 2px rgba(50, 50, 50, 0.25); padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; border: 1px solid #888; border-top-left-radius: 7px; border-top-right-radius: 7px; margin-left: 3px; position: relative; left: 1px; } /* radio button decendant from .coralTab class*/ .coralTab [type=radio] { display: none; } /* Individual tab content */ .coralTabContent { position: absolute; top: 19px; left: 0; background: white; right: 0; bottom: 0; padding: 20px; border: 1px solid #888; box-shadow: -2px -1px 2px rgba(50, 50, 50, 0.25); } /* Selected tab label [type=radio]:checked ~ label { background: white; border-bottom: 1px solid white; z-index: 2; } /* Selected tab content [type=radio]:checked ~ label ~ .coralTabContent { z-index: 99; } */ /* Add by Ohssong */ .Login_Div_before { width: 260px; height: 250px; margin: 100px auto; text-align: center; background: url(/images/bg_login_box.png) top repeat-x; border-radius: 20px; -moz-border-radius: 20px; padding: 20px; box-shadow: 1px 1px 8px #333; -webkit-box-shadow: 1px 1px 8px #333; -moz-box-shadow: 1px 1px 8px #333; } .Login_title { text-align: center; font-size: 26px; color: #fff; text-shadow: 1px 1px 5px #333; } .Login_before { position: absolute; z-index: 10; overflow: auto; } .Login_before .inside_Lo { width: 250px; height: 300px; } .loginbtn { text-align: center; background: #3197CA url(/images/bg_login_btn.png) repeat-x top; border-radius: 8px; -moz-border-radius: 8px; width: 100%; border: none; font-size: 15px; font-weight: 700; text-shadow: 1px 1px 1px #9cced6; color: #1C5571; padding: 7px 0px; display: block; cursor: pointer; border-top: 1px solid #BEDFEF; box-shadow: 1px 1px 3px #111; } .loginbtn:hover { background: #3197CA url(/images/bg_login_btn.png) -0 -60px; cursor: pointer; color: #103141; } .small_text { font-size: 11px; } .logininput { background: #fff url(/images/bg_login_input.png) repeat-x top; border-top: 1px solid #fff; font-size: 15px; padding: 10px 0px; border-radius: 8px; -moz-border-radius: 8px; border-left: 0px; border-right: 0px; border-bottom: 0px; box-shadow: 1px 1px 3px #111; width: 100%; text-align: center; } .logininput:focus { color: #09C; font-weight: bold; } .Left_Admin { position: fixed; top: 0px; } .App_outside { z-index: 100; position: fixed; margin-top: 200px; } .LeftsAdmin { position: absolute; width: 224px; top: 0px; left: 0px; padding: 8px; /*background: #323232;*/ /*color: #fff;*/ font-size: 11px; margin: 0px; z-index: 10 } .login_btn_out { float: left; width: 100%; padding-top: 0px; } /* toggle_2 after change CSS start */ .LeftsAdmin_after { position: fixed; width: 45px; top: 0px; left: 0px; padding: 0px; background: #333; color: #fff; font-size: 9px; margin: 0px; background: url(/images/bg_leftside.png) top repeat-x; z-index: 10; height: 100px; } .LeftsAdmin_after .left_tools { background: #333; padding-left: 0px; } .LeftsAdmin_after .left_tools { background: #333; } .LeftsAdmin_after .userbtn { text-shadow: none; text-align: center; margin-top: 0px; margin-left: 2px; } .LeftsAdmin_after .userbtn button { display: block; color: #000; text-shadow: 1px 1px 1px #eee; font-size: 11px; width: 41px; background: #ccc url(/images/bg_btn_grey_sml.png) repeat-x top; border: 1px solid #000; padding: 2px 2px; text-decoration: none; border-radius: 0px; -moz-border-radius: 0px; cursor: pointer; } .LeftsAdmin_after .userbtn button:hover { color: #fff; background: #eee url(/images/bg_btn_grey_sml.png) 0 -30px; text-shadow: none; } .LeftsAdmin_after .welcome_text { font-size: 11px; color: #fff; visibility: hidden; } .LeftsAdmin_after #userNameTag { visibility: hidden; } .LeftsAdmin_after .login_btn_out { margin: 0px; width: 45px; padding-left: 3px; } .LeftsAdmin_after #loginImage { width: 40px; height: 40px; margin: 0px; } /* toggle_2 after change CSS end*/ /*change passwords alert*/ #changePasswordTable input, #changePasswordTable input:hover { border-radius: 3px !important; width: unset !important; padding: 5px !important; margin: 1px !important; width: 152px !important; font-size: 13px !important; } div#coral_AlertPopUpDiv div { font-family: arial; } div#coral_AlertPopUpDiv #changePasswordWrapper { display: flex; flex-direction: column; position: relative; } div#coral_AlertPopUpDiv #changePasswordWrapper #statusLine.changePasswordHeading { font-size: 11px; margin: 0; position: absolute; width: 235px; padding: 0 0 0 8px; line-height: 13px; border: none !important; left: -11px; top: 95px; text-align: left; color: crimson; } div#coral_AlertPopUpDiv .changePasswordStatusRow, div#coral_AlertPopUpDiv .changePasswordHeadingRow { } #changePasswordWrapper { display:table; margin-left: auto; margin-right: auto; font-weight:bold; color: #58585b; margin-bottom: 10px; margin-top: 10px; } .changePasswordRow { display:flex; } .changePasswordInput { display:table-cell; text-align:left; margin: 1px; border: 1px solid #d1d2d4; vertical-align: middle; padding: 3px; } .changePasswordLabel { font-size: 12px; width:100px; } .changePasswordLabel { display:flex; text-align:left; font-size: 12px; vertical-align: middle; padding: 3px 0; align-items: center; } #coral_AlertPopUpDiv.manageFavourites_MenuNameHidden .showQuery_Table span.showQueryTableCellTextTextSpan, div#coral_AlertPopUpDiv .showQuery_Expansion { padding: 0px 20px 15px ; width: calc(100% - 40px) ; } /*change passwords alert END*/ .userOptions { display: none; background: url("../images/changePassword.svg") repeat-x top; background-size: 20px; width:20px; height:20px; float:left; margin-right: 3px; } .userOptions:hover { background: url("../images/changePasswordH.svg") repeat-x top; background-size: 20px; } .userOptions:active { background: url("../images/changePasswordA.svg") repeat-x top; background-size: 20px; } .left_tools { background: #333; padding-left: 8px; } .userbtn { text-shadow: none; float: right; text-align:right; margin-top: 3px; width:100%; } .welcome_text { font-size: 11px; color: #fff; } /*****************************************************************************************************/ /* CoralDock */ /*****************************************************************************************************/ .coralDockRightIconWrapper:before, .coralDockRightIconWrapper:after, .coralDockRightIconWrapper .minus:before, .coralDockRightIconWrapper .minus:after, .coralDockRightIconWrapper .plus:before, .coralDockRightIconWrapper .plus:after { content:""; position:absolute; } .coralDockRightIconWrapper .plus, .coralDockRightIconWrapper .minus { content:""; position:relative; height: 100%; } .coralDockRightIconWrapper:hover .minus:before, .coralDockRightIconWrapper:hover .minus:after, .coralDockRightIconWrapper:hover .plus:before, .coralDockRightIconWrapper:hover .plus:after { background:#FFF914; } .coralDockRightIconWrapper .minus:before { left:3px; width:8px; height:2px; margin-top:6px; background:#FFFFFF; } .coralDockRightIconWrapper .plus:before { left:6px; width:2px; height:8px; margin-top:3px; background:#FFFFFF; } .coralDockRightIconWrapper .plus:after { left:3px; width:8px; height:2px; margin-top:6px; background:#FFFFFF; } .coralDockRightIconWrapper { display: inline-block; width:14px; height:14px; border: 1px solid #fff; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline; vertical-align: baseline-middle; margin-left:5px; background: none; } .coralDock li a.collapsed { line-height: 1.2em; /*width: 205px; */ font-size: 13px; padding: 9px 10px; display: block; color: #fff; cursor: pointer; } .coralDock .navigation li .selected { line-height: 1.2em; /*width: 205px; */ font-size: 13px; background: url(/images/bg_navigation.png) no-repeat -114px; padding: 9px 10px; display: block; color: #fff; cursor: pointer; } .coralDock li div a:hover, .coralDock li a.heading:hover { color: #fff; } .coralDock li a.heading { -webkit-user-select:text; user-select:text; border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; line-height: 1.2em; /* width: 205px; */ font-size: 13px; padding: 9px 10px; display: block; cursor: pointer; background: rgb(45,171,213); background: -moz-linear-gradient(top, rgba(45,171,213,1) 0%, rgba(0,111,147,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,171,213,1)), color-stop(100%,rgba(0,111,147,1))); background: -webkit-linear-gradient(top, rgba(45,171,213,1) 0%,rgba(0,111,147,1) 100%); background: -o-linear-gradient(top, rgba(45,171,213,1) 0%,rgba(0,111,147,1) 100%); background: -ms-linear-gradient(top, rgba(45,171,213,1) 0%,rgba(0,111,147,1) 100%); background: linear-gradient(to bottom, rgba(45,171,213,1) 0%,rgba(0,111,147,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dabd5', endColorstr='#006f93',GradientType=0 ); color: #fff; } .growAnimate.AgentStatistics .leftNotify.notification, .growAnimate.gEmailDock .leftNotify.notification, .growAnimate.acbWidgetDock .leftNotify.notification { font-size:14px; } .leftNotify.notification.overTen { background: url(../images/overTen.svg) no-repeat center center; background-size: 15px; } .leftNotify.notification { position: relative; margin-top: -29px; margin-left: 14px; border-radius: 7px; width: 14px; height: 14px; margin-bottom: 16px; background: red; text-align: center; font-size: 9px; font-weight: bold; line-height: 14.5px; font-family: arial !important; } ul.coralDock { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity:1; list-style: none; } ul.coralDock.loading { display:none; opacity:0; } div.loadingWidget { user-select:text; -webkit-user-select:text; text-align:center; line-height: 1.2em; width: 100%; min-height: 38px; font-size: 13px; display: block; cursor: pointer; background: #404041; color: #fff; } /* .growAnimate:nth-last-child(2) .coralDock li div.standardHeading { border-bottom: 2px solid #fff; } */ .growAnimate:last-child .coralDock li div.standardHeading { /* border-bottom: 2px solid #fff !important; */ } .coralDock li div.standardHeading { user-select:text; -webkit-user-select:text; line-height: 1.2em; font-size: 13px; padding: 5px 10px 5px 6px; display: block; border-top: 2px solid #fff; } .coralDock li a.heading.inactive { border-bottom: 1px solid #A2A2A2; border-top: 1px solid #868686; background-image: -webkit-linear-gradient(top, rgb(199, 199, 199), rgb(116, 116, 116) ); background-image: -moz-linear-gradient(top, rgb(199, 199, 199), rgb(116, 116, 116) ); background-image: linear-gradient(top, rgb(199, 199, 199), rgb(116, 116, 116) ); } .coralDock li .expanded { /* background: url(/images/bg_navigation11.png) 0 -76px; */ } .coralDock li:hover { /* background: url(/images/bg_navigation11.png) no-repeat 0 -114px; width: 205px;*/ } .coralDock li ul { /* width: 225px; */ color: #fff; font-family:arial; font-size:12px; } button.CoralDockClose { display: none; /* Not wanted right now */ height:15px; width:15px; background-size:15px 15px; background-image: url('/images/coralDraggableWindowClose.svg'); background-color:transparent; border: none; margin-right: 5px; position: relative; float: right; top: 9px; } button.CoralDockClose:hover { background-image: url('/images/coralDraggableWindowCloseHover.svg'); } button.CoralDockClose:active { background-image: url('/images/coralDraggableWindowCloseActive.svg'); } .coralDock .navigation li { padding: 5px 10px 5px 10px; /* background: url(/images/bg_navigation_link.png) repeat-x top; */ text-shadow: 1px 1px 1px #222; font-size: 11px; outline: none; /* width: 205px; */ display: block; color: #fff; text-decoration: none; } .coralDock .navigation li img { width: 15px; height: 15px; border: 0px; } .coralDock .navigation li:hover { /* color: #ccc; background: #333;*/ } .coralDock .navigation li:selected { width: 226px; z-index: 2; position: relative; padding: 10px; } .coralDock .navigation li:selected { /* background: url(/images/bg_navigation.png) no-repeat -1px 0; */ border: none; } .coralDock_after li a.collapsed { line-height: 1.2em; width: 35px; font-size: 13px; padding: 9px 10px; display: block; color: #fff; cursor: pointer; } .coralDock_after .navigation li .selected { line-height: 1.2em; width: 30px; font-size: 13px; /* background: url(/images/bg_navigation11.png) right -114px no-repeat; */ padding: 9px 10px; display: block; color: #fff; cursor: pointer; } .coralDock_after li a.heading { border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; line-height: 1.2em; width: 100%; height: 35px; font-size: 13px; text-align: center; display: block; cursor: pointer; background-image: -webkit-linear-gradient(top, rgb(75, 179, 220), rgb(46, 148, 188) 50%, rgb(24, 119, 161) ); background-image: -moz-linear-gradient(top, rgb(75, 179, 220), rgb(46, 148, 188) 50%, rgb(24, 119, 161) ); background-image: linear-gradient(top, rgb(75, 179, 220), rgb(46, 148, 188) 50%, rgb(24, 119, 161) ); color: #fff; } .coralDock_after li a.heading :not(img) { display:none; } .coralDock_after li img { width: 30px; height: 30px; } .coralDock_after li .expanded { /* background: url(/images/bg_navigation11.png) right -76px; */ } .coralDock_after li:hover { /* background: url(/images/bg_navigation11.png) no-repeat 0 -114px; */ width: 100%; } .coralDock_after li ul { width: 35px; color: #fff; } .coralDock_after .navigation li { padding: 5px 10px 5px 10px; /* background: url(/images/bg_navigation_link.png) repeat-x top; */ text-shadow: 1px 1px 1px #222; font-size: 11px; outline: none; width: 30px; display: block; color: #fff; text-decoration: none; } .coralDock_after .navigation li img { width: 20px; height: 20px; border: 0px; } .coralDock_after .navigation li:hover { color: #ccc; background: #333; } .coralDock_after .navigation li:selected { width: 35px; z-index: 2; position: relative; padding: 10px; } .coralDock_after .navigation li:selected { /* background: url(/images/bg_navigation.png) no-repeat -1px 0; */ border: none; } img.PleaseWait { position: relative; float: left; width: 15px; } div.ToolWaiting { position: relative; top: -4px; left: 2px; width: 15px; height: 4px; } .ToolWaiting img { width: 15px; } img.ToolWaiting { float: left; width: 15px; margin-top: -5px; margin-left: -9px; } .nav33 li ul { width: 100%; color: #000; } .nav33 li img { width: 25px; height: 25px; border: 0px; } .nav33 .navigation li { padding: 2px 10px; background: url(/images/bg_navigation_link.png) repeat-x top; text-shadow: 1px 1px 1px #222; font-size: 11px; outline: none; width: 205px; display: block; color: #fff; text-decoration: none; } .nav33 .navigation li img { width: 15px; height: 15px; border: 0px; } .nav33 .navigation li:hover { color: #ccc; background:#555; } .nav33 .navigation li:selected { width: 226px; z-index: 2; position: relative; padding: 10px; background: url(/images/bg_navigation.png) no-repeat -1px 0; border: none; } .nav33 li .heading { border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; background: url(/images/bg_navigation.png) no-repeat top; color: #fff; line-height: 1.2em; width: 205px; font-size: 13px; padding: 9px 10px; display: block; cursor: pointer; } .nav33 li .heading2 { border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; background: url(/images/bg_navigation11.png) no-repeat top; color: #fff; line-height: 1.2em; width: 205px; font-size: 13px; padding: 9px 10px; display: block; cursor: pointer; } .nav33 li .collapsed { line-height: 1.2em; font-size: 13px; display: block; cursor: pointer; border-top: 2px solid #fff; background:url(/images/newPlus.svg) 213px no-repeat,#323232; /* Old browsers */ background-size: 17px; width: 100% ; padding: 5px 10px 5px 6px; border-top: 2px solid #fff; } .nav33 li .expanded { border-top: 2px solid #fff; border-bottom: none; background:url(/images/newMinus.svg) 213px no-repeat,#323232; /* Old browsers */ background-size: 17px; width: 100% ; padding: 5px 10px 5px 6px; line-height: 1.2em; font-size: 13px; display: block; color: #fff; cursor: pointer; } .nav33 navigation li:selected { border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; background: url(/images/bg_navigation.png) no-repeat top; color: #fff; } .nav333 li .expanded { background: url(/images/bg_navigation.png) 0 -76px; } .nav33 li:hover { background: url(/images/bg_navigation.png) no-repeat 0 -114px; } .nav33 li .expanded { line-height: 1.2em; font-size: 13px; display: block; color: #fff; cursor: pointer; } .nav33 li .navigation li .selected { line-height: 1.2em; width: 205px; font-size: 13px; padding: 9px 10px; display: block; color: #fff; cursor: pointer; } .nav33_after li a.collapsed { line-height: 1.2em; font-size: 13px; display: block; color: #fff; cursor: pointer; } .nav33_after li { text-align: center; } .nav33_after li img { width: 30px; height: 30px; border: 0px; } .nav33_after .navigation li .selected { line-height: 1.2em; font-size: 13px; background: url(/images/bg_navigation11.png) right -114px no-repeat; display: block; color: #fff; cursor: pointer; } .nav33_after li a.heading { border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; line-height: 1.2em; font-size: 13px; display: block; cursor: pointer; background: url(/images/bg_navigation11.png) right top no-repeat; color: #fff; } .nav33_after li .expanded { background: url(/images/bg_navigation11.png) right -76px; } .nav33_after li:hover { background: url(/images/bg_navigation11.png) right -114px no-repeat; } .nav33_after li ul { width: 230px; color: #fff; text-align: center; position:absolute; left:46px; margin-top:-35px; background:#555; z-index: 999999; } .nav33_after .navigation li { padding: 5px; background: url(/images/bg_navigation_link.png) repeat-x top; text-shadow: 1px 1px 1px #222; font-size: 12px; outline: none; width: 220px; display: block; text-decoration: none; font-weight: normal; word-spacing: 2px; } .nav33_after .navigation li img { width: 20px; height: 20px; border: 0px; } .nav33_after .navigation li:hover { color: #ccc; background: #333; } .nav33_after .navigation li:selected { width: 35px; z-index: 2; position: relative; } .nav33_after .navigation li:selected { background: url(/images/bg_navigation.png) no-repeat -1px 0; border: none; } .nav33_after .navigation li span { display: none; } .nav44 li ul { width: 100%; color: #fff; } .nav44 li img { width: 25px; height: 25px; border: 0px; } .nav44 .navigation a:last-child li { border-bottom:none; } .nav44 .navigation li { background: #fff; border-bottom: 1px solid #2d2d2d; padding: 6px 10px; text-shadow: none; font-size: 11px; outline: none; width: 100%; display: block; color: #fff; text-decoration: none; } .nav44 .navigation li img { width: 23px; height: 23px; border: 0px; vertical-align: middle; margin-left: -2px; } .nav44 .navigation li:hover { color: #ccc; background: #e6e7e8; } .nav44 .navigation li:active { background: #a7a9ab; box-shadow: inset 0 0 10px #808284; } .nav44 .navigation li:selected { width: 226px; z-index: 2; position: relative; padding: 10px; background: url(/images/bg_navigation.png) no-repeat -1px 0; border: none; } .nav44 li .heading { border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; background: url(/images/bg_navigation.png) no-repeat top; color: #fff; line-height: 1.2em; width: 205px; font-size: 13px; padding: 9px 10px; display: block; cursor: pointer; } .nav44 li .heading2 { border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; background: url(/images/bg_navigation11.png) no-repeat top; color: #fff; line-height: 1.2em; width: 205px; font-size: 13px; padding: 9px 10px; display: block; cursor: pointer; } .nav44 li .collapsed:hover { background:url(/images/newPlusH.svg) 213px no-repeat,#323232; background-size: 17px; } .nav44 li .expanded:hover { background:url(/images/newMinusH.svg) 213px no-repeat,#323232; background-size: 17px; } .growAnimate:last-child .nav44 li .collapsed { } .nav44 li .collapsed { line-height: 1.2em; font-size: 13px; display: block; cursor: pointer; border-top: 2px solid #fff; background:url(/images/newPlus.svg) 213px no-repeat,#323232; /* Old browsers */ background-size: 17px; width: 100% ; padding: 5px 10px 5px 6px; border-top: 2px solid #fff; border-bottom: none; } .nav44 navigation li:selected { border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; background: url(/images/bg_navigation.png) no-repeat top; color: #fff; } .nav44 li:hover { background: url(/images/bg_navigation.png) no-repeat 0 -114px; } .nav44 li .expanded { border-top: 2px solid #fff; border-bottom: none; background:url(/images/newMinus.svg) 213px no-repeat,#323232; /* Old browsers */ background-size: 17px; width: 100% ; padding: 5px 10px 5px 6px; line-height: 1.2em; font-size: 13px; display: block; color: #fff; cursor: pointer; } .nav44 li .navigation li .selected { line-height: 1.2em; width: 205px; font-size: 13px; padding: 9px 10px; display: block; color: #fff; cursor: pointer; } .nav44_after li a.collapsed { line-height: 1.2em; font-size: 13px; display: block; color: #fff; cursor: pointer; } .nav44_after li { text-align: center; } .nav44_after li img { width: 30px; height: 30px; border: 0px; } .nav44_after .navigation li .selected { line-height: 1.2em; font-size: 13px; background: url(/images/bg_navigation11.png) right -114px no-repeat; display: block; color: #fff; cursor: pointer; } .nav44_after li a.heading { border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; line-height: 1.2em; font-size: 13px; display: block; cursor: pointer; background: url(/images/bg_navigation11.png) right top no-repeat; color: #fff; height:35px; } .nav44_after li .expanded { background: url(/images/bg_navigation11.png) right -76px; } .nav44_after li:hover { background: url(/images/bg_navigation11.png) right -114px no-repeat; } .nav44_after li ul { width: 100%; color: #fff; text-align: center; } .nav44_after .navigation li { padding: 5px; background: url(/images/bg_navigation_link.png) repeat-x top; text-shadow: 1px 1px 1px #222; font-size: 8px; outline: none; width: 35px; display: block; text-decoration: none; font-weight: normal; word-spacing: 2px; } .nav44_after .navigation li img { width: 20px; height: 20px; border: 0px; } .nav44_after .navigation li:hover { color: #ccc; background: #333; } .nav44_after .navigation li:selected { width: 35px; z-index: 2; position: relative; } .nav44_after .navigation li:selected { background: url(/images/bg_navigation.png) no-repeat -1px 0; border: none; } .nav44_after .navigation li span { display: none; } ul.navigation .after_hide_text { font-size: 15px; vertical-align: middle; margin-left: 2px; color: #58585b; } .after_hide_text { color: #00c0f2; text-transform: uppercase; font-size: 17px; width: 170px; max-width: 170px; margin-left: 8px; vertical-align: super; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .after_hide_text_ { display: none; } .toggle_2 { margin-left: 141px; top: 0px; width: 40px; height: 35px; /*background: url(/images/toggle_2.png) left top no-repeat;*/ position: absolute; z-index: 150; cursor:pointer; } .toggle_2_after { margin-left: 41px; top: 0px; width: 40px; height: 35px; /*background: url(/images/toggle_2.png) left -75px no-repeat;*/ position: absolute; z-index: 150; cursor:pointer; } .toggle_2_after a { display: none; } .toggle_2 a { display: none; } /*toggle after CSS change */ .left_Master_after { float: left; width: 45px; z-index: 10; height: 100%; position: fixed; top: 75px; background: #333; } /*toggle after CSS change */ /* appliance _ fixed */ ul.sliderMain { margin: 0px; padding: 0px; padding-top: 0px; padding-left: 5px; } li.sliderlabel { border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-right-radius: 0px; box-shadow: 0 0 3px #888; color: #555; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; height: 20px; line-height: 20px; list-style-type: none; margin: 0px; text-align: center; vertical-align: middle; width: 54px; } .sliderLeft { color: red; } .sliderLeft_Selected, .sliderLeft_Post { color: darkred; } .sliderMidLeft { color: yellow; } .sliderMidLeft_Selected, .sliderMidLeft_Post { color: goldenrod; } .sliderMidRight { background-color: lightblue; background: #fdf97d; /* Old browsers */ background: -moz-linear-gradient(top, #fdf97d 0%, #d5d267 5%, #fdf97d 97%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf97d), color-stop(5%,#d5d267), color-stop(97%,#fdf97d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fdf97d 0%,#d5d267 5%,#fdf97d 97%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fdf97d 0%,#d5d267 5%,#fdf97d 97%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fdf97d 0%,#d5d267 5%,#fdf97d 97%); /* IE10+ */ background: linear-gradient(to bottom, #fdf97d 0%,#d5d267 5%,#fdf97d 97%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf97d', endColorstr='#fdf97d',GradientType=0 ); } .sliderMidRight_Selected, .sliderMidRight_Post { color: darkblue; } .sliderRight { color: lightgreen; } .sliderRight_Selected, .sliderRight_Post { color: #666; } li.sliderlabel:hover, li.sliderlabel:hover.sliderLeft_Selected, li.sliderlabel:hover.sliderMidLeft_Selected, li.sliderlabel:hover.sliderMidRight_Selected, li.sliderlabel:hover.sliderRight_Selected li.sliderlabel:hover.sliderLeft_Post, li.sliderlabel:hover.sliderMidLeft_Post, li.sliderlabel:hover.sliderMidRight_Post, li.sliderlabel:hover.sliderRight_Post { color: #0000FF; text-decoration: underline; } /* variable labels can be assigned to the menu object based on state flow */ li.sliderLeft:after { content: 'Off'; } li.sliderLeft_Selected:after { content: 'Off'; font-weight: bold; } li.sliderLeft_Post:after { content: 'Off'; font-weight: bold; } li.sliderMidLeft:after { content: 'Register'; } li.sliderMidLeft_Selected:after { content: 'Registered'; font-weight: bold; } li.sliderMidLeft_Post:after { content: 'Logout'; font-weight: bold; } li.sliderMidRight:after { content: 'Login'; } li.sliderMidRight_Selected:after { content: 'Logged In'; font-weight: bold; } li.sliderMidRight_Post:after { content: 'Not Ready'; font-weight: bold; } li.sliderRight:after { content: 'Ready'; } li.sliderRight_Selected:after { content: 'Ready'; font-weight: bold; } li.sliderRight_Post:after { content: 'Ready'; font-weight: bold; } /*appliance */ .applianceCapsule { border: 2px solid #a1a1a1; border-radius: 5px; width: 250px; height: 40px; } div.applianceHeader { padding-left: 5px; padding-bottom: 5px; padding-top: 0px; height: 10px; } .applianceText { color: #555; margin: 0px; font-size: 11px; font-weight: bolder; font-family: Arial, Helvetica, sans-serif; } .applianceStatusText { font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; /* color:rgb(0,255,0); */ } .slider { padding-top: 3px; height: 20px; float: left; } .appliancePleaseWaitDiv { margin-right: 4px; height: 20px; float: right } .appliancePleaseWaitImg { height: 5px; visibility: hidden; } .appliance_name_ { font-size: 9px; color: #fff; line-height:9px; } .appliance_name_hide { display: none; } .applianceStatus { font-size:11px; line-height: 12px; text-shadow: 1px 1px 1px #0a6a8a; } .applianceStatus_hide { display: none; } .appliancePleaseWaitImg_hide { display: none; } .appliance_user_icon { width: 15px; height: 15px; float: left; margin-right: 3px; margin-top:8px; } .appliance_user_icon_hide { width: 30px; height: 30px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; } /* left panel menu */ #appliancesGoHere {overflow-y:hidden;} /*****************************************************************************************************/ /* Coral Draggable Window */ /*****************************************************************************************************/ div.coralDraggableWindow { position: absolute; z-index: 20; left: 810px; top: 363px; display: block; min-width:200px; height:auto; box-shadow: 0px 4px 10px rgba(50, 50, 50, 0.6); background: white; border-radius: 4px; } div.coralDraggableWindowTitleBar { position:relative; top:0px; color:#323232; background-image: #d1d2d4; background: #d1d2d4; height: 20px; text-align:center; cursor:pointer; } div.coralDraggableWindowTitleBarActive { color:#323232; background-image: #d1d2d4; background: #d1d2d4; } span.coralDraggableWindowTitle { text-shadow: 0px 1px 0px rgba(255,255,255,.5); /* 50% white from bottom */ line-height:20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; cursor:pointer; font-size: 14px; } div.coralDraggableWindowTitleBarButtonDock { position: absolute; top:2px; right:2px; height:20px; background: none; } div.coralDraggableWindowContentWindow { position:relative; top:0px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top:1px solid rgba(106, 106, 106, 1.000); border: 1px solid rgba(147, 147, 147, 0.770); background:white; overflow:hidden; font-family: arial; } div.coralIEElementResize { -webkit-user-select: none; user-select: none; position: absolute; height: 10px; width: 10px; right:1px; bottom:1px; background: url(../images/resizeIE11.svg) no-repeat left bottom; background-size: 10px; } div.coralDraggableWindowSettingsWindow { width:90%; margin-left:auto; margin-right:auto; overflow:hidden; } div.coralDraggableWindowSettingsContentWindow { position:absolute; top:-109%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top:1px solid rgba(106, 106, 106, 1.000); border: 1px solid rgba(147, 147, 147, 0.770); background:white; width:90%; height:90%; margin-left:auto; margin-right:auto; box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.6); transition-property: top; transition-duration: 0.5s; -webkit-transition-property: top; -webkit-transition-duration: 0.5s; z-index:100; } div.coralDraggableWindowSettingsContentWindowShow { top:-1%; transition-property: top; transition-duration: 0.5s; -webkit-transition-property: top; -webkit-transition-duration: 0.5s; } .coralDraggableWindowTitleBar .coralDraggableWindowTitleBarButtonDock { opacity: 0.5; } .coralDraggableWindowTitleBar.coralDraggableWindowTitleBarActive .coralDraggableWindowTitleBarButtonDock { opacity: 1; } .coralDraggableWindowTitleBarButtonDock button:last-child { margin-right: 5px; } button.csdkDWindMaximizeButton { height:15px; width:15px; background-size:15px 15px; background-repeat: no-repeat; background-image: url('/images/coralDraggableWindowMaximize.svg'); background-color:transparent; border: none; margin-right: 2px; } button.csdkDWindMaximizeButton:disabled, button.csdkDWindMaximizeButton:disabled:hover, button.csdkDWindMaximizeButton:disabled:active { background-image: url('/images/coralDraggableWindowMaximizeD.svg'); } button.csdkDWindMaximizeButton:hover { background-image: url('/images/coralDraggableWindowMaximizeH.svg'); } button.csdkDWindMaximizeButton:active { background-image: url('/images/coralDraggableWindowMaximizeA.svg'); } button.csdkDWindCloseButton, button.coralDraggableWindowCloseButton { height:15px; width:15px; background-size:15px 15px; background-repeat: no-repeat; background-image: url('/images/coralDraggableWindowClose.svg'); background-color:transparent; border: none; margin-right: 2px; } button.csdkDWindCloseButton:disabled, button.csdkDWindCloseButton:disabled:hover, button.csdkDWindCloseButton:disabled:active, button.coralDraggableWindowCloseButton:disabled:hover, button.coralDraggableWindowCloseButton:disabled:active, button.coralDraggableWindowCloseButton:disabled { background-image: url('/images/coralDraggableWindowCloseD.svg'); } button.csdkDWindCloseButton:hover, button.coralDraggableWindowCloseButton:hover { background-image: url('/images/coralDraggableWindowCloseH.svg'); } button.csdkDWindCloseButton:active, button.coralDraggableWindowCloseButton:active { background-image: url('/images/coralDraggableWindowCloseA.svg'); } button.csdkDWindMinimizeButton, button.coralDraggableWindowMinimizeButton { height:15px; width:15px; background-size:15px 15px; background-repeat: no-repeat; background-image: url('/images/coralDraggableWindowMinimize.svg'); background-color:transparent; border: none; margin-right: 2px; } button.csdkDWindMinimizeButton:disabled, button.csdkDWindMinimizeButton:disabled:hover, button.csdkDWindMinimizeButton:disabled:active, button.coralDraggableWindowMinimizeButton:disabled, button.coralDraggableWindowMinimizeButton:disabled:hover, button.coralDraggableWindowMinimizeButton:disabled:active { background-image: url('/images/coralDraggableWindowMinimizeD.svg'); } button.csdkDWindMinimizeButton:hover, button.coralDraggableWindowMinimizeButton:hover { background-image: url('/images/coralDraggableWindowMinimizeH.svg'); } button.csdkDWindMinimizeButton:active, button.coralDraggableWindowMinimizeButton:active { background-image: url('/images/coralDraggableWindowMinimizeA.svg'); } button.csdkDWindSettingsButton, button.coralDraggableWindowSettingsButton { height:15px; width:15px; background-repeat: no-repeat; background-size:15px 15px; background-image: url('/images/coralDraggableWindowSettings.svg'); background-color:transparent; border: none; margin-right: 2px; } button.csdkDWindSettingsButton:hover, button.coralDraggableWindowSettingsButton:hover { background-image: url('/images/coralDraggableWindowSettingsH.svg'); } button.csdkDWindSettingsButton:disabled, button.csdkDWindSettingsButton:disabled:hover, button.csdkDWindSettingsButton:disabled:active, button.coralDraggableWindowSettingsButton:disabled, button.coralDraggableWindowSettingsButton:disabled:hover, button.coralDraggableWindowSettingsButton:disabled:active { background-image: url('/images/coralDraggableWindowSettingsA.svg'); } button.csdkDWindSettingsButton:active, button.coralDraggableWindowSettingsButton:active { background-image: url('/images/coralDraggableWindowSettingsA.svg'); } /* .coralDock:hover div.coralDraggableWindowButtonDock { visibility:visible; }*/ div.coralDraggableWindowButtonDock { border: none; float:right; /* visibility:hidden; */ } button.coralDraggableWindowMaximiseButton, button.coralDockMaximizeButton, button.csdkDockMaximizeButton { height:15px; width:15px; max-width: 15px; background-size:15px ; background-image: url(/images/coralDraggableWindowMaximise.svg); background-repeat: no-repeat; background-color:transparent; border: none; vertical-align:-webkit-baseline-middle; vertical-align:baseline-middle; display: inline-block; } button.coralDraggableWindowMaximiseButton:hover, button.coralDockMaximizeButton:hover, button.csdkDockMaximizeButton:hover { background-image: url(/images/coralDraggableWindowMaximiseHover.svg); } button.coralDraggableWindowMaximiseButton:active, button.coralDockMaximizeButton:active, button.csdkDockMaximizeButton:active { background-image: url(/images/coralDraggableWindowMaximiseActive.svg); } .coralDraggableWindowLeftDockedWindowIcon { width:25px; height:25px; } .growAnimate.callDataConfigureDock .coralDraggableWindowDockedSpan, .growAnimate.AgentStatistics .coralDraggableWindowDockedSpan, .growAnimate.GCONTACTDock .coralDraggableWindowDockedSpan, .growAnimate.GChat2Dock .coralDraggableWindowDockedSpan, .growAnimate.supervisorDock .coralDraggableWindowDockedSpan { max-width: 145px; width: 145px; } .growAnimate .coralDraggableWindowDockedSpan { margin-left:8px; vertical-align:super; display: inline-block; max-width: 152px; width: 152px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #00c0f2; text-transform: uppercase; font-size: 17px; } ul.coralDock_after .coralDraggableWindowDockedSpan { display:none; } /* CSS Based Wait animation */ div.coralDraggableWindowTitleBarWaitDiv { position: absolute; top:0px; left:5px; height:20px; width:16px; display:none; } div.AnimatedCoverDivision { position: absolute; z-index: 1000; } .blockG { position:absolute; background-color:rgba(255,255,255,0); width:3px; height:6px; border-radius:3px 3px 0 0; transform:scale(0.4); animation-name:fadeG; animation-duration:1.04s; animation-iteration-count:infinite; animation-direction:linear; -webkit-border-radius:3px 3px 0 0; -webkit-transform:scale(0.4); -webkit-animation-name:fadeG; -webkit-animation-duration:1.04s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; } #rotateG_01 { left:0; top:7px; animation-delay:0.39s; transform:rotate(-90deg); -webkit-animation-delay:0.39s; -webkit-transform:rotate(-90deg); } #rotateG_02 { left:2px; top:3px; animation-delay:0.52s; transform:rotate(-45deg); -webkit-animation-delay:0.52s; -webkit-transform:rotate(-45deg); } #rotateG_03 { left:7px; top:1px; animation-delay:0.65s; transform:rotate(0deg); -webkit-animation-delay:0.65s; -webkit-transform:rotate(0deg); } #rotateG_04 { right:2px; top:3px; animation-delay:0.78s; transform:rotate(45deg); -webkit-animation-delay:0.78s; -webkit-transform:rotate(45deg); } #rotateG_05 { right:0; top:7px; animation-delay:0.9099999999999999s; transform:rotate(90deg); -webkit-animation-delay:0.9099999999999999s; -webkit-transform:rotate(90deg); } #rotateG_06 { right:2px; bottom:2px; animation-delay:1.04s; transform:rotate(135deg); -webkit-animation-delay:1.04s; -webkit-transform:rotate(135deg); } #rotateG_07 { bottom:0; left:7px; animation-delay:1.1700000000000002s; transform:rotate(180deg); -webkit-animation-delay:1.1700000000000002s; -webkit-transform:rotate(180deg); } #rotateG_08 { left:2px; bottom:2px; animation-delay:1.3s; transform:rotate(-135deg); -webkit-animation-delay:1.3s; -webkit-transform:rotate(-135deg); } @-webkit-keyframes fadeG { 0% { background-color: rgba(124, 124, 124, 1.000) } 100% { background-color:rgba(255,255,255,0) } } /*****************************************************************************************************************************************************************/ /* HIERARCHICAL MENU */ /*****************************************************************************************************************************************************************/ SPAN.HierarchicalMenuFrame ul li:hover .separatorAnchor, li .separatorAnchor:hover { background: #fff !important; } #CTIA_remoteDestinationText ul li .liRowWrapper, SPAN.HierarchicalMenuFrame ul li .liRowWrapper { display: table-row; } SPAN.HierarchicalMenuFrame ul li .liTableWrapper.seperator .liRowWrapper {line-height: 0} #CTIA_remoteDestinationText ul li .liTableWrapper, SPAN.HierarchicalMenuFrame ul li .liTableWrapper { display: table; padding: 2px 4px; width: calc(100% - 10px); } #CTIA_remoteDestinationText ul li .leftIconSlot, SPAN.HierarchicalMenuFrame ul li .leftIconSlot { width:16px; height:16px; display:table-cell; } SPAN.HierarchicalMenuFrame ul li .rightIconSlot { width:16px; height:16px; min-width:20px; display:table-cell; } SPAN.HierarchicalMenuFrame ul { list-style: none; padding: 0px; font-family: arial; } SPAN.HierarchicalMenuFrame ul .seperator:hover { background: transparent !important; } SPAN.HierarchicalMenuFrame ul li:hover { background: #58585b !important; color: #fff; } /* - I don't think we want this anymore - Maurice 9/11/2018 SPAN.HierarchicalMenuFrame ul li .liRowWrapper.menu .leftIconSlot.favourites + .menuLabel { width: 140px; } SPAN.HierarchicalMenuFrame ul li .liRowWrapper.item .leftIconSlot.lefty + .itemLabel { width: 140px; } */ SPAN.HierarchicalMenuFrame ul li .liTableWrapper.seperator { line-height: 0; padding:0; width:100%; } SPAN.HierarchicalMenuFrame ul li:hover .liTableWrapper.seperator { background: #fff; } #CallOutcomes_OutboundCamp1Completed_menuPlace SPAN.HierarchicalMenuFrame ul li .liRowWrapper.item .itemLabel { width: 207px; } SPAN.HierarchicalMenuFrame ul li .liRowWrapper.item .itemLabel { min-width: 170px; max-width: 170px; font-family: arial; } .transferDiv SPAN.HierarchicalMenuFrame ul li .liRowWrapper.item .itemLabel { min-width: 170px; max-width: 170px; font-family: arial; } SPAN.HierarchicalMenuFrame ul li .menuLabel { line-height: 16px; } #CTIA_remoteDestinationText ul li .itemLabel, SPAN.HierarchicalMenuFrame ul li .itemLabel { padding-left: 2px; font-family: arial; min-width: 170px; max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:table-cell; vertical-align: middle; line-height: 16px; } #CTIA_remoteDestinationText ul li .itemLabel { min-width: unset !important; max-width: unset !important; white-space: normal !important; overflow: visible !important; } SPAN.HierarchicalMenuFrame ul li .menuLabel { padding-left: 5px; font-family: arial; min-width: 170px; max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:table-cell; vertical-align: middle; } SPAN.HierarchicalMenuFrame ul li:hover div { color:white; } #CTIA_remoteDestinationText ul li div, SPAN.HierarchicalMenuFrame ul li div { display:table-cell; font-family: arial; text-decoration:none; color:rgba(64, 64, 64, 1.000); font-size: 14px; padding-top: 1px; padding-bottom: 1px; vertical-align: middle; } SPAN.HierarchicalMenuFrame ul li:first-child a { margin-top: 5px; } SPAN.HierarchicalMenuFrame ul li:last-child a { margin-bottom: 5px; } .rightIconSlot.disclosureAnchor, SPAN.HierarchicalMenuFrame ul li div.disclosureAnchor, SPAN.HierarchicalMenuFrame ul li a.disclosureAnchor { background: url(../images/hierarchical_menuDisclosure.svg) no-repeat right; background-size: 8px; float: right; } .rightIconSlot.disclosureAnchor:hover, SPAN.HierarchicalMenuFrame ul li:hover .rightIconSlot.disclosureAnchor, SPAN.HierarchicalMenuFrame ul li div.disclosureAnchor:hover, SPAN.HierarchicalMenuFrame ul li a.disclosureAnchor:hover { background: url(../images/hierarchical_menuDisclosureInvert.svg) no-repeat right, #58585b; background-size: 8px; } SPAN.HierarchicalMenuFrame ul li div.spacerAnchor { height: 1px; } SPAN.HierarchicalMenuFrame ul li.seperator { height: 2px; border-bottom: 1px solid rgba(229, 229, 229, 1.000); width: 100%; } SPAN.HierarchicalMenuFrame { border: 1px solid rgba(127, 127, 127, 0.55); min-width: 100px; position: absolute; background-color: rgba(255,255,255,0.9); box-shadow: 0px 7px 14px rgba(30,30,30,0.5); border-radius: 5px; z-index:23; text-align:left; padding: 5px 0; } li.MenuAccelerator { } li.MenuAccelerator:hover {background: transparent !important;} li.MenuAccelerator { text-align: center; padding-top: 0px; padding-bottom: 1px; } li.MenuAccelerator input { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOS42MDlweCIgaGVpZ2h0PSIxMi4zMzdweCIgdmlld0JveD0iMCAwIDkuNjA5IDEyLjMzNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOS42MDkgMTIuMzM3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMwQzlERDkiIGQ9Ik01LjI1MSw3LjU5MWwyLjUxNiw0LjEwNGMwLjIxNCwwLjM0NCwwLjY4OSwwLjQzOCwxLjA1OCwwLjIxYzAuMzczLTAuMjMsMC41MDItMC42OTUsMC4yODgtMS4wMzkNCgkJTDYuNTk5LDYuNzZjMS4zMjQtMS4yNDYsMS42MzctMy4yOTEsMC42NDYtNC45QzYuMTA4LDAuMDIsMy42OTktMC41NTIsMS44NiwwLjU4M0MwLjAyLDEuNzE2LTAuNTUxLDQuMTI3LDAuNTgzLDUuOTY3DQoJCUMxLjU3NSw3LjU3NiwzLjU0Myw4LjIxNSw1LjI1MSw3LjU5MXogTTEuNzM3LDUuMjU1Yy0wLjc0LTEuMjAzLTAuMzY4LTIuNzc4LDAuODM0LTMuNTE5YzEuMjA0LTAuNzQsMi43NzgtMC4zNjgsMy41MiwwLjgzNQ0KCQljMC43NCwxLjIwMiwwLjM2OCwyLjc3Ny0wLjgzNCwzLjUxOEM0LjA1Myw2LjgzMiwyLjQ3OSw2LjQ1NywxLjczNyw1LjI1NXoiLz4NCjwvZz4NCjwvc3ZnPg0K') 97% center no-repeat, white; border-radius: 0px; border: 1px solid gray; color: #009; padding: 1px 4px !important; width: 80%; line-height: 16px; margin-bottom: 4px; } li.MenuAccelerator input.empty { color: #999; } /*****************************************************************************************************************************************************************/ /* Tool Tip */ /*****************************************************************************************************************************************************************/ div.ToolTip { min-width:100px; max-width: 200px; height: auto; border:1px solid #666; box-shadow: 0px 0px 10px #333; z-index: 10002; border-radius: 3px; padding: 8px; margin: 6px; color:#111; text-align: center; background: rgb(254,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(242,242,242,1) 11%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(11%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(242,242,242,1) 11%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(242,242,242,1) 11%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(242,242,242,1) 11%); /* IE10+ */ background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(242,242,242,1) 11%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ } .WrasseMuteBtnToolTip { font-size:12px !important; font-family:arial !important; padding: 5px 7px !important; } div.CoralTable { display:table; width:100%; } div.CoralRow { display:table-row; } div.CoralCell { display:table-cell; vertical-align:top; padding: 4px; } div.CoralHeader { display:table-cell; vertical-align:top; padding: 4px; color: #fff; background-color: #999; } .showQuery_ButtonRow { text-align:right; } .showQuery_Button, .showQuery_ButtonRow button { background: #00adef; border-radius: 0px; border: none; color: #ffffff; cursor: pointer; font-size: 14px; font-weight: normal; min-width: 60px; padding: 3px 9px; margin-right: 5px; } .showQuery_Button:hover, .showQuery_ButtonRow button:hover { background: #3ac5f1; text-shadow: 1px 1px 0 #d1d2d4; } .showQuery_Button:active, .showQuery_ButtonRow button:active { background: #0093bf; text-shadow: none; color: #939597; } .showQuery_Button:disabled, .showQuery_ButtonRow button:disabled { color: #e6e7e8; background: #a7a9ab; } .showQuery_Table { display:table; width:100%; } .showQuery_Expansion { display:block; margin-left: auto; margin-right: auto; text-align:center; margin-bottom: 9px; } .showQuery_TableRow { display:table-row; } .showQuery_TableCell { display:table-cell; width:20%; vertical-align:top; } .showQueryImage { display:block; } img.showQueryImageUrl { width:50px; height: 50px; background-size: 50px 50px; } .showQueryTableCellText { display:table-cell; width:80%; vertical-align: middle; } .showQueryTableCellTextTitle { display:block; font-weight:bold; font-family: Arial; font-size:12px; margin-top: 3px; } .showQueryTableCellTextTextSpan { word-break: normal; display:block; width: 100%; padding: 0px; font-size: 12px; line-height: 14px; border: none; font-family: arial; color: #58585b; padding-top:4px; word-wrap: break-word; word-break:break-word; max-height: 250px; overflow-y: auto; } .showQueryTableCellTextTitleSpan { width: 100%; padding: 0px; border: none; font-weight:bold; color: #58585b; word-wrap: break-word; font-size: 18px; line-height: 18px; } .showQueryMenuTable { display:table; width:100%; } .showQueryMenuTableRow { display:table-row; } .showQueryMenuTableCell { display:table-cell; width:10%; vertical-align:top; padding:0px; } .showQueryMenuIcon { display:block; } .showQueryMenuIconImage { width:25px; } .showQueryMenuTableCellText { display:table-cell; width:90%; } .showQueryMenuTableCellTextWrapper { display: block; font-weight: bold; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px; } .showQueryMenuTableCellTextTitle { width: 100%; padding: 5px; font-size: 14px; line-height: 14px; border: none; font-weight:bold; font-family: Helvetica, sans-serif; } .showQueryMenuTableNotReadyReasons { word-break: normal; width: 100%; padding: 0px; font-size: 12px; line-height: 14px; border: none; font-family: Helvetica, sans-serif; padding-top:4px } /*Screen pop up*/ .showQueryMenuTable, .showQueryMenuTable { display:table; width:100%; } .showQueryMenuTableCell, .showQueryMenuTableCell { display:block ; margin-right: auto ; margin-left: auto ; margin-bottom:3px ; } .showQueryMenuIcon { text-align: center; } .showQueryMenuIconImage, .showQueryMenuIconImage { content: url(../images/fatalError.svg) ; width:30px ; } .showQueryMenuTableCellText, .showQueryMenuTableCellText { display:block ; width:100% ; } .showQueryMenuTableCellTextWrapper, .showQueryMenuTableCellTextWrapper { text-align: center ; } .showQueryMenuTableCellTextTitle, .showQueryMenuTableCellTextTitle { font-weight:bold; font-size:18px; color: #333; } .showQueryMenuTableNotReadyReasons, .showQueryMenuTableNotReadyReasons { margin-right: auto ; margin-left: auto ; margin-top:4px ; margin-bottom:2px ; text-align: center ; } .showQueryMenuTableNotReadyReasons input[type="button"]:active { background: #0093bf; text-shadow: none; color: #939597; } .showQueryMenuTableNotReadyReasons input[type="button"]:hover { background: #3ac5f1; text-shadow: 1px 1px 0 #d1d2d4; box-shadow: none; } .showQueryMenuTableNotReadyReasons input[type="button"] { text-decoration: none; cursor: pointer; background: #00adef; border-radius: 0px; border: none; color: #ffffff; cursor: pointer; font-size: 14px; font-weight: normal; min-width: 60px; padding: 3px 9px; margin: 0; } input.BadInput { color: #900 !important; } /*************************************************************************/ /* tab bar style */ /*************************************************************************/ .TabContent { width: 98.2%; margin-left: 1%; background: #fff; color: #000; font-size: 14px; height: 150px; overflow-y:auto; resize: vertical; margin-bottom:2px; -webkit-user-select: text; user-select: text; border-top: none !important; font-size:12px; position:relative; } ul.WidgetTabBar { float: left; width: 100%; margin: 0px; padding: 0px; list-style: none; } ul.WidgetTabBar li { color: #58585b; font-size: 14px; float:left; margin:0px; padding:0px; border-radius: 0px; border:1px solid #d1d2d4; background: #f1f1f2; height: 18px; width: 30%; min-width: 70px; text-align: center; line-height: 20px; cursor:pointer; position: relative; margin-top:1px; margin-right:2px; text-transform: uppercase; } ul.WidgetTabBar li:last-child { margin-left:0px; width:32.3%; } ul.WidgetTabBar li:first-child { margin-left:1%; /* border-left: 1px solid #323232;*/ } ul.WidgetTabBar li.active { color: #000; background: #fff; border-bottom: none; } /************************************************************/ /* Widget right window */ /************************************************************/ .WidgetRightWindow /* based on newAdminToolRoundedRect */ { border: 1px blank solid; background: #ebeced; border-radius: 2px; box-shadow: 0px 0px 3px #222; width: 95%; float: right; padding: 10px; margin: 5px; } .WidgetRightWindow .TitleBar input[type=image] { width: 15px; height: 15px; background-image: url(/images/closeBut.png); float: right; } .coralLoadingDockAnimation { display: none; position: relative; top: 0px; left: 0px; margin-top: -40px; width: 100px; height: 40px; background: url( ) no-repeat center center; background-size: 20px; -webkit-animation: coralAnimation 2s linear 0s infinite alternate; /* Chrome, Safari, Opera */ animation: coralAnimation 2s linear 0s infinite alternate; } /* Chrome, Safari, Opera */ @-webkit-keyframes coralAnimation { 0% {left:0px; top:0px; opacity:1; transform: rotate(0deg);} 25% {left:30px; top:0px; opacity:0.5; transform: rotate(180deg);} 50% {left:60px; top:0px; opacity:1; transform: rotate(360deg);} 75% {left:30px; top:0px; opacity:0.5; transform: rotate(180deg);} 100% {left:0px; top:0px; opacity:1; transform: rotate(0deg);} } /* Standard Syntax */ @keyframes coralAnimation { 0% {left:0px; top:0px; opacity:1; transform: rotate(0deg);} 25% {left:30px; top:0px; opacity:0.5; transform: rotate(180deg);} 50% {left:60px; top:0px; opacity:1; transform: rotate(360deg);} 75% {left:30px; top:0px; opacity:0.5; transform: rotate(180deg);} 100% {left:0px; top:0px; opacity:1; transform: rotate(0deg);} } .CoralRowSelectionPopup { position: absolute; z-index: 100; top: 30px; left: 30px; border: 3px gray outset; background-color: #ccc; } .CoralRowSelectionPopup .Table{ display: table; } .CoralRowSelectionPopup .Header { padding: 2px; background-color: #666; display: table-row; } .CoralRowSelectionPopup .Header .Cell { color: #eef; text-align: center; font-weight: bold; display: table-cell; padding: 2px 8px; } .CoralRowSelectionPopup .Row { cursor: pointer; border: 1px #dfd dashed; display: table-row; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .CoralRowSelectionPopup .Row:hover { background-color: #ffe; border: 1px #afa solid; } .CoralRowSelectionPopup .Row .Cell { display: table-cell; } /*Check box style for Credit Appliance, GWork item and Gchat*/ .leftCreditApplianceCheckBox input[type=checkbox] { visibility: hidden; } .leftCreditApplianceCheckBox { width: 20px; height: 10px; background: rgb(102,204,255); /* Old browsers */ background: -moz-linear-gradient(left, rgba(102,204,255,1) 0%, rgba(102,204,255,1) 50%, rgba(102,204,255,1) 50%, rgba(255,102,102,1) 50%, rgba(255,102,102,1) 50%, rgba(255,102,102,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,204,255,1)), color-stop(50%,rgba(102,204,255,1)), color-stop(50%,rgba(102,204,255,1)), color-stop(50%,rgba(255,102,102,1)), color-stop(50%,rgba(255,102,102,1)), color-stop(100%,rgba(255,102,102,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(102,204,255,1) 0%,rgba(102,204,255,1) 50%,rgba(102,204,255,1) 50%,rgba(255,102,102,1) 50%,rgba(255,102,102,1) 50%,rgba(255,102,102,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(102,204,255,1) 0%,rgba(102,204,255,1) 50%,rgba(102,204,255,1) 50%,rgba(255,102,102,1) 50%,rgba(255,102,102,1) 50%,rgba(255,102,102,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(102,204,255,1) 0%,rgba(102,204,255,1) 50%,rgba(102,204,255,1) 50%,rgba(255,102,102,1) 50%,rgba(255,102,102,1) 50%,rgba(255,102,102,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(102,204,255,1) 0%,rgba(102,204,255,1) 50%,rgba(102,204,255,1) 50%,rgba(255,102,102,1) 50%,rgba(255,102,102,1) 50%,rgba(255,102,102,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ccff', endColorstr='#ff6666',GradientType=1 ); /* IE6-9 */ -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; position: relative; -webkit-box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5), inset 0 0 10px hsla(0,0%,0%,.5), 0 0 0 1px hsla(0,0%,0%,.1), 0 -1px 2px 1px hsla(0,0%,0%,.25), 0 2px 2px 1px hsla(0,0%,100%,.5), 0 -2px 10px 2px hsla(0,0%,100%,.75), 0 2px 10px 2px hsla(0,0%,0%,.25); -moz-box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5), inset 0 0 10px hsla(0,0%,0%,.5), 0 0 0 1px hsla(0,0%,0%,.1), 0 -1px 2px 1px hsla(0,0%,0%,.25), 0 2px 2px 1px hsla(0,0%,100%,.5), 0 -2px 10px 2px hsla(0,0%,100%,.75), 0 2px 10px 2px hsla(0,0%,0%,.25); box-shadow: inset 0 1px 4px hsla(0,0%,0%,.5), inset 0 0 10px hsla(0,0%,0%,.5), 0 0 0 1px hsla(0,0%,0%,.1), 0 -1px 2px 1px hsla(0,0%,0%,.25), 0 2px 2px 1px hsla(0,0%,100%,.5), 0 -2px 10px 2px hsla(0,0%,100%,.75), 0 2px 10px 2px hsla(0,0%,0%,.25); display: inline-block; margin-left: 34px; } .leftCreditApplianceCheckBox:hover:before { outline: none; background: rgba(0,0,0,0.25); border-radius: 10px; color: #e4ded4; content: ''; font: 12px/20px sans-serif; height: 14px; left: -2px; letter-spacing: 1px; position: absolute; text-align: center; text-transform: uppercase; top: -2px; width: 25px; } .leftCreditApplianceCheckBox .roundLabel { display: block; width: 12px; height: 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; cursor: pointer; position: absolute; top: 0px; left: 1px; z-index: 1; -webkit-box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1), inset 0 -1px 1px 1px hsla(0,0%,0%,.25), 0 1px 3px 1px hsla(0,0%,0%,.5), 0 0 2px hsla(0,0%,0%,.25); -moz-box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1), inset 0 -1px 1px 1px hsla(0,0%,0%,.25), 0 1px 3px 1px hsla(0,0%,0%,.5), 0 0 2px hsla(0,0%,0%,.25); box-shadow: inset 0 1px 1px 1px hsla(0,0%,100%,1), inset 0 -1px 1px 1px hsla(0,0%,0%,.25), 0 1px 3px 1px hsla(0,0%,0%,.5), 0 0 2px hsla(0,0%,0%,.25); background: #eee; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); } .leftCreditApplianceCheckBox input[type=checkbox]:checked + .roundLabel { left: 8px; } .creditApplianceStatus { width: 50px; cursor: pointer; vertical-align:super; margin-top:2px; font-size: 11px; padding-left:5px; } /* .kvpTableKeyCell { text-overflow: ellipsis; text-align: left; overflow: hidden; width: 64px; max-width: 64px; font-size: 10px; display: table-cell; color: #fff; border-radius: 3px 0px 0px 3px; border: 1px solid #333; padding: 3px 3px 5px 4px; background: rgb(104,104,104); background: -moz-linear-gradient(top, rgba(104,104,104,1) 0%, rgba(68,68,68,1) 24%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(104,104,104,1)), color-stop(24%, rgba(68,68,68,1))); background: -webkit-linear-gradient(top, rgba(104,104,104,1) 0%, rgba(68,68,68,1) 24%); background: -o-linear-gradient(top, rgba(104,104,104,1) 0%, rgba(68,68,68,1) 24%); background: -ms-linear-gradient(top, rgba(104,104,104,1) 0%, rgba(68,68,68,1) 24%); background: linear-gradient(to bottom, rgba(104,104,104,1) 0%, rgba(68,68,68,1) 24%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#444444',GradientType=0 ); line-height: 12px; margin-top: 0px; -webkit-user-select:none; -moz-user-select:none; white-space: pre-line; word-wrap: break-word; } .kvpTableValueCell { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 130px; max-width: 130px; color: #ccc; display: table-cell; vertical-align: top; text-align: left; border: 1px solid #333; border-left: 0px; padding: 3px 3px 5px 8px; border-radius: 0px 3px 3px 0px; box-shadow: inset 2px 2px 3px #333; line-height: 12px; white-space: pre-wrap; /*word-wrap: break-word; */ white-space: pre-wrap !important; } /********* Coral Tabs *********/ .CoralTabs>ul { display: table-row; /* Help me Anna, you are my only hope */ width: 100%; margin: 0px; padding: 0px; list-style: none; background: #fff; box-shadow: inset 0px 3px 15px #fff; height:27px; } .CoralTabs>ul>li:first-child { margin-left:2px; border-left: 1px solid #ccc; } .CoralTabs>ul>li { color: #58585b; font-size: 14px; float: left; margin: 0px; padding: 0px; border-radius: 0px; border: 1px solid #d1d2d4; background: #f1f1f2; height: 18px; width: 15px; min-width: 150px; text-align: center; line-height: 24px; cursor: pointer; margin-top: 1px; margin-right: 2px; text-transform: uppercase; list-style-type: none; position: relative; } .CoralTabs>ul>li.Active { color: #000; background: #fff; border-bottom: none; z-index: 30; height: 19px; position: relative; } /* Widget icons*/ .coralDraggableWindowLeftDockedWindowIcon {width: 25px; height:25px; background-size: 25px !important; display:inline-block;} .coraldivtable_table.manageFavs_table #actions button.add { background: url(../images/favAdd.svg) left center no-repeat; background-size: 13px; width: 50px; height: 15px; border: none; font-weight:bold; line-height: 11px; } .coraldivtable_table.manageFavs_table #actions button.delete { background: url(../images/favouriteBin.svg) center no-repeat; background-size: 12px; width: 20px; height: 16px; border: none; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table input.coraltable_header_th_input { text-align: center; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table { border: 1px solid gray; } .coraldivtable_footer_tr.manageFavs_table div { border-top: 1px solid gray; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table #value, .coraldivtable_header_th.manageFavs_header_th.value.coraltable_header_th_sortable { width: 82px; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table #name, #manageFavs_wrapper .coraldivtable_table.manageFavs_table #friendly, .coraldivtable_header_th.manageFavs_header_th.friendly.coraltable_header_th_sortable, .coraldivtable_header_th.manageFavs_header_th.name.coraltable_header_th_sortable { width: 84px; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer_tr.manageFavs_table #actions { background: white; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_header_th, #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_body_td, #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer_th { padding:0; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_header, #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_body_wrapper, #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer { padding: 0; width: 100%; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer input { width: 99%; border: none; vertical-align: bottom; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer { border: none; } SPAN.HierarchicalMenuFrame ul li a.disclosureAnchor.recentSelections { background: url(../images/recentContacts.svg) no-repeat 8px center, url("../images/hierarchical_menuDisclosure.svg") no-repeat 94.5% center, #fff ; background-size: 15px, 8px ; padding-top: 3px; padding-bottom: 3px; } SPAN.HierarchicalMenuFrame ul li:hover a.disclosureAnchor.recentSelections { background: url(../images/recentContacts.svg) no-repeat 8px center, url("../images/hierarchical_menuDisclosureInvert.svg") no-repeat 94.5% center, #4c5ca9 ; background-size: 15px, 8px ; color: #fff; } input.ComboSelect { background: url(/images/dropdown.svg), #fff; background-repeat: no-repeat; background-position: 95% center; box-shadow: none; border: none; width: 134px; border: 1px solid #e6e7e8; font-family: arial; font-size: 12px; color: #58585b; } div.ComboSelectPopup { font-family: arial; font-size: 12px; color: #58585b; position: absolute; z-index: 50; height: auto; overflow-x: hidden; overflow-y: auto; display: none; background: #ffffff; border: 1px solid #bbbdc0; box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.3); } div.ComboSelectElement:nth-last-child(2) { margin-bottom: 10px; } div.ComboSelectElement { color: var(--colorTextDefault); cursor: pointer; padding: 3px 11px; border: 0px none; margin: 0px; font-size: 12px; text-align: left; position: relative; } div.ComboSelectElement:hover { background: #6d6e70; color: #fff; } .ComboSelectPopup button:hover {opacity:0.7;} .ComboSelectPopup button:active {opacity:1;} .ComboSelectPopup button { margin: 12px 12px 5px 12px; font-size: 12px; background: #fff; border: var(--border-gray); padding: 4px 9px; color: var(--brandAccessible); border-radius: 4px; margin-left: auto; display: flex; } div.ComboSelectElement.Selected { } div.ComboSelectElement.Selected:hover { } div.ComboSelectSentinel { font-style: italic; text-align: left; display: none; } div.ComboSelectElement span.ComboSelectElementDelete { background: url(/images/deleteRD.svg); color: transparent; width: 11px; height: 11px; background-size: 100%; position: absolute; right: 5px; top: 4px; } div.ComboSelectElementAdd { background: url(/images/iconNew.svg); width: 13px; height: 13px; background-size: 100%; position: absolute; right: 24px; top: 5px; cursor: pointer; background-repeat: no-repeat; } /*****************************************************************************************************/ /* Coral Fixed html CSS leftColumn */ /*****************************************************************************************************/ div#leftColumn { position:absolute; -webkit-transition: left 1s ease-out; -moz-transition: left 1s ease-out; -o-transition: left 1s ease-out; -ms-transition: left 1s ease-out; transition: left 1s ease-out; height:100%; left:0; top: 0px; } div#leftColumn.leftColumn.closed { left: -225px; } div#shrinkHandle:hover { width: 20px; opacity:1; background:url(../images/shrinkHandleLeft.svg) no-repeat center, #2baad4; /* Old browsers */ background:url(../images/shrinkHandleLeft.svg) no-repeat center, -moz-linear-gradient(top, #2baad4 0%, #006f93 100%); /* FF3.6+ */ background:url(../images/shrinkHandleLeft.svg) no-repeat center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2baad4), color-stop(100%,#006f93)); /* Chrome,Safari4+ */ background:url(../images/shrinkHandleLeft.svg) no-repeat center, -webkit-linear-gradient(top, #2baad4 0%,#006f93 100%); /* Chrome10+,Safari5.1+ */ background:url(../images/shrinkHandleLeft.svg) no-repeat center, -o-linear-gradient(top, #2baad4 0%,#006f93 100%); /* Opera 11.10+ */ background:url(../images/shrinkHandleLeft.svg) no-repeat center, -ms-linear-gradient(top, #2baad4 0%,#006f93 100%); /* IE10+ */ background:url(../images/shrinkHandleLeft.svg) no-repeat center, linear-gradient(to bottom, #2baad4 0%,#006f93 100%); /* W3C */ } div#shrinkHandle { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; opacity:0.7; position: relative; left: 225px; z-index: 2; top: 22px; width: 5px; height: 29px; border-radius: 0px 10px 10px 0px; -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.3); background:url(../images/shrinkHandleTrans.svg) no-repeat left center, #2baad4; /* Old browsers */ background:url(../images/shrinkHandleTrans.svg) no-repeat left center, -moz-linear-gradient(top, #2baad4 0%, #006f93 100%); /* FF3.6+ */ background:url(../images/shrinkHandleTrans.svg) no-repeat left center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2baad4), color-stop(100%,#006f93)); /* Chrome,Safari4+ */ background:url(../images/shrinkHandleTrans.svg) no-repeat left center, -webkit-linear-gradient(top, #2baad4 0%,#006f93 100%); /* Chrome10+,Safari5.1+ */ background:url(../images/shrinkHandleTrans.svg) no-repeat left center, -o-linear-gradient(top, #2baad4 0%,#006f93 100%); /* Opera 11.10+ */ background:url(../images/shrinkHandleTrans.svg) no-repeat left center, -ms-linear-gradient(top, #2baad4 0%,#006f93 100%); /* IE10+ */ background:url(../images/shrinkHandleTrans.svg) no-repeat left center, linear-gradient(to bottom, #2baad4 0%,#006f93 100%); /* W3C */ } .leftColumn.closed div#shrinkHandle:hover { background:url(../images/shrinkHandleRight.svg) no-repeat center, #2baad4; /* Old browsers */ background:url(../images/shrinkHandleRight.svg) no-repeat center, -moz-linear-gradient(top, #2baad4 0%, #006f93 100%); /* FF3.6+ */ background:url(../images/shrinkHandleRight.svg) no-repeat center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2baad4), color-stop(100%,#006f93)); /* Chrome,Safari4+ */ background:url(../images/shrinkHandleRight.svg) no-repeat center, -webkit-linear-gradient(top, #2baad4 0%,#006f93 100%); /* Chrome10+,Safari5.1+ */ background:url(../images/shrinkHandleRight.svg) no-repeat center, -o-linear-gradient(top, #2baad4 0%,#006f93 100%); /* Opera 11.10+ */ background:url(../images/shrinkHandleRight.svg) no-repeat center, -ms-linear-gradient(top, #2baad4 0%,#006f93 100%); /* IE10+ */ background:url(../images/shrinkHandleRight.svg) no-repeat center, linear-gradient(to bottom, #2baad4 0%,#006f93 100%); /* W3C */ } .kvpTableSection { font-weight: bold; color: #fff; padding: 2px 0; } /* Left Icons */ .CRMConnectorsDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/crmConnector.svg) no-repeat center center !important; background-size: 25px !important; } .AgentStatistics .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/stats.svg) no-repeat center center !important; background-size: 25px !important; } .CCHAT3Dock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/cChat.svg) no-repeat center center !important; background-size: 25px !important; } .GCONTACTDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/gContact.svg) no-repeat center center !important; background-size: 25px !important; } .acbWidgetDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/acb.svg) no-repeat center center !important; background-size: 25px !important; } .supervisorDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/supervisor.svg) no-repeat center center !important; background-size: 25px !important; } .UrlMakerDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/urlMaker.svg) no-repeat center center !important; background-size: 25px !important; } .GWorkItemDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/gWorkItem.svg) no-repeat center center !important; background-size: 25px !important; } .callDataConfigureDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/callDataConfig.svg) no-repeat center center !important; background-size: 25px !important; } .DESTLISTEDIT .csdkDWindLeftDockedWindowIcon { background: url(../images/destListEditIcon.svg) no-repeat left center !important; background-image: url(../images/destListEditIcon.svg) !important; background-repeat: no-repeat !important; background-position: left center !important; background-size: 23px !important; } .CallOutcomeConfigDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/setCallOutcome.svg) no-repeat center center !important; background-size: 25px !important; } .creditPreviewDock .coralDraggableWindowLeftDockedWindowIcon.lightOn.inCampaign { background: url(../images/campaignOn.svg) no-repeat center center !important; background-size: 25px !important; } .creditPreviewDock .coralDraggableWindowLeftDockedWindowIcon.icon { background: url(../images/campaign.svg) no-repeat center center !important; background-size: 25px !important; } .gEmailDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/gEmail.svg) no-repeat center center !important; background-size: 25px !important; } .CGRAPHDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/systemMonitoring.svg) no-repeat center center !important; background-size: 25px !important; } .GChat2Dock .coralDraggableWindowLeftDockedWindowIcon.ready { background: url(../images/gChat.svg) no-repeat center center !important; background-size: 25px !important; } .GChat2Dock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/gChatGrey.svg) no-repeat center center !important; background-size: 25px !important; } /* This has to move go each widget's css*/ .GWorkItemDock .leftExtension, .gEmailDock .leftExtension {display:none !important;} .expandedContent { font-size: 14px; background: #fff; } /* Change password pop up image */ div.showQueryImageUrl { width:52px; height: 35px; background-size: 30px 30px; } div.showQueryImageUrl { background: url(../images/PopUpChangePassword.svg) no-repeat right bottom ; background-size: 30px 30px ; } /* div.showQueryImageUrl:hover { background: url(../images/PopUpChangePasswordH.svg) no-repeat right bottom ; background-size: 30px 30px ; } div.showQueryImageUrl:active { background: url(../images/PopUpChangePasswordA.svg) no-repeat right bottom ; background-size: 30px 30px ; } */ /* Admin Tool */ .newAdminToolRoundedRect #newAdminTool_plugin_table select[name="Hosts"] { width: 295px; } .newAdminToolRoundedRect, .newAdminToolRoundedRect select, .newAdminToolDivWrapper select, .newAdminToolRoundedRect div { font-family: arial; font-size: 12px; margin-top:0; } #previousCallDataShowLabel { width: 125px; text-align: center; cursor: pointer; text-decoration: none; background: #00adef; border-radius: 0px; border: none; color: #ffffff; cursor: pointer; font-size: 14px; font-weight: normal; min-width: 60px; padding: 3px 9px; margin: 5px 4px 0 0; margin-right: auto; margin-left: auto; } #previousCallDataShowLabel:hover { background: #3ac5f1; text-shadow: 1px 1px 0 #d1d2d4; box-shadow: none; } #previousCallDataShowLabel:active { background: #0093bf; text-shadow: none; color: #939597; } /* Coral.DateRangePicker - not yet reviewed by Anna */ .DateRangePicker { z-index: 1000; position: absolute; border: 1px solid orange; padding 1px; background: white; } .DateRangePicker .DateLabel { cursor: pointer; font-weight: bold; display: inline-block; font: #630; border: 1px dotted orange; padding: 2px; margin: 3px; margin-left: 14px; } .DateRangePicker .DateLabel .DateField { width: 150px; text-align: right; display: inline-block; } .DateRangePicker .DateLabel:hover { background: #fed; } .DateRangePicker .DateLabel.Selected { background: #630; color: white; } .DateRangePicker .MonthWrapper { display: inline-block; vertical-align: top; padding: 2px; } .DateRangePicker table.Month { } .DateRangePicker td.Cell { width: 18px; height: 16px; } .DateRangePicker td.Cell.Date { text-align: right; padding-right:6px; padding-top: 1px; color: #630; cursor: pointer; border: 1px dotted white; } .DateRangePicker td.Cell.Date:hover { border: 1px dotted orange; } .DateRangePicker td.Cell.Date.Selected { background: #630; color: white; } .DateRangePicker th.Back { cursor: pointer; background: url("data:image/svg+xml;utf8,") center no-repeat; background-size: 16px; } .DateRangePicker th.Back:hover { background: url("data:image/svg+xml;utf8,") center no-repeat; background-size: 16px; } .DateRangePicker th.Forwards { cursor: pointer; background: url("data:image/svg+xml;utf8,") center no-repeat; background-size: 16px; } .DateRangePicker th.Forwards:hover { background: url("data:image/svg+xml;utf8,") center no-repeat; background-size: 16px; } .DateRangePicker .Footer { color: red; font-weight: bold; text-decoration: italic; } input.DateTimeInput { } input.DateTimeInput.Error { color: #900; background-color: #fee; } /* End Coral.DateRangePicker */ .CoralChatImageExpansion .closeImgInChatBubbleFullscreenIcon { display: none; } .CoralChatImageExpansion.imgBubbleFullscreen .closeImgInChatBubbleFullscreenIcon { display: block; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; color: transparent; cursor: pointer; background: url(/images/delete.svg); background-size: 100%; z-index: 10; background-position: 0 0; } .CoralChatImageExpansion.imgBubbleFullscreen { background: rgba(51, 51, 51, 0.92); width: 100%; height: 100%; position: fixed; display: block; top: 0px; left: 0px; z-index: 10000; } img.CoralChatInlineImage { width: auto; height: auto; display: block; margin: 5% auto; background: white; border-radius: 5px; } button.csdkDWindPreviewButton{ height: 15px; width: 15px; max-width: 15px; background-size: 15px; background-image: url(/images/eye.svg); background-repeat: no-repeat; background-color: transparent; border: none; vertical-align: -webkit-baseline-middle; vertical-align: baseline-middle; display: block; position: relative; right: 20px; top: 7px; } /* Status service */ button.CSDKStatus { background-size: 25px; background-repeat: no-repeat; background-position: center; display: none; /* added as required to branding packs */ width: 25px; height: 25px; border: none; background-color: transparent; left: 10px; position: absolute; bottom: 2px; border-left: none !important; } button.CSDKStatus.green, div.CSDKStatusService .CSDKStatusList>ul>li.green>div.Icon { background-image: url("/images/status-green.svg"); border-left: 5px solid #40ad48; } button.CSDKStatus.amber, div.CSDKStatusService .CSDKStatusList>ul>li.amber>div.Icon { background-image: url("/images/status-amber.svg"); border-left: 5px solid #ffa508; } button.CSDKStatus.red, div.CSDKStatusService .CSDKStatusList>ul>li.red>div.Icon { background-image: url("/images/status-red.svg"); border-left: 5px solid #c32014; } div.CSDKStatusService .csdkPopOutBoxContent { padding-top: 0px; padding-bottom: 0px; } div.CSDKStatusService div.csdkPopOutBoxContent.lb:before { bottom: 40px; } div.CSDKStatusService .CSDKStatusTitle { padding-left: 10px; text-align: left; font-weight: bold; background: #f0f0f0; line-height: 2.5em; font-size: 14px; letter-spacing: 0.05em !important; } div.CSDKStatusService .CSDKStatusList { margin: 0px; overflow-x: hidden; overflow-y: auto; min-height: 80px; max-height: 156px; max-width: 230px; font-size: 13px; } div.CSDKStatusService .CSDKStatusList>ul { width: 100%; display: table; border-collapse: collapse; } div.CSDKStatusService .CSDKStatusList>ul>li { list-style-type: none; display: flex; border: 1px solid #ebebeb; margin: 3px; } div.CSDKStatusService .CSDKStatusButtons { padding: 12px; } div.CSDKStatusService .CSDKStatusList .ReloadWrapper button { background-color: transparent; border: 0px; text-indent: -999999px !important; background-repeat: no-repeat; background-size: 100%; height: 15px; background-position: 0px 3px; cursor: pointer; margin-right: 3px; } div.CSDKStatusService .CSDKStatusList .ReloadWrapper button:hover { opacity: 0.5; } div.CSDKStatusService .CSDKStatusList .ReloadWrapper button.Reload { background-image: url("/images/Reload.svg"); } div.CSDKStatusService .CSDKStatusList .ReloadWrapper button.HideWidget { background-image: url("/images/show.svg"); width: 14px; background-position: 0px; margin: 0 0 0 2px; } div.CSDKStatusService .CSDKStatusList .ReloadWrapper button.HideWidget.Hidden { background-image: url("/images/hide.svg"); } div.CSDKStatusService .CSDKStatusList>ul>li>div { display: block; padding: 5px; } div.CSDKStatusService .CSDKStatusList>ul>li.Mute>div { background-color: #BBB; opacity: 0.5; } div.CSDKStatusService .CSDKStatusList>ul>li>div.Name { padding: 8px 6px; text-transform: capitalize; font-size: 13px; width: 161px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.CSDKStatusService .CSDKStatusList>ul>li.Mute>div.Name { text-decoration: line-through; } div.CSDKStatusService .CSDKStatusList>ul>li>div.Icon { width: 22px; background-size: 24px; background-repeat: no-repeat; background-position: right center; } div.CSDKStatusService .CSDKStatusList>ul>li>div.Controls { text-align:right; font-size: 13px; } div.CSDKStatusService .CSDKStatusButtons { text-align: center; } div.CSDKStatusService .CSDKStatusButtons button { cursor: pointer; padding: 4px 14px 4px 31px; color: rgb(0, 112, 210); background: url(/images/iconB_letter.svg) no-repeat 12px center, var(--mainBackground) !important; background-size: 14px !important; border: 1px solid var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; font-family: SalesforceSans-Regular, arial !important; } div.CSDKStatusService .CSDKStatusButtons button.Reload { background: url(/images/coldTransfer.svg) no-repeat 8px center, var(--mainBackground) !important; background-size: 10px !important; position: absolute; top: 5px; right: 3px; font-size: 11px; padding: 4px 7px 4px 22px; } div.CSDKStatusService .CSDKStatusButtons button:hover { opacity:0.7; } div#coral_AlertPopUpDiv.showDebug { width:500px; } .coral_AlertPopUpDiv.showDebug .table { display: flex; flex-wrap: wrap; width: 97%; align-content: flex-start; margin-left: auto; margin-right: auto; justify-content: center; } .coral_AlertPopUpDiv.showDebug .row { display:flex; } .coral_AlertPopUpDiv.showDebug .threecolumn .row { display: flex; width: 100%; } .coral_AlertPopUpDiv.showDebug .current .row { display:flex; width:100% } .coral_AlertPopUpDiv.showDebug .threecolumn.current .row .cell { width:50% } .coral_AlertPopUpDiv.showDebug .threecolumn .row .cell { width: 50%; text-align: right; } .coral_AlertPopUpDiv.showDebug .cell { display:table-cell; text-align:left; vertical-align: middle;} .coral_AlertPopUpDiv.showDebug .cell.label { text-align:right; } .coral_AlertPopUpDiv.showDebug .cell.add { width: 28px !important; height: 25px; background: url(../images/iconNew.svg) no-repeat 5px 9px; background-size: 13px; cursor: pointer; padding: 0 5px; } .coral_AlertPopUpDiv.showDebug .current .cell.delete { flex-grow:0; width: 13px; } .coral_AlertPopUpDiv.showDebug .cell.delete { width: 13px !important; height: 25px; background: url(../images/deleteRD.svg) no-repeat center; background-size: 11px; cursor: pointer; padding: 0 5px; } .coral_AlertPopUpDiv.showDebug .cell.add:hover, .coral_AlertPopUpDiv.showDebug .cell.delete:hover { opacity: 0.7; } div#coral_AlertPopUpDiv.showDebug .showQuery_Expansion { margin: 9px 0; } div#coral_AlertPopUpDiv.showDebug select { width: 90px; } div#coral_AlertPopUpDiv.showDebug .showQuery_Expansion .table.twocolumn div { display: table-cell; } div#coral_AlertPopUpDiv.showDebug .showQuery_Expansion .table.twocolumn div.label { padding-top: 3px; min-width: 40px; } div#coral_AlertPopUpDiv.showDebug .showQuery_Expansion .table.threecolumn:last-child { /*border-top: rgba(51, 51, 51, 0.23) solid 1px; padding-top: 5px;*/ background: transparent; width: 100%; display: flex; } div#coral_AlertPopUpDiv.showDebug .showQuery_Expansion .threecolumn .cell.label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; line-height: 18px; } div#coral_AlertPopUpDiv.showDebug .table.threecolumn { height: 120px; overflow: hidden; overflow-y: scroll; padding: 5px 0 7px } div#coral_AlertPopUpDiv.showDebug .table.threecolumn.current { border: solid 1px #ddd; background: white; } div#coral_AlertPopUpDiv.showDebug .table.threecolumn:last-child { height: 30px; overflow: hidden; /*margin-top: 10px; */ } div#coral_AlertPopUpDiv.showDebug .table.threecolumn.current select { width:100%; } div#coral_AlertPopUpDiv.showDebug .table.threecolumn select { width: 98.5%; background: transparent; font-size: 10px; } div#coral_AlertPopUpDiv.showDebug input.input.classification { border: 1px solid #ddd; padding: 3px 5px; width: calc(100% - 14px); } div#coral_AlertPopUpDiv.showDebug .showQuery_Expansion .cell.label { font-family: arial; font-size: 10px; padding: 5px 4px 0px; } div#coral_AlertPopUpDiv.showDebug .showQuery_Expansion .heading { font-size: 13px; font-family: arial; text-align: left; padding: 10px 12px 5px; font-weight: bold; color: #be1e2d; } div#coral_AlertPopUpDiv.showDebug .showQueryTableCellTextTextSpan { font-weight: normal; padding-top: 0px; } div#coral_AlertPopUpDiv.showDebug .showQuery_TableCell { width: 10%; } div#coral_AlertPopUpDiv.showDebug .showQuery_TableCell div.showQueryImageUrl { width: 42px; } span.userbtn label#helpModeLabel.active { display:block; } span.userbtn label#helpModeLabel { display:none; } /*checkbox for helpmode*/ label.helpModelabel { font-size:13px; margin-right:88px; } /* Create a custom checkbox */ .helpModeCheckBoxMark { position: absolute; top: 34px; left: 64px; height: 18px; width: 18px; background-color: #eee; } /* On mouse-over, add a grey background color */ .helpModelabel:hover input ~ .helpModeCheckBoxMark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .helpModelabel input:checked ~ .helpModeCheckBoxMark { background-color: #00adef; } /* Create the helpModeCheckBoxMark/indicator (hidden when not checked) */ .helpModeCheckBoxMark:after { content: ""; position: absolute; display: none; } /* Show the helpModeCheckBoxMark when checked */ .helpModelabel input:checked ~ .helpModeCheckBoxMark:after { display: block; } /* Style the helpModeCheckBoxMark/indicator */ .helpModelabel .helpModeCheckBoxMark:after { left: 7px; top: 2px; width: 3px; height: 8px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /*checkbox for helpmode END*/ .TextInputAccelerator ul li.Selection { background-color: #def; /* Anna FIXME */ } /* CORAL-4077: BEGIN */ table#newAdminTool_tenant_table tr#system\|system input[type='checkbox'] { visibility: hidden; } /* CORAL-4077: END */ /* Hide LastPass icons : CORAL-7753 */ #__lpform_loginUserName, #__lpform_loginPassword, #__lpform_hotdesk_loginDN, #__lpform_loginUserName_numspan, #__lpform_loginPassword_numspan { display:none !important; pointer-events:none; } /* CORAL-7767: Nicer widget loading UI : adding to css but not activating */ /* .loadingReport { opacity: 0; } .loadingTitle { padding: 7px; } */ .CoralChatPanel .Icon {display: none;} /* ATT-779: enabled in the customer css */ div[widget].failedToLoad { display:none; }