@import url(fonts/Arcon/stylesheet.css); html {margin:0; padding:0; width:100%; height:100%;} body {margin:0; padding:0; width:100%; height:100%;} a, img { outline: none; } #top_menu .fad { color: #660099; } #top_menu { position: fixed; top:0px; width:100%; height: 38px; z-index:100; background-color: #FFFFFF; } #dev { margin-top:3px; width:100%; height: 38px; z-index:100; background-color: #FF0000; } #scroll_box { position:absolute; top:36px; bottom: 20px; width:100%; overflow:scroll; overflow-x:hidden; } #left_menu_bg { position:fixed; top:0px; bottom:0px; width:153px; } #left_menu { position:absolute; width:153px; z-index: 10; padding-bottom: 100px; } .menu_contracted #left_menu_bg, .menu_contracted #left_menu { width:32px; } #content { position:absolute; left:153px; right:0px; } .menu_contracted #content { left:32px; } #status { position:fixed; bottom:0px; height: 16px; padding: 2px; z-index:100; width:100%; } body { font-size: 12px; font-family:Tahoma,Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; background-color:#FFFFFF; color:#333333; } #time_text { position:absolute; position:fixed; z-index:1000; right:5px; top:3px; width:500px; color:red; padding:4px; background-color: white; border: solid 2px red; border-radius: 6px; -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5), inset 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5), inset 0 0 5px rgba(0,0,0,0.5); box-shadow: 3px 3px 5px rgba(0,0,0,0.5), inset 0 0 5px rgba(0,0,0,0.5); font-size:15px; display: none; } #content { padding:8px; padding-left: 30px; overflow-x: auto; } #top_menu { border-bottom: solid #550099 1px;; color: #333333; padding: 0; margin: 0; overflow:hidden; } #top_menu a { font-size: 13px; line-height:36px; color: #333333; text-decoration: none; margin: 0; padding: 9px; padding-left: 8px; padding-right: 10px; padding-top: 4px; border-right: 2px groove #BB99EE; } #top_menu>a:first-child { margin-left: 31px; } #top_menu>a:last-child { border-right: none; } #top_menu>a#creagraphy_logo { margin: 0; padding: 0; padding-right: 20px; padding-left: 10px; padding-top: 2px; float:left; border-right: none; border-left: none; } #logos { height: 37px; } #logos>a#zpsites_logo, #logos>a#webopmaat_logo { margin: 0; padding: 0; padding-left: 10px; float:right; border-right: none; border-left: none; } #logos>a#zpsites_logo { margin-top: 1px; } #dev .dev_notification { font-size: 23px; font-weight: bold; color: #FFFFFF; display: inline-block; padding-left: 5px; padding-right: 5px; } #top_menu a img { vertical-align: middle; } #status { text-align:center; font-size: 10px; background-color:#660099; color: #CCCCCC; z-index: 100; } #status a { color: #FFFFFF; } #status .left { position:absolute; left:20px; } #status .right { position:absolute; right:20px; } a {color:#333333;} a:not([href]) { cursor: text; } body {font-size: 12px;} p {color:#333333; font-size:14px; } h1 {font-family: Arcon; font-size:18px; } h2 {font-size:16px; } h3 {font-size:15px; } li {color:#333333; font-size:14px; } ol {color:#333333; font-size:14px; } table {color:#333333; font-size:14px; } th {font-size:14px; border-bottom: solid 1px #330099; } td {color:#333333; font-size:14px; } tr {color:#333333; font-size:14px; } ul {color:#333333; font-size:14px; } optgroup { font-style:normal; font-weight:bold; color:#000066; } option { font-weight:normal; color:#333333; } .NoteStyle { color:#333333; background-color:#FFFFA0; border: solid 1px #FFE53E; border-top: solid 5px #FFE53E; font-size:10px; padding:4px;} .PopStyle { z-index: 20; top: 0px; left: 0px; position: fixed; visibility: hidden; width:200;} .normal {background-color:#FFFFFF} .alt { background-color:#FFFFFF;} .var { background-color:#F6F0FF;} .inv { background-color:#FFFFFF; border-bottom: #FF6C01;} .capt { background-color:#BB99EE;} .title {font-weight:bold; color:#333333;font-size:16px;} .subtitle {font-weight:bold; color:#333333;font-size:12px;} .error {color:red} .newsitem { font-weight:normal; color:#333333;font-size:10px;} .cms_normal {background-color:#FFFFFF} .cms_rand {padding:4px; background-color:#FFFFFF; } .hide, .hidden{ display: none;} td.alt { background-color:#FFFFFF; border-bottom: solid 1px #e9c7a8;} td.var { background-color:#FFFFFF; border-bottom: solid 1px #e9c7a8;} .logon_help { font-size:10px;} .logon_info { background-color:#FFFFFF;font-size:10px;} .logon { border: none; background-color:#FFFFFF;} table.logon { margin-top: 20px; } .logon tr td { padding:4px; } .logon .alt { border-top: solid 2px #BB99EE;} .logon td.alt { background-color:#FFFFFF; border-bottom: none;} h1.logon_header { font-size:13px; line-height: 16px; } tr.logon_info td.logon_cell_right { padding-top:10px; } .logon_cell_left { width:40%; text-align:right; padding-bottom: 5px; padding-left: 10px; padding-top: 5px; } .logon_cell_right { width:60%; text-align:left; padding-left: 10px; } table.normal { border-bottom: 2px solid #330066; } .info_line {font-size:9px;} .info_box { padding:5px; margin:5px; border: solid 1px #BB99EE; background-color:#F6F0FF; -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); box-shadow: 3px 3px 5px rgba(0,0,0,0.5); } .AjaxImagesDiv { overflow:auto; height:270px; border:solid 1px black; } .AjaxImagesDiv .row1 { background-color: #F6F0FF; height:10px; } .AjaxImagesDiv .row2 { background-color: #E0CCFF; height:10px; } .AjaxImagesDiv tr td { padding-left: 5px; } .AjaxImagesDiv .selected-row { background-color: #FF6C01; } .AjaxImagesDiv .selected-row a { color:#FFFFFF; } .disable_screen { position:fixed; width:100%; height:100%; display:none; z-index:125; -moz-opacity:.7; opacity:.7; filter:alpha(opacity=70); background-color:#FFFFFF; background-image: url(/beheer/mgmt_portalv3/_style/images/wheel.svg); background-repeat: no-repeat; background-position: center center; } #left_menu_bg { background-color: #FFFFFF; } #toggle_menu { background:#660099 url(images/menu/left.png) no-repeat center center; border: 2px solid #660099 ; border-radius:6px; margin:3px; margin-top:32px; width:22px; height:22px; float:right; clear:both; } .menu_contracted #toggle_menu { background-image: url(images/menu/right.png); } #left_menu ul { list-style: none; margin:0px; padding:0px; } #left_menu .menu>li { color:#333333; border: none border-radius: 0px; border-bottom: 1px solid #660099 ; border-right: 1px solid #660099 ; border-bottom-right-radius:6px; margin:2px; margin-right:3px; width:26px; height:22px; float:right; clear:both; cursor: pointer; } #left_menu .menu>li.selected>a, #left_menu .menu>li.expanded>a { color: #333333; border-color: #660099; font-weight: bold; font-size: 12px; } #left_menu .menu>li.expanded , #left_menu .menu>li.selected { color:#FF6C01; border-color: #660099; } #left_menu .menu>li>a { color:#444444; font-weight: normal; font-size: 13px; font-family: Tahoma,Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; line-height: 20px; position:absolute; margin-left:-120px; margin-top:2px; padding-right:3px; padding-left:10px; width:107px; background:#FFFFFF; outline: none; border-bottom: #660099 solid 1px; text-decoration: none; } #left_menu .menu li, #left_menu .menu li a { font-family: Tahoma,Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; } #left_menu>.menu>li>a:hover { color: #660099; } #left_menu .menu > li::before, #left_menu .menu > li::after { color: #660099; font-size: 18px; font-family:'Font Awesome 5 Pro'; position: absolute; text-align: center; width: 18px; } #left_menu .menu>li.expanded::before, #left_menu .menu>li.selected::before, #left_menu .menu>li.expanded::after, #left_menu .menu>li.selected::after { color: #FF6C01; } .menu_contracted #left_menu>.menu>li>a { border: solid 2px #660099; border-top-left-radius: 6px; border-top-right-radius: 6px; display:none; width:146px; left:156px; padding-left: 6px; margin-top: 0px; font-weight: bold; color: #660099; -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); box-shadow: 3px 3px 5px rgba(0,0,0,0.5); } .menu_contracted #left_menu>.menu>li>a:not([href]) { color: #666666; } .menu_contracted #left_menu>.menu>li>a:only-child { border-radius: 6px; } .menu_contracted #left_menu>.menu>li.expanded>a{ color: #666666; border-color: #FF6C01; } .menu_contracted #left_menu>.menu>li.selected>a{ color: #FF6C01; border-color: #FF6C01; } .menu_contracted #left_menu>.menu>li>a::before { position:absolute; font-size: 9px; height: 18px; margin-left:-16px; top: 0px; content:" "; background-color:#660099; color:#660099; width: 9px; } .menu_contracted #left_menu>.menu>li.expanded>a::before , .menu_contracted #left_menu>.menu>li.selected>a::before { background-color: #FF6C01; } #left_menu>.menu>li:hover>ul::before { position:absolute; font-size: 9px; height: 18px; margin-left:-10px; top: 2px; content:" "; background-color:#660099; color:#660099; width: 9px; } #left_menu>.menu>li.selected:hover>ul::before, #left_menu>.menu>li.expanded:hover>ul::before { background-color:#FF6C01; color:#FF6C01; } .menu_contracted #left_menu>.menu>li:hover>ul::before { background-color: transparent; color: transparent; } #left_menu .menu>li>ul { margin-top: -2px; position:absolute; margin-left: 34px; display:none; background-color: #FFFFFF; border: solid 2px #660099 ; border-radius: 6px; padding-top:2px; padding-bottom:2px; -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); box-shadow: 3px 3px 5px rgba(0,0,0,0.5); } #left_menu>.menu>li.selected>ul, #left_menu>.menu>li.expanded>ul { border: solid 2px #FF6C01 ; } .menu_contracted #left_menu>.menu>li>ul { margin-top: 24px; border-top-right-radius: 0px; border-top-left-radius: 0px; border-top: none; } #left_menu .menu li li { background:none; padding:0px; margin:0px; border: none; } #left_menu li li a { font-size: 13px; color:#333333; font-weight: normal; width:150px; padding:2px; text-decoration: none; display:block; } #left_menu li li a:first { width:155px; } #left_menu li li a:hover, #left_menu li li.selected a:hover { color:#660099; } #left_menu .menu li li.selected { background: none; border: none; } #left_menu li li.selected a { color:#333333; background-color:#FFFFFF; font-weight: bold; } .upload_doc_link { display:inline-block; width:200px;} .upload_doc_size { display:inline-block; width:70px;} .upload_doc_control { } div.upload_img_row { width:100%; height:60px; } div.upload_img_row.empty { height:0; } .upload_screen { position:fixed; display:none; background-color:rgba(0,0,0,0.2); width:100%; height:100%; top:0; left:0; z-index:2000; } .upload_form { margin: 10px; } .upload_static { display: block; z-index: 1000; } .upload_window, .upload_static .upload_state { position: absolute; top: -10px; display: none; z-index: 1000; background-color:#FFFFFF; border:solid 1px #666666; min-width: 300px; -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); box-shadow: 3px 3px 5px rgba(0,0,0,0.5); } .simple_upload_window { min-width: 194px; } .upload_close { float: right; margin-top: 2px; margin-right: -2px; display: inline-block; cursor: pointer; } .upload_activate { cursor: pointer; } .spinner { width: 21px; height: 21px; margin-top: -2px; margin-right: 3px; border: 7px solid #90c844; border-right-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; -moz-animation: spinning_wheel 1s linear infinite; -webkit-animation: spinning_wheel 1s linear infinite; } @keyframes spinning_wheel { from { transform: rotate(0deg); opacity: 0.2; } 50% { transform: rotate(180deg); opacity: 1.0; } to { transform: rotate(360deg); opacity: 0.2; } } @-webkit-keyframes spinning_wheel { from { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinning_wheel { from { -moz-transform: rotate(0deg); } 50% { -moz-transform: rotate(180deg); } to { -moz-transform: rotate(360deg); } } div.form_status { position: relative; font-size: 14px; font-weight: bold; border: solid 1px #999999; padding: 16px; padding-left: 80px; margin-top: 20px; margin-bottom: 21px; box-shadow: rgba(0,0,0,0.4) 2px 2px 6px; } .popupScreen div.form_status { margin: -19px; } div.form_status::before { position: absolute; content: " "; top: 0; bottom: 0; left: 0; width: 60px; background-color: green; color: rgba(255,255,255,0.9); } div.form_status::after { position: absolute; content: "\f058"; font-family: "Font Awesome 6 Pro"; font-weight: 500; font-size: 30px; color: rgba(255,255,255,0.75); top: calc(50% - 16px); left: 15px; } div.form_error { position: relative; font-size: 14px; font-weight: bold; color: red; border: solid 1px #999999; padding: 16px; padding-left: 80px; margin-top: 20px; margin-bottom: 21px; box-shadow: rgba(0,0,0,0.4) 2px 2px 6px; } .popupScreen div.form_error { margin: -19px; } div.form_error::before { position: absolute; content: " "; top: 0; bottom: 0; left: 0; width: 60px; background-color: red; color: rgba(255,255,255,0.9); } div.form_error::after { position: absolute; content: "\f071"; font-family: "Font Awesome 6 Pro"; font-weight: 500; font-size: 30px; color: rgba(255,255,255,0.75); top: calc(50% - 16px); left: 15px; } .PopupForm { padding: 10px; } .cms_catalog_table { border:solid 2px #FF6C01; border-collapse:collapse; border-spacing: 0; } .cms_catalog_table table tr:hover td { background-color:#f6e9dc; } .cms_catalog_filter { border-top: solid 1px #660099; } .cms_catalog_body { border-top: solid 1px #660099; } .cms_detail_form h1 { border-bottom: solid 1px #9900FF; } form table .item_tags th, .cms_catalog_body th{ background: none; font-size:14px; border-bottom: solid 1px #FF6C01; } .mce-floatpanel { max-height: 100%; overflow-y: auto; overflow-x: hidden; } form .cmsUploadProgressIndicator { background-color:#9900E8; } form .-cms-file-container .expl { border:solid 2px #9900E8; box-shadow: 0px 0px 3px 1px #9900E8; } form .-cms-file-container .expl.cmsUploadDroppable { background-color:#E0CCFF; } form .-cms-file-container .expl.cmsUploadDropping { background-color:#BB99EE; } .formBox { clear:both; margin: 5px; padding: 5px; } .formFlow { clear:none; float:left; } .formNewLine { clear:both; } .form_field, .formField { margin: 3px; margin-top: 7px; vertical-align:top; } .formFlexLayout .formField { float:left; } .form_field label, .formField label { cursor: pointer; font-size: 12px; display: block; width: 200px; text-align: left; margin-right: 5px; vertical-align: top; } .form_field fieldset label, .formField fieldset label, .form_field label.value, .formField label.value { width: auto; text-align: left; margin-right: 0;} .form_field input, .formField input { width: 220px; margin-right: 1px; } .form_field input[type="checkbox"], .formField input[type="checkbox"], .form_field input[type="radio"], .formField input[type="radio"] {width: auto; margin-right: 5px;} .form_field input.half, .formField input.half { width: 108px; } .form_field textarea, .formField textarea { width: 220px; vertical-align: top; } .form_field select, .formField select { max-width: 220px; } .form_field fieldset, .formField fieldset { border: solid 1px #660099; display: inline-block; min-width: 150px; vertical-align: top; } .formHeader { background-color:#BB99EE; font-size: 10px; text-align: center; font-weight: bold; } @media only screen and (min-width: 640px) { .form_field label, .formField label { display: inline-block; text-align: right; } } .TabGroup { font-family: Tahoma,Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size: 10px; width: 90%; margin-top: 25px; } .TabGroup > ul.TabPages { list-style-type: none; } .TabGroup > input[type=radio] { position: absolute; left: -9999px; top: -9999px; } .TabGroup .Tabs { position: relative; white-space: nowrap; } .TabGroup .Tab { display: inline-block; vertical-align: bottom; white-space: nowrap; margin-bottom: -1px; margin-left: -1px; padding: 10px; padding-top: 4px; padding-bottom: 4px; background-color: #FFFFFF; color: #660099; border: solid 1px #333333; cursor: Pointer; } .TabGroup .Tab:first-child { margin-left: 10px; } .TabGroup .Tab:hover { text-decoration: underline; } .TabGroup .Tab.disabled { color: #ddaaee; background-color: #f7f7f7; border-top-color: #999999; cursor: not-allowed; } .TabGroup .Tab.disabled:hover { text-decoration: none; } .TabGroup input:nth-child(1):checked ~ .Tabs > :nth-child(1), .TabGroup input:nth-child(2):checked ~ .Tabs > :nth-child(2), .TabGroup input:nth-child(3):checked ~ .Tabs > :nth-child(3), .TabGroup input:nth-child(4):checked ~ .Tabs > :nth-child(4), .TabGroup input:nth-child(5):checked ~ .Tabs > :nth-child(5), .TabGroup input:nth-child(6):checked ~ .Tabs > :nth-child(6), .TabGroup input:nth-child(7):checked ~ .Tabs > :nth-child(7), .TabGroup input:nth-child(8):checked ~ .Tabs > :nth-child(8), .TabGroup input:nth-child(9):checked ~ .Tabs > :nth-child(9), .TabGroup input:nth-child(10):checked ~ .Tabs > :nth-child(10) { background-color: #660099; color: #FFFFFF; } .TabGroup .TabPages { margin: 0; padding: 0; } .TabGroup .TabPage { display: none; left: 0; width: 100%; border: 2px solid #660099; background: #FFFFFF; font-size: 10px; color: #333333; padding: 5px; padding-top: 25px; margin-top: -10px; } input:nth-child(1):checked ~ .TabPages > li:nth-child(1), input:nth-child(2):checked ~ .TabPages > li:nth-child(2), input:nth-child(3):checked ~ .TabPages > li:nth-child(3), input:nth-child(4):checked ~ .TabPages > li:nth-child(4), input:nth-child(5):checked ~ .TabPages > li:nth-child(5), input:nth-child(6):checked ~ .TabPages > li:nth-child(6), input:nth-child(7):checked ~ .TabPages > li:nth-child(7), input:nth-child(8):checked ~ .TabPages > li:nth-child(8), input:nth-child(9):checked ~ .TabPages > li:nth-child(9), input:nth-child(10):checked ~ .TabPages > li:nth-child(10) { display: block; } .TabSet { font-family: Tahoma,Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size: 10px; float: left; margin: 0px; padding: 0px; margin-left: 8px; z-index: 10; margin-top: 25px; margin-bottom: 15px; text-shadow: 2px 3px 3px rgba(0,0,0,0.5); } .TabPage { background: #FFFFFF; font-size: 10px; color: #333333; padding: 5px; padding-top: 15px; margin-top: 30px; z-index: 1; } .Tab, .Tab_sel, .Tab_disabled { padding: 0px; margin: 0px; text-decoration: none; } .Tab:hover { text-decoration: none; } .Tab .tab_start { margin-right: -1px; padding: 10px; white-space: nowrap; color: #333333; border: solid 1px #333333; background-color: #F6F0FF; padding-top: 4px; padding-bottom: 4px; } .Tab .tab_end { } .Tab:hover .tab_start { } .Tab:hover .tab_end{ } .Tab_sel .tab_start { margin-right: -1px; padding: 10px; white-space: nowrap; color: #333333; border: solid 1px #333333; background-color: #CCAAFF; padding-top: 4px; padding-bottom: 4px; } .Tab_sel .tab_end { } .Tab_disabled .tab_start { margin-right: -1px; padding: 10px; padding-top: 4px; padding-bottom: 4px; white-space: nowrap; color: #666666; border: solid 1px #333333; background-color: #CCCCCC; } .Tab_disabled .tab_end { } .page_edit { width: 100%; } .page_edit_right { position:relative; margin-left: 200px; border-left: 1px solid #330066; padding-left: 25px } .page_edit_details { padding:5px; } .editor_strip table { margin-top: 20px; } .editor_strip th { padding:10px; } form th{ border: none; background-color: #EEEEEE; } .editor_strip .page_title { font-size:13px; } .page_edit_pages { width: 200px; padding: 5px; float: left; } .page_edit_paragraphs { } img.template { border: solid 1px #cccccc; } ul.menu_edit_menu, .menu_edit_menu ul { border-left: solid 1px #666666; margin: 0px; padding: 0px; padding-top: 5px; padding-bottom: 10px; } .menu_edit_menu ul { margin-left: 18px; } .menu_edit_menu li { list-style:none; list-style-position: inside; padding: 5px; margin-left: -5px; background-position: 0px 10px; background-repeat: no-repeat; background-image: url(images/menu_edit/line.png); font-size: 11px; } .menu_edit_menu li.parent { background-image: url(images/menu_edit/plus.png); } .menu_edit_menu li.expanded { background-image: url(images/menu_edit/minus.png); } .menu_edit_menu li a { background-position: 1px 0px; background-repeat: no-repeat; padding-right: 4px; padding-bottom: 4px; padding-left: 20px; margin-left: 13px; font-size: 11px; } .menu_edit_menu li.selected>a { background-color: #E0CCFF; font-weight:bold;} .menu_edit_menu li>a { background-image: url(images/menu_edit/page.png); } .menu_edit_menu li.link>a { background-image: url(images/menu_edit/link.png); } .menu_edit_menu li.folder>a { background-image: url(images/menu_edit/folder.png); background-position: 2px 0px; } .menu_edit_menu li.page.active>a { background-image: url(images/menu_edit/page-act.png); } .menu_edit_menu li.link.active>a { background-image: url(images/menu_edit/link-act.png); } .menu_edit_menu li.page.forbidden>a { background-image: url(images/menu_edit/page-forbidden.png); } .menu_edit_menu li.link.forbidden>a { background-image: url(images/menu_edit/link-forbidden.png); } .menu_edit_menu li.folder.forbidden>a { background-image: url(images/menu_edit/folder-forbidden.png); } .menu_edit_menu li.page.forbidden:hover > a { color: red; cursor:not-allowed; } .page_edit_paragraphs .par_block { border-spacing: 5px; margin-top: -5px; } .page_edit_par { font-size: 13px; line-height: 17px; padding-left: 10px; padding-top: 0; height: 18px; overflow: hidden; border-radius: 4px; border: #CCCCCC solid 1px; } .par_d { background-color: #FFFF99; } .par_p { background-color: #FF9999; } .par_f { background-color: #99CCFF; } .par_c { background-color: #8E3B37; } .par_m { background-color: #0E2AC5; } .par_s { background-color: #000000; } .par_c a,.par_m a, .par_s a{ color: #FFFFFF; } .par_c::before,.par_m::before, .par_s::before{ color: #FFFFFF; } .inactive { opacity: 0.5; } .page_edit_par img{ visibility: hidden; display: none; } .page_edit_paragraphs .par_block td { padding: 5px; } .page_edit_paragraphs .par_block .selectedpar { font-weight: bold; } .page_edit_par.selectedpar a { } .page_edit_paragraphs .par_block .selectedpar::before { content: "\f044"; padding-right: 5px; margin-left: -5px; font-family:"Font Awesome 5 Pro"; font-weight: normal } body .par-device-button.selected, body .par-device-button:hover { background-color: #AA88DD; } .accordionSet { } .accordionSet > div { margin-bottom: 5px; border: 1px solid #9900E8; } .accordionSet > div > label { white-space: nowrap; padding: 2px 30px; position: relative; display: block; height: 30px; cursor: pointer; line-height: 33px; font-weight: bold; background-color: #FFFFFF; position: relative; } .accordionSet > div > label:hover { background-color: #FFFFFF; text-decoration: underline } .accordionSet > div.disabled > label { opacity: 0.5; cursor: default; } .accordionSet > div > input { display: none; } .accordionSet > div > div > div { padding: 10px; } .accordionSet > div > div { position: relative; overflow: hidden; max-height: 0px; -webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; -ms-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; } .accordionSet > div > input:checked ~ div { -webkit-transition: max-height 2s ease-in-out; -moz-transition: max-height 2s ease-in-out; -o-transition: max-height 2s ease-in-out; -ms-transition: max-height 2s ease-in-out; transition: max-height 2s ease-in-out; max-height: 2000px; border-top: 1px solid #9900E8; } .accordionSet > div > label::before, .accordionSet > div > label::after { content: ""; position: absolute; background-color: #9900E8; width: 3px; height: 8px; left: 10px; top: 15px; transition: all 0.25s ease-in-out; } .accordionSet > div > label:hover::before, .accordionSet > div > label:hover::after { background-color: #330066; } .accordionSet > div > label::before { transform: translate(-2px, 0) rotate(45deg); -webkit-transform: translate(-2px, 0) rotate(45deg); } .accordionSet > div > label::after { transform: translate(2px, 0) rotate(-45deg); -webkit-transform: translate(2px, 0) rotate(-45deg); } .accordionSet > div > input:checked ~ label::before { transform: translate(2px, 0) rotate(45deg); -webkit-transform: translate(2px, 0) rotate(45deg); } .accordionSet > div > input:checked ~ label::after { transform: translate(-2px, 0) rotate(-45deg); -webkit-transform: translate(-2px, 0) rotate(-45deg); } div.sliding_section { display:none; border:3px solid #BB99EE; border-top:none; margin:-6px -2px -2px; padding:5px; } div.slider_but { cursor: pointer; position:absolute; left:50px; width:12px; height:12px; } div.is_closed { background-image: url(/p-icon/slide_down); } div.is_opened { background-image: url(/p-icon/slide_up); } a.icon_tip { margin-top:-2px; } .ui-tooltip { border: solid 2px #FF9900; border-radius: 4px; background-color: #FFFFFF; color: black; padding: 8px; position: absolute; z-index: 9999; max-width: 280px; -webkit-box-shadow: -2px 2px 10px #333333; box-shadow: -2px 2px 10px #333333; } .ui-tooltip::before { top: -14px; bottom: auto; left: 10px; right: auto; border-width: 0 6px 14px; content: ""; position: absolute; border-style: solid; border-color: #FF9900 transparent; display: block; width: 0; } .ui-tooltip::after { top: -9px; bottom: auto; left: 13px; right: auto; border-width: 0 3px 10px; content: ""; position: absolute; border-style: solid; border-color: #FFFFFF transparent; display: block; width: 0; } .ui-tooltip.bottom::before { top: auto; bottom: -14px; border-width: 14px 6px 0 6px; } .ui-tooltip.bottom::after { top: auto; bottom: -9px; border-width: 10px 3px 0 3px; } .ui-tooltip.right::before { left: auto; right: 10px; } .ui-tooltip.right::after { left: auto; right: 13px; } .popupScreen { position: fixed; z-index: 2000; top: 0; bottom: 0; left: 0; right: 0; height:100%; background-color: rgba(0,0,0,0.5); display: none; } .popupScreen #popup { position: relative; top: 10%; background-color: #FFFFFF; padding: 20px; margin: auto; max-width: 900px; min-width: 308px; max-height: 85%; border: solid 2px #333333; overflow: auto; overflow-x: hidden; } .popupScreen #close_box { position: relative; z-index: 100; top: 10%; padding: 0; margin: auto; max-width: 900px; min-width: 308px; overflow: visible; } .popupScreen #close { position: absolute; right: -20px; top: 5px; cursor: pointer; font-family:"Font Awesome 5 Pro"; font-style: normal; font-size: 19px; font-weight: 900; text-rendering: auto; transform: translate(0, 0); line-height: .75em; vertical-align: -15%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popupScreen #close::before { content: "\f057"; } .popupScreen .ui-autocomplete { z-index:2001; } table.dataTable thead th { white-space: nowrap; background-color: #FF6C01; color:#FFFFFF; border-left: solid 1px #CCCCCC; font-size: 12px; padding-right:30px; } div table.dataTable th.sorting::before,div table.dataTable th.sorting_asc::before,div table.dataTable th.sorting_desc::before{color:white;} div table.dataTable th.sorting::after,div table.dataTable th.sorting_asc::after,div table.dataTable th.sorting_desc::after{color:white;} body div table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before{color: #FF6C01;} .catEditButtons .fa, .catEditButtons .fas { font-size: 16px; color: #660099; } .onOffLinks a.checkboxesAllOn, .onOffLinks a.checkboxesAllOff { background-color: white; box-sizing: border-box; border: 1px solid #777777; padding: 3px 5px 3px 5px; margin: 2px; border-radius: 5px; color: #777777; font-size: 85%; cursor: pointer; appearance: button; -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; -o-appearance: button; } div.onOffLinks { margin-bottom: 7px; } .simpleForm .TabPage { background-color:#F0F0F0; } .fieldHeader { border-top: solid 1px #660099; color: #660099; text-align: center; padding: 2px; font-size: 12px; margin-top: 20px; } .PopupForm { padding: 20px; font-size: 14px; } .PopupForm td { font-size: 14px; } .form_box { clear:both; margin: 5px; padding: 5px; } .form_icons.form_field { white-space: nowrap; } .form_icons .form_icon { color: white; background-color: #660099; padding: 4px; display: inline-block; min-width: 24px; text-align: center; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form_icons .form_spacer { display: inline-block; width: 24px; color:transparent; background-color:transparent; } .form_field.form_icons input { max-width: 90%; } .form_flow { clear:none; float:left; } .form_field { margin: 3px; margin-top: 7px; } .form_field label { cursor: pointer; font-size: 12px; display: block; width: 220px; text-align: left; } .form_field fieldset label, .form_field label.value { width: auto; text-align: left; padding-left:3px; } .form_field input, .form_field_input { width: 220px; margin-right: 1px; } .form_field .half { width: 108px; margin-right: 2px; } .form_field .third { width: 72px; } .form_field .quarter { width: 54px; } .form_field .twothird { width: 143px; } .form_field .threequarter { width: 161px; } .form_field_control { display: inline-block; width: 220px; margin-right: 1px; } .form_field input[type="checkbox"], .form_field input[type="radio"] { width: auto; } .form_field input.half, .form_field_control.half { width: 107px; } .form_field textarea { width: 220px; vertical-align: top; } .form_field select { max-width: 220px; } .form_field fieldset { display: inline-block; min-width: 220px; padding:5px; vertical-align: top; border: 1px solid #333333; -webkit-margin-start: 0; -webkit-margin-end: 0; } .form_field .error, .form_field_input.error { border: solid 2px red; } .form_field .error ~ .radio-label { color: red; } .form_field label.error { width: auto; border: none; text-align: left; } .form_field .invalid, .form_field_input.invalid { background-color: #FFCCCC; } .email_response_required_fields { margin-top: 10px; display: block; font-style: italic; width: 308px; padding-right: 5px; } .PopupForm { padding: 20px; font-size: 14px; } .PopupForm td { font-size: 14px; } .form_box { clear:both; margin: 5px; padding: 5px; } .form_flow { clear:none; float:left; } .form_field { margin: 3px; margin-top: 7px; } .form_field label { cursor: pointer; font-size: 12px; display: block; width: 300px; text-align: left; } .form_field fieldset label, .form_field label.value { width: auto; text-align: left; } .form_field input { width: 220px; margin-right: 1px; } .form_field input[type="checkbox"], .form_field input[type="radio"] {width: auto;} .form_field input.half { width: 108px; } .form_field textarea { width: 220px; } .form_field select { max-width: 220px; } .form_field fieldset { display:inline-block; width:218px; vertical-align:top; border:1px solid #333333; } .form_field .error, .form_field_input.error { border: solid 2px red; } .form_field .invalid, .form_field_input.invalid { background-color: #FFCCCC; } .email_response_required_fields { margin-top: 10px; display: block; font-style: italic; width: 308px; padding-right: 5px; } form .email_response_button { cursor: pointer; width: 130px; } .select2 { min-width: 100px; } .fancyForm { margin:auto; // background-color:#EEEEEE; width: 308px; padding-left:0px; } .fancyForm .fancyField { clear: both; max-width: 100%; margin: 3px; margin-top: 6px; } .fancyForm .fancyField > div { width: 265px; margin-right: 3px; display: inline-block; position:relative; vertical-align: top; } .fancyForm .fancyField > div.half { width: 131px; } .fancyForm .fancyField > div.third { width: 88px; } .fancyForm .fancyField > div.quarter { width: 65px; } .fancyForm .fancyField > div.twothird { width: 174px; } .fancyForm .fancyField > div.threequarter { width: 197px; } .fancyForm .formFlow { clear:none; float:left; } .fancyForm .fancyField > div > div.upload, .fancyForm .fancyField > div > textarea, .fancyForm .fancyField > div > fieldset { margin: 0; margin-top: 15px; width: 100%; } .fancyForm .fancyField > div > fieldset ~ label.error, .fancyForm .fancyField > div > textarea ~ label.error { position: relative; left: 0; padding-left: 5px; background-color:transparent; color: red; width: 100%; height: 16px; z-index: 5; font-size: 12px; line-height: 16px; } .fancyForm .fancyField > div > input ~ label.error::before, .fancyForm .fancyField > div > .passStrengthify > input ~ label.error::before, .fancyForm .fancyField > div > textarea ~ label.error::before { content: "\f06a"; font-family: "Font Awesome 5 Pro"; padding-right: 5px; font-size: 11px; } .fancyForm .fancyField.invalid, .fancyForm .fancyField .invalid { background-color: #FFCCCC; } .fancyForm .fancyField { margin-top: 16px; } .fancyForm .fancyField > div { width: 265px; margin-right: 3px; display: inline-block; position:relative; vertical-align: top; } .fancyForm .fancyField > div select, .fancyForm .fancyField > div > input, .fancyForm .fancyField > div > input.empty:invalid, .fancyForm .fancyField > div > input.empty.error, .fancyForm .fancyField > div > .passStrengthify > input, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid, .fancyForm .fancyField > div > .passStrengthify > input.empty.error { border: 0; border-radius: 0px; width: 100%; height: 26px; line-height: 20px; border-bottom: solid 2px #888888; background-color: transparent; outline: none; padding: 0px; padding-left: 8px; } .fancyForm .fancyField > div > input.empty, .fancyForm .fancyField > div > .passStrengthify > input.empty { border-bottom: solid 2px #888888; } .fancyForm .fancyField > div > input:hover, .fancyForm .fancyField > div > input.empty:hover, .fancyForm .fancyField > div > .passStrengthify > input:hover, .fancyForm .fancyField > div > .passStrengthify > input.empty:hover { border-bottom-color: #000000; } .fancyForm .fancyField > div > input.empty:focus, .fancyForm .fancyField > div > input:focus, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus, .fancyForm .fancyField > div > .passStrengthify > input:focus { border-bottom-color: #660099; } .fancyForm .fancyField > div > input.error:focus, .fancyForm .fancyField > div > input.empty.error, .fancyForm .fancyField > div > input:invalid:hover, .fancyForm .fancyField > div > input.empty.error:focus, .fancyForm .fancyField > div > input.error, .fancyForm .fancyField > div > .passStrengthify > input.error:focus, .fancyForm .fancyField > div > .passStrengthify > input.empty.error, .fancyForm .fancyField > div > .passStrengthify > input:invalid:hover, .fancyForm .fancyField > div > .passStrengthify > input.empty.error:focus, .fancyForm .fancyField > div > .passStrengthify > input.error { border-bottom-color: red; color: #000000; } .fancyForm .fancyField > div > input.empty:invalid ~ label, .fancyForm .fancyField > div > input.empty.error ~ label, .fancyForm .fancyField > div > input.empty ~ label, .fancyForm .fancyField > div > input.empty:focus ~ label, .fancyForm .fancyField > div > input ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label, .fancyForm .fancyField > div > .passStrengthify > input ~ label { white-space: nowrap; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; position: absolute; width: 100%; height: 16px; top: -10px; left: 0; color: #888888; line-height: 16px; font-family: helvetica, arial; font-size: 11px; padding-left: 5px; } .fancyForm .fancyField > div > input.empty ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty ~ label { top: 0px; padding-left: 5px; left: 0; font-size: 14px; font-weight: normal; color: #999999; } .fancyForm .fancyField > div > input.empty:focus ~ label, .fancyForm .fancyField > div > input:focus ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label, .fancyForm .fancyField > div > .passStrengthify > input:focus ~ label { color: #660099; } .fancyForm .fancyField > div > input.empty:invalid ~ label.error, .fancyForm .fancyField > div > input.empty.error ~ label.error, .fancyForm .fancyField > div > input.empty:focus ~ label.error, .fancyForm .fancyField > div > input ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input ~ label.error { white-space: nowrap; position: relative; display: block; top: 0px; z-index: 5; background-color: transparent; color: red; margin-bottom: 5px; width: auto; min-width: 100%; font-size: 12px; } .fancyForm .fancyField > div > input ~ label.error::before, .fancyForm .fancyField > div > .passStrengthify > input ~ label.error::before { content: "\f06a"; font-family: "Font Awesome 5 Pro"; padding-right: 5px; font-size: 11px; } .fancyForm .fancyField > i { display:inline-block; width: 32px; height: 36px; font-size: 18px; line-height: 32px; text-align: right; vertical-align: top; padding: 0; color: #660099; } .fancyForm .fancyField > div > div.upload input[type="file"] { width: 250px; } .fancyForm .fancyField > div > textarea { outline: none; } .fancyForm .fancyField > div > div.upload, .fancyForm .fancyField > div > textarea, .fancyForm .fancyField > div > fieldset{ padding-top: 5px; margin-top: 15px; border: solid 2px #888888; resize: vertical; } .fancyForm .fancyField > div > div.upload ~ label, .fancyForm .fancyField > div > textarea ~ label, .fancyForm .fancyField > div > fieldset ~ label { white-space: nowrap; width: auto; height: 16px; position: absolute; top: -5px; left:2px; color: #888888; background-color: #FFFFFF; line-height: 16px; font-size: 12px; padding-left:5px; border-top-right-radius: 6px; } .fancyForm .fancyField > div > textarea:hover ~ label, .fancyForm .fancyField > div > fieldset:hover ~ label { color: #000000; } .fancyForm .fancyField > div > div.upload:focus, .fancyForm .fancyField > div > textarea:focus, .fancyForm .fancyField > div > fieldset:focus { border-color: #660099 } .fancyForm .fancyField > div > div.upload ~ label.error, .fancyForm .fancyField > div > textarea ~ label.error, .fancyForm .fancyField > div > fieldset ~ label.error { position: relative; color: red; } .fancyForm .-cms-file-container { padding-left: 10px; padding-right: 10px; } .fancyForm .upload .expl { width: 240px; } .fancyForm input[type=submit], .fancyForm input[type=button], .fancyForm input[type=checkbox], .fancyForm input[type=radio] { width: auto; background-color: #660099; color: #CCCCCC; border-radius: 6px; border: 1px solid #660099; -webkit-appearance: none; appearance: none; } .fancyForm .fancySubmit { margin-top: 8px; margin-bottom: 8px; } .fancyForm .fancySubmit > input[type=submit] { float: right; } .fancyForm .fancyField .select2-container { width: 100%; height: 36px; } .fancyForm .fancyField .select2-choice{ height: 36px; } .fancyField .passStrengthify a { padding-top: 2px; padding-bottom: 2px; border-radius: 6px; } @media only screen and (min-width: 308px) { .big { visibility: hidden; display: none; } #dev .dev_notification { margin-left: 200px; font-size: 12px; margin-top: 10px; } } @media only screen and (min-width: 464px) { #dev .dev_notification { margin-left: 250px; } .email_response_form { } .form_field label { width: 220px; display: inline-block; text-align: right; } .form_field textarea { width: 220px; } .form_field input { width: 220px; } form .email_response_button { width: 130px; } .email_response_required_fields { width: 270px; text-align: right; display:inline-block; } .form_field input[type=submit] { width: auto; } form .email_response_button { width: 130px; } .email_response_required_fields { width: 270px; text-align: right; display:inline-block; } } @media only screen and (min-width: 744px) { .big { visibility: visible; display: initial; } #dev .dev_notification { margin-left: 350px; font-size: 15px; } } @media only screen and (min-width: 1000px) { #dev .dev_notification { margin-left: 500px; } } table.display.dataTable.dtr-inline.collapsed tbody tr.child td.child ul.dtr-details li { display: table; } table.display.dataTable.dtr-inline.collapsed tbody tr.child td.child ul.dtr-details li span.dtr-data { display: table-cell; width: 100%; }