/* custom styles for project specific use */
@media  (max-width: 1100px) {
        .hu_form1_irad {
                bottom: 0px;
        }
}
@media  (min-width: 1100px) {
        body {
                font-size: 15px; 
        }
        a.card_link:hover {
                color: #e76e1f;
                background-color: #99CA3Cdd;
        }
        .hu_form1_irad {
                bottom: 1px;
                right: 1px;
        }
        .hu_form1_ibtn {
                font-size: 15px;
                padding: 7px 13px;
        }
}

@media screen and (max-width: 1100px) {
	.title-ext {
		display: none;
	} 
}
.c31tab {
	height: 100%;
}
.c31tab11 {
	display: none;
}
.c31tab12 {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.c11tab11 {
	padding: 0;
	display: flex;
	align-items: center;
	color: var(--primary-1);
}
.c11tab11 img path {
	fill: var(--primary-1)
}
.c31tab14 {
	width: calc(100% - 13px);
	padding-top: 10px;
	padding-bottom: 10px;
}
.c21, .icon-ddmenu *, .ws-ddmenu * {
	background-color: transparent !important;
	border-width: 0px;
}
html {
	min-height: 100%;
	min-width: 100%;
	height: fit-content;
	width: fit-content;
}
body:not(.cpeditx):not(.editx):not(.htmlx) {
	background: linear-gradient(225deg, var(--secondary-5) 0%, var(--primary-4));
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}
.root {
	width: 95%;
	max-width: 1800px;
	margin: auto;
	margin-bottom: 20px; 
	height: calc(100vh - 3.5em - 20px);
}
.r1 .c11 {
	background: none;
}
.c11 {
	padding: 0;
}
.r2 {
	background: none;
}
.r3 {
	box-shadow: 0px 5px 8px 3px var(--grey-5);
	background: white;
	border-radius: 10px;
}
.c11tab13 {
	vertical-align: top;
	color: white!important;
	padding-right: 0px;
	padding-top: 7px;
	margin: 10px;
	padding: 10px;
	background-color: white;
	border: 0px solid;
	border-radius: 10px;
	margin-right: 0;
	height:auto;
	box-shadow: 0px 5px 8px 3px var(--grey-5);
}
.c11tab {
	background: url(../images/header-nav-bkg-short.png) 0 0 no-repeat;
	background-position: right top;
	width: 100%;
}
.c11tab tr {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.c11tab tr td { 
	width: auto;
}
.c31tab14top {
	padding-top: 5px;
}
.ws-langswitch-flat, .ws-langswitch-flat a, .ws-langswitch-flat i {
	color: var(--link2);
}
.ws-sysctl-menu table {
	display: none;
}
.c21 {
	width: calc(100% - 20px);
	height: 29px;
}
.icon-ddmenu .menuitem {
	padding: 0 10px 0 10px;
}
.icon-ddmenu {
	padding-bottom: 0;
}
.ws-mode-switch {
	color: var(--mmenu);
	font-family: 'Exo 2';
	font-size: 120%;
}
.r3 {
	height: 99%;
}
.c31 {
	padding: 0;
}
a:hover {
	color: var(--link1-hov)
}
a {
	color: var(--link1)
}
.ss_mode_switch a:hover {
	color: var(--link2-hov)
}
table.root td tr {
	height: auto;
}
.page_footer {
	background-color: var(--primary-1);
	width: 100%;
}
.footer-container .footer_txt {
	width: calc(80% - 40px);
	max-width: 984px;
	margin: auto;
}
.page_footer a {
	color: white;
}
.page_footer a:hover {
	color: var(--link1-hov);
}
.page_footer .ss_par {
	margin: 20px auto !important;
	color: white;
	width: fit-content;
}
@keyframes slideInFromLeftName {
	0% {
		transform: translateX(-100vw);
	}
	100% {
		transform: translateX(+100%);
	}
}

/*
.editx, .cpeditx, .htmlx {
        font-size: 100%;
        padding-bottom: 20px;
}
.ss_aclmgr {
        font-size: 15px;
}
.ss_aclmgr {
	height: -webkit-fill-available;
}

.ss_block_section {
	box-shadow: 4px 4px 6px 0px var(--grey-5);
	width: 99.6%;
	border: none;
}

.ss_mergeid {
	color: var(--secondary-1);
	vertical-align: baseline;
	font-size: 80%;
}
a > .ss_tools:hover {
	color: var(--secondary-1)!important;
}
.ws-mode-switch {
	float: right;
}

.ws_cntnt_title > * {
	color: var(--primary-1)!important;
}
.ws_cntnt_title {
	color: var(--primary-1);
}

.formit_ulmenu_sel a {
	font-weight: normal;
}
.formit_ulmenu_uns {
	border: 1px solid transparent;
}
.formit_ulmenu_uns a {
	color: black;
}
.formit_ulmenu_sel:hover a, .formit_ulmenu_uns:hover a {
	color: black;
}


.hu_form1_ibtn {
        color: var(--btn);
        background-color: var(--btn-bg);
        border: solid 0px var(--btn-bg);
}
.hu_form1_ibtn:hover {
        color: var(--btn);
        background-color: var(--btn-hov);
}
.hu_form1_trcol {
	background-color: var(--secondary-6);
}

input:checked~img.imageSelect-img {
	border-color: var(--primary-1)
}
.imageSelect-img:hover {
	background-color: var(--secondary-6);
}

.hu_form1_ibtn, .isub, ::-webkit-file-upload-button {
	border-width: 0px;
	border-radius: 5px;
	background-color: var(--button-b);
	color: white;
	padding: 5px 10px;
}
.hu_form1_ibtn:hover, .isub:hover, ::-webkit-file-upload-button:hover {
	background-color: var(--button-b);
	color: white;
	cursor: pointer;
	box-shadow: 2px 2px 8px 3px var(--grey-5);
}
.hu_form1_tabs_tab {
	background-color: var(--wss-lightblue-5);
	color:white;
}
.hu_form1_tabs_tab:hover {
	background-color: var(--secondary-4);
	color: white;
	cursor: pointer;
}
.hu_form1_tabs_sel {
	background-color: white;
	color: inherit;
}
.hu_form1_tabs_sel:hover {
	background-color: white;
	color: inherit;
	cursor: inherit;
}
.hu_form1_istr, .hu_form1_idrd, .hu_itxt, .hu_idrd {
	border: none;
	border-bottom: 1px solid var(--grey-2);
	border-radius: 0px;
}
.hu_form1_topalign {
	padding-top: 0;
}
.hu_form1_istr:focus, .hu_form1_idrd:focus, .hu_itxt:focus, .hu_idrd:focus, .hu_form1_ro:focus, .chosen-container-active .chosen-single.chosen-default, .chosen-container-active .chosen-single, .vsb-main button:focus, .vsb-js-search-zone input {
	outline: none;
	border-bottom: 2px solid var(--secondary-1) !important;
	transition: border-width 0s, border-color 1.5s;
}
.lightpick {
	box-shadow: 0px 5px 8px 3px var(--grey-5);
}
.hu_form1_ro {
	background: none;
	border-bottom: 	1px dotted var(--grey-5);
	border-radius: 0px;
}

.lightpick__day.is-today {
	border-radius: 50%;
	background-image: none;
	background-color: var(--secondary-4);
}
.lightpick__day.is-today:hover {
	border-radius: 50%;
	background-image: none;
	background-color: var(--secondary-5);
}
.lightpick__day:not(is-disabled):hover {
	border-radius: 50%;
	background-image: none;
	background-color: var(--secondary-5);
}
.lightpick__day.is-start-date, .lightpick__day.is-end-date {
	border-radius: 50%;
	background-image: none;
	background-color: var(--secondary-1);
}
.lightpick__day.is-start-date:hover, .lightpick__day.is-end-date:hover {
	border-radius: 50%;
	background-image: none;
	background-color: var(--secondary-3);
}

.chosen-drop, .vsb-menu .multi {
	border: none !important;
	box-shadow: 0px 5px 8px 3px var(--grey-5);
	border-radius: 5px !important;
}
.vsb-menu .multi li {
	padding: 0.2em 1em 0.2em 2em;
}
.vsb-menu .multi li span {
	left: 0px;
}
.chosen-container .chosen-drop {
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}
.chosen-container .chosen-results {
	margin: 0;
}
.chosen-container .chosen-results li.active-result {
	padding: 5px 10px;
}
.chosen-results .active-result.highlighted, .vsb-main li:hover{
	background-color: var(--secondary-4) !important;
	color: black!important;
}
.chosen-results .active-result.result-selected {
	background-color: var(--secondary-2) !important;
	color: white !important;
}
.chosen-container-multi .chosen-choices {
	background: none;
	border-radius: 0;
}
.chosen-container-multi .chosen-choices {
	margin: 0;
}
.chosen-container {
	margin-bottom: 3px;
}
.chosen-container-multi .chosen-choices {
	padding: 2px 3px;
	margin-top: 5px;
}
.chosen-container-multi .chosen-choices li.search-choice {
	background: none;
	border: none;
	font-size: 85%;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	padding-left: 3px;
	padding-right: 5px;
}
.chosen-single.chosen-default, .chosen-single, .vsb-main button, .vsb-js-search-zone input {
	border: none !important;
	border-bottom: 1px solid var(--grey-2) !important;
	border-radius: 0px;
}

.vsb-main button {
	padding: 2px 10px 2px 3px !important;
}
.vsb-menu .multi {
	padding: 3px 0;
	margin-top: 0;
}

*/

.ss_vmenu {
	margin-left: 0;
	padding-left: 0;
	height: 100%;
	padding-right: 0;
	background: var(--vmenu-bg);
	box-shadow: inset -3px 0 3px lightgray;
}
.ss_vmenu table {
	padding-top: 10px;
	padding-left: 10px;
}
.ss_vmenu a {
	color: var(--primary-1);
}
.ss_vmenu td {
	padding: 7px 10px 7px 5px !important;
}
.ss_vmenu_uns:HOVER, .ss_vmenu_edt_uns:HOVER, .ss_vmenu_uns1:HOVER,
.ss_vmenu_edt_uns1:HOVER, .ss_vmenu_sel:HOVER, .ss_vmenu_edt_sel:HOVER,
.ss_vmenu_sel1:HOVER, .ss_vmenu_edt_sel1:HOVER {
	box-sizing: border-box;
	background-color: white;
	box-shadow: -2px 1px 4px lightgrey;
	border-radius: 15px 0 0 15px;
}
.ss_vmenu_uns:HOVER A, .ss_vmenu_edt_uns:HOVER A, .ss_vmenu_uns1:HOVER A, .ss_vmenu_edt_uns1:HOVER A, .ss_vmenu_sel:HOVER A, .ss_vmenu_edt_sel:HOVER A, .ss_vmenu_sel1:HOVER A, .ss_vmenu_edt_sel1:HOVER A {
	color: var(--primary-1);
	border-radius: 15px 0 0 15px;
}
.ss_vmenu_sel1, .ss_vmenu_sel {
	border-radius: 15px 0 0 15px;
	box-shadow: -2px 1px 4px lightgrey;
}
.ss_vmenu .ss_vmenu_sel1 a, .ss_vmenu .ss_vmenu_sel a {
	font-weight: bold;
}

.wss-sticky-header {
        position: sticky;
        background-color: white;
        width: -webkit-fill-available;
        top: 0;
}

.hu_ltabs {
	background: none!important;
	border-bottom: 2px solid var(--primary-2);
}
.hu_ltabs LI {
	background-color: var(--lightgrey-1);
	border-radius: 5px 5px 0 0;
	margin: 0 3px 0 0 !important;
}
.hu_ltabs LI:hover {
	transition: all 0.2s ease-in;
}
.hu_ltabs LI A {
	background: var(--lightgrey-1)!important;
	border-radius: 5px 5px 0 0;
	border: none!important;
	color: var(--primary-2);
	padding: 6px 0 6px 7px !important;
}
.hu_ltabs LI A:hover {
	background-color: var(--grey-5)!important;
	transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.hu_ltabs LI A SPAN {
	background: none!important;
}
.hu_ltabs LI.ltabs_sel A {
	background: var(--primary-2)!important;
	padding: 6px 0 6px 7px !important;
	border: none;
	border-radius: 5px 5px 0 0;
	z-index: 100;
}
.hu_ltabs LI.ltabs_sel A SPAN {
	color: white;
}
._c1_d0 ol, ._c1_d0 ul, form ol, form ul {
	margin: 0.5em;
}
._c1_d0 li, form ul li {
	padding: 0.3em;
} 
._c0_d0 {
	padding: 1.2ex 1em 1.2ex 0;
}

.ss_table, .hu_table1, .hu_table3 {
	border: none;
	box-shadow: 0px 5px 8px 3px var(--grey-5);
    	margin-bottom: 13px;
}
.hu_table3 {
	border: none;
	width: -webkit-fill-available;
}
.hu_trbk {
	background-color: var(--secondary-6);
}
.hu_trbk:hover {
	background-color: var(--secondary-5);
	cursor: text;
}
.ss_table tr:first-child, .hu_table1 tr:first-child, .hu_table3 tr:first-child {
	border-radius: 5px 0 5px 0;
	background-color: var(--secondary-2);
	position: sticky;
	top: 0;
	backdrop-filter: blur(20px);
}
.ss_table tr:first-child, .hu_table1 th, .hu_table3 th {
	border: none;
	font-weight: bold;
	color: white;
	background-color: var(--wss-lightblue-3);
}
.ss_table tr:first-child a, .hu_table1 th a, .hu_table3 th a {
	color: white;
}
.ss_table td, .hu_table1 td, .hu_table3 td {
	border: none;
}
.ss_table TD, .ss_table TH {
	border: none;
}
.ss_table tr:not(.hu_trbk):hover, .hu_table1 tr:not(.hu_trbk):hover, .hu_table3 tr:not(.hu_trbk):hover {
	background-color: var(--secondary-5);
	cursor: text;
}
.ss_table tr:first-child:hover, .hu_table1 tr:first-child:hover, .hu_table3 tr:first-child:hover {
	background-color: var(--secondary-2);
	box-shadow: none;		
}
.wss-instance-name {
	font-size: 1.3em;
	color: white;
	background-color: var(--primary-1);
	border-bottom: 0.4em solid #383D66;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 1.8em;
	animation: 50s linear 0s infinite slideInFromLeftName;
}
table::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
table::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}
table::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

details {
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 0.5em;
}
.color-container {
	display: grid;
	grid-template-columns: repeat(8,1fr);
	grid-gap: 20px;
	margin-bottom: 20px;
}
.color-card {
	width: 120px;
	height: 200px;
	text-align: right;
	border-radius: 15px;
	padding: 5px 10px;
}

/** TODO 
auth.css:

@@ -690,30 +689,52 @@ table.ss_news TD#title { padding-right: 2ex; }
 a > .ss_tools { color: #888; }
+a > .ss_tools:hover {
+       color: var(--secondary-1);
+}
+

-.hl1 { color: #c80020 !important; font-weight: 200; }
-.hl2 { color: #936c00 !important; font-weight: 200; }
-.hl3 { color: #929292 !important; font-weight: 200; }
-.hl4 { color: #222222 !important; font-weight: 200; }
-.hl5 { color: #54ab19 !important; font-weight: 200; }
-.fs110 { font-size: 110%; }
-.fs120 { font-size: 120%; }
-.fs130 { font-size: 130%; }
-.fs150 { font-size: 150%; }
-.fs200 { font-size: 200%; }
-a > .greyout { color: #ccc !important; }
-.greyout { color: #ccc !important; }



forms.css

-.hu_form1_table_td_row0 { padding: 1.0ex 1.0em 0.6ex 2px; border-bottom: 1px solid var(--syscolor0); }
+.hu_form1_table_td_row0 { border-bottom: 1px solid var(--table-h-b); padding: 1.0ex 1.0em 0.6ex 2px; }
-.hu_form1_table_td_col0 { white-space: nowrap; vertical-align: top; padding: 1.2ex 1.0em 0.9ex 0; }
+.hu_form1_table_td_col0 { vertical-align: top; padding: 1.2ex 1.0em 0.9ex 0; }


styles.css

.c21 {
        -       width: 100%;
        -       height: 1px;
        -       border-collapse: collapse;
        -       border-style: solid none solid none;
        -       border-width: 1px;
        -       border-color: #bcbcbc;
        +       width: calc(100% - 20px);
        +       height: 29px;
                padding: 0px 0px 0px 10px;
                background-color: var(--mmenu-bg);
                vertical-align: top;
         }
.ss_user_name { color: var(--link2); white-space: nowrap; }
-.ss_user_name A:hover { color: #b4c9d9; }
+.ss_user_name a:hover { color: var(--link2-hov); }
 
multiselect.css;
.vsb-menu .multi li.grouped-option {
        font-size: 15px;
        padding-left: 5px;
@@ -246,6 +253,7 @@ li.short{
        color: #333;
        float:left;
        margin-left:-18px;
+       margin-right: -1000px;
*/