body { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 8px; /* font: bold smaller sans-serif; */ color: #000000; background-color: #FFFFFF; /* background: white right bottom url("../images/logo/kolmisoft.jpg");*/ background-repeat: no-repeat; background-attachment: fixed; margin: 0; padding: 0; } /* TEXT ------------------------------------*/ .bold_green { color: #00CC00; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; /* margin-left: 1px; */ font-weight: bold; } .bold_red { color: #E81818; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; /* margin-left: 1px; */ font-weight: bold; } /* TABLES ----------------------------------------------- */ .simple { font-size: 10px; color: #5F5F5F; } table.settings { width: 500px; margin-bottom: 20px; } .simple a { color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin-left: 3px; /* font-weight: bold; */ } .simple a:hover { color: #FFFFFF; background-color: #AA0000; text-decoration: none; } .simple a img { border: 0px solid; } .top_border { border-top: 1px black solid; padding: 4px; font-size: 10px; } .bottom_border { border-bottom: 1px black solid; padding: 4px; font-size: 10px; } .page_title { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; /* border-collapse: collapse;*/ /* background-color: #646464; */ background: white url("../images/design/background3.jpg"); color: #FFFFFF; font-size: 16px; font-weight: bold; } .page_title2 { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; border-collapse: collapse; background-color: #646464; background: white url("../images/design/background6.jpg"); color: #000000; font-size: 16px; /* border: 0px; */ /* margin-bottom: 1em; */ /* font-weight: bold; */ } .error_table { border: 0px; background-color: #FF0000; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; } .error_table a { font-size: 11px; font-weight: bold; } .maintable, .infotable { border-collapse: collapse; } .maintable tr:hover { background-color: #eef; } tr.row1 { background-color: #F7F7F7; } tr.row2 { background-color: #FFFFFF; } tr.red { background-color: #FF2929; } tr.red:hover { background-color: #FF5959; } tr.yellow { background-color: #FDFEA4; } .bordered { border: 1px solid #D4D0C8; } .maintable td.n_disabled { color: #BBBBBB; } .maintable td.border_disabled, tr.border_disabled { border: 0px solid #D4D0C8; } .devider { border: 1px solid #D4D0C8; height: 5px; background-color: #D4D0C8; /*background-color: red;*/ } tr.sel { background-color: #FF0000; } .maintable th, .maintable td { border: 1px solid #D4D0C8; } .maintable table th, .maintable table td { border: none !important; } .maintable table { margin-top: -10px; } .maintable th { /* text-align: left; */ background: white url("../images/design/background6.jpg"); /* background-color: #EBEADB; */ color: #000000; font-size: 10px; } .maintable th.catname { font-size: large; padding-top: 1em; background-color: #fff; border: 0; } .maintable td { font-family: Verdana, Arial, Helvetica, sans-serif; color: #343434; font-size: 10px; } .maintable tr.center td { text-align: center; } .maintable td.red { color: #FF0000; font-weight: bold; font-size: 11px; } .maintable td.black { color: #000000; font-size: 11px; } .nb { font-size: 11px; font-weight: normal; } #cc_progress_bar { font-size: 12px; font-weight: bold; } .maintable img.ir { float: right; margin: .3em .2em 0 0; } .maintable .r, .maintable .g, .maintable .b { text-align: right; } .maintable a, .infotable a, #navbar a, #status a { font-size: 10px; text-decoration: none; } .maintable a:hover, .infotable a:hover, #navbar a:hover, #status a:hover { text-decoration: none; } .infotable th, .infotable td { border: 1px solid #ccc; } .infotable th { text-align: left; background-color: #eee; } .infotable img { vertical-align: middle; } td.n_disabled { color: #BBBBBB; } td.red { background-color: #FF2929; } /* LINKS ------------------------------------*/ a { color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; /* margin-left: 1px; */ /* font-weight: bold; */ } a:hover { color: #FFFFFF; background-color: #AA0000; text-decoration: none; } a img { border: 0px solid; } a#company_logo:hover { text-decoration: none; background-color: transparent; } /* PAGE ELEMENTS ----------------------------------------------*/ .input { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF; border: solid 1px #d0d0d0; } input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } /* NOTICE ------------------------------------------------------*/ #notice { /* border: 2px solid red;*/ padding: 0.7em; margin-bottom: 1em; background-color: #D62131; background: white url("../images/design/background4.jpg"); font: bold smaller sans-serif; font-size: 13px; color: #FFFFFF; } .notice { /* border: 2px solid red;*/ padding: 0.7em; margin-bottom: 1em; background-color: #D62131; background: white url("../images/design/background4.jpg"); font: bold smaller sans-serif; font-size: 13px; color: #FFFFFF; } #notice_info_link { font: bold smaller sans-serif; font-size: 13px; color: #FFFFFF; } /* ERROR ------------------------------------------------------*/ #error { /* border: 2px solid red;*/ padding: 0.7em; margin-bottom: 1em; background-color: #D62131; background: white url("../images/design/background4.jpg"); font: bold smaller sans-serif; font-size: 13px; color: #FFFFFF; } /* STATUS ------------------------------------------------------*/ #status { /* border: 2px solid red;*/ padding: 0.7em; margin-bottom: 1em; background-color: #D62131; background: white url("../images/design/background7.jpg"); font: bold smaller sans-serif; font-size: 13px; color: #FFFFFF; } /* NEW SKIN -----------------------------------------------------*/ #ddnav { background-color: #312e2e; height: 30px; } #topbck { background-color: #fff; background-image: url(../images/design/topbck.gif); background-repeat: repeat-x; height: 24px; } #footerbck { background-image: url(../images/design/footerbck.gif); background-repeat: repeat-x; clear: both; height: 21px; margin: 0; padding: 0; } #footerbox { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #fff; background-color: #312e2e; height: 30px; line-height: 30px !important; font-size: 9px; position: relative; } .left-element { position: absolute; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #fff; background-color: #312e2e; height: 30px; line-height: 30px !important; font-size: 9px; left: 0; width: 50%; } .right-element { position: absolute; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #fff; background-color: #312e2e; height: 30px; line-height: 30px !important; font-size: 9px; right: 10px; width: 30%; margin: 0px; text-align: right; /* depends on element width */ } #footerbox a:hover { text-decoration: none; color: #fff; border: none; background-color: #312e2e; } #footerbox a:link { text-decoration: none; color: #fff; border: none; } #footerbox a:active, #footerbox a:visited { text-decoration: none; color: #aaa; border: none; } #footerbox img { vertical-align: middle; } .page_title_new { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 0.3em; } .left_menu { border: 1px solid #dadada; background: #fff url(../images/design/box.gif) repeat-x left top; margin: 0 0 10px; padding: 10px; } .main_window { border: 1px solid #dadada; background: #fff url(../images/design/box.gif) repeat-x left top; margin: 0 0 10px; padding: 10px; } /* Additions */ .bold_green_big { color: #00CC00; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .bold_red_big { color: #E81818; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .error_border { border: solid 1px Red; } .correct_border { border: solid 1px #d0d0d0; } #screen { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 98; display: none; background: url(../images/design/blank.png); } #ajaxLoader { display: none; } /*canvas { border: 1px solid black; }*/ .table_for_callc { font-size: 11px; font-weight: normal; border: 1px solid #dadada; background: #fff url(../images/design/box.gif) repeat-x left top; margin: 0 0 2px; padding: 10px; } .callc_task { border: 2px solid #00FF00; font-size: 10px; color: #000000; /* text-align: left; */ background: white url("../images/design/background6.jpg"); /* background-color: #EBEADB; */ } .help_link { right: 8px; opacity: 0.7; position: fixed; bottom: 50px; } .help_link A:hover { background-color: transparent; text-decoration: none; } #settings { padding: 10px; } div.accordion { position: relative; width: 700px; margin: 0 auto 0 auto; } div.accordion table { width: 100%; margin: 10px; } div.accordion td.name { width: 50%; } div.accordion div.error { background-color: #e1636f; } div.accordion td.error { color: red; } div.accordion-toggle { position: relative; z-index: 10; background-color: #bebaba; color: #FFF; cursor: pointer; border-top: 1px solid #736d6d; padding: 9px 14px 6px 14px; height: 30px; font-weight: bold; font-size: 12px; line-height: 30px; clear: both; } div.accordion-toggle img { width: 100px; height: 25px; float: left; margin-right: 10px; } div.accordion-toggle:hover, div.accordion-toggle-active { background-color: #999393; border-top: 1px solid #736d6d; } div.accordion-content { overflow: hidden; background: #FFF url("../images/design/box.gif") repeat-x scroll left top; padding: 0px; border-right: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; color: #777777; } ul { list-style-type: none; } /* cc_group/show */ div.actions { margin-left: 10px; color: #5F5F5F; } div.actions h3 { padding: 0; margin: 0; font-size: 11px; } div.actions ul { padding-left: 0; } div.actions li { font-size: 11px; margin: 3px 0 3px 0; } /* ul.iwantto_help { list-style-image: url(../images/icons/bullet_black.png); } */ /* monitorings ----------------------------------------------- */ .monitoring { font-size: 11px; font-weight: normal; border: 1px solid #dadada; border-left: none; background: #fff url(../images/design/box.gif) repeat-x left top; margin: 0 0 2px; } .monitoring td, .monitoring th { padding: 5px; border-left: 1px solid #dadada; } .monitoring thead th { border-bottom: 1px solid #dadada; background: transparent url('../images/icons/information.png') no-repeat 5px center; height: 30px; text-indent: 25px; } .heading-center th { text-align: center; } .monitoring thead th.last { background-image: none !important; } .monitoring .center { text-align: center; } .monitoring .p{ background: transparent url('../images/icons/information.png') no-repeat 5px center; height: 14px; text-indent: 25px; font-weight: bold; } .monitoring .top-bordered { border-top: 1px solid #dadada; } .monitoring input { margin: 8px; } .monitoring li { margin: 3px; list-style-type: disc; } #explanation { background: transparent url('../images/icons/information.png') no-repeat left top; text-indent: 25px; line-height: 18px; font-size: 13px; } .form_background { font-family: Verdana, Arial, Helvetica, sans-serif; color: #343434; font-size: 10px; border: 1px solid #D4D0C8; background-color: #F7F7F7; padding: 10px; } .indented_form_row { text-indent: 15px; } td.small_cell { width: 5%; white-space: nowrap; } .tree_menu { padding-bottom: 12px; } .callback_div { border: 1px solid #D4D0C8; width: 50%; background-color: #F7F7F7; padding: 25px 30px 0px 30px; font-size: 14px; } .callback_div_name { margin-top: -33px; background: url('../images/design/callback_txtbgd.png') repeat-x scroll left top; display: block; float: left; padding-right: 10px; } .callback_div_number { margin: -33px 0px 0px -20px; width: 15px; background: url('../images/design/callback_txtbgd.png') repeat-x scroll left top; display: block; float: left; padding-left: 5px; } .callback_p { padding: 0px 0px 30px 0px; font-size: 14px; } .callback_text { font-size: 11px; color: #5F5F5F; } .callback_arrow { background: #fff url('../images/icons/arrow_down2.png') no-repeat right top; width: 100px; height: 48px; padding-left: 23%; } .callback_did_1 { border: 1px solid #D4D0C8; width: 40%; background-color: #F7F7F7; } .callback_did_0 { border: 1px solid #D4D0C8; width: 40%; background-color: #E81818; } .ringgroup_class { padding: 2px 2px 2px 2px; font-size: 12px; width: 410px; margin-top: 1px; margin-bottom: 1px; padding: 2px 2px 2px 2px; } .ringgroup_items { border: 1px solid #D4D0C8; background-color: #F7F7F7; width: 410px; padding: 2px 2px 2px 2px; margin-top: 0px; margin-bottom: 0px; font-size: 12px; } .ringgroup_items2 { border: 1px solid #D4D0C8; background-color: #F7F7F7; padding: 2px 2px 2px 2px; font-size: 12px; margin: 2px; font-weight: normal; } .ringgroup_select { } .sortable_column_header { white-space: nowrap; } .info_table { display: inline-table; } #active_calls { margin-top: 15px; } .legend { float: right; display: inline-block; margin-top: 15px; margin-bottom: 15px; white-space: nowrap; } .legend span { vertical-align: middle; } .legend .item { display: inline-block; margin-left: 20px; } td.icon_cell { width: 16px; } .no_wrap { white-space: nowrap; } .invisible { visibility: hidden; } .header_spacer td { height: 5px; display: none; } #page_header { display: none; } #left_menu_spacer { display: none; } #spinner { vertical-align: middle; border: 0px; position: absolute; top: 7px; right: 30px; } span.icon.application_side_expand, span.icon.application_side_contract { float: right; display: none; } .call_tracing_info { width: 100%; } .call_tracing_info .title { width: 30%; text-align: left; } .call_tracing_info .name { width: 20%; text-align: right; } .call_tracing_info .status { width: 10%; text-align: center; } .call_tracing_info .explanation { width: 50%; } /* SPRITE ICONS MAY BE SEPARATED TO OTHER FILE */ span.icon { } span.icon.ok { } span.icon { width: 16px; height: 16px; display: inline-block; background-color: transparent; background-image: url('../images/icons/sprite.png'); background-repeat: no-repeat; } span.icon.bullet_yellow { background-position: 0px 0px; } span.icon.bullet_red { background-position: -16px 0px; } span.icon.bullet_green { background-position: -32px 0px; } span.icon.add { background-position: -48px 0px; } span.icon.delete { background-position: -64px 0px; } span.icon.check { background-position: -80px 0px; } span.icon.cross { background-position: -96px 0px; } span.icon.device { background-position: -112px 0px; } span.icon.device_active { background-position: -128px 0px; } span.icon.device_virtual { background-position: -144px 0px; } span.icon.application_side_expand { background-position: -160px 0px; } span.icon.application_side_contract { background-position: -176px 0px; } span.icon.help { background-position: -192px 0px; } #slide { background: url("../images/design/box.gif") repeat-x scroll left top #FFFFFF; position: fixed; overflow: auto; width: 8px; left: 0px; height: 100%; top: 0px; z-index: 11; padding-bottom: 5px; padding-left: 0; padding-right: 0; } #slide span { left: 10px; top: 5px; position: relative; padding-left: 10px; bottom: 20px; } .chrome #slide { background: url("../images/design/box.gif") repeat-x scroll left top #FFFFFF; position: fixed; overflow: auto; width: 8px; left: 0px; height: 100%; top: 0px; z-index: 11; padding-bottom: 0; padding-left: 0; padding-right: 0; } .chrome #slide span { left: 10px; top: 5px; position: absolute; padding-left: 10px; bottom: 20px; } /* ============== Google maps meniu ============== */ .button, .button-selected, .dropdown { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; text-align: center; position: relative; font-family: Arial, sans-serif; font-size: 13px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px; color: #000; border: 1px solid #717B87; background-color: #fff; } .button, .button-selected { margin: 5px; padding: 1px 6px; overflow: hidden; } .button:hover { background: #FEFEFE; background: -moz-linear-gradient(top, #FEFEFE 0%, #F3F3F3 100%); background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#F3F3F3)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FEFEFE', endColorstr = '#F3F3F3', GradientType = 0); } .button-selected { font-weight: bold; } #dropdown-holder { margin: 5px; } #map-dropdown-holder { margin: 5px; } #dropdown-holder .button, #dropdown-holder .button-selected { margin: 0; } .dropdown { background: white; border: 1px solid #717B87; border-top: 0; padding-top: 2px; z-index: -1; position: relative; } .dropdown-item { padding: 1px 5px 3px 5px; text-align: left; } .dropdown-item:hover { background: #ebebeb; } .container { width: 85px; z-index: 1; cursor: pointer; text-align: left; } .dropDownControl { direction: ltr; overflow-x: hidden; overflow-y: hidden; text-align: left; position: relative; font-family: Arial, sans-serif; -webkit-user-select: none; font-size: 13px; padding-top: 1px; padding-right: 6px; padding-bottom: 1px; border-width: 1px; border-style: solid; border-color: rgb(113, 123, 135); border-image: initial; -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; color: rgb(0, 0, 0); padding-left: 6px; font-weight: bold; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; z-index: 2; } .dropDownArrow { -webkit-user-select: none; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; right: 6px; top: 50%; margin-top: -2px; width: 7px; height: 4px; } .dropDownOptionsDiv { background-color: white; z-index: 0; padding-top: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(113, 123, 135); border-bottom-color: rgb(113, 123, 135); border-left-color: rgb(113, 123, 135); border-image: initial; border-top-width: 0px; border-top-style: initial; border-top-color: initial; -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; position: relative; text-align: left; display: none; } .dropDownItemDiv { font-family: Arial, sans-serif; -webkit-user-select: none; font-size: 13px; padding-top: 2px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; background-color: rgb(255, 255, 255); color: black; } .dropDownItemDiv:hover, .checkboxContainer:hover { background-color: rgb(235, 235, 235); } .dropDownControl:hover { background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230)); } .checkboxContainer { font-family: Arial, sans-serif; -webkit-user-select: none; font-size: 11px; padding-top: 1px; padding-bottom: 3px; padding-left: 5px; direction: ltr; text-align: left; background-color: rgb(255, 255, 255); white-space: nowrap; padding-right: 8px; color: rgb(0, 0, 0); } .checkboxSpan { box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; display: inline-block; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: initial; border-image: initial; border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; width: 13px; height: 13px; vertical-align: middle; -webkit-box-shadow: none; box-shadow: none; border-color: rgb(198, 198, 198); } .blankDiv { position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow-x: hidden; overflow-y: hidden; display: none; /*when = block -> this is the "check" symbol*/ } .blankImg { position: absolute; left: -52px; top: -44px; -webkit-user-select: none; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; padding: 0px; margin: 0px; -webkit-user-drag: none; width: 68px; height: 67px; } .checkboxLabel { vertical-align: middle; cursor: pointer; } /* =============================================== */