/*** *************************************************************************** ***/ 
/*** COPYRIGHT © 2022 SINNIQ GMBH, MUNICH – WWW.SINNIQ.COM – ALL RIGHTS RESERVED ***/
/*** *************************************************************************** ***/
  @font-face { font-family: "FiraLight"; src: url("../../source/font/FiraSans-Light.ttf") format("truetype"); } @font-face { font-family: "FiraBook"; src: url("../../source/font/FiraSans-Book.ttf") format("truetype"); } @font-face { font-family: "FiraMedium"; src: url("../../source/font/FiraSans-Medium.ttf") format("truetype"); } @font-face { font-family: "MaterialIcons"; src: url("../../source/font/MaterialIcons-Regular.ttf") format("truetype"); } body { background-color: #e1e1e1; font-family: "FiraLight", helvetica, arial, sans-serif; font-size: 14px; font-weight: 300; text-rendering: optimizeLegibility; padding: 0px; margin: 0px; } .iillllliiiil { cursor: pointer; } .lliliiiiliii { } @keyframes ililllililii { 0% {} 25% {background-color: green;} 50% {background-color: LawnGreen;} 100% {background-color: green;} } .iliililillii td { animation-name: ililllililii; animation-duration: 1.11s; } .llillliiiiil { height:33px; line-height: 33px; font-size: 12.99px; } #lilililiilll { width:192px; } h1 { font-size: 30px; font-weight: normal; color: white; text-align: left; line-height: 110%; margin-top:4%; margin-bottom:1%; } h2 { font-size: 26px; font-weight: normal; color: white; text-align: left; line-height: 110%; margin:2%; margin-top: 1.5%; } h3 { font-size: 22px; font-weight: normal; color: #c51a1b; text-align: left; line-height: 110%; margin-top:1%; margin-bottom:1%; } h4 { font-size: 18px; font-weight: normal; color: #c51a1b; text-align: left; line-height: 110%; margin-top:1%; margin-bottom:1%; } p { font-size: 12px; } #iiiiiilliill { font-size: 11px; background-color:#eee; } .iiliilillili { color: #c51a1b; } #iliilliillil p { font-size: 22px; line-height: 110%; margin-top:1%; margin-bottom:1%; } #illiiilllili { margin:22px; } #iillllllilll { min-width:1133px; width: calc(97% - 30px); } #lililillilil { height: 55px; min-width: 888px; margin: 0px; background-color: #818181; border: 4px solid #ccc; border-top: none; border-radius: 0 0 11px 11px; margin-left: 10px; margin-right: 10px; padding-left: 44px; padding-top: 22px; color: #FFF; } #lililillilil h2{ margin:0; padding:0; } .iiililiillli { min-width: 888px; max-width: 1920px; width: calc(97% - 30px); background-color: #F5F5F5; visibility: visible; z-index: auto; border: 4px solid #ccc; border-radius: 11px; padding: 16px; margin: 10px; margin-bottom: 0; display: inline-block; } .lilillllllll { text-align: center; } .iiiliillliil { background-color: #F5F5F5; visibility: visible; z-index: auto; border: 4px solid #ccc; border-radius: 11px; padding: 20px; margin: 10px; display: inline-block; width: auto; } #lillilllliil { width: 100%; height: 55px; z-index: 14; position: fixed; left: 0px; bottom: 0px; background: #F5F5F5; border-top-width: 4px; border-top-color: #c51a1b; border-top-style: solid; } #lilililiiili { position: fixed; left: 36px; bottom: 16px; } #lilliillilli { position: fixed; right: 20px; bottom: 18px; } #lllllliiilll { position: relative; left: 0; top: 0; white-space:nowrap; } #lllilillilli { position: absolute; right: 44px; top: 19px; } #iliililiilii { width:100%; border-radius: 9px; } select { width:222px; } div.table-title { display: block; margin: auto; max-width: 600px; padding:5px; width: 100%; } .table-title h3 { color: #fafafa; font-size: 14px; font-weight: 300; font-style:normal; font-family: "FiraLight", helvetica, arial, sans-serif; text-transform:uppercase; } .table-fill { background: white; border-radius:3px; border-collapse: collapse; height: 320px; margin: auto; max-width: 600px; padding:5px; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); animation: float 5s infinite; } th { font-family: 'FiraBook'; color:#fff; background:#333; font-size: 14px; font-weight: 100; padding-top: 8px; padding-bottom: 8px; padding-left: 24px; padding-right: 24px; text-align:middle; vertical-align:middle; } .iiiliiiiliil { padding-top: 8px; padding-bottom: 8px; padding-left: 24px; padding-right: 24px; } tr { border-top: 1px solid #C1C3D1; color:#666B85; font-size:12px; font-weight:normal; } tr:nth-child(odd) td :not(.llliliiillli td){ } .ui-accordion td{ color:black; background:#ddd; } .ui-accordion tr:nth-child(odd) td{ background:#bbb; } .ui-accordion tr:last-child td{ background:#fff; } tr:last-child td:first-child { } tr:last-child td:last-child { } tr.highlight td { background-color:green; color:#FFFFFF; } .iillllililli { height:11px; } td { background:#FFFFFF; padding:16px; text-align:center; vertical-align:middle; font-weight:300; font-size: 14px; border: 1px solid #ddd; } .headertable td { padding: 16px 9px 16px 9px; } .llliliiillli td { background-color:#eee; color:#111; } .iiliiiilllil td { background-color:#eee; color:#111; padding: 16px 16px 16px 18px; } th.text-left { text-align: left; } th.text-center { text-align: center; } th.text-right { text-align: right; } td.text-left { text-align: left; } td.text-center { text-align: center; } td.text-right { text-align: right; } .lllllllillll { background-color: rgba(0, 0, 0, 0) !important; border: none; } .iiiililiilll { border-radius: 14px; } .iililliliiii { border-radius: 0px 0px 14px 14px; } .iiliiiilliii { border-radius: 14px 0px 0px 14px; } .iliilililiil { border-radius: 0px 14px 14px 0px; } .llllillillii { border-radius: 14px 0px 0px 0px; } .iilliiillill { border-radius: 0px 14px 0px 0px; } .lililillllli { border-radius: 0px 0px 0px 14px; } .illlillliiil { border-radius: 0px 0px 14px 0px; } .llilliiiilil { background:url("../../source/pic/basics/alpha.gif") !important; } .llilillilill { background: rgba(255, 0, 0, 0.88); } input{ border: 1px solid #ccc; padding: 5px; border-radius: 4px; font-family: 'FiraBook'; font-size: 14px; } input:-moz-read-only { background: #eee; border: #ddd; color: #999; } input:read-only { background: #eee; border: #ddd; color: #999; } #iiiililliili { margin-left: 10px; } .illlliilllil { font-family: 'FiraBook'; background-color: #00529e; color: white; border: none; padding: 8px 16px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; border-radius: 4px; box-shadow:2px 2px 2px #ddd; } .illlliilllil:hover { background-color: #00319e; } .illliiliilil { background-color: #c51a1b; color: white; border: none; padding: 8px 16px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 4px; box-shadow:2px 2px 2px grey; cursor: pointer; } .illliiliilil:hover { background-color: red; } .llilliilliii { background-color: #00529e; color: white; border: none; padding: 8px 16px; text-align: center; text-decoration: none; display: inline-block; margin-right: 11px; font-size: 12px; border-radius: 4px; cursor: pointer; } .llilliilliii:hover { background-color: #00319e; } .llilliilliii:disabled { background-color: #ddd; } .lililiilllil { background-color: #00529e; color: white; border: none; padding: 8px 16px; text-align: center; text-decoration: none; display: inline-block; margin-right: 11px; font-size: 12px; border-radius: 4px; cursor: pointer; } .lililiilllil:hover { background-color: #00319e; } .lllliiiillli label{ display:block; padding-top: 11px; padding-bottom: 3px; } .lllliiiillli input{ border: 1px solid #ccc; padding: 5px; border-radius: 4px; font-family: 'FiraLight'; font-size: 14px; width:444px; } .lllliiiillli input[type=button], input[type=submit], input[type=reset] { background-color: rgba(197, 26, 27, 1.00); border: none; color: white; padding-top:11px; padding-bottom:11px; text-decoration: none; margin-top: 11px; width: 100%; margin-bottom: 11px; cursor: pointer; font-family: 'FiraLight'; font-size: 18px; border: 1px solid transparent; border-radius: 4px; } .lllliiiillli .select { display:block; width:444px; font-family: 'FiraLight'; font-weight: normal; border: 1px solid #aaa; border-radius: 4px; padding:0.5vw; font-size: 16px; margin-top: 11px; box-sizing:content-box; } .liililllllii { border: 1px solid #aaa; border-radius: 4px; padding:0; width:100%; } .liiililiiiii { margin: 2% 5% 6% 5%; width: 90%; } .llliilliiiil, .llliilliiiil a { padding: 8px 0 10px 0; font-size: 14px; color:black; text-decoration: none; } .liiililiiiii input { width: 90%; } .dropzone { background: white; border-radius: 5px; border: 2px dashed rgb(0, 135, 247); border-image: none; border-radius: 11px; max-width: 555px; margin-top:22px; margin-bottom:22px; margin-left: auto; margin-right: auto; text-rendering: optimizeLegibility; } #iilliiiiilii{ visibility:hidden; } .dz-preview{ width:111px; } .iilllliliiii { float:left; width:120px; height: 22px; margin-top:11px; } .ui-dialog { font-family: FiraBook,Arial,sans-serif; } .ui-dialog .ui-dialog-title, .ui-dialog-titlebar { font-family: FiraMedium,Arial,sans-serif; font-weight: normal; font-size: 16px; } #iilliiiiilii b { font-weight: 600; } .lillilliilll, .ililllllilil { color:#ccc; cursor: pointer; } .lillilliilll:hover, .ililllllilil:hover { color:red; } #illilllliill{ visibility:hidden; } #illilllliill table { width: 100%; } #illilllliill td{ padding:8px; font-size: 12px; } #illilllliill th{ padding:8px; } .lillilillili, .liiililliiii, .lllliliiiiil, .illlilililii { font-size: 30px; } .lliliiliilli, .iilliiliiill, .iiililiiilli, .iililiililii { font-size: 40px; font-family: 'FiraMedium'; font-weight: bold; } .lillillliill { color:#eee; font-size: 26px; } .liiiliililll { font-size: 33px; font-weight: bold; } .iiilliilliil { font-size: 22px; float:left; clear:left; text-align: center; } .illiiillliil { visibility: hidden; } #llliilililli { border: 1px solid #eaeaea; margin-top: 11px; } #llliilililli td { height: 66px; overflow:hidden; } .ui-tooltip, .lliiliiiiill:after { background: #c51a1b; border: 1px solid white; } .ui-tooltip { padding: 10px 20px; color: white; font-size: 12px; border-radius: 8px; text-transform: uppercase; box-shadow: 0 0 4px gray; } .lliiliiiiill { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .lliiliiiiill.top { top: -16px; bottom: auto; } .lliiliiiiill.left { } .lliiliiiiill:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .lliiliiiiill.top:after { bottom: -20px; top: auto; } .ui-accordion, .ui-widget input { font-family: "FiraLight", helvetica, arial, sans-serif; } .ui-widget-content a { color: blue; } .ui-accordion h3 { color:#111; font-size: 16px; border-radius: 0 0 15px 15px; } .ui-accordion-header { padding: 20px; margin:0; text-transform: uppercase; } .lillllliiiii{ padding:0px; } .ui-icon { zoom: 125%; -moz-transform: scale(1.25); -webkit-zoom: 1.25; -ms-zoom: 1.25; } td .ui-accordion-header-active { border-radius: 14px 14px 0 0; background:#eee; border-style: solid; border-width: 2px 2px 0px 2px; border-color: #aaa; } td .ui-accordion-content-active { border-radius: 0 0 14px 14px; background:#eee; border-style: solid; border-width: 0px 2px 2px 2px; border-color: #aaa; padding: 3px; } .ui-accordion .ui-state-active .ui-icon { background-image: initial; } .ui-accordion .ui-state-active { font-size: 26px; text-transform: uppercase; } .ui-accordion .ui-accordion-header-collapsed .ui-icon { background-image: initial; } .ui-accordion .ui-state-active::before { content: "▼"; color: red; font-size: 26px; } .ui-accordion-header-collapsed::before { content: "▶"; } #iilliiiiilii{ } #liiiilliiili { top:22px; margin-top: 11px; width:333px; height:333px; } #lliiillillil { margin-top: 11px; } #ilillliillii { top:22px; margin-top: 11px; width:130px; height:333px; } .iillillliili { background-color: rgba(255, 255, 255, 0.81); height: 143px; width: 250px; color: rgba(44, 44, 44, 1); position:relative; top: -277px; margin-right: 38px; padding: 11px 11px 0 11px; opacity: 1; box-sizing: initial; } .iillillliili p { margin:0; text-align: left; font-family: 'InterLight'; font-size: 18px; line-height: 19px; text-indent:0; } .lilililiiiil { background-color: rgba(255, 255, 255, 0.81); height: 80px; width: 250px; position:relative; top: -295px; margin-left: 38px; padding: 21px 11px 0 11px; box-sizing: initial; } .lilililiiiil h4 { margin:0; text-align: left; font-family: 'InterRegular'; color: rgba(44, 44, 44, 1); font-size: 20.5px; line-height: 30px; margin-bottom: 14.5px text-indent:0; font-weight:normal; } #lllliillilli input, #lllliillilli textarea { width: 100%; font-size: 14px; font-family: 'FiraBook'; margin: 8px 0 16px 0; border-radius:0; } #lllliillilli .llliliililll { width: initial; font-size: 14px; font-family: 'FiraBook'; margin: 8px 6px 22px 2px; border-radius:0; } #lllliillilli textarea { height: 66px; } #lllliillilli button { width: 100%; font-size: 14px; height:33px; font-family: 'FiraMedium'; margin: 4px; } #lllliillilli button:hover { opacity:0.66; } #lliiillillil label{ display:inline-block; font-size: 14px; font-family: 'FiraMedium'; } .liiiiliiliil { margin:10px; float:left; } #iilliiiiilii .dropzone { padding:0; min-height:122px; margin-top:0; margin-bottom: 11px; } #iilliiiiilii { height: 222px !important; } #lliiiiiiiiii { height: 55px; width: 93%; margin: 0px; background-color: #eee; border: 4px solid red; border-bottom: none; border-radius: 11px 11px 0 0 ; margin-left: 10px; margin-right: 10px; padding: 10px 10px 10px 44px; color: #FFF; position: fixed; bottom:0; display:none; } #lliiiiiiiiii h3 { margin:0 0 0 0; padding:3px 0 0 0; color: #111; } #lliiiiiiiiii ul { margin:3px 0 0 0; padding:0 0 0 0; } #lliiiiiiiiii ul li { display: inline; list-style:none; margin:0 33px 0 0; padding:0 0 0 0; } #lliiiiiiiiii ul li a { font-size: 22px; color: #111; text-decoration: none; } #lliiiiiiiiii ul li a:hover { color: red; } .llillillliii { font-family: "FiraLight", helvetica, arial, sans-serif; font-size:14px; height:33px; } #lillliiiilii p, #iillllillili p { font-family: "FiraLight"; font-size:14px; text-align:center; } #lliiiilillli td { background:#FFFFFF; padding:16px; text-align:center; vertical-align:middle; font-weight:300; font-size: 14px; border: 0px solid #fff; } .ui-widget button { font-family: 'FiraBook'; } .ui-widget input:disabled { background-color: #ddd; } #lllilillliii hr { border: 2px solid orange; margin-left: 0; width:33%; visibility:hidden; } #liiiiiliiiii { font-size: 11px; color:orange; visibility:hidden; } #jS_adm_btn_save_pw:disabled { opacity:0.5; } #lilillililil { font-family: 'FiraMedium'; font-size: 12px; line-height 2px; color:red; display:none; } .llililllilil { color:#ccc; cursor: pointer; }