/* default elements */ body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img { margin: 0; padding: 0; } body { width: 100%; height: 100%; margin: 0; } a, a:link, a:active, a:visited { text-decoration: none; } a:hover { text-decoration: underline; } img { border: 0 none; } form { padding: 0px; margin: 0px; } frameset { border: none; } input { outline: none; } .locked { pointer-events: none; cursor: not-allowed; } /* Firefox padding */ @-moz-document url-prefix() { input, button { border-width: 2px; } input[type=checkbox] { -moz-transform: scale(0.8); } select { border-width: 1px; } } .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td { -moz-user-select: auto; } table.lightblue { width: 100%; border-collapse: collapse; border-radius: 5px; overflow: hidden; } table.lightblue tr:nth-child(odd) { background-color: #93e1fc; } table.lightblue tr:nth-child(even) { background-color: #fff; } table.lightblue tr:hover { opacity: 0.9; box-shadow: 6px 6px 4px #666; } table.lightblue tr td, table.lightblue tr th { padding: 0px 2px; border: dotted 1px lightblue; } table.lightblue tr th:parent { position: fixed; } table.lightblue tr .c { text-align: center; } /* Impromptu */ div.jqibox div.jqi.ui-draggable { -webkit-filter: drop-shadow(16px 16px 16px rgba(0,0,0,.5)); } div.jqi .jqimessage { padding-bottom: 0px; } .barred, a.barred { text-decoration: line-through; } .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .important { background: #E5FF8B; } .cbox { margin: 5px; } div#page { font-family: Verdana, Arial, Trebuchet MS, Helvetiva, Lucida Grande, Courier; font-size: 0.7em; min-width: 930px; } div { font-family: Verdana, Helvetica, Arial, Courier; } div#version { position: fixed; right: 0px; bottom: 0px; z-index: 80; color: #666; font-size: 70%; opacity: 0.5; filter:alpha(opacity=50); padding: 2px; } div#version:hover { opacity: 1.0; filter:alpha(opacity=100); cursor: pointer; font-size: 90%; background: #ccc; font-weight: bold; border: solid 2px #666; margin: 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 3px; } /* General jQuery UI elements */ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1.0em; } DISABLED.ui-state-default, .ui-widget-content .ui-state-default { } DISABLED.ui-state-default:hover, .ui-widget-content .ui-state-default:hover { } DISABLED.ui-state-default:disabled { color:#666; opacity: 0.2; filter:alpha(opacity=20); } div#bglogo { position: fixed; top: -20px; left: 20%; opacity: 0.025; filter: alpha(opacity = 10); } div#bglogo img { width: 125%; } .minwidth { min-width: 700px; } .shadowy { -webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,.5)); /* filter: url("img/punch_out.png"); */ } /* Lightbox */ div#lb_overlay { background: url("/img/tbg.png") repeat scroll 0 0 transparent; cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 90; display: none; } div#lb_lightbox { display: block; left: 29%; margin: 0; padding: 0; position: fixed; top: 35%; z-index: 1000; display: none; box-shadow: 4px 4px 10px #111; } div#lb_lightbox div.lb_content { /* padding-right: 20px; */ max-height: 710px; max-width: 1200px; overflow-x: auto; } div#lb_lightbox div.lb_content div.wrap { max-height: 700px; width: 104%; overflow-x: auto; } div#lb_lightbox div.lb_content pre.wrap { max-height: 700px; width: 100%; overflow-x: auto; white-space: pre-wrap; } div#lb_btnclose { background: url("/img/closebox.png") repeat scroll 0 0 transparent; width: 27px; height: 27px; float: right; position: absolute; top: -10px; right: -10px; } div#lb_btnclose:hover { cursor: pointer; top: -9px; right: -11px; } div#lb_lightbox.plain { background: none; } div#lb_lightbox.default { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #1B73C3; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; } div#lb_lightbox.alert { background: none repeat scroll 0 0 #FFFFFF; border: 10px solid red; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 50px; color: red; } div#lb_lightbox.plain fieldset { background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; margin-top: 10px; } div#lb_lightbox.small { font-size: 65%; background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #1B73C3; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; } div.messages { font-size: 80%; } div.messages div.message div.from { display: inline-block; margin-right: 5px; font-weight: bold; } div.messages div.message div.body { display: inline-block; font-style: italic; } div.messages div.reply { text-align: center; font-size: 80%; margin-top: 5px; } table.dump { white-space: pre; } table.dump th { text-align: left; vertical-align: top; } div#lb_lightbox table.dump { font-size: 10px; } div#lb_lightbox table.dump th { padding-right: 10px; } div#lb_lightbox table.dump tr:nth-child(odd) { background-color:#eee; } div#lb_lightbox table.dump tr:nth-child(even) { background-color:#fff; } div#websocket_log { display: none; font-size: 60%; z-index: 900; position: fixed; bottom: 0px; left: 0px; height: 400px; /*width: 60%;*/ width: 98%; border: solid 3px #000; padding: 10px; color: #a99f9f; background: #000; overflow: hidden; overflow-y: auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; opacity: 0.8; filter: alpha(opacity = 80); } div#websocket_log:hover { opacity: 1.0; filter: alpha(opacity = 100); } div#websocket_log a { color: #fff; } div#maintoolbar { display: none; position: fixed; height: 30px; min-width: 930px; width: 100%; z-index: 50; } div#maintoolbar div.right { float: right; } div#maintoolbar div.left { float: left; } div#maintoolbar select { float: left; margin: 7px 3px 0px 0px; font-size: 9px; opacity: 0.3; filter: alpha(opacity = 30); cursor: pointer; } div#maintoolbar select:hover { font-size: 9px; opacity: 1.0; filter: alpha(opacity = 100); } form#frmtbsearch_client { display: inline-block; position: relative; top: 4px; left: 4px; } div#HomeQuickSearchTBClients { width: 175px; } div#HomeQuickSearchTBClients input { color: #666; } div#HomeQuickSearchTBClients input:focus { color: #000; } div.tbutilities { display: inline-block; float: left; position: relative; } div.tbutilities img { height: 28px; -webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,.5)); } div#utilities a { margin-right: 5px; } div#tbsettings { margin-right: 5px; } div.bubble { display: none; position: absolute; right: 0px; border: solid 2px #000; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 10px; opacity: 0.9; box-shadow: 6px 6px 4px #666; z-index: 100; } div#logout { z-index: 50; float: right; margin: 2px 3px 0px 0px; opacity: 0.5; filter: alpha(opacity = 50); } div#logout img { width: 24px; } div#logout:hover { position: relative; top: 1px; left: 1px; opacity: 1.0; filter: alpha(opacity = 100); } div.forcepasswordchange { } div.forcepasswordchange fieldset legend { font-weight: bold; font-size: 110%; } div.forcepasswordchange label { display: inline-block; width: 95px; margin-right: 5px; } div.forcepasswordchange label img { float: right; height: 16px; } div.passwordchange { font-size: 90%; } div.passwordchange fieldset { padding: 10px; margin: 0px; border: solid 1px #e1dcef; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.passwordchange div.field { display: inline-flex; } div.passwordchange label { display: inline-block; width: 95px; font-size: 80%; margin-right: 5px; } div.passwordchange label img { float: right; height: 16px; } div.passwordchange input[type=password] { display: inline-block; width: 90px; font-size: 90%; padding: 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.passwordchange input#btnchangepassword { padding: 5px; font-size: 80%; margin-top: 5px; margin-left: 5px; } div#cactialerts { position: fixed; bottom: 20px; right: 10px; z-index: 100; } div#cactialerts div.bloc { float: right; color: white; position: relative; display: inline-block; padding: 10px; font-weight: bold; font-size: 85%; border: solid 2px red; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; opacity: 0.8; filter: alpha(opacity = 80); box-shadow: 6px 6px 4px #666; } div#cactialerts div.bloc:hover { opacity: 1.0; filter: alpha(opacity = 100); } div#cactialerts div.bloc a { color: white; } div#cactialerts div.bloc h2 { text-align: center; font-variant:small-caps; margin-bottom: 10px; } div#cactialerts a.cacti { display: inline-block; width: 20px; } div#cactialerts a.cacti img { width: 16px; } div#cactialerts a.ip { display: inline-block; width: 120px; } div#cactialerts a.hydro { position: absolute; top: 5px; left: 5px; } div#cactialerts a.hydro img { width: 36px; } div#cactitriggeredthresholds { background: green; } div#cactimonitor { background: red; } div#cactitriggeredthresholds div#cactitriggeredthresholdsheader { float: right; cursor: pointer; } div#cactitriggeredthresholds div#cactitriggeredthresholdss { } div#cactitriggeredthresholds span#cactitriggeredthresholdscount { } div#cactimonitor div#cactimonitorheader { float: right; cursor: pointer; } div#cactimonitor div#cactimonitoralerts { max-height: 500px; overflow: auto; } div#cactimonitor span#cactimonitoralertcount { } /* Messenger */ div#messenger_icon_div { float: left; margin-right: 5px; opacity: 0.8; } a#messenger_icon { } div#messenger_main { position: absolute; /* border: solid 1px; #000; */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; z-index: 200; font-size: 80%; top: 135px; right: 3px; width: 550px; box-shadow: 6px 6px 4px #666; } div#messenger_main .ui-tabs .ui-tabs-nav li a { padding: .1em .3em; } div#messenger_main ul li.ui-state-default a span span.ui-tabs-close { display: none; } div#messenger_main ul li.ui-state-active a span span.ui-tabs-close { display: block; float: right; position: relative; top: -2px; right: -5px; } div#messenger_main .utilities img:hover { left: 0px; top: 0px; } div#tabMessengerUsers label { } div#messenger_main div.messenger_users { width: 60%; } div#messenger_main div.messenger_users div.user { padding: 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div#messenger_main div.messenger_users div.user:hover { cursor: pointer; background: lightblue; -webkit-box-shadow: 3px 3px 5px #888888; } /* Status Icons */ table.users td.status, table.users td.status div.userstatus { background-size: 16px 16px; width: 16px; height: 16px; } div#messenger_main div.messenger_users div.user div.userstatus { background-size: 16px 16px; width: 16px; height: 16px; float: left; margin-right: 3px; } div#messenger_icon_div div.substatus { background-size: 12px 12px; width: 12px; height: 12px; position: absolute; top: 17px; left: 17px; opacity: 0.9; cursor: pointer; } div#messenger_icon_div div.substatus:hover { top: 18px; left: 18px; } div.userstatus { background-size: 128px 128px; width: 128px; height: 128px; float: left; margin-right: 3px; } div.userstatus:hover { cursor: pointer; background-color: #ccc; } div.userstatus0 { background: url("/img/status_available.png"); } div.userstatus1 { background: url("/img/status_busy.png"); } div.userstatus2 { background: url("/img/status_away.png"); } div.userstatus3 { background: url("/img/status_disconnected.png"); } div.userstatusmobile { background: url("/img/mobile.png"); } div#messenger_main div#messenger_settings { width: 39%; float: right; color: #1c1c65; z-index: 15; font-size: 80%; opacity: 0.4; filter: alpha(opacity=40); position: relative; top: -8px; } div#messenger_main div#messenger_settings:hover { opacity: 1.0; filter: alpha(opacity=100); } div#messenger_main div#messenger_settings h4 { } div#messenger_main div#messenger_settings label { cursor: pointer; margin-right: 10px; } div#messenger_main div#messenger_settings label input { position: relative; top: 4px; left: 2px; } div#messenger_main div#messenger_settings label.disabled { color: #aaa; } div#messenger_main div#messenger_settings input { cursor: pointer; } div#messenger_main div#messenger_tabs div.tablabel label { cursor: pointer; } div#messenger_main div#messenger_tabs ul.ui-tabs-nav { /*padding-right: 150px;*/ } div#messenger_tabs .ui-tabs-panel { } div#messenger_tabs label { color: #2779aa; } div#messenger_tabs li.ui-state-active label { color: #fff; } div#messenger_tabs label.hightlighted { text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; /* color: #1a43c3; */ } div#messenger_tabs li.ui-state-active label.hightlighted { text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; /* color: #1a43c3; */ } /*div#messenger_main form.frmmessage { width: 100%; height: 100%; background: #000; }*/ div#messenger_main div.messenger_messages { min-height: 100px; max-height: 250px; width: 100%; overflow-y: auto; } div#messenger_main div.messenger_messages div.me { font-weight: normal; font-style: italic;} div#messenger_main div.messenger_messages div.other { font-weight: bold; } div#messenger_main div.messenger_messages div.sent { opacity: 0.4; filter: alpha(opacity=40); } div#messenger_main div.messenger_messages div.received { opacity: 1.0; filter: alpha(opacity=100); } div#messenger_main div.messenger_messages div.mini { font-size: 75%; } div#messenger_main div.messenger_messages div span.time { color: #666; font-weight: normal; text-style: normal; font-size: 80%; } div#messenger_main div.messenger_messages a { color: #2779aa; } div#messenger_main div.messenger_messages a:hover { text-decoration: underline; } div#messenger_main div.messenger_messages img { height: auto; opacity: 1.0; filter: alpha(opacity=100); } div#messenger_main form.frmmessage textarea { position: relative; top: 42px; left: -20px; width: 107.5%; height: 58px; font-family: Verdana; } div#messenger_main form.frmmessage input#btnsend_messenger { } div#btnclose_messenger { background: url("/img/closebox.png") repeat scroll 0 0 transparent; width: 27px; height: 27px; float: right; position: relative; top: -15px; right: -15px; z-index: 200; } div#btnclose_messenger:hover { top: -14px; right: -16px; cursor: pointer; } div.imap_messages_block { font-size: 75%; line-height: 80%; display: inline-block; float: left; cursor: pointer; } div.imap_messages { padding: 2px; color: #000; margin-left: 7px; text-align: right; } div.imap_messages_list { } div.imap_messages_list fieldset { margin-bottom: 10px; padding: 10px; font-size: 80%; } div.imap_messages_list fieldset legend { font-weight: bold; } div.imap_messages_list fieldset table { width: 100%; } div.imap_messages_list fieldset table tr:nth-child(odd) { background-color:#ddd; } div.imap_messages_list fieldset table tr:nth-child(even) { background-color:#fff; } div.imap_messages_list fieldset table tr td { padding: 3px; max-width: 500px; } /* .ui-jqgrid-sortable { font-weight: lighter; } */ .ui-jqgrid-sortable { font-size: 90%; } .tipadding { padding: 5px; } .middle { text-align: center; } table.ui-jqgrid-btable tr:hover td { } /* .clientmap { display: none; } */ div#countdown { text-align: center; font-size: 125%; font-family: Arial Black; } div#calculator { position: fixed; z-index: 10; display: none; } div#calculator div.handle { cursor: pointer; background: #fff; font-weight: bold; } div#calculator img { height: 24px; } div#calculator iframe { border: 0px; height: 275px; width: 285px; overflow: hidden; background: #fff; } div#calculator div.btnclose { background: url("/img/closebox.png") repeat scroll 0 0 transparent; width: 27px; height: 27px; float: right; position: relative; top: 50px; right: -10px; cursor: pointer; } div#calculator div.btnclose:hover { top: 51px; right: -9px; } .fsclientmap { position: absolute; display: none; z-index: 10; cursor: pointer; } .fsclientmap .googlemap { width: 200px; height: 200px; } .frmequipment .googlemap { width: 500px; height: 500px; } .googlemap .loading { line-height: 230px; text-align: center; vertical-align: middle; color:#676767; font-size:11px; } .googlemap div span { display: none; } .btnmapreset { float: left; opacity: 0.8; filter:alpha(opacity=80); } .btnmapreset:hover { opacity: 1.0; filter:alpha(opacity=100); position: relative; top: 1px; left: 1px; } .kmlclient { float: left; margin-top: 2px; display: none; } .kmlclient:hover { position: relative; top: 1px; left: 1px; float: left; margin-top: 2px; } .elevation { float: left; margin-top: 2px; margin-left: 5px; } .elevation:hover { position: relative; top: 1px; left: 1px; float: left; margin-top: 2px; } .googlemap_showall { float: left; margin-left: 3px; margin-top: 2px; display: none; } .googlemap_showall:hover { position: relative; top: 1px; left: 1px; float: left; margin-top: 2px; } .distance { float: right; display: inline-block; font-size: 0.8em; color: #666; margin-right: 10px; margin-top: 3px; } .coordinates { text-align: center; background: #fff; } .coordinates .label_latlong { display: inline-block; font-size: 0.8em; color: #666; } /* Buttons */ input.ui-state-default, .ui-widget-content input.ui-state-default { padding: 2px; opacity: 0.8; filter:alpha(opacity=80); } input.ui-state-default:hover, input.ui-widget-content .ui-state-default:hover { cursor: pointer; border: solid 1px; opacity: 1.0; filter:alpha(opacity=100); } .buttons2 { position: absolute; top: -10px; left: 833px; font-size: 70%; } div#mainmenu_opener { float: left; z-index: 40; font-size: 60%; cursor: pointer; opacity: 0.9; filter: alpha(opacity = 90); } div#mainmenu_opener div.item { margin: 2px; padding: 2px; border: solid 1px #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div#mainmenu_opener img.menu { height: 20px; } div#mainmenu_opener img.arrow { vertical-align: top; margin-top: 2px; } div#mainmenu { display: none; position: absolute; z-index: 105; cursor: pointer; font-size: 71%; border: dotted 1px #62BBE8; padding: 0px; background: #E5F2FB; opacity: 0.9; filter: alpha(opacity = 90); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 4px #666; } div#mainmenu ul { margin: 0px; padding: 0px; } div#mainmenu ul li { margin: 1px; padding: 2px; list-style-type: none; border: solid 1px #E5F2FB; } div#mainmenu ul li.header { background: #3BAAE3; text-align: center; font-weight: bold; } div#mainmenu ul li.item:hover { background: #62BBE8; cursor: pointer; border: dotted 1px #000; /* font-weight: bold; */ box-shadow: 2px 2px 4px #666; } div#mainmenu ul li:first-child { border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } div#mainmenu ul li:last-child { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; margin-bottom: 3px; } div#mainmenu ul li img { height: 16px; margin-right: 7px; border: 0; float: left; } div#mainmenu ul li div.title { display: inline-block; } div#mainmenu ul li div.submenu { position: absolute; left: 100px; width: 100px; border: dotted 1px #62BBE8; padding: 0px; background: #E5F2FB; opacity: 0.9; filter: alpha(opacity = 90); } div.cactidown { margin-left: 10px; font-style: italic; } div#tools { float: left; margin: 5px 5px 0px 0px; z-index: 50; font-size: 9px; } div#admin { float: left; margin: 5px 5px 0px 0px; z-index: 50; font-size: 9px; } div#datetime { float: left; text-align: center; min-width: 120px; margin: 0px 10px 0 10px; z-index: 50; font-size: 12px; font-family: Verdana, Helvetica, Arial, Courier; font-style: italic; opacity: 0.5; filter: alpha(opacity = 50); } div#datetime:hover { opacity: 1.0; filter: alpha(opacity = 100); cursor: pointer; } /* .ui-datepicker { font-size: 13px; } .ui_tpicker_time_label { text-align: center; font-weight: bold; font-size: 90%; } .ui_tpicker_time { float: right; } */ .ui_tpicker_hour_label, .ui_tpicker_minute_label, .ui_tpicker_second_label { font-size: 70%; } div#newSMs { display: none; position: absolute; top: 42px; /*right: 400px;*/ max-height: 800px; overflow: auto; opacity: 0.9; filter: alpha(opacity = 90); box-shadow: 3px 3px 2px #333; padding: 10px; font-size: 65%; font-weight: normal; text-align: center; } div#newSMs table.newsms tr td { cursor: pointer; opacity: 0.8; filter: alpha(opacity = 80); } div#newSMs table.newsms tr:hover td { opacity: 1.0; filter: alpha(opacity = 100); } div#newSMs table.newsms tr td { padding: 2px 15px;; } div#newSMs div.nosm { font-weight: bold; font-size: 150%; color: #000; } div#newSMs div.nosm span { cursor: pointer; } div#newSMs input#startScanSMwithoutIP { margin: 0 auto; width: 75%; padding: 0px; margin-top: 5px; } div#newONTs { display: none; position: absolute; top: 42px; /*right: 400px;*/ max-height: 800px; overflow: auto; opacity: 0.9; filter: alpha(opacity = 90); box-shadow: 3px 3px 2px #333; padding: 10px; font-size: 65%; font-weight: normal; text-align: center; } div#todays_schedule { display: none; position: absolute; top: 42px; right: 10px; max-height: 800px; overflow: auto; opacity: 0.9; filter: alpha(opacity = 90); box-shadow: 3px 3px 2px #333; padding: 10px; font-size: 75%; font-weight: normal; } div#todays_schedule h4 { color: #000; } div#todays_schedule div { margin-left: 10px; padding: 2px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; } div#todays_schedule div div.client { } div#todays_schedule div div.client h5 { } div#todays_schedule div div.client span { color: #666; font-size: 80%; } div#todays_schedule div.done, div#todays_schedule div.done div.client span, div#todays_schedule div.done div.client div.distance { color: #ccc; } div#todays_schedule div.high { background: #E5736E; } div#todays_schedule div.high h5 { color :#fff; } div#todays_schedule div:hover { cursor: pointer; background: #2694e8; color: #fff; box-shadow: 6px 6px 4px #666; } div#todays_schedule div:hover div.client span { color: #000; } div#phoneInfo { display: none; position: fixed; bottom: 20px; right: 12px; background: #c0e4f6; padding: 5px; text-align: center; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; box-shadow: 2px 2px 4px #666; -moz-box-shadow: 2px 2px 4px #666; -webkit-box-shadow: 2px 2px 4px #666; opacity: 0.8; filter: alpha(opacity = 80); z-index: 200; } div#phoneInfo:hover { opacity: 1; filter: alpha(opacity = 100); } div#phoneInfo div#closePhoneEvent { float: right; cursor: pointer; } div#phoneInfo div.numberContainer { position: relative; top: -5px; } div#phoneInfo img.icon { height: 32px; } div#phoneInfo div.number { display: inline-block; font-size: 125%; font-weight: bold; position: relative; top: -10px; } div#phoneInfo div.name { font-size: 110%; color: #3dabe3; } ul.adminlist li { line-height: 25px; vertical-align: middle; } ul.adminlist li a { padding-left: 2px; } ul.adminlist img { float: left; height: 20px; } ul.reports { list-style: none; padding-left: 8px; } ul.li-btn li { line-height: 22px; vertical-align: middle; padding: 0px 5px; } ul.li-btn li img { height: 20px; margin: 2px 3px 0px 0px; } select option.cat { margin-left: 0px; font-weight: bold; } select option.debit, select option.credit { margin-left: 20px; } input.label { border: solid 0px #fff; width: 30px; background: none; text-align: center; } a.scanlog { font-size: 85%; padding: 2px; background: lightblue; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; } div.lastscan { color: #666; font-size: 75%; } select.hot { border: 1px solid #aaa; padding: 5px; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; box-shadow: 2px 2px 4px #666; -moz-box-shadow: 2px 2px 4px #666; -webkit-box-shadow: 2px 2px 4px #666; } /* custom */ form fieldset { border: solid 1px #aaa; margin: 5px 0px 15px 0px; } form legend span { font-weight: bold; padding: 2px 10px 2px 10px; border: solid 1px #aaa; /* border-right: solid 1px #aaa; */ border-bottom: 0px; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; position: relative; top: -10px; /* left: -20px; */ margin: -3px; background: #fff; white-space: nowrap; } div#tooltip { display: none; position: absolute; z-index: 100000; border: solid 1px #5C720E; padding: 3px; font-size: 70%; background: #F2ED9C; opacity: 0.8; filter: alpha(opacity = 80); border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,.5)); } div#tooltip img { height: 18px; float: left; margin-right: 3px; } div#tooltip img.right { float: right; margin-left: 3px; } div#tooltip div.tooltipcontent { vertical-align: middle; margin-top: 2px; white-space: nowrap; } div#contextmenu { display: none; position: absolute; z-index: 1005; border: dotted 1px #62BBE8; padding: 0px; background: #E5F2FB; opacity: 0.9; filter: alpha(opacity = 90); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div#contextmenu ul { margin: 0px; padding: 0px; } div#contextmenu ul li { margin: 1px; padding: 2px; list-style-type: none; font-size: 55%; border: solid 1px #E5F2FB; } div#contextmenu ul li:hover { background: #62BBE8; cursor: pointer; border: dotted 1px #000; /* font-weight: bold; */ } div#contextmenu ul li.title { min-height: 5px; text-align: center; font-weight: bold; background: #62BBE8; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } div#contextmenu ul li.title:hover { cursor: default; border: solid 1px #E5F2FB; } div#contextmenu ul li:last-child { border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; } div#contextmenu ul li img { height: 10px; margin-right: 7px; border: 0; } div#userstatuschange { display: none; position: absolute; z-index: 1005; border: dotted 1px #62BBE8; padding: 1px; padding-right: 3px; background: #E5F2FB; opacity: 0.9; filter: alpha(opacity = 90); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div#userstatuschange div.userstatusicon, div#userstatuschange div.userstatusmessage { display: inline-block; height: 24px; float: left; } div#userstatuschange div.userstatusicon img { max-height: 24px; } div#userstatuschange div.userstatusmessage input[type='text'] { width: 250px; height: 16px; line-height: 16px; border: dotted 1px #ccc; } div#userstatuschange div.userstatusicon div.userstatuslist { display: none; } div#userstatuschange div.userstatusicon div.userstatus { background-size: 24px 24px; width: 24px; height: 24px; margin-right: 3px; clear: both; } div#userstatuschange div.userstatusicon div.userstatus:hover { cursor: pointer; background-color: #ccc; } /*table.users td.status { width: 16px; height: 16px; }*/ div.QuickSearch { position: relative; display: inline-block; border: solid 1px #62BBE8; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; opacity: 0.6; filter : alpha(opacity=60); } div.QuickSearch:hover { opacity: 1.0; filter : alpha(opacity=100); } div.QuickSearch img { position: relative; top: 3px; } div.QuickSearch input { border: 0px; width: 77%; } div.QuickSearch input.QuickSearchBox { padding-right: 5px; margin-bottom: 2px; } div.QuickSearch input.QuickSearchBox:focus { } div.QuickSearch img.QuickSearchLoupe { padding-left: 2px; padding-right: 2px; } div.QuickSearch img.QuickSearchEmpty { opacity: 0.6; filter : alpha(opacity=60); height: 16px; display: none; position: absolute; right: 2px; } div.QuickSearch img.QuickSearchEmpty:hover { opacity: 1.0; cursor: pointer; } div.HomeQuickSearchItem { width: 70%; } div.btndelete { position: absolute; left: 0px; z-index: 20; overflow: visible; } div.btndelete img { width: 15px; height: 15px; overflow: visible; } div.btndelete img:hover { cursor: pointer; } /* .ui-jqgrid tr.jqgrow td { overflow: visible; } */ /* .ui-button { padding: 5px; } */ .btnaction { position: relative; padding: 0.4em 1em 0.4em 20px; } div.clientinfo { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: dotted 1px #ccc; background: #fff; border: solid 0px #ccc; padding: 5px; display: inline-block; font-size: 20px; margin-top: 10px; margin-bottom: 20px; position: absolute; left: 880px; z-index: 1; } div.clientinfo span.info_balance { margin-left: 20px; cursor: pointer; } div.clientinfo span.info_balance_details { font-size: 50%; } div.clientinfo span.info_balance_details div { cursor: pointer; } div.clientinfo div.subbalance { font-size: 55%; color: #666; } div.taskinfo { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: dotted 1px #ccc; background: #fff; border: solid 0px #ccc; padding: 5px; display: inline-block; font-size: 20px; margin-top: 10px; margin-bottom: 20px; cursor: pointer; } div.lastbill { text-align: center; border: dotted 1px #ccc; font-size: 0.5em; margin-top: 10px; } div.clientinfo div.account_statement { float: right; cursor: pointer; } div.clientinfo div.account_statement:hover { position: relative; top: 1px; left: 1px; } div.clientinfo div.account_statement img { height: 16px; } div.client_actions { margin: 0 auto; margin-left: auto; margin-right: auto; text-align: center; } div.client_actions input { margin: 0 auto; margin-top: 10px; display: block; font-size: 60%; } tr.disabled { font-style: italic; color: #666; opacity: 0.7; filter: alpha(opacity = 70); } tr.alert { font-style: italic; color: #fff; background: #f00; opacity: 0.9; filter: alpha(opacity = 90); } tr.alert:hover { font-style: italic; color: #fff; background: #f00; opacity: 1.0; filter: alpha(opacity = 100); } tr.alert:hover td { font-weight: bold; } tr.hightlighted { font-weight: bold; background: #eee; } tr.seasonnal, tr.seasonnal:hover { background: #68D7FD; } tr.credited, tr.credited:hover { background: #D0EAC6; } tr.notpaid { font-weight: bold; background: #eee; } #tabHome { padding-left: 10px; } .tablabel { cursor: pointer; } #snowmode { position: fixed; top: 8px; left: 405px; opacity: 0.7; filter: alpha(opacity = 70); z-index: 1000; } #snowmode img { height: 16px; } #snowmode:hover { opacity: 1.0; filter: alpha(opacity = 100); top: 9px; right: 769px; cursor: pointer; } fieldset.fsclientbase, fieldset.fsclientaddress, fieldset.fsclienttelephones, fieldset.fsclientbilling, fieldset.fsclienttransactions, fieldset.fsclientequipments, fieldset.fsclientnotes, fieldset.fstaskbase { margin-bottom: 15px; clear: both; padding: 5px; } fieldset.fstaskbase span.locationname { line-height: 30px; font-weight: bold; } fieldset.fsclientbase div, fieldset.fstaskbase div { float: left; margin-right: 10px; } div.clientnotes_tags { float: left; position: absolute; left: 90px; } div.clientnotes_tags div.tag { position: relative; top: -10px; font-size: 75%; } div.clientnotes_tags div.tag.all { font-size: 90%; } form.frmnote div.note_paneltags { min-height: 40px; } div.clientnotes_tags div.tag, form.frmnote div.note_paneltags div.tag { display: inline-block; margin: 5px; padding: 0px 3px; border: dotted 1px #bbb; background: #d7ebf9; color: #2e7ead; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 0.9; filter: alpha(opacity = 90); -webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5)); } div.clientnotes_tags div.tag.clicked, div.clientnotes_tags div.tag:hover, form.frmnote div.note_paneltags div.tag:hover { border: solid 1px #bbb; background: #43aee4; color: #fff; opacity: 1.0; filter: alpha(opacity = 100); cursor: pointer; } div.clientnotes_tags div.tag b.count, form.frmnote div.note_paneltags div.tag b.count { background: #43aee4; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px 2px; } div.clientnotes_tags div.tag.clicked:hover b, div.clientnotes_tags div.tag:hover b, form.frmnote div.note_paneltags div.tag:hover b { background: #fff; color: #43aee4; } input.addThisNewTag { width: 100px; font-size: 100%; } /* Pop-up forms */ #jqi legend { cursor: default; } .jqifade { /* background-color: #003B5C; */ } div.jqimessage fieldset { padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.jqimessage fieldset legend span { font-size: 150%; white-space: nowrap; } div.jqimessage fieldset label { border-bottom: dotted 1px #ccc; } div.jqimessage fieldset br { line-height: 30px; } div.jqimessage fieldset input, div.jqimessage fieldset select, div.jqimessage fieldset textarea { padding: 3px; border: dotted 1px #ccc; } div.jqimessage fieldset input:focus, div.jqimessage fieldset select:focus, div.jqimessage fieldset textarea:focus { padding: 2px; border: solid 2px #666; } div.jqimessage div.alert { font-size: 120%; min-width: 450px; } div.jqimessage div.alert table tr td.icon { vertical-align: top; } div.jqimessage div.alert table tr td.icon img { width: 80px; opacity: 0.8; } div.jqimessage div.alert table tr td.message { vertical-align: top; padding-left: 20px; } div.jqimessage div.alert table tr td.message ul { margin: 0px; padding: 0px; } div.jqimessage div.alert table tr td.message ul li { left: 10px; padding: 0px; } .greyed { color: #aaa; } div#maintabs { /*min-height: 700px;*/ min-height: 95vh; } div#maintabs ul li a span { display: inline-block; height: 25px; line-height: 25px; vertical-align:middle; } div#maintabs ul li a span.ui-tabs-close { height: 15px; line-height: 15px; } /* div#maintabs ul li a span span:hover { cursor: pointer; } */ div#maintabs ul li a span span.ui-tabs-close { display: none; } div#maintabs ul li a span div label { margin-right: 5px; cursor: pointer; } div#maintabs ul li.ui-state-active a span.ui-tabs-close { display: inline-block; } div#maintabs ul#maintabs_fixed li a img { width: 24px; max-height: 36px; float: left; position: relative; left: -5px; opacity: 0.6; filter:alpha(opacity=60); } div#maintabs ul#maintabs_fixed li.ui-state-active a img { width: 32px; left: -6px; top: -4px; opacity: 1.0; filter:alpha(opacity=100); } div#maintabs div#maintab_1 { display: none; } /* floating tabs */ ul#maintabs_fixed { position: fixed; top: 32px; width: 100%; z-index: 20; box-shadow: 0px 1px 2px #ccc; padding-bottom: 1px; } div#maintabs div.ui-tabs-panel { padding: 1.5em 0.1em; top: 45px; position: relative; } div#maintabs .ui-tabs-panel ui-widget-content { } .ui-state-active a span { } .ui-tabs-close { display: none; position: absolute; top: 3px; right: 0px; /* z-index: 80; */ width: 16px; height: 14px; font-size: 10px; font-style: normal; cursor: pointer; line-height: 16px; } .ui-icon-close { display: none; } /* form#frmsearch_client, form#frmsearch_equipment { padding: 5px; } */ /* form#frmsearch_client input, form#frmsearch_equipment input { font-size: 120%; } */ div.homebloc { border: dotted 1px #ccc; margin-bottom: 10px; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.homebloc div.stack { display: inline-block; vertical-align: top; white-space: nowrap; } div.homebloc div.stack .today { font-weight: bold; } div.homebloc div.stack .passed { color: #999; } .leftpadded { padding-left: 20px; } #btnaddreport { float: right; cursor: pointer; } .utilities { /* position: absolute; top: 42px; right: 20px; */ } .utilities img { vertical-align: middle; opacity: 0.8; filter:alpha(opacity=80); } .utilities img:hover { opacity: 1.0; filter:alpha(opacity=100); position: relative; left: 1px; top: 1px; cursor: pointer; } img#ap { margin: 5px; } img#interac { height: 32px; } img#threshold { position: relative; left: -8px;} body { scrollbar-face-color: #808080; /*/ obviously change this to whatever you want /*/ scrollbar-arrow-color: #FFFFFF; scrollbar-highlight-color: #FFFBF0; scrollbar-3dlight-color: #808080; scrollbar-shadow-color: #FFFBF0; scrollbar-darkshadow-color: #808080; scrollbar-track-color: #CCCCCC; } div.smalllist { overflow-y: auto; overflow-x: hidden; max-height: 200px; } table.todisable { border-spacing: 0px; border-collapse: collapse; margin: 3px; padding-right: 10px; } table.todisable tr td { font-size: 90%; } table.todisable tr:hover td { background: lightblue; box-shadow: 3px 3px 5px #888888; } table.todisable tr td { padding: 0px 10px 0px 5px; } table.todisable tr td.info img { height: 12px; } table.toenable { border-spacing: 0px; border-collapse: collapse; margin: 3px; padding-right: 10px; } table.toenable tr td { font-size: 90%; } table.toenable tr:hover td { background: lightblue; box-shadow: 3px 3px 5px #888888; } table.toenable tr td { padding: 0px 10px 0px 5px; } table.toenable tr td.info img { height: 12px; } table.tasks { border-spacing: 0px; border-collapse: collapse; margin: 3px; padding-right: 10px; } table.tasks tr td { font-size: 90%; } table.tasks tr:hover { box-shadow: 3px 3px 5px #888888; } table.tasks tr:hover td { background: lightblue; -webkit-box-shadow: 3px 3px 5px #888888; } table.tasks tr td:first-child { border-top-left-radius: 7px; border-bottom-left-radius: 7px; } table.tasks tr td:last-child { border-top-right-radius: 7px; border-bottom-right-radius: 7px; } table.tasks tr.highpriority { background: #FF6565; font-weight: bold; } table.tasks tr td { padding: 0px 10px 0px 5px; } table.tasks tr td.info img { height: 12px; } table.tasks .cacti img { height: 12px; text-align: center; } table.events { border-spacing: 0px; border-collapse: collapse; margin: 3px; padding-right: 10px; } table.events tr td { font-size: 90%; } table.events tr:hover { box-shadow: 3px 3px 5px #888888; } table.events tr:hover td { background: lightblue; -webkit-box-shadow: 3px 3px 5px #888888; } table.events tr td:first-child { border-top-left-radius: 7px; border-bottom-left-radius: 7px; } table.events tr td:last-child { border-top-right-radius: 7px; border-bottom-right-radius: 7px; } table.events tr td { padding: 0px 10px 0px 5px; } table.events tr td.info img { height: 12px; } table.events img { height: 16px; } table.users { border-spacing: 0px; border-collapse: separate; margin: 3px; } table.users tr { } table.users tr td { padding: 2px; } table.users tr:hover { box-shadow: 3px 3px 5px #888888; } table.users tr:hover td { background: lightblue; -webkit-box-shadow: 3px 3px 5px #888888; } table.users tr:first-child:hover { background: initial; box-shadow: none;} table.users tr td:first-child { border-top-left-radius: 7px; border-bottom-left-radius: 7px; } table.users tr td:last-child { border-top-right-radius: 7px; border-bottom-right-radius: 7px; } table.users th { padding-bottom: 5px; } table.users td.fullname { width: 100px; } table.users td.extension { width: 80px; text-align: center; font-style: italic; } table.users td.extensionalt { font-size: 80%; } table.users td.cell { width: 120px; text-align: center; } table.users td.email { font-size: 80%; text-align: right; } table.users td.status div.status_empty, table.users td.status div.status_yes, table.users td.status div.status_no, table.users td.status div.status_mobile { width: 12px; height: 12px; display: inline-block; margin-right: 3px; } table.users td.status div.status_empty { background: transparent url(/img/status.png) 0 0 no-repeat; } table.users td.status div.status_yes { background: transparent url(/img/status.png) -12px 0 no-repeat; } table.users td.status div.status_no { background: transparent url(/img/status.png) -24px 0 no-repeat; } table.users td.status div.status_mobile { background: transparent url(/img/status.png) -36px 0 no-repeat; } table.users td.extension div.phonestatus_empty, table.users td.extension div.phonestatus_idle, table.users td.extension div.phonestatus_online, table.users td.extension div.phonestatus_dnd { width: 12px; height: 12px; display: inline-block; margin-left: 3px; } table.users td.extension div.phonestatus_empty { background: transparent url(/img/phonestatus.png) 0 0 no-repeat; } table.users td.extension div.phonestatus_idle { background: transparent url(/img/phonestatus.png) -36px 0 no-repeat; } table.users td.extension div.phonestatus_online { background: transparent url(/img/phonestatus.png) -12px 0 no-repeat; } table.users td.extension div.phonestatus_dnd { background: transparent url(/img/phonestatus.png) -24px 0 no-repeat; } div.homereports { float: right; position: absolute; right: 10px; background: #eee; opacity: 0.5; } div.homereports:hover { opacity: 1.0; box-shadow: 3px 3px 5px #888888; } div.homereports .stack { min-width: 100px; } span.homereports { border-spacing: 0px; border-collapse: collapse; margin: 3px; padding-right: 10px; } span.homereports div { font-size: 90%; padding: 3px; } span.homereports div:hover { background: lightblue; box-shadow: 3px 3px 5px #888888; cursor: pointer; } span.homereports div:first-child { border-top-left-radius: 7px; border-bottom-left-radius: 7px; } span.homereports div:last-child { border-top-right-radius: 7px; border-bottom-right-radius: 7px; } span.homereports div.info img { height: 12px; } span.homereports div img { height: 16px; float: left; margin-right: 3px; } table.users td.email { font-size: 80%; } div.accesspointssearch { width: 100%; font-size: 90%; } div.accesspointssearch .kml { float: right; } div.accesspointssearch #ap_search { width: 300px; } div.accesspointssearch div#searching { display: none; position: absolute; right: 370px; z-index: 1000; } table.accespoints { width: 100%; border-spacing: 0px; border-collapse: collapse; } table.accespoints tr:hover { box-shadow: 3px 3px 5px #888888; } table.accespoints tr:hover td { background: lightblue; -webkit-box-shadow: 3px 3px 5px #888888; } table.accespoints tr td:first-child { border-top-left-radius: 7px; border-bottom-left-radius: 7px; } table.accespoints tr td:last-child { border-top-right-radius: 7px; border-bottom-right-radius: 7px; } table.accespoints tr td { padding: 1px; } table.accespoints th { padding-bottom: 5px; } table.accespoints .territory { width: 80px; text-align: left; } table.accespoints .city { width: 160px; text-align: left; } table.accespoints .esn { width: 120px; text-align: center; } table.accespoints .type { width: 60px; text-align: center; } table.accespoints .location { width: 180px; text-align: left; } table.accespoints .version { width: 120px; text-align: center; } table.accespoints .frequency { width: 70px; text-align: center; } table.accespoints .colorcode { width: 80px; text-align: center; } table.accespoints .vlan { width: 60px; text-align: center; } table.accespoints .sms { width: 100px; text-align: center; } table.accespoints .sms:hover { font-weight: bold; text-decoration: underline; } table.accespoints .admin { width: 100px; text-align: center; } table.accespoints .admin:hover { font-weight: bold; text-decoration: underline; } table.accespoints .admin img { height: 12px; } table.accespoints .info { width: 40px; text-align: center; } table.accespoints .info img { height: 12px; text-align: center; } table.accespoints .cacti { text-align: center; } table.accespoints .cacti img { height: 12px; text-align: center; } fieldset.equipment select.frequency { font-size: 90%; } div.subscribermodules { font-size: 60%; width: 100%; } table.subscribermodules { width: 100%; border-spacing: 0px; border-collapse: collapse; } table.subscribermodules tr:hover { box-shadow: 3px 3px 5px #888888; } table.subscribermodules tr:hover td { background: lightblue; -webkit-box-shadow: 3px 3px 5px #888888; } table.subscribermodules tr td:first-child { border-top-left-radius: 7px; border-bottom-left-radius: 7px; } table.subscribermodules tr td:last-child { border-top-right-radius: 7px; border-bottom-right-radius: 7px; } table.subscribermodules tr td { padding: 1px; } table.subscribermodules tr:hover td { background: lightblue; } table.subscribermodules th { padding-bottom: 5px; } table.subscribermodules tr.nottoolongseen { opacity: 0.75; filter:alpha(opacity=75); background-color: #aaa; } table.subscribermodules tr.longseen { opacity: 0.75; filter:alpha(opacity=75); background-color: #666; } table.subscribermodules tr.nottoolongseen:hover { opacity: 1.0; filter:alpha(opacity=100); } table.subscribermodules tr.longseen:hover { opacity: 1.0; filter:alpha(opacity=100); } table.subscribermodules .model { width: 120px; text-align: center; } table.subscribermodules .esn { width: 120px; text-align: center; } table.subscribermodules .client { width: 300px; text-align: left; } table.subscribermodules .client:hover { font-weight: bold; text-decoration: underline; cursor: pointer; } table.subscribermodules .address { width: 200px; text-align: left; } table.subscribermodules .city { width: 200px; text-align: left; } table.subscribermodules .ap { width: 240px; } table.subscribermodules .version { width: 50px; text-align: center; } table.subscribermodules .powerlevel { width: 50px; text-align: center; } table.subscribermodules .jitter { width: 50px; text-align: center; } table.subscribermodules .vlan { width: 50px; text-align: center; } table.subscribermodules .speed { width: 100px; text-align: center; } table.subscribermodules .plan { width: 150px; text-align: center; } table.subscribermodules .distance { text-align: right; display: block; color: #000; float: none; font-size: 100%; margin-top: initial; margin-right: initial; } table.subscribermodules .admin { width: 120px; text-align: center; cursor: pointer; } table.subscribermodules .admin:hover { font-weight: bold; text-decoration: underline; } table.subscribermodules .admin img { height: 12px; } table.subscribermodules .ip { width: 180px; } table.subscribermodules .info { width: 40px; text-align: center; cursor: pointer; } table.subscribermodules .info img { height: 12px; text-align: center; } table.subscribermodules .cacti { text-align: center; cursor: pointer; } table.subscribermodules .cacti img { height: 12px; text-align: center; } table.subscribermodules .conso { width: 40px; text-align: right; } table.subscribermodules .daysseen { width: 40px; text-align: center; } div.cacti { text-align: center; font-size: 11px; overflow: auto; } div.cactism { width: 1000px; } div.cactimeta { width: 660px; } div.cacti div.quota { float: left; } div.cacti div.graphs { float: left; height: 675px; margin-left: 10px; } div.cacti table.compare { margin-left: auto; margin-right: auto; border: solid 1px #ccc; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.cacti div.graphs div.cactigraph { display: block; vertical-align: middle; clear: both; } div.cacti div.graphs div.cactigraph div.prev, div.cacti div.graphs div.cactigraph div.next { border: solid 1px #ccc; height: 210px; line-height: 210px; vertical-align: middle; background: #ddd; cursor: pointer; } div.cacti div.graphs div.cactigraph div.prev { float: left; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; } div.cacti div.graphs div.cactigraph div.next { float: right; border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; } div.cacti div.graphs div.cactigraph div.prev:hover, div.cacti div.graphs div.cactigraph div.next:hover { border: solid 1px #bbb; background: #ccc; } div.cacti div.graphs div.cactigraph div.disabled, div.cacti div.graphs div.cactigraph div.disabled:hover { background: #eee; cursor: default; } div.cacti div.graphs div.cactigraph div.disabled img { opacity: 0.4; filter: alpha(opacity = 40); } div.cacti div.quotatable { overflow-x: auto; overflow-y: hidden; max-height: 600px; } div.cacti table.quota { margin-bottom: 10px; } div.cacti table.quota th, div.cacti table.quota td { padding: 0px 5px 0px 5px; } div.cacti table.quota th { text-align: left; } div.cacti table.quota td { text-align: left; } div.cacti table.quota td.month { white-space: nowrap; } div.cacti table.quota th.header { text-align: center; } div.cacti table.quota tr:nth-child(odd) { background-color:#ddd; } div.cacti table.quota tr:nth-child(even) { background-color:#fff; } div.cacti table.quota tr .month, div.cacti table.quota tr .amount { text-align: right; } input#snmp_oid { width: 500px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: dotted 1px #ddd; padding: 2px; } div#page { position: relative; top: 30px; } div#lang { float: right; display: none; } div#diagram { font-size: 6px; text-align: right; display: none; } div.report, div#facture { font-size: 10px; text-align: center; padding: 3px; } input.invisible { width:0px; height:0px; border:0px; position: absolute; display: none; } h1 { font-size: 14px; text-align: center; } /* div.firebug { position: absolute; bottom: 0px; width: 99%; } */ .ui-widget-content td:hover { cursor: pointer; -moz-user-select: none; -khtml-user-select: none; } .ui-pg-table td:hover { cursor: default; } label { display: inline-block; font-size: 90%; } label.header { font-size: 120%; } div.header_list { border: solid 1px #ccc; display: inline-block; width: 99%; border: solid 1px #AED0EA; border-bottom: 0px; background: #D7EBF9; padding: 5px; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; } div.header_list img.logo { height: 32px; float: left; } div.header_list h3 { display: inline-block; margin-top: 5px; } div.header_list .filters { display: inline-block; float: right; font-weight: normal; color: #999; font-size: 90%; } div.header_list .filters div { margin-left: 10px; display: inline-block; padding: 1px; position: relative; } div.header_list .filters div input.checkbox { vertical-align: middle; margin-right: 3px; } div.header_list .filters div label { } div.header_list .filters div select { font-size: 90%; opacity:0.6; filter:alpha(opacity=60); } div.header_list .filters div select:hover { opacity:1.0; filter:alpha(opacity=100); } div.header_list .filters div.tool { width: 25px; height: 10px; cursor: pointer; } div.header_list .filters div.tool img { height: 24px; position: absolute; opacity: 0.7; filter:alpha(opacity=70); top: -5px; } div.header_list .filters div.tool img:hover { opacity: 1.0; filter:alpha(opacity=100); } div.header_list .filters div.actionbuttons div { float: right; } form.frmExport { position: none; } div.exporter { display: none; position: absolute; border: solid 1px #ccc; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; opacity:0.9; filter:alpha(opacity=90); } div.exporter div.title { font-weight: bold; padding: 5px; text-align: center; background: #3BAAE3; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; } div.exporter div.fields, div.exporter div.format { vertical-align: top; display: inline-block; padding: 5px; } div.exporter h3 { font-size: 90%; padding: 3px; } div.exporter div.fields, div.exporter div.fields input, div.exporter div.fields label { cursor: pointer; } div.exporter div.fields div input { margin-right: 5px; } div.exporter div.fields div:hover { border: solid 1px #3BAAE3; background: #B8DEF4; } div.exporter div.fields div, div.exporter div.format div { font-size: 90%; padding: 3px; vertical-align: middle; border: solid 1px #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.exporter div.format div img { height: 16px; margin-right: 5px; } div.exporter div.format div:hover { border: solid 1px #3BAAE3; background: #B8DEF4; cursor: pointer; } form.frmevent input.eventname { width: 500px; } form.frmevent textarea.eventtext { width: 500px; height: 200px; } form.frmevent div.panel { float: left; width: 48%; } form.frmevent label { width: 130px; } form.frmevent input.date { width: 120px; } form.frmevent #ui-datepicker-div { font-size: 75%; } div#btnadd_event { position: absolute; top: 58px; left: 200px; height: 20px; } div#calendar-filters { position: absolute; top: 58px; right: 200px; height: 20px; } div#calendar { width: 100%; margin: 0 auto; } input#client_search { width: 250px; } div#gbox_list_clients { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } input#task_search { width: 250px; } div#gbox_list_tasks { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } input#equipment_search { width: 250px; } div#gbox_list_equipments { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* div#equipment_filter { display: inline; position: absolute; right: 25px; font-weight: normal; color: #999; } input#equipment_search { width: 150px; } */ pre.prompt { line-height: 15px; font-size: 11px; font-family: Verdana, Helvetica, Arial, Courier; } #jqi legend { cursor: pointer; white-space: nowrap; } /* forms */ fieldset.column_left { display: inline-block; } fieldset.column_left legend { cursor: pointer; white-space: nowrap; } fieldset.fsclientbase label, fieldset.fstaskbase label { display: inline-block; width: 100px; } div.btnadd { display: inline; border: solid 0px #ccc; padding: 0px 3px 0px 3px; margin-left: 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.btnadd:hover { background: #ccc; cursor: pointer; border: solid 0px #ccc; } div.homebloc li.btnadd { display: inline-block; opacity:0.7; filter:alpha(opacity=70); } div.homebloc li.btnadd:hover { display: inline-block; opacity:1.0; filter:alpha(opacity=100); cursor: pointer; border: 1px solid #AED0EA } div.topsellers { float: left; } form.frmlogin { height: 140px; } form.frmlogin fieldset { width: 250px; padding: 10px; } form.frmlogin label { font-size: 13px; display: block; } form.frmlogin input { font-size: 13px; } form.frmlogin input#username { margin-bottom: 20px; } form.frmlogin input#username, form.frmlogin input#password { width: 245px; } form.frmclient { position: relative; } form.frmclient input.lastname { } form.frmclient input.firstname { } form.frmclient input.clientcode { } form.frmclient .cityid { } form.frmclient .civicnumber { width: 50px; text-align: center; } form.frmclient .streetid { } form.frmclient .appnumber { width: 50px; text-align: center; } form.frmclient .postalcode { width: 70px; text-align: center; } form.frmclient .postalcase { width: 70px; text-align: center; } form.frmclient .billingname { width: 400px; } form.frmclient label.adress { margin-top: 10px; } form.frmclient label.label_different_billing_address { width: 100%; } form.frmclient label.label_different_name { width: 100%; } form.frmclient label.checkbox { width: 200px; margin-top: 5px; border-bottom: dotted 1px #ccc; } form.frmclient textarea.notes { width: 98%; } form.frmclient input.resellercode { width: 60px; text-align: center; } form.frmclient span.firstnation_panel { display: none; margin-left: 43px; } form.frmclient input.bandnumber { width: 90px; text-align: center; } form.frmclient select.taxid { font-size: 85%; max-width: 190px; } form.frmclient div.ppa_panel { display: none; z-index: 10; margin-bottom: 10px; } form.frmclient table.tblppa { width: 200px; } form.frmclient table.tblppa { margin-left: 19px; } form.frmclient table.tblppa td label.ppa { width: 60px; margin: 0px; text-align: center; } form.frmclient input.ppa_branch, form.frmclient input.ppa_institution, form.frmclient input.ppa_account { width: 90px; text-align: center; } form.frmclient input.ppa_branch, form.frmclient input.ppa_institution { width: 50px; } form.frmclient span.panel_ppa_fixed { display: none; float: right; } form.frmclient label.ppa_fixed { width: 75px; } form.frmclient div.ppa_panel div.institution_name { font-size: 90%; font-style: italic; } form.frmclient span.ppacc { color: #666; padding: 3px; border: dotted 1px #666; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } form.frmclient label.fadoq { width: 125px; } form.frmclient input.fadoq_club_number, form.frmclient input.fadoq_member_number, form.frmclient input.fadoq_expiration { width: 80px; text-align: center; } form.frmclient table.tblfadoq { margin-left: 19px; } form.frmclient table.tblfadoq label.fadoq { width: 80px; } form.frmclient select.baddebttypeid { } form.frmclient select.baddebttypeid.cote2, form.frmclient select.baddebttypeid option[value="0"] { background-color: white; color: black; } form.frmclient select.baddebttypeid.cote2, form.frmclient select.baddebttypeid option[value="1"] { background-color: white; color: black; } form.frmclient select.baddebttypeid.cote2, form.frmclient select.baddebttypeid option[value="2"] { background-color: yellow; color: black; } form.frmclient select.baddebttypeid.cote3, form.frmclient select.baddebttypeid option[value="3"] { background-color: orange; color: black; } form.frmclient select.baddebttypeid.cote4, form.frmclient select.baddebttypeid option[value="4"] { background-color: red; color: white; } form.frmclient select.baddebttypeid.cote5, form.frmclient select.baddebttypeid option[value="5"] { background-color: red; color: white; } form.frmclient select.baddebttypeid.cote6, form.frmclient select.baddebttypeid option[value="6"] { background-color: red; color: white; } form.frmclient select.baddebttypeid.cote10, form.frmclient select.baddebttypeid option[value="10"] { background-color: red; color: white; } form.frmclient label.ppa { width: 80px; } form.frmclient label.ppa_fixedamount { width: 50px; } form.frmclient input.ppa_fixedamount { width: 50px; } form.frmclient label.label_different_ppa_name { width: 175px; } form.frmclient input.ppaname { display: none; } form.frmclient input.frequency { width: 20px; text-align: center; } form.frmclient div.addedmodif_client { position: absolute; top: -5px; left: 200px; color: #aaa; font-size: 80%; } form.frmclient div.addedmodif_client span { margin-right: 100px;} form.frmclient div.webaccessinfo { /* width: 100%; */ float: right; color: #666; font-size: 80%; border-top: dotted 1px #ccc; text-align: right; } form.frmclient div.webaccessinfo span { white-space: nowrap; } form.frmclient div.webaccessinfo span.serviceinfo { float: left; width: 300px; text-align: left; line-height: 22px; padding: 3px; font-size: 115%; cursor: help; } form.frmclient div.webaccessinfo span.serviceinfo span.service { /*display: inline-flex;*/ margin-right: 15px; color: #0d3b5c; font-weight: bold; font-size: 90%; /*vertical-align: middle; line-height: 28px;*/ } form.frmclient div.webaccessinfo span.serviceinfo span.service img { height: 24px; margin-right: 3px; margin-top: 5px; vertical-align: bottom; } form.frmclient div.webaccessinfo span.serviceinfo span.addresses { display: inline-block; cursor: default; } form.frmclient div.webaccessinfo span.serviceinfo span.address { } form.frmclient div.webaccessinfo span.serviceinfo span.eta { margin-left: 15px; color: #0d3b5c; font-weight: bold; font-size: 90%; } form.frmclient div.webaccessinfo span.specialsetup { float: left; color: #f00; font-weight: bold; font-size: 120%; margin-left: 60px; margin-top: 3px; text-align: center; } form.frmclient div.webaccessinfo span.haspersonnalantenna { float: left; color: #f00; font-weight: bold; font-size: 120%; margin-left: 380px; margin-top: 3px; } .task_haspersonnalantenna { text-align: center; color: #f00; font-weight: bold; font-size: 120%; } form.frmclient div.webaccessinfo input { margin: 2px; } form.frmclient div.webaccessinfo img.access { float: right; margin-left: 10px; height: 32px; } form.frmclient div.webaccessinfo img.access:hover { position: relative; left: 1px; top: 1px; cursor: pointer; } form.frmclient div.findduplicate { float: right; position: relative; top: -5px; right: -9px; } form.frmclient div.findduplicate input { width: 32px; height: 32px; background: url(/img/duplicate.png); background-size: 100%; background-repeat: no-repeat; } form.frmclient div.duplicateresults { display: none; position: absolute; top: 50px; left: 300px; border: solid 2px black; padding: 10px; background: #E9F3F9; font-size: 85%; z-index: 30; -webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,.5)); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } form.frmclient div.duplicateresults table tr:hover { background: lightblue; box-shadow: 3px 3px 5px #888888; } form.frmclient div.duplicateresults table tr th { text-align: left; } form.frmclient div.duplicateresults table tr td { padding-right: 10px; } form.frmclient div.duplicateresults div.btnclose { background: url("/img/closebox.png") repeat scroll 0 0 transparent; width: 27px; height: 27px; float: right; position: relative; top: -20px; right: -30px; } form.frmclient div.duplicateresults div.btnclose:hover { cursor: pointer; top: -19px; right: -31px; } form.frmclient div.showreversals { display: block; position: absolute; left: 160px; font-size: 80%; } form.frmclient div.showreversals label { position: relative; top: -3px; cursor: pointer; } form.frmclient img.clientlocation { height: 32px; } form.frmclient img.clientlocation:hover { position: relative; top: 1px; left: 1px; } form.frmclient div.clientwarning div.warnings { position: relative; top: -11px; background: #E5FF8B; font-size: 100%; border: solid 2px #000; margin: 5px 0px; padding: 3px; width: 869px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,.5)); opacity: 0.75; filter:alpha(opacity=75); } form.frmclient div.clientwarning div.warnings:hover { opacity: 1.0; filter:alpha(opacity=100); } form.frmclient div.clientwarning div.warnings img.alert { float: right; height: 24px; } form.frmclient div.clientwarning div.warnings pre { padding: 5px; white-space: pre-wrap; } form.frmclient div.clientwarning div.warnings pre:not(:last-child) { border-bottom: solid 1px #000; } form.frmbill div.bloc { margin-bottom: 10px; } form.frmbill div.bloc span { margin-right: 30px; } form.frmbill div.bloc span label { width: 50px; } form.frmbill div.container_billamount { float: right; } form.frmbill div.container_billamount span { font-size: 175%; margin-right: 10px; } form.frmlocation .cityid { } form.frmlocation .civicnumber { width: 50px; text-align: center; } form.frmlocation .streetid { } form.frmlocation .appnumber { width: 50px; text-align: center; } form.frmlocation .postalcode { width: 70px; text-align: center; } form.frmlocation .postalcase { width: 70px; text-align: center; } form.frmlocation img.clientlocation { height: 32px; } form.frmlocation img.clientlocation:hover { position: relative; top: 1px; left: 1px; } form.frmtelephone label { display: inline-block; width: 70px; } form.frmtelephone input.telephone { width: 110px; } form.frmtelephone input.extension { width: 110px; } form.frmemail div.field { margin: 10px; } form.frmemail label { display: inline-block; width: 100px; } form.frmemail input { width: 316px; } form.frmemail input.accountname { width: 200px; text-align: right; } form.frmemail select.domainname { font-size: 95%; } form.frmemail input.password { width: 150px; text-align: center; } form.frmemail input.quota { width: 60px; text-align: center; } div#usageProgress { width: 325px; float: right; /*position: relative; */ bottom: 20px; right: 10px; opacity: 0.75; filter:alpha(opacity=75); /*display: none;*/ } div#usageProgress:hover { opacity: 1.0; filter:alpha(opacity=100); /*cursor: wait;*/ } div#usageProgress div.progress { width: 100%; height: 23px; background: #deedf7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div#usageProgress div.progress div.value { cursor: default; background: #40ace4; color: #ccc; text-align: center; height: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 110%; font-weight: bold; width: 0%; z-index: 1000; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } form.frmplan .planenabledreason, form.frmplan .plandisabledreason { display: hidden; float: right; position: relative; top: 10px; } form.frmplan .planenabledreason { } form.frmplan .plandisabledreason { } form.frmplan .resellercode { width: 55px; text-align: center; } form.frmplan label { display: inline-block; width: 130px; margin-top: 10px; } form.frmplan select.equipmentid { font-size: 90%; } .specialprice { display: none; } .speciallabel { display: none; } .specialfrequency { display: none; } .speciallabel input { width: 380px; } .annualprice { margin-left: 20px; } input.specialfrequency { display: inline-block; width: 20px; text-align: center; } .specialquota { display: none; } input.specialquota { display: inline-block; width: 40px; text-align: center; } .specialuplink { display: none; } input.specialuplink { display: inline-block; width: 40px; text-align: center; } .specialdownlink { display: none; } input.specialdownlink { display: inline-block; width: 40px; text-align: center; } fieldset.changeplan div#change_plans { border-right: dotted 1px #ccc; margin-right: 10px; padding-right: 10px; } fieldset.changeplan div.floatleft { float: left; } fieldset.changeplan span.padleft { margin-left: 17px; } fieldset.changeplan select { font-size: 96%; } fieldset.changeplan .price { display: inline-block; width: 98px; text-align: right; } div.jqimessage fieldset label.right { text-align: right; margin-top: unset; border-bottom: none; } fieldset.closeplan fieldset legend { font-weight: bold; } fieldset.closeplan select { font-size: 96%; } fieldset.closeplan span.field { float: left; } fieldset.closeplan span.field label { margin-top: 0px; } div#disabling_plans { overflow-y: auto; padding-bottom: 2px; } div#disabling_plans .datarows { max-height: 165px; overflow-y: auto; } div#disabling_plans div.row_plans { display: table-row; table-layout: fixed; border-spacing: 10px; } div#disabling_plans div.row_plans div.col_plan_checkbox, div#disabling_plans div.row_plans div.col_plan_name, div#disabling_plans div.row_plans div.col_plan_credit, div#disabling_plans div.row_plans div.col_plan_date, div#disabling_plans div.row_plans div.col_plan_type { display: table-cell; } div#disabling_plans div.row_plans div.col_plan_checkbox { width: 20px; text-align: center; vertical-align: middle; line-height: 8px; padding-right: 3px; } div#disabling_plans div.row_plans div.col_plan_name { width: 500px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; display: list-item; line-height: 24px; border-bottom: dotted 1px orange; } div#disabling_plans div.row_plans div.col_plan_name label { display: block; width: unset; margin: 0px; } div#disabling_plans div.row_plans div.col_plan_credit { width: 75px; /*border-bottom: dotted 1px orange;*/ } div#disabling_plans div.row_plans div.col_plan_credit label { width: 60px; text-align: right; margin: 0px; padding: 0px 10px; border: none; } div#disabling_plans div.row_plans div.col_plan_date { width: 120px; } div#disabling_plans div.row_plans div.col_plan_type { width: 200px; } div#disabling_reasons { display: inline-block; float: right; } div#disabling_reasons pre { font-size: 90%; line-height: 14px; } div#disabling_reasons fieldset { padding: 0px 0px 10px 10px; margin-left: 10px; margin-bottom: unset; } div#disabling_reasons div.reasons { } div#disabling_reasons div.reasons div.title { font-weight: bold; line-height: 16px; color: #666; } div#disabling_reasons div.reasons label { display: block; width: unset; border: unset; margin-top: 2px; line-height: 16px; } div#disabling_reasons div.reasons label input { margin-right: 3px; vertical-align: top; } div#disabling_reasons div.reasons label span { display: inline-block; width: 250px; } div#disabling_reasons div.reasons div.level1 { margin-left: 10px; } div#disabling_reasons div.reasons div.level2 { margin-left: 20px; } div#disabling_newprovider { display: inline-block; /*position: absolute; bottom: 75px;*/ } div#disabling_newprovider fieldset { margin-bottom: unset; } div#disabling_newprovider .service { margin-top: 2px; margin-right: 25px; float: left; font-size: 85%; } div#disabling_newprovider .service span.field:last-child { margin-right: unset; } div#disabling_newprovider .service span.field { margin-right: 25px; } div#disabling_newprovider .service label { width: 100px; } div#disabling_newprovider .service input { width: 80px; text-align: center; font-size: 120%; } div#disabling_newprovider .service input[type=checkbox] { width: unset; cursor: pointer; } div#disabling_newprovider textarea { width: 420px; height: 50px; font-size: 100%; } div#disabling_plans table.addresses label { margin-top: 0px; width: unset; } div#disabling_plans table.addresses input.civicnumber { width: 50px; text-align: center; margin: 0px 10px; } div#disabling_plans table.addresses input.appnumber { width: 50px; text-align: center; } div#disabling_plans table.addresses input.postalcode { width: 70px; text-align: center; } div#disabling_plans table.addresses input.postalcase { width: 70px; text-align: center; } input.date { width: 80px; text-align: center; } input.datetime { width: 125px; text-align: center; } input.hasDatepicker:hover { cursor: pointer; } img.ui-datepicker-trigger { height: 24px; vertical-align: middle; margin: 0px 0px 3px 2px; } img.ui-datepicker-trigger:hover { position: relative; top: 1px; left: 1px; cursor: pointer; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: auto; } fieldset.transaction { width: 390px; } form.frmtransaction label { display: inline-block; width: 100px; } form.frmtransaction label.transactiontypename { border: solid 1px black; } input.amount, form.frmtransaction input.amount, form.frmtransaction input.TPS, form.frmtransaction input.TVQ, form.frmtransaction input.TVH, form.frmtransaction input.total { width: 80px; text-align: right; } form.frmtransaction input.description { width: 410px; padding: 4px; } form.frmtransaction input.withtaxes { margin-left: 10px; margin-top: 5px; } form.frmtransaction .amount { margin-top: 10px; } form.frmtransaction label.date { margin-top: 10px; } form.frmtransaction label.description { margin-top: 10px; } div#ui-datepicker-div { z-index: 2000; } form.frmpayment label { display: inline-block; width: 100px; } form.frmpayment span { margin: 5px; } form.frmpayment div.change { display: inline-block; font-size: 110%; width: 83px; text-align: right; } form.frmpayment div.getreceipt { position: absolute; left: 230px; top: 120px; } form.frmpayment input.description { width: 270px; } /* form.frmpayment div.bills { overflow-x: auto; max-height: 400px; padding-right: 20px; padding-bottom: 10px; } */ div.paneladdequipment { position: absolute; left: 144px; } div.paneladdequipment button.addont { position: relative; top: -7px; } button.addont { position: relative; font-size: 90%; padding: 1px 3px; border-radius: 7px; border: dotted 1px #bbb; background: #d7ebf9; color: #2e7ead; margin-left: 5px; } button.addont:hover { box-shadow: 2px 2px 1px #666; cursor: pointer; } table.newONTclients { font-size: 80%; } table.newONTclients tr.tasksToday { font-weight: bold; } table.newONTclients tr:hover { background-color: #eee; cursor: pointer; } table.newONTclients tr td { padding: 1px 5px; flex-wrap: nowrap; } form.frmclientequipment { min-width: 750px; } form.frmclientequipment label { display: inline-block; width: 130px; } form.frmclientequipment span.mac { font-size: 120%; color: #000; margin-right: 2px; } form.frmclientequipment input.macpart { width: 70px; } form.frmclientequipment input.mac { width: 140px; } form.frmclientequipment select.parentid { font-size: 90%; } form.frmclientequipment select.clientplanid { font-size: 90%; } form.frmclientequipment select.vlan {} form.frmclientequipment select.vlan { font-size: 90%; } form.frmclientequipment select.vlan option, form.frmclientequipment select.vlan option[vlan="ok"] { background-color: #fff; color: #000; } form.frmclientequipment select.vlan option[vlan="full"], form.frmclientequipment select.full { background-color: #f00; color: #fff; } form.frmclientequipment span.cacti_host { display: none; } form.frmclientequipment span.cacti_host span { width: 12px; height: 12px; display: inline-block; margin-right: 3px; position: relative; top: 2px; } form.frmclientequipment span.cacti_host span.status_empty { background: transparent url(/img/status.png) 0 0 no-repeat; } form.frmclientequipment span.cacti_host span.status_yes { background: transparent url(/img/status.png) -12px 0 no-repeat; } form.frmclientequipment span.cacti_host span.status_no { background: transparent url(/img/status.png) -24px 0 no-repeat; } form.frmclientequipment span.cacti_host a.cacti_createhost { display: none; } form.frmclientequipment img.refresh_status { position: relative; top: 5px; } form.frmclientequipment img.refresh_status:hover { top: 6px; left: 1px; cursor: pointer; } input.oricomclientid { width: 60px; font-size: 150%; text-align: center; } img#oricomStatus { width: 16px; cursor: pointer; } img#oricomStatus:hover { position: relative; top: 1px; left: 1px; } div.apinfo { position: absolute; top: 36px; right: 20px; padding: 5px; border: solid 2px #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.apinfo label { width: 60px; text-align: right; } div.apinfo input { width: 90px; text-align: center; } div.apinfo input.btnpush { width: auto; } div.apinfoubnt { position: absolute; top: 50px; right: 30px; border: solid 2px #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.apinfoubnt label { width: 60px; text-align: right; } div.apinfoubnt input { width: 175px; text-align: center; } div.apinfoubnt input.btnpush { width: auto; } div.apinfoubnt input.btnconfig { width: auto; } div.apinfoepmp { position: absolute; top: 50px; right: 30px; border: solid 2px #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.apinfoepmp label { width: 60px; text-align: right; } div.apinfoepmp input { width: 175px; text-align: center; } div.apinfoepmp input.btnpush { width: auto; } div.apinfoepmp input.btnconfig { width: auto; } div.apinfoepmp select { font-size: 80%; } /* select.ddtelephonie { font-size: 80%; } */ div#resultsESN { display: none; padding: 10px; background: #ccc; border: solid 2px #666; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } div#resultsESN ul li { line-height: 20px; } div#resultsESN ul li.disabled { text-decoration: line-through; } div#resultsDHCP { display: none; } div.dhcpresult div.date { float: right; } div.dhcpresult div.ipaddress { float: left; margin: 5px 0px; } div.dhcpresult div.macaddress { float: left; } div.dhcpresult div.vlan { float: right; } div.dhcpresult div.ago { float: right; } div.dhcpresult div.name { text-align: center; margin: 5px 0px; font-weight: bold; } div.dhcpresult div.lastlines { font-size: 65%; margin-top: 10px; } div.smartrginfo { width: 100%; } div.smartrginfo table { width: 100%; } div.smartrginfo table tr.disabled { opacity: 0.5; filter:alpha(opacity=50); } div.smartrginfo table td { vertical-align: top; } div.smartrginfo fieldset { padding: 3px; border: solid 1px #666; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.smartrginfo fieldset legend { color: #666; } div.smartrginfo fieldset div.hosts { max-height: 200px; overflow: auto; } div.smartrginfo textarea { width: 99%; height: 30px; font-size: 75%; margin-top: 10px; } div.smartrginfo div.hosts table td { vertical-align: middle; } div.smartrginfo div.hosts table td.icon { text-align: center; vertical-align: middle; } div.smartrginfo div.hosts table td.icon img { max-height: 20px; } div.smartrginfo button.informButton { position: absolute; top: 30px; right: 15px; font-size: 65%; cursor: pointer; } div.smartrginfo button.adminButton { position: absolute; top: 20px; right: 65px; font-size: 65%; cursor: pointer; } div.smartrginfo input.lamac { text-align: center; font-size: 150%; position: absolute; top: 72px; right: 15px; font-size: 100%; width: 120px; padding: 3px; } form.frmequipment div.equipment { float: left; margin-right: 10px; min-width: 400px; } form.frmequipment div.equipment div.buttons { margin-bottom: 20px;} form.frmequipment div.equipment div.equipmentlastcheckdate { position: absolute; left: 200px; margin-top: -5px; color: #666; font-size: 90%; font-style: italic; text-align: right; width: 345px; } form.frmequipment fieldset.equipment { margin: 5px 10px 5px; float: left; } form.frmequipment div.purchased { margin-bottom: 15px; font-size: 80%; color: #666; font-style: italic; text-align: center; } form.frmequipment fieldset.snmp { float: left; margin-right: 10px; display: none; } form.frmequipment fieldset.snmp legend span img.snmp { position: relative; top: 3px; cursor: pointer; } form.frmequipment fieldset.snmp legend span img.snmp:hover { position: relative; top: 4px; left: 1px; } form.frmequipment fieldset.snmp legend span img.snmp:active { position: relative; top: 5px; left: 1px; } form.frmequipment fieldset.snmp div.info { overflow-x: auto; max-height: 400px; padding: 7px; } form.frmequipment fieldset.snmp div.info img.loading { margin: 50px; text-align: center; } form.frmequipment fieldset.snmp div.info pre { padding: 10px; font-size: 110%; } form.frmequipment fieldset.snmp div.timeout { text-align: center; padding: 20px; } form.frmequipment fieldset.location { float: left; /* width: 300px; */ } form.frmequipment fieldset.location legend { cursor: pointer; white-space: nowrap; } form.frmequipment fieldset.location div.locationname { text-align: center; font-size: 90%; color: #666; } form.frmequipment fieldset.location div.locationchanger { display: none; text-align: center; } form.frmequipment fieldset.location div.locationchanger input { width: 80%; } form.frmequipment fieldset.location div.btnmapreset { display: none; } form.frmequipment label { display: inline-block; width: 140px; padding: 5px; vertical-align: top; } form.frmequipment label.changed { color: #f00; font-weight: bold; } form.frmequipment select { font-size: 90%; } form.frmequipment span.mac { color: #000; margin-right: 2px; } form.frmequipment input.macpart { width: 70px; } form.frmequipment input.mac { width: 110px; } form.frmequipment input.name { width: 200px; } form.frmequipment input.height { width: 50px; } form.frmequipment input.licencekey { width: 220px; } form.frmequipment input.fields { width: 287px; font-size: 90%; } form.frmequipment table.dump { margin: 10px; font-size: 90%; } form.frmequipment table.dump th { padding-right: 10px; } form.frmequipment table.dump tr:nth-child(odd) { background-color:#eee; } form.frmequipment table.dump tr:nth-child(even) { background-color:#fff; } form.frmequipment div.action { float: right; display: none; cursor: pointer; } form.frmequipment div.action img { width: 48px; } form.frmequipment div.action img:hover { position: relative; top: 1px; left: 1px; } form.frmequipment div.newequipments { padding: 5px; } form.frmequipment div.newequipments label { padding: 0px; } form.frmequipment div.panelNewPurchase { margin-left: 25px; } form.frmequipment div.panelPurchases { display: none; } form.frmequipment textarea.equipments { width: 430px; height: 200px; font-size: 80%; } form.frmequipment span.equipments_message { font-size: 80%; } form.frmlocation label { vertical-align: top; } form.frmlocation table.location_address { margin-left: 120px; } form.frmlocation table.location_address label { margin-bottom: 0px; } form.frmlocation table.nopad label { margin-bottom: 0px; } form.frmlocation input.small { width: 50px; text-align: center; } form.frmlocation textarea.note { width: 600px; height: 80px; } form.frmcity label { display: inline-block; width: 150px; } form.frmcity input.cityname { width: 200px; } form.frmcity input.province, form.frmcity input.defaultpostalcode { width: 80px; } form.frmcity input.cityshort, form.frmcity input.population, form.frmcity input.dwelling, form.frmcity input.shawclients { width: 50px; } form.frmstreet label { display: inline-block; width: 70px; } form.frmnote label { width: 110px; } form.frmnote textarea.note { width: 800px; height: 300px; font-family: Verdana; line-height: 20px; font-size: 1.2em; } form.frmcontact label { width: 110px; } form.frmcontact textarea.contactnote { width: 400px; height: 50px; font-family: Verdana; line-height: 20px; font-size: 1.2em; } form.frmcheck { } form.frmcheck div.bloc { margin-right: 10px; float: left; } form.frmcheck div#blocmonth { display: none; } form.frmcheck div.add_series { margin: 10px 0px; } form.frmcheck input { } form.frmcheck input.amount { width: 60px; } form.frmcheck input.month { width: 20px; display: block; position: relative; left: 30px; } form.frmcheck input#btnadd_check { float: right; position: relative; top: 27px; padding: 1px; margin: 0px; } form.frmcheck input#btnadd_check:hover { background: #ccc; cursor: pointer; } form.frmcheck fieldset.class { border: solid 0px #fff; } form.frmclienttask { width: 800px; } form.frmclienttask label { display: inline-block; width: 120px; } form.frmclienttask div.bloc { display: inline-block; vertical-align: top; } form.frmclienttask input.taskname { width: 99%; } form.frmclienttask select { max-width: 350px; font-size: 90%; } form.frmclienttask textarea.tasktext { width: 99%; height: 120px; } form.frmclienttask textarea.address { width: 100%; height: 45px; font-size: 85%; line-height: 10px; margin-top: 5px; } form.frmclienttask input.timetaken { width: 40px; text-align: center; } /* form.frmclienttask textarea.address br { line-height: 12px; } */ .task_clientpresence_panel { display: none; } form.frmtask div.properties label { width: 130px; } form.frmclienttask div.properties label { width: 130px; } form.frmtask input.taskname { width: 500px; } form.frmtask textarea.tasktext { width: 500px; height: 200px; } form.frmtask fieldset.fsclientinfo { float: right; } form.frmtask label { width: 130px; } form.frmtask input.timetaken { width: 40px; text-align: center; } .fsclientinfo { font-size: 110%; } .fsclientinfo .right { margin-right: 10px; float: right; text-align: right } .fsclientinfo .clientcode { font-weight: bold; } .fsclientinfo .phone { margin-top: 10px; margin-bottom: 10px; } .fsclientinfo .email { } .fsclientinfo .fullname { margin-left: 10px; } .fsclientinfo .address { margin-left: 10px; } .tc_map { margin: 10px; } form.frmlocation fieldset.fsmap { position: absolute; right: 0px; } form.frmlocation label { display: inline-block; width: 120px; margin-bottom: 10px; } form.frmlocation input.locationname { width: 300px; } form.frmclientdocument { /* width: 650px; */ } form.frmclientdocument label { display: inline-block; width: 120px; } form.frmclientdocument input.title { width: 500px; } form.frmclientdocument input.filename { width: 300px; } form.frmclientdocument div.filewrapper { display: inline-block; } form.frmclientdocument input.btnjoinfile { } form.frmclientdocument div.filestatus { font-weight: bold; } form.frmclientdocument div.download { display: inline-block; } span#btnadd_client { margin-left: 50px; } span.btnadd_rue { background-image: url(images/ui-icons_72a7cf_256x240.png); background-position: -16px -128px; background-repeat: no-repeat; overflow: hidden; height: 16px; width: 16px; cursor: pointer; display: inline-block; } div.sep { clear: both; } fieldset.fsclientbase, fieldset.fsclientaddress, fieldset.fsclienttelephones, fieldset.fsclientplans, fieldset.fsclienttransactions, fieldset.fsclientnotes, fieldset.fsclientbills, fieldset.fsclientoverquotas { vertical-align: top; } fieldset.fsclientbase { width: 875px; } fieldset.fsclientbase img.moi, fieldset img.moi { height: 24px; position: relative; top: 8px; cursor: pointer; } fieldset.fsclientinfo { float: right; } div.isnew { float: left; clear: both; border: dotted 2px #000; padding: 10px; margin-bottom: 10px; line-height: 16px; font-size: 13px; vertical-align: middle; text-align: left; display: none; } /* Forms */ form.frmtransaction label { display: inline-block; width: 100px; } label.labelfor { display: inline; } /* Lightbox */ #lightbox { margin: 0 auto; cursor: pointer; display:none; background: #000; opacity:0.9; filter:alpha(opacity=90); display: none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:1000; } div.wrapper { margin: 0 auto; width: 100%; text-align: center; display: inline-block; } #lightbox-panel { display:none; position:fixed; z-index:1001; top:200px; position: relative; background: #FFF; padding: 5px; border:2px solid #CCCCCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: visible; } #lightbox-panel div.container { overflow: auto; } div#backoff{ border: solid 3px #000; display: inline-block; padding: 2px; } div#backoff div { margin-top: 3px; font-family: Verdana, Courier; font-size: 10px; font-weight: bold; background: #eee; } /* Notify Bar */ .notifybar { font-family: Verdana, Helvetica, Arial, Courier; background-color: #FEFEA8; width: 98%; position: fixed; top: 0px; left: 1%; z-index: 32768; font-size: 18px; line-height: 20px; color: #000; text-align: center; padding: 10px 0px; border-bottom: 2px solid #aaa; border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px; opacity: 0.9; filter: alpha(opacity = 90); } .notifybarclose { float: left; height: 10px; margin-top: 30px; margin-left: 5px; } .notifybarclose:hover { cursor: pointer; position: relative; top: 1px; left: 1px; } /* */ /* Autocomplete */ ul.ui-autocomplete { max-height: 300px; overflow-y: auto; overflow-x: hidden; box-shadow: 2px 2px 4px #666; } ul.ui-autocomplete li.ui-menu-item { font-size: 0.7em; white-space: nowrap; margin-right: 15px; cursor: pointer; } ul.ui-autocomplete li.ui-menu-item:hover { box-shadow: 2px 2px 4px #666; } ul.ui-autocomplete li.ui-menu-item b { font-size: 1.1em; } ul.ui-autocomplete li.ui-menu-item i { font-size: 80%; color: #aaa; } ul.ui-autocomplete .ui-menu .ui-widget .ui-widget-content .ui-corner-all .ui-autocomplete-disabled .ui-state-disabled { opacity: 1.0; } /* Progressbar */ div.progressbar { position: fixed; left: 35%; width: 300px; opacity: 0.8; padding: 0px 2px 0px 0px; margin: 0px; border-color: #ccc #231266 #231266 #ccc; border-style: solid; border-width: 2px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; z-index: 200; } div.progressvalue { display: block; background: #63BAF0; border: solid 1px #fff; width: 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; font-weight: bold; z-index: 201; } div.progressvalue span.title { margin: 0px; padding: 0px; padding-right: 10px; font-size: 100%; } div.progressvalue span.percentage { margin: 0px; padding: 0px; font-size: 120%; } /* First Bill */ .firstbill { width: 650px; } .firstbill div.bloc { float: left; margin-right: 15px; } .frmfirstbill input.frequency { width: 20px; text-align: center; margin-left: 15px; } .frmfirstbill div.space { height: 10px; } .frmfirstbill div.checkbox { float: left; margin-left: 15px; width: 80px; } .frmfirstbill span#price_installation { display: none; } .frmfirstbill input.installation_amount { width: 55px; text-align: right; margin-left: 15px; } .frmfirstbill div.plans { margin-top: 5px; } .frmfirstbill div.plans input.addplan { display: inline-block; } .frmfirstbill div.plans div.btndel { cursor: pointer; display: inline-block; position: relative; top: 5px; left: 3px; } .frmfirstbill div.plans div.btndel { position: relative; top: 6px; left: 4px; } .frmfirstbill div.plans div.btnreset { cursor: pointer; display: inline-block; position: relative; top: 5px; left: -3px; } .frmfirstbill div.plans div.btnreset:hover { position: relative; top: 6px; left: -2px; } .frmfirstbill div.plans select.firstbillplantypeid { font-size: 97%; } .frmfirstbill div#combos { display: inline-block; } .frmfirstbill span.combo { display: inline-block; text-align: center; vertical-align: middle; line-height: 12px; border: solid 1px #aaa; padding: 1px 3px 1px 3px; margin-left: 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 3px 3px 2px #eef; } .frmfirstbill span.combo:hover { background: #eef; cursor: pointer; border: solid 1px #aaa; box-shadow: 1px 1px 1px #eef; position: relative; left: 1px; top: 1px; } .frmfirstbill div.btnadd { margin-right: 15px; } .frmfirstbill div.blocCheckboxes { margin-top: 10px; } .frmfirstbill div.blocPlan { margin-top: 5px; } .frmfirstbill div.print { margin-top: 10px; } .firstbillsim { margin-top: 20px; } .firstbillsim table { width: 100%; border: solid 1px #ccc; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .firstbillsim table td.amount { text-align: right; width: 20% } .firstbillsim table td.total { font-weight: bold; width: 80%; } #payment_details { display: none; } .frmfirstbill #panel_router_3months { display: none; } /* Contracts */ .contract { width: 650px; } .contract div.bloc { float: left; margin-right: 15px; } .contract div.bloc div.list { max-height: 150px; overflow-y: auto; } .contract div.bloc div.list .item { line-height: 20px; } .contract div.bloc div.list select { padding: 1px; } .contract div.bloclist { margin-bottom: 10px; } .contract div.blocPlan { width: 101%; } .contract div.blocFee { } .contract div.blocPromotion { } .contract input.email { width: 300px; font-size: 90%; } fieldset.contract { display: inline-block; width: 550px; } fieldset.contractsim { display: inline-block; width: 550px; float: right; font-size: 90%; margin-left: 5px; } form.frmcontract div.contractsim { max-height: 710px; overflow-y: auto; } form.frmcontract { /*width: 1090px*/ } form.frmcontract div#combos { margin-top: 10px; /*position: absolute; top: 0px; right: 600px;*/ } form.frmcontract select { font-size: 80%; } form.frmcontract select.locationid { width: 200px; } form.frmcontract select.contractplanlocationid { width: 200px; } form.frmcontract select.contractplantypeid { width: 300px; } form.frmcontract input.trans { font-size: 115%; width: 80px; text-align: right; margin-left: 5px; padding: 1px; } form.frmcontract hr { margin-top: 10px; } .contract div.list input.addplan { display: inline-block; } .contract div.list div.btndel { cursor: pointer; display: inline-grid; position: relative; top: 6px; left: 4px; } .contract div.list div.btndel:hover { position: relative; top: 6px; left: 4px; } .contract div.list div.btnreset { cursor: pointer; display: inline-grid; position: relative; top: 5px; left: -3px; } .contract div.list div.btnreset:hover { position: relative; top: 6px; left: -2px; } .contract div#combos { display: inline-block; } .contract span.combo { display: inline-block; text-align: center; vertical-align: middle; line-height: 12px; border: solid 1px #aaa; padding: 1px 3px 1px 3px; margin-left: 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 3px 3px 2px #eef; } .contract span.combo:hover { background: #eef; cursor: pointer; border: solid 1px #aaa; box-shadow: 1px 1px 1px #eef; position: relative; left: 1px; top: 1px; } .contractsim table { width: 100%; line-height: 14px; } .contractsim table td.desc { width: 80%; white-space: nowrap; text-overflow: ellipsis; } .contractsim table td.amount { width: 20%; text-align: right; } .contractsim table td.amount label { font-size: 100%; } .contractsim table td.total { font-weight: bold; width: 80%; } .contractsim table#sim_bill_fees { padding: 15px 0px; } .contractsim tbody#sim_subtotal { font-size: 110%; line-height: 12px; } .contractsim label#label_subtotal { font-size: 150%; padding: 20px 0px; } .contractsim tr#sim_subtotal { margin: 10px 0px; padding: 10px 0px; } .passwordgenerator img { height: 16px; } .passwordgenerator img:hover { position: relative; top: 1px; left: 1px; cursor: pointer; } /* Session End */ div#lastsessionend { background: #fff; color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; display: inline-block; text-align: center; float: right; } .transactionid { width: 60px; text-align: center; } table.session_simulation { width: 100%; } table.session_simulation .details { text-align: center; } table.session_simulation .details img { height: 16px; } table.session_simulation tr .count { text-align: center; } table.session_simulation tr .type { text-align: center; } table.session_simulation tr .amount { text-align: right; } table.session_simulation tr:nth-child(odd) { background-color: #ccc; } table.session_simulation tr:nth-child(even) { background-color: #fff; } /* Billing */ div.jqimessage div#newbillingsimulation fieldset { display: inline-block; padding: 3px; margin-right: 10px; } div.jqimessage div#newbillingsimulation fieldset legend { font-weight: bold; padding: 0px 5px; } div.jqimessage div#newbillingsimulation fieldset table .right { text-align: right; padding-right: 5px; } .billingnote { width: 700px; height: 150px; } div#lists .ui-jqgrid { margin: 20px 0px 0px 0px; } div#lastbilling { background: #fff; color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; display: inline-block; text-align: center; float: right; } div#newbilling { background: #fff; color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; display: inline-block; text-align: center; } div#statusProgress { position: fixed; bottom: 20px; right: 10px; opacity: 0.75; filter:alpha(opacity=75); display: none; } div#statusProgress:hover { opacity: 1.0; filter:alpha(opacity=100); cursor: wait; } div#statusProgress div.progress { width: 100%; height: 15px; background: #deedf7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div#statusProgress div.progress div.value { background: #40ace4; color: #ccc; text-align: center; height: 100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 75%; font-weight: bold; width: 0%; z-index: 1000; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } iframe.progress { width: 1000px; height: 1000px; border: solid 0px #fff; } iframe.upload { width: 300px; height: 30px; border: solid 0px #fff; } /* iframe.upload { width: 700px; height: 1300px; border: solid 1px #fff; } */ table.DirectDeposit { min-width: 500px; } table.DirectDeposit td { } table.DirectDeposit th.header { text-align: center; padding-bottom: 10px; padding-left: 20px; font-size: 120%; } table.DirectDeposit .status { text-align: center; width: 20px; } table.DirectDeposit .status img { height: 12px; } table.DirectDeposit .clientcode { width: 50px; } table.DirectDeposit .amount { width: 80px; text-align: right; } table.DirectDeposit .name { white-space: nowrap; padding-left: 20px; } div#DirectDepositList { overflow-y: auto; overflow-x: hidden; height: 400px; } div#progressbilling { display: none; top: 80px; } /* Direct Deposit */ div#lastdirectdeposit { background: #fff; color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; display: inline-block; text-align: center; float: right; } /* AS2 LSR */ form.frmas2lsr label { width: 150px; } form.frmas2lsr table.address label { width: auto; } label.address { margin-top: 10px; } label.numbers { margin-top: 10px; } div.topright { float: right; } div.topright label { width: 50px; } input.PurchaseOrderNumber { width: 120px; text-align: center; } input.DesiredDueDate { width: 60px; text-align: center; } input.Version { width: 30px; text-align: center; } select.SupplementalOrderNumber { font-size: 85%; } input.EndUserName { width: 300px; } input.ServiceAddressHousePrefix, input.ServiceAddressHouseNumberSuffix { width: 15px; border: dotted 1px #fff; } input.ServiceAddressHouseNumber { width: 30px; } input.ServiceAddressStreetName { width: 250px; } input.EndUserCity { width: 250px; } input.EndUserPostalCodeZIPCode { width: 87px; text-align: center; } div.numbers { margin-left: 10px; } div.numbers input.number { /* display: block; */ width: 100px; text-align: center; } div.numbers select.lna { font-size: 85%; } div.numbers input.addnumber { display: inline-block; } div.numbers div.btndel { cursor: pointer; display: inline-block; position: relative; top: 5px; left: 3px; } input.ResellerName { width: 300px; } input.LsrRemarks { width: 520px; } /* AS2 BLIF */ form.frmas2blif label { width: 150px; } form.frmas2blif div.topright label { width: 50px; } form.frmas2blif table.address label { width: auto; } form.frmas2blif select { font-size: 85%; } form.frmas2blif input.UniqueListingIdentifier { width: 100px; } form.frmas2blif input.DateCreated { width: 100px; } form.frmas2blif input.SortWord { width: 200px; } form.frmas2blif input.SubsequentWord { width: 300px; } form.frmas2blif input.Designation { width: 200px; } form.frmas2blif input.PlacementWord { width: 300px; } form.frmas2blif input.CivicNumber { width: 40px; } form.frmas2blif input.LocationInformation { width: 30px; } form.frmas2blif input.StreetAddress { width: 420px; } form.frmas2blif input.CommunityName { width: 250px; } form.frmas2blif input.PostalCode { width: 87px; text-align: center; } form.frmas2blif input.ExchangeAbbreviation { width: 87px; text-align: center; } form.frmas2blif input.SubListText { width: 500px; } .iconlist { list-style: none; margin: 0; padding: 0; } li.pdf { background-image: url(bullet_pdf.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0; } li.doc { background-image: url(bullet_doc.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0; } li.text { background-image: url(bullet_text.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0; } li.htm { background-image: url(bullet_htm.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 20px; margin: .4em 0; } form.frmclientequipment div.smartrginfo { } form.frmclientequipment div.smartrginfo select { font-size: 80%; } form.frmclientequipment div.smartrginfo fieldset { padding: 0px 10px; vertical-align: top; } form.frmclientequipment div.smartrginfo fieldset fieldset { display: inline-block; padding: 5px 10px; border: solid 1px #ccc; } form.frmclientequipment div.smartrginfo input.ssid { width: 120px; } form.frmclientequipment div.smartrginfo input.password { width: 95px; } form.frmclientequipment div.smartrginfo label.radio { width: 60px; } div.conso { font-size: 90%; } div.conso table { width: 95%; margin: 10px; } div.conso table th:first-child { border-radius: 10px 0px 0px 0px; } div.conso table th:last-child { border-radius: 0px 10px 0px 0px; } div.conso table th { font-size: 95%; padding: 3px; } div.conso table td { text-align: right; padding: 2px; } div.conso table tr:nth-child(odd) { background-color:#ddd; } div.conso table tr:nth-child(even) { background-color:#fff; } span.places_suggest_bar { position: absolute; display: none; } /* loading.io */ .lds-ring { display: inline-block; position: relative; width: 32px; height: 32px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 25px; height: 25px; margin: 6px; border: 6px solid #00395d; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #00395d transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Blinker */ @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .blingbling { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; }