html,body,form {height:100%;}

body {font-family: 'Open Sans', sans-serif;margin:0;}

* {box-sizing: border-box;}
*:before,
*:after {
  box-sizing: inherit;
}

@font-face {
    font-family: 'font-awesome';
    src: url('../Fonts/font-awesome/fonts/fontawesome-webfont.eot');
    src: url('../Fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../Fonts/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../Fonts/font-awesome/fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fa-solid-900';
    src: url('../Fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.eot');
    src: url('../Fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../Fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.woff') format('woff'), url('../Fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.ttf') format('truetype'), url('../Fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.svg#fa-solid-900') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fa-brands-400';
    src: url('../Fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.eot');
    src: url('../Fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../Fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.woff') format('woff'), url('../Fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.ttf') format('truetype'), url('../Fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.svg#fa-brands-400') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4 {font-family: 'Ubuntu', sans-serif;margin:0;padding:0}
p {margin:0;padding:0 0 10px 0;}
.flexThis {display:flex;flex-wrap:wrap;justify-content:space-between;}
.justify-end {justify-content:flex-end}
.txtLrg {font-size:120%;line-height:100%;}
a {color:#414e9d}
a:visited {color:#999;text-decoration:underline;}
p a:hover {text-decoration:none;}
.wrapFlex {display:flex;background-color:#e8e9ea;min-height:100%;justify-content:flex-start}
.menuContent {/*background-color:palevioletred;*/background-color:#202934;padding:0 0 20px 0;width:280px;min-width:270px;}
.mainContent  {/*padding:0 30px 20px 30px;*/padding:0 0 20px 0;flex-grow:2;display: flex; align-items: stretch;flex-direction:column}
.mainContent form {height:auto;}
.mainContent h4 {font-size:18px;font-weight:400;padding:12px 0 5px 0;color:#4e82c1;font-family: 'Open Sans', sans-serif;}
.baseBg  {border:none;border-radius:0;background-color:transparent;padding:20px 0 70px 0;margin:0 30px 0 30px;flex-grow:2;}
.ttl {display:block;color:#565656}
.data {font-size:90%;display:block;color:rgba(0,0,0,0.50)}
.tip {color:#999;font-style:italic;font-size:16px;margin:0;padding:4px 0 16px 0}
.tip:before {content: "\f05a";font-family: 'font-awesome';display: inline-block;margin: 0 6px 0 0;color:#999;font-style:normal;}
.tipImgSize {background-color:#565656;display:inline-block;padding:4px 16px 4px 8px;border-radius:0 8px 8px 0;margin:0 0 15px 0;color:#fff;font-size:14px;border-top:3px solid #ebebeb}
.tipImgSize:before {content: "\f03e";font-family: 'font-awesome';display: inline-block;margin: 0 6px 0 0;font-style:normal;}
.tipSml  {margin:10px 0 0 0;font-size:13px;display:block;color:#3c4b5d}
.readMore {background-color:#414e9d;color:#fff;font-size:13px;display:inline-block;padding:1px 6px;margin:0 0 0 5px;border-radius:2px;cursor:pointer;}
.readMore:hover {background-color:#6f4595}
.rteTip {border:1px dotted #ccc;margin:0 0 20px 0}
.rteTip ul {list-style:none;margin:10px 0;padding:0}
.rteTip ul li {background-color:#ebebeb;border-radius:8px;padding:8px;display:flex;margin:0 0 8px 8px;width:24%;float:left;align-items:flex-start}
.rteTip ul li img {display:inline;background-color:#333;margin:0 8px 4px 0;width:52px;height:52px;}
.rteTip ul li em {font-size:12px;color:rgba(0,0,0,0.50);margin-top:5px;display:block}
.rteTip ul li span {line-height:14px;}
.rteTip ul:after {content:"";display:block;clear:both;}
.rteTip code span {background-color:orange}
.rteTip ol {margin:0 10px 20px 10px;padding:0;list-style: none;counter-reset: tip-counter;}
.rteTip ol li {margin:0 0 8px 0;font-size:15px;counter-increment: tip-counter;position:relative;padding:0 0 0 25px;}
.rteTip ol li:before {content: counter(tip-counter);font-weight: bold;font-size:11px;line-height:11px;background-color:#666;border-radius:50%;display:block;padding:3px 0 0 0;min-width:18px;height:18px;color:#fff;position:absolute;top:0;left:0;text-align:center}
.rteTip h2 {margin:10px; font-size:18px;color:#666}
.rteTip h2:before {content: "\f05a";font-family: 'font-awesome';display: inline-block;margin: 0 6px 0 0;color:#666;font-style:normal;font-size:20px;}


#menu {margin:10px 20px;padding:0}
#menu li {list-style:none;font-size:16px;margin:0;padding:10px 0;}
.menuContent a {text-decoration:none;color:#fff;overflow:hidden;position:relative;min-height:30px;}
.menuContent a:before {content: "\f0a9";font-family: 'font-awesome';display: inline-block;margin: 0 6px 0 0;width:22px;text-align:center;position:absolute;background-repeat:no-repeat}
.menuContent a.home:before {content: "\f015";font-size:22px;} 
.menuContent a.news:before {content: "\f1ea";font-size:18px;padding-top:3px;} 
.menuContent a.workinggroups:before {content: "\f0c0";font-size:18px;} 
.menuContent a.contents:before {content: "\f15c";font-size:18px;} 
.menuContent a.galleries:before {content: "\f03e";font-size:20px;} 
.menuContent a.paypal:before {content: "\f1f4";font-size:20px;font-family: 'fa-brands-400';} 
.menuContent a.documents:before {content: "\f07b";font-size:20px;} 
.menuContent a.conferences:before {content: "\f086";font-size:20px;} 
.menuContent a.partners:before {content: "\f2b5";font-size:20px;} 
.menuContent a.highlites:before {content: "\f249";font-size:20px;} 
.menuContent a.countries:before {content: "\f0ac";font-size:20px;} 
.menuContent a.countrycategories:before {content: "\f0ac";font-size:20px;} 
.menuContent a.countrycategories:after {content: "\f03a";font-size:20px;font-size:12px;} 
.menuContent a.categories:before {content: "\f03a";font-size:20px;} 
.menuContent a.front:before {content: "\f005";font-size:20px;} 
.menuContent a.menumanagement:before {content: "\f0c9";font-size:20px;} 
.menuContent a.menumanagement:after {content: "\f013";font-size:13px;} 
.menuContent a.sponsors:before {content: "\f641";font-size:20px;font-family: 'fa-solid-900';} 
.menuContent a.videos:before {content: "\f03d";font-size:20px;}/*f008*/
.menuContent a.calendar:before {content: "\f133";font-size:20px;} 
.menuContent a.backAreas:before {content: "\f0e8";font-size:20px;} 
.menuContent a.backRoles:before {content: "\f2c2";font-size:16px;} 
.menuContent a.backUsers:before {content: "\f2be";font-size:18px;}
.menuContent a.question:before {content: "\f059";font-size:18px;} 
.menuContent a.gdpr:before {content: "\f21b";font-size:18px;} 
.menuContent a.homebanners:before {content: "\f015";font-size:20px;} 
.menuContent a.homebanners:after {content: "\f249";font-size:12px;} 
.menuContent a.homehighlites:before {content: "\f015";font-size:20px;} 
.menuContent a.homehighlites:after {content: "\f0a1";font-size:13px;} 
.menuContent a.toolbox:before {content: "\f552";font-size:20px;font-family: 'fa-solid-900';} 
.menuContent a.socialnetworks:before {content: "\f542";font-size:18px;font-family: 'fa-solid-900';} 
.menuContent a.members:before {content: "\f2c2";font-size:16px;} 

.menuContent a.menumanagement:before,
.menuContent a.countrycategories:before {top:0;left:0;} 
.menuContent a.homebanners:after,
.menuContent a.homehighlites:after,
.menuContent a.countrycategories:after,
.menuContent a.menumanagement:after {font-family: 'font-awesome';display: inline-block;margin: 0 6px 0 0;text-align:center;position:absolute;background-repeat:no-repeat;transition: 0.5s;}
.menuContent a.homebanners:after,
.menuContent a.homehighlites:after,
.menuContent a.countrycategories:after,
.menuContent a.menumanagement:after {color:#3c4b5d;top:8px;left:8px;background-color:#202934;border-radius:50%;width:17px;height:17px;padding:2px 2px 0 2px ;/*border:1px solid #202934;*/} 

.menuContent a.smtpHost:before {content: "\f233";font-size:20px;} 
.menuContent a.language:before {content: "\f024";font-size:20px;} 
.menuContent a:hover {color:#3c4b5d}
.menuContent a:hover:before {color:#4e82c1;}
.menuContent a:hover:after {background-color:#202934;color:#4e82c1}
.menuContent .active a {color:#4e82c1}
.menuContent .active a:before {color:#3c4b5d}
.menuContent .active a:after {background-color:#3c4b5d}
.menuContent ul {margin:0;padding:0;}
.menuContent select,
.menuContent input[type=button] {font-size:14px;padding:4px 8px;display:inline-block;font-family: 'Open Sans', sans-serif;}
.menuContent label {color:#fff;}

#menu span.expand:after {content: "\f106";font-family: 'font-awesome';display: inline-block;margin: 0 0 0 5px;color:#3c4b5d;font-size:18px;font-weight:bold;}
#menu span.collapse:after {content: "\f107";font-family: 'font-awesome';display: inline-block;margin: 0 0 0 5px;color:#3c4b5d;font-size:18px;font-weight:bold;}

#menuBackoffice {transition: 0.5s;}
#menuBackoffice .menuToggle {margin:0 0 0 0;display:block;position:relative;text-align:right;height:32px;}
#menuBackoffice .menuToggle:before {content: "\f0c9";font-family: 'font-awesome';display: inline-block;color:#3c4b5d;width:28px;height:22px;text-align:center; color:white;vertical-align:middle;margin:0;position:absolute;top:8px;right:8px;}

.menuContent {transition: 0.5s;width:20%;min-width:280px;max-width:280px;}
.menuContent .clientLogo {background-color:#192029;background-repeat:no-repeat;background-position:center center; font-family: 'Ubuntu', sans-serif;color:#ccc;padding:18px;font-size:13px;transition: 0.5s; }
.menuContent .clientLogo {background-image: url('../images/site/logo_client.svg');height:70px;background-size:200px;} /*client logo*/

.menuContent span.ttl {color:#808080;text-transform:uppercase;font-size:12px;/*font-weight:700*/width:200px;display:block;opacity:1;visibility:visible;transition: 0.5s;cursor:pointer;}
.menuContent a {display:block;transition: 0.5s;}
.menuContent a:before {color:#3c4b5d;transition: 0.5s;}
.menuContent a span {transition: opacity 0.3s, visibility 0.3s, display 0.5s;display: inline-block;visibility:visible;opacity:1;overflow:hidden;word-wrap:unset;width:200px;padding:0 0 0 32px;}
.menuContent.showMenuLabels {transition: opacity 0.3s, visibility 0.3s;min-width:70px;width:70px;}
.menuContent.showMenuLabels a {}
.menuContent.showMenuLabels a span {/**/display: none;visibility:hidden;opacity:0;transition: opacity 0.3s, visibility 0.3s;}
.menuContent.showMenuLabels span.ttl {opacity:0;visibility:hidden;margin-left:-120px;}
.menuContent.showMenuLabels a:before {color:#fff;font-size:22px;width:26px;}
.menuContent.showMenuLabels a:hover:before {color:#4e82c1}
.menuContent.showMenuLabels .menuToggle:before {right:20px !important;}
.menuContent.showMenuLabels .clientLogo {font-size:5px}
.menuContent.showMenuLabels .clientLogo {background-image: url('../images/site/logo_client_sml.svg');height:60px;background-size:38px;}/*client logo*/
.menuContent.showMenuLabels a:after {}
.menuContent.showMenuLabels a.subhighlites:after,
.menuContent.showMenuLabels a.subcategories:after {background-color:#fff;}
.menuContent.showMenuLabels a.subhighlites:hover:after,
.menuContent.showMenuLabels a.subcategories:hover:after {background-color:#4e82c1;}

.logOffPanel {margin: 0;padding:0;display:block;display:flex;align-items:center;}

.logOffPanel input[type=button] {font-family: 'font-awesome';border-radius:50%;font-size:16px;line-height:16px;padding:4px;width:28px;height:28px;font-weight:400;margin:0 0 0 8px;display:inline-block;}
.logOffPanel #btnSettings {background-color:#6f4595}
.logOffPanel #userName      {padding:0;display:block;font-size:15px;line-height:15px;}
.logOffPanel select,
.logOffPanel label {display:inline-block;}
.logOffPanel select {font-size:12px;line-height:12px;padding:0 0;border:none;background-color:#fff;max-width:200px;min-width:100px;/*width:100%;max-width:90%;*/margin:0;border:none;}
.logOffPanel label {padding: 0 0 0;font-family: 'Open Sans', sans-serif;font-weight:700;font-size:12px;display:none;}
.logOffPanel span.userNameWrap  {display:inline-block;padding:0 0 0 36px;position:relative;min-height:40px;margin:0 5px 0 0;}
.logOffPanel span.userNameWrap:before {content: "\f007";font-family: 'font-awesome';background-color:#4e82c1;position:absolute;top:2px;left:-5px;padding:5px;width:34px;height:34px;border-radius:50%;color:#fff;text-align:center;font-size:22px;overflow:hidden;}
.logOffPanel a {color:#414e9d;font-size:14px;padding:0 0 0 3px;display:block;text-decoration:none;}

.ttls {background-color:#f4f4f4;padding:18px 30px;margin:0 0 30px 0;display:flex;justify-content:space-between;align-items:center;min-height:85px;}
.ttls h1 {font-size:26px;color:#3c4b5d;display:inline-block;vertical-align:middle;}
.ttls h1 a  {color:#4e82c1;display:block;font-family: 'Open Sans', sans-serif;margin:1px 0 0 0;text-decoration:none;font-size:14px;font-weight:400}
.ttls h1 a:before {content: "\f137";font-family: 'font-awesome';display: inline-block;margin: 0 5px 0 0;color:rgba(78,130,193,0.5);}
.ttls a:hover {color:#ccc;}
.ttls h1 a:hover:before {color:#ccc;color:rgba(78,130,193,1);}
.ttls h2 {font-size:22px;}

.panel {background-color:white;margin:12px 30px }
.panel > div {padding:20px;}
.panel #divFilters,
.panel .panelTop {border-bottom:1px solid #ededed;}
.panel.formPanel {flex-grow:2}

main {background-color:white;margin:12px 30px;display:inline-block;width:60%;vertical-align:top;}
aside {background-color:white;margin:12px 30px;display:inline-block;width:30%;vertical-align:top;}
main div.header,
aside div.header  {padding:18px;font-size:20px;font-family: 'Ubuntu', sans-serif;color:#fff;}
main div.header {background-color:#335f94}
aside div.header {background-color:#54af32}
main div.cnt,
aside div.cnt {padding:18px;}
main div.footer,
aside div.footer {padding:18px;border-top:1px solid #ededed;display:flex;justify-content:space-between}
aside div.footer * {flex-grow:2;}
main div.footer div {width:45%;}

.twoColumnsHome {padding:12px 30px}
.twoColumnsHome main {width:100%;margin:0}
.twoColumnsHome aside {}
.twoColumnsHome main .cnt {width:auto;display:flex;justify-content:space-between}
.twoColumnsHome main .cnt .halfColumn h4 {padding-top:0}
.twoColumnsHome main .cnt .halfColumn h4 a {text-decoration:none;color:inherit}
.twoColumnsHome main .cnt .halfColumn h4 a:hover {color:rgba(0,0,0,0.50)}
.twoColumnsHome main .footer {display:block;} 
.twoColumnsHome main .footer .ttl {color:#4e82c1;font-weight:700} 
.twoColumnsHome main .contactHelp {}
.twoColumnsHome main .footer p {font-size:14px;}
.twoColumnsHome main table tr td        {line-height:26px;}
.twoColumnsHome main table tr td input {padding:4px 8px;font-size:12px;margin:0}
.twoColumnsHome main table tr td.fixSize {width:200px;}

/*form stuff*/
select,
input[type=text],
input[type=password],
input[type=number],
textarea {padding:6px 8px;border:1px solid #c1c1c1;border-radius:2px;font-family: 'Open Sans', sans-serif;font-size:16px;}
textarea {width:100%;max-width:100%;min-height:120px;}
.col-md-10 textarea {min-height:120px;}
#searchBox {transition: width 0.5s;width:200px;}
#searchBox:focus {width:380px;}
#searchBox::placeholder {font-style:italic;}
select[name=subcategory] {width:200px;padding:7px 8px 6px 7px;font-size:14px;margin-right:5px;margin-bottom:5px;}
button,
input[type=submit],
input[type=button],
.lnkBot {font-family: 'Ubuntu', sans-serif;font-weight:700;padding:6px 8px;font-size:18px;border-radius:2px;border:none;background-color:#414e9d;color:#fff;margin:0 8px 0 0;display:inline-block;cursor:pointer;
-webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.50);
box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.50);}
button.sml,
input[type=submit].sml,
input[type=button].sml {margin:0;font-size:15px;}
input[type=file] {border:1px solid #c1c1c1;font-size:16px;border-radius:2px;padding:5px 8px;font-family: 'Open Sans', sans-serif;width:100%;}
.documentDownloadBotLnk:hover,
input[type=submit]:hover,
input[type=button]:hover {background-color:#202934;cursor:pointer;
-webkit-box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.50);
box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.50);}
input[disabled] {background-color:#ccc !important;color:#fff;}
input[disabled]:hover {cursor:default;
-webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.50);
box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.50);}
input[value=x],
input[value=Delete],
input[value=Deactivate],
input[value=Download],
input[value=Activate] {border-radius:16px;padding:3px 10px 5px 10px !important;/*line-height:15px;*/}
input[value=Activate] {background-color:#565656}
input[value=Deactivate] {background-color:#4e82c1}
input[value=Deactivate]:hover {background-color:#565656}
input[value=Activate]:hover {background-color:#54af32}
input[value=x]:hover {background-color:#565656}
input[value=Delete],
input[value=x],
.deleteBot {border-radius:16px;padding:5px 10px;}
input[value=x] {/*font-weight:700 !important;*/font-family:monospace !important}
input.sml  {width:80px !important;}
.documentDownloadBotLnk {font-family: 'Ubuntu', sans-serif;font-weight:700;padding:6px 8px;font-size:18px;border-radius:2px;border:none;background-color:#414e9d;color:#fff;margin:0 8px 0 0;display:inline-block;cursor:pointer;text-decoration:none;
-webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.50);
box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.50);}
.documentDownloadBotLnk:after {content:"\f56d";font-family: 'fa-solid-900';color:#fff;z-index:2;font-weight:400;padding:0 0 0 8px}
table tr td input[type=submit],
table tr td input[type=button] {font-size:13px;font-weight:400;font-family: 'Open Sans', sans-serif;margin:0 5px 4px 0}
label {font-family: 'Ubuntu', sans-serif;color:#565656;padding:0 0 6px 0;display:inline-block;font-size:15px;font-weight:800}
input[readonly] {background-color:#e8e9ea;cursor:default;}
input[value=Download] {padding-left:33px !important;background-image:url(../images/site/ico_download.svg);background-repeat:no-repeat;background-size:16px;background-position:10px 3px}

.panel #divFilters select {max-width:300px;transition: width 0.5s;}


.form-group {margin:0 0 25px 0;}
.form-group select,
.form-group input[type=text] {width:100%;}
.halfColumn,
.flexThis .form-group {width:49%;}
.fullColumn .form-group {width:100%;}
.flexThis.inThreeColumns {justify-content:flex-start}
.flexThis.inThreeColumns .form-group {width:auto;margin-right:2%;}
.flexThis.inThreeColumns.inLineLabel .form-group label {display:inline-block;vertical-align:middle;margin:0;padding:0;}
.flexThis.inThreeColumns.inLineLabel .form-group input {display:inline-block;vertical-align:middle;margin:0;padding:6px 12px}
.flexThis.inThreeColumns.inLineLabel .form-group select {display:inline-block;vertical-align:middle;margin:0;padding:6px 12px}
.flexThis.inThreeColumns.inLineLabel .form-group input[type=checkbox] {margin:10px 0}
.flexThis.inThreeColumns.inLineLabel .form-group div   {display:inline-block;vertical-align:middle;margin:0;padding:0}
.mainContent .form-group .wrapButtons  {position:static;bottom:auto;width:100%;margin:10px 0 20px 0;background-color:transparent;padding:0;}
.mainContent .form-group .wrapButtons input[type=button] {margin:0 0 0 10px}
.form-horizontal .flexThis {}
.form-horizontal .flexThisInputs  {width:50%;min-width:460px;}
.form-horizontal .flexThisInputs input[type=text] {width:auto;flex-grow:2}
/*.form-horizontal .flexThisInputs input[type=text].smlTypeText {width:50%;flex-grow:unset}*/
.form-horizontal .flexThisInputs input[type=button] {width:auto;margin:0 0 0 10px}

.flexThis .form-group.inLineLabel {padding-top:30px;}
.flexThis .form-group.inLineLabel label {display:inline-block;vertical-align:middle;margin:0;padding:0;}
.flexThis .form-group.inLineLabel input {display:inline-block;vertical-align:middle;margin:0;padding:6px 12px}
.flexThis .form-group.inLineLabel select {display:inline-block;vertical-align:middle;margin:0;padding:6px 12px}
.flexThis .form-group.inLineLabel input[type=checkbox] {margin:10px 0}
.flexThis .form-group.inLineLabel div   {display:inline-block;vertical-align:middle;margin:0;padding:0}


.flexThis.flexToContainer {width:auto;justify-content:flex-start;align-items:flex-start;}
.flexThis.flexToContainer .form-group {width:auto;margin:0 30px 30px 0;/*min-height:62px;*/}
.flexThis.flexToContainer.inLineLabel .form-group label {display:inline-block;vertical-align:middle;margin:0;padding:0;}
.flexThis.flexToContainer.inLineLabel .form-group input {display:inline-block;vertical-align:middle;margin:0;padding:6px 12px}
.flexThis.flexToContainer.inLineLabel .form-group select {display:inline-block;vertical-align:middle;margin:0;padding:6px 12px}
.flexThis.flexToContainer.inLineLabel .form-group div   {display:inline-block;vertical-align:middle;margin:0;padding:0}
.flexThis.flexToContainer .form-group-grow {flex-grow:2;}
.flexThis.flexToContainer input[type=button] {padding:8px 8px;}
.flexThis.flexToContainer input[type=checkbox] {margin:10px 8px 8px 4px !important}
.flexThis.flexToContainer label.ttl {text-transform:uppercase;display:block;margin:0 10px 0 0 !important;background-color:#ebebeb;border-radius: 0 8px 8px 0;padding:4px 8px !important;}
.formDate {}
.formDate input[type=text] {width:180px;padding-left:38px;}
.formDate .col-md-10:after {content: "\f133";font-family: 'font-awesome';display: inline-block;position:absolute;top:6px;left:8px;font-size:22px;color:rgba(0,0,0,0.50)}
.formDate .col-md-10 {position:relative;}
.ui-datepicker {background-color:#fff;border-radius:0 0 8px 8px;border:1px solid #ebebeb;border-top:none;}
.ui-datepicker .ui-datepicker-title {font-weight:800;text-align:center;display:block;color:#565656}
.ui-datepicker .ui-datepicker-header {padding:8px;background-color:#ededed}
.ui-datepicker table {margin:0 8px 8px 8px;width:auto;font-size:13px;}
.ui-datepicker table tr th {text-align:center;}
.ui-datepicker table tr td {text-align:center;border:1px solid #ebebeb;width:14%}
.ui-datepicker table tr:hover td {background-color:transparent;}
.ui-datepicker table tr td:hover {background-color:#4e82c1;color:#fff;text-decoration:none;}
.ui-datepicker table tr td:hover a {color:#fff;text-decoration:none;}
.ui-datepicker .ui-datepicker-next, 
.ui-datepicker .ui-datepicker-prev {cursor:pointer;}
.ui-datepicker .ui-datepicker-next {float:right;}
.ui-datepicker .ui-datepicker-next .ui-icon:after {content: "\f0a9";font-family: 'font-awesome';display: inline-block;padding:0 0 0 6px;}
.ui-datepicker .ui-datepicker-prev .ui-icon:before {content: "\f0a8";font-family: 'font-awesome';display: inline-block;padding:0 6px 0 0 ;}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {font-weight:800;font-size:14px;}
.ui-datepicker table .ui-state-active {background-color:#4e82c1;color:#fff;display:inline-block;padding:1px 4px;text-decoration:none;}
.ui-datepicker table *:hover {text-decoration:none;}
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year  {padding:2px;font-size:15px;margin:3px 4px;}

.languagePanel {display:block;/**/text-align:right;margin:-20px -20px 20px -20px;background-color:#f4f4f4;padding:12px;}
.languagePanel .form-group  {margin:0;}
.languagePanel .form-group label {display:inline-block;vertical-align:middle;margin:0 6px 0 0;padding:0;color:#565656;}
.languagePanel .form-group:before {content: "\f024";font-family: 'font-awesome';display: inline-block;margin: 0 0 0 0;color:#666}
.languagePanel .form-group input {display:inline-block;vertical-align:middle;margin:0;padding:6px 12px}
.languagePanel .form-group select {display:inline-block;vertical-align:middle;margin:0;padding:3px 6px;font-size:13px;}
.languagePanel .form-group div    {display:inline-block;vertical-align:middle;}

.imageSelectionPanel,
.docSelectionPanel {background-color:#f4f4f4;margin:20px 0 30px 0;padding:16px;}
.docSelectionPanel .ttl,
.imageSelectionPanel .ttl {font-size:18px;width:100%;}
.imageSelectionPanel .ttl:before {content: "\f03e";font-family: 'font-awesome';display: inline-block;margin: 0 6px 0 0;font-size:20px;font-weight:400}
.docSelectionPanel .ttl:before {content: "\f07b";font-family: 'font-awesome';display: inline-block;margin: 0 6px 0 0;font-size:20px;font-weight:400}
.imageSelectionPanel .lnkBot {margin:0}
.imageSelectionPanel > div {padding:0;}
.imageSelectionPanel .cntMainImage {width:100%;display:flex;flex-wrap:wrap;margin:3px 0 0 0;/*flex-direction:column*/align-items:flex-start;justify-content:space-between}
.imageSelectionPanel .cntMainImage .form-group {width:auto;}
.imageSelectionPanel .cntMainImage > .form-group {margin:0;}
.imageSelectionPanel .cntMainImage .form-group img {max-width:200px;background-color:#fff;}
.imageSelectionPanel .cntMainImage .imgData {width:calc(100% - 220px);height:auto;margin:0;}
.imageSelectionPanel .cntMainImage .imgData strong {color:#565656;min-width:80px;display:inline-block}
.imageSelectionPanel .cntMainImage label {display:block;}
.imageSelectionPanel .cntMainImage input {margin-bottom:12px;}
.imageSelectionPanel .cntMainImage input[type=button],
.imageSelectionPanel .cntMainImage input[type=submit] {margin-right:15px;}
.imageSelectionPanel .cntMainImage span.txt {font-size:13px;line-height:20px;display:block;margin:0 0 10px 0}
.imageSelectionPanel .cntMainImage #divContentHeaderImagePlaceHolder,
.imageSelectionPanel .cntMainImage #divContentImagePlaceHolder {padding:10px;border:4px dashed #aaaaaa;width:200px;height:200px;}
/*.imageSelectionPanel .cntMainImage img {background-color:#ebebeb;background-image:url(../images/site/bg_quote.png);}
.imageSelectionPanel .cntMainImage a   {background-color:#4e82c1;display:block;border:1px solid red;}*/
.imageSelectionPanel.lrgImg .cntMainImage {flex-direction:column;flex-wrap:nowrap;}
.imageSelectionPanel.lrgImg .cntMainImage .form-group {margin:0 0 20px 0;width:100%;}
.imageSelectionPanel.lrgImg .cntMainImage .imgData {width:100%;height:auto;margin:0}
.imageSelectionPanel.lrgImg .cntMainImage .form-group img {max-width:1600px;width:100%;height:auto;}
.imageSelectionPanel.lrgImg .cntMainImage #divContentHeaderImagePlaceHolder,
.imageSelectionPanel.lrgImg .cntMainImage #divContentImagePlaceHolder {width:100%;height:auto;min-height:200px;}
.imageSelectionPanel.lrgImg .cntMainImage #divImage {max-width:1400px;}
.imageSelectionPanel.lrgImg .cntMainImage #divImage img {margin:0 0 0 0;border:1px solid #ebebeb;max-height:none;height:auto;width:100%;max-width:1400px !important;}
.imageSelectionPanel.noFixedSize .cntMainImage {justify-content:flex-start}
.imageSelectionPanel.noFixedSize .cntMainImage .form-group {width:auto;}
.imageSelectionPanel.noFixedSize .cntMainImage .imgData {width:auto;height:auto;margin:0 0 0 20px;}
.imageSelectionPanel #divImage  {display:block;width:auto;max-width:100%;vertical-align:middle;margin:0;}
.imageSelectionPanel #divImage img {display:block;margin:0 0 20px 0;max-width:100%;border:1px solid #ebebeb;}

.validSuccess   {background-color:yellowgreen;padding:18px;color:#fff;}
.validError     {background-color:tomato;padding:18px;font-size:18px;color:#fff;}
.validInfo     {background-color:steelblue;padding:18px;font-size:18px;color:#fff;}
.validAttention {background-color:orange}
.validError h4     {color:#fff;font-family: 'Ubuntu', sans-serif;}
.validError ul,
.validError ul li ,
.validError ul li label  {color:#fff;}
.validMargin {margin:0 30px;}
input[type=text].error, 
input[type=password].error,
select.error {border:1px solid tomato;background-color:lavenderblush;color:tomato}
.bgLogin .validError {position:fixed;top:0;left:0;right:0}

.wrapButtons {text-align:right;margin:20px -20px 0 -20px;background-color:#f4f4f4;padding:20px;}
.wrapButtons input[type=button] {background-color:#414e9d}
.wrapButtons input[type=button].saveBot {background-color:seagreen;margin:0 25px 0 0}
.wrapButtons input[type=button].sideBot {background-color:#565656;float:left;}
.wrapButtons input[type=button].sideBotLnk {/*background-color:rgba(0,0,0,0.3);*/float:left;color:#fff;font-size:14px;}
input[value=Delete],
input[type=button].deleteBot,
button.deleteBot {background-color:darkred;margin:0 5px 0 0;}
input[type=button].deleteBot:hover,
button.deleteBot:hover {background-color:#565656}
.mainContent .wrapButtons {position:fixed;bottom:0;width:calc(100% - 340px);margin:20px 0 0 -20px;z-index:99}/*has to remove space width of menu*/

#divPagingNav  {}
#divPagingNav a {font-size:14px;font-weight:400;border-radius:2px;background-color:#f4f4f4;text-decoration:none;padding:4px 4px;min-width:28px;display:inline-block;margin:0 4px;}
#divPagingNav a:hover {cursor:pointer;background-color:#202934;color:#fff;}
#divPagingNav a.currentPage {background-color:rgba(0,0,0,0.50);color:#fff;}

.wrapLogin {margin: 160px auto 0 auto;width:60%;max-width:1200px;display:flex;min-width:900px;}
.loginBox {background-color:#fff;width:75%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.loginBox .ttl {background-color:#202934;padding:15px 20px;font-size:22px;font-family: 'Ubuntu', sans-serif;color:#fff;width:100%;}
.loginBox .ttl strong {color:#fff;display:block;font-size:16px;color:#c1c1c1;font-style:italic;font-family: 'Open Sans', sans-serif;font-weight:400}
.loginBox .ttl span {display:block;}
.loginBox .ttl img {max-height:60px;float:right;}
.loginBox label {font-weight:700;}
.loginBox .form-group {padding:15px 20px 15px 20px;width:50%;display:inline-block;margin:0;}
.loginBox .form-group input {width:100%;margin:0}
.loginBox .wrapButtons {padding:15px 20px;margin:10px 0 0 0;width:100%;display:flex;justify-content:space-between;align-items:center}
.loginBox .wrapButtons input {background-color:#414e9d;margin:0 0 0 8px}
.loginBox .wrapButtons a {margin:0 10px;display:inline-block;font-size:14px;}
.loginBox .wrapButtons a:visited {color:rgba(0,0,0,0.50)}
.loginBox .wrapButtons .form-group {margin:0;padding:0;text-align:left;}
.sideCntLogin {color:#fff;width:25%;padding:0 0 0 20px;font-size:15px;}
.sideCntLogin a {color:#fff}
.sideCntLogin p:last-child {padding:0}
.bgLogin {height:auto;padding:0 0 0 0;background: rgb(15,23,31);background-size:cover;background-image:url(../images/site/bgImg02.jpg)}
.bgLogin form {height:auto}
.wrapLogin.wrapLoginCenter {width:50%;max-width:500px;min-width:300px;}
.wrapLogin.wrapLoginCenter .loginBox {width:100%;flex-direction:column}
.wrapLogin.wrapLoginCenter .loginBox .form-group {width:100%;}
.wrapLogin.wrapLoginCenter .loginBox .form-group:nth-of-type(2n+1) {padding-top:0}

.dataDescription {background-color:#d9e2ed;border-radius:3px; padding:18px 0 0 0;margin:0 0 20px 0}
.dataDescription ul {list-style:none;margin:0 18px 8px 18px;padding:0}
.dataDescription ul li {padding:0 20px 10px 0;display:inline-block;}
.dataDescription ul li.block {display:block;}
.dataDescription label {color:#3c4b5d}
.dataDescription .flexThis {padding:18px;align-items:center;background-color:#b8cce5;}
.dataDescription .flexThis .form-group {margin:0 20px 0 0;}

#contentText {width:90%;max-width:1200px;margin:0 auto;padding:35px 15px;background-color:#f4f4f4}
#contentText p,
#contentText ul li {line-height:28px;}
#contentText h1,
#contentText h2,
#contentText h3,
#contentText h4 {padding:20px 0 10px 0}


/*icos*/
.contactHelp:before {content: "\f059";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#4e82c1;}
.homepage:before {content: "\f015";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#4e82c1;}
.userIco:before {content: "\f007";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#4e82c1;}
.productIco:before {content: "\f19c";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#4e82c1;}
.lrgIcoItem.productIco:before {font-size:42px}
.bagIco:before {content: "\f290";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#4e82c1;}
.contentIco:before {content: "\f0c5";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#4e82c1;}
.glyphicon-exclamation-sign:before {content: "\f06a";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#fff;font-size:120%;}
input[type=button].sml.deleteBot:before,
button.sml.deleteBot:before {content: "\f057";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#fff;}
button.sortIco, input.sortIco[type=submit], input.sortIco[type=button] {font-family: 'font-awesome', 'Ubuntu', sans-serif;}
.form-group ul li.isCatalog,
.isCatalog {position:relative;color:#3c4b5d}
.form-group ul li.isCatalog:after,
.isCatalog:after {content: "\f558";font-family: 'fa-solid-900';display: inline-block;margin: 0;font-size:22px;font-weight:900}
.form-group ul li.isCatalog:after {padding:0;color:#4e82c1;position:absolute;top:6px;right:6px;}
.icoPending:before {content: "\f017";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#4e82c1;}
.icoMembers:before {content: "\f0c0";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#4e82c1;}

.icoMember:before,
.icoVoting:before,
.icoAdministrator:before,
.icoICOMFriend:before,
.icoSecretariat:before, 
.icoWGCoordinator:before,
.icoDirectory:before,
.icoAssistWg:before {content:"";width:22px;height:22px;vertical-align:middle;background-size:cover;display:inline-block;}
.icoMember:before {background-image:url(../images/site/ico_memberbo.svg);}
.icoAdministrator:before {background-image:url(../images/site/ico_adminbo.svg);}
.icoICOMFriend:before {background-image:url(../images/site/ico_friendbo.svg);}
.icoSecretariat:before {background-image:url(../images/site/ico_secbo.svg);}
.icoWGCoordinator:before {background-image:url(../images/site/ico_wgcbo.svg);}
.icoVoting:before {background-image:url(../images/site/ico_votingbo.svg);}
.icoDirectory:before {background-image:url(../images/site/ico_dirbo.svg);}
.icoAssistWg:before {background-image:url(../images/site/ico_assistbo.svg);}

.lrgIcoItem {padding:0 0 0 56px;position:relative;}
.lrgIcoItem:before {font-size:48px;position:absolute;top:0;left:0;min-width:48px;text-align:center;}
.lrgIcoItem .ttl {display:inline-block;font-size:26px;color:#4e82c1;font-family: 'Ubuntu', sans-serif;}
.lrgIcoItem .ttl + * {display:block;}

/*tables*/
table {width:100%;border-collapse:collapse;color:#565656;font-size:14px;margin:0 0 20px 0}
table tr th,
table tr td {padding:6px;}
table tr th.alignRight,
table tr td.alignRight {text-align:right;width:175px;}
table tr th#colUpdatedOn{width:105px;} 
table tr th#colStartDate{width:100px;} 
table tr th#colEndDate {width:90px;}
table tr th#colSeqId {width:40px;}
table tr th.fixSize,
table tr td.fixSize {width:150px;}
table tr th {font-family: 'Ubuntu', sans-serif;color:#565656;border-bottom:2px solid #c1c1c1;text-align:left;}
table tr td {border-bottom:1px solid #e4e4e4}
table tr:nth-child(even) td {background: #FFF}
table tr:nth-child(odd) td {background:#f9f9f9}
table tr th[onclick] {cursor:pointer;}
table tr th[onclick]:before {content: "\f0dc";font-family: 'font-awesome';display: inline-block;margin: 0 5px 0 0;color:#ccc;}
table tr th.Asc:before  {content: "\f0de";font-family: 'font-awesome';display: inline-block;margin: 0 5px 0 0;color:#3c4b5d;}
table tr th.Desc:before {content: "\f0dd";font-family: 'font-awesome';display: inline-block;margin: 0 5px 0 0;color:#3c4b5d;}
table tr:hover td {background-color:#d9e2ed;border-bottom:1px solid #b8cce5;}
table tr th#colNewsDate {width:88px;}
table tr th#colMetaId {width:250px}
table tr.tempContent td {font-size:12px}
table tr.tempContent td:nth-child(2n) a {padding-left:0;}
table tr.tempContent td input[type=button] {font-size:12px;padding:4px 6px;}
table tr.tempContent td:nth-child(2n) a:before {content:"";display:inline-block;width:15px;height:15px;border-left:2px dotted #999;border-bottom:2px dotted #999;margin:0 5px 0 0 }
table tr th.smlSizeCel{width:60px}
table tr th.textEnd,
table tr td.textEnd {text-align:right}
table tr th.inputSizeCel {width:250px;}
table tr th.dateSizeLng {width:130px !important;}

/*table tr:nth-child(even) + tr.tempContent td {background: #e9e6de;}
table tr:nth-child(odd) + tr.tempContent td {background:#f1ede3;}

table tr:nth-child(even):hover + tr.tempContent td {background-color:#d9e2ed;border-bottom:1px solid #b8cce5;}
table tr:nth-child(odd):hover + tr.tempContent td {background-color:#d9e2ed;border-bottom:1px solid #b8cce5;}
table tr:nth-child(even) + tr.tempContent:hover td {background-color:#d9e2ed;border-bottom:1px solid #b8cce5;}
table tr:nth-child(odd) + tr.tempContent:hover td {background-color:#d9e2ed;border-bottom:1px solid #b8cce5;}

table tr:nth-child(odd) + tr.tempContent + tr:nth-child(odd) td {background-color:pink;}
table tr:nth-child(odd) + tr.tempContent + tr:nth-child(even) td {background-color:blue;}

table tr:nth-child(even) + tr.tempContent + tr:nth-child(odd) td {background-color:#fff;}
table tr:nth-child(even) + tr.tempContent + tr:nth-child(even) td {background-color:#f9f9f9;}*/

table.complexAlternate {}
table.complexAlternate tr td {padding:0}
table.complexAlternate tr td table {/*border:2px solid pink;*/margin:0}
table.complexAlternate tr td table tr td {padding:6px;border:none;}

table.complexAlternate tr:nth-child(even) td table tr:nth-child(even) td,
table.complexAlternate tr:nth-child(even) td table tr:nth-child(odd) td,
table.complexAlternate tr:nth-child(odd) td table tr:nth-child(even) td,
table.complexAlternate tr:nth-child(odd) td table tr:nth-child(odd) td {background:transparent}

table.complexAlternate tr th#colSeqId,
table.complexAlternate tr td table tr td.sizeID  {width:40px;/*background-color:pink;*/}
table.complexAlternate tr td table tr td.sizeDate {}
table.complexAlternate tr th#colWorkingGroup,
table.complexAlternate tr td table tr td.sizeWg {width:150px;/*background-color:yellow;*/}
table.complexAlternate tr th#colFileType,
table.complexAlternate tr td table tr td.sizeType {width:90px;/*background-color:aqua;*/}
table.complexAlternate tr th#colDocumentDate,
table.complexAlternate tr th#colUpdatedOn,
table.complexAlternate tr th#colStartDate,
table.complexAlternate tr th#colEndDate,
table.complexAlternate tr td table tr td.sizeDate {width:110px;/*background-color:lime;*/}
table.complexAlternate tr td table tr td.alignRight  {}


table tr.archived td {background-color:#e8e9ea;color:#999;}
table tr.archived td a {color:#999}
table tr.archived td:first-child {position:relative;}
table tr.archived td:first-child:before {content: "\f187";font-weight:normal;font-family: 'font-awesome';font-size:12px;display: inline-block;margin: 0 8px 0 0;color:#999;position:absolute;top:18%;left:-16px;background-color:#e8e9ea;padding:8px 2px 8px 5px;border-radius:50%  0 0 50%;}
table tr.showHideContent td {}
table tr.showHideContent td span.cntHidden {display:none;}
table tr.showHideContent:hover td span.cntHidden {display:inline-block;}
table.preventJump tr td {line-height:26px;}
table.preventJump tr td input {padding:4px 8px;font-size:12px;margin:0}

/*lists*/
ul.listGrid {list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;flex-wrap:wrap}
ul.listGrid li {margin:0 0 12px 0;padding:12px 0;width:49%;}
ul.listGrid li > a {color:#3c4b5d;text-decoration:none;}
ul.listGrid li > a:hover {text-decoration:underline}

.form-group ul {list-style:none;margin:20px 0;padding:0}
.form-group ul li {border:1px solid #ebebeb;margin:0 0 5px 0;padding:10px 10px 10px 28px;border-radius:8px;position:relative;}
.form-group ul li:nth-child(even) {background: #FFF}
.form-group ul li:nth-child(odd) {background:#f9f9f9}
.form-group ul li input {margin:0 8px 0 0;padding:0;}
.form-group ul li label {margin:0;padding:0;font-weight:400;font-family: 'Open Sans', sans-serif;}
.form-group ul li input[type=checkbox] {vertical-align:top;margin:4px 8px 0 0;position:absolute;top:8px;left:8px;}


/*images*/
#addImageForm,
#selectImageForm {border-radius:0 !important;position:relative;height:500px;width:800px;padding:20px 20px 80px 20px;}
#addImageForm h2,
#selectImageForm h2 {font-size:18px;padding:0 0 5px 0;margin:0;}
#addImageForm p,
#selectImageForm p {font-size:14px;}
#addImageForm select,
#selectImageForm select {margin:0 0 10px 0}
#selectImageForm .form-group {padding:18px 18px 0 18px;}
#divImagesToSelect {display:flex;flex-wrap:wrap;margin:0;padding:0;background-color:#ebebeb;max-height:270px;overflow:auto}
#divImagesToSelect div {margin:8px;border:1px solid #ebebeb}
#divImagesToSelect div:hover {border:1px solid #414e9d}
#divImagesToSelect div img {cursor:pointer;display:block;}

#selectImageForm .copyThis {width:100%;min-height:35px;margin:0 0 10px 0}
#selectImageForm .copyToClipboard  {background-color:#ebebeb;padding:18px;position:absolute;bottom:0;left:0;right:0}
#selectImageForm .copyToClipboard label {display:block;}
#selectImageForm .copyToClipboard textarea,
#selectImageForm .copyToClipboard a {display:inline-block;width:auto;vertical-align:middle;margin:0;}
#selectImageForm .copyToClipboard textarea {width:80%;max-height:80px;font-size:13px;min-height:50px;margin-right:10px;}
#selectImageForm .tip {margin:0;padding:0 0 10px 0;color:#444;}
#selectImageForm .tip img {height:30px;vertical-align:middle;}

#divImagesList {display:flex;flex-wrap:wrap}
/*#divColorsList span.editImg,*/
#divImagesList span.editImg {position:relative;cursor:pointer;height:200px;min-width:150px;max-height:200px;background-color:#ccc;display:flex;justify-content:center;align-items:center;}
/*#divColorsList span.editImg::before,*/
#divImagesList span.editImg::before {content:"";color:#fff;display:block;position:absolute;top:0;left:0;
z-index:1;
width: 0;
height: 0;
border-top: 50px solid #414e9d;
border-right: 50px solid transparent;}
/*#divColorsList span.editImg:after,*/
#divImagesList span.editImg img {display:block;}
#divImagesList span.editImg:after {content:"\f044";font-family: 'font-awesome';position:absolute;top:5px;left:5px;color:#fff;font-size:20px;z-index:2;}
#divImagesList .galleryItem {width:22%;margin:0 2% 2% 0;-webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.2); 
box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.2);/**/}
/*#divImagesList .galleryItem:nth-child(4n) {margin:0 0 2% 0}*/
#divImagesList .galleryItem .wrapImg {display:block;max-width:100%;margin:0;overflow:hidden;width:100%;min-height:200px;}
#divImagesList .galleryItem .wrapImg img {margin:0 auto;}
#divImagesList .galleryItem .wrapButtons {background-color:#fff;position:static;width:100%;margin:0;text-align:left;padding:12px;margin:0;z-index:50}


#colorDetailsForm,
#imageDetailsForm {padding:0;text-align:center;}
#colorDetailsForm img,
#imageDetailsForm img {margin:18px auto;max-width:500px;max-height:500px;}
#colorDetailsForm .form-group,
#imageDetailsForm .form-group {padding:18px;margin:0;background-color:#ebebeb;text-align:left;}
#colorDetailsForm .form-group *,
#imageDetailsForm .form-group * {display:inline-block;}
#colorDetailsForm .form-group select,
#colorDetailsForm .form-group input[type=text],
#imageDetailsForm .form-group select,
#imageDetailsForm .form-group input[type=text] {margin:0 0 8px 0}

#selectRoleForm {padding:18px;}
#selectRoleForm label {margin:20px 0 8px 0}
#selectRoleForm select {width:100%;}

/*upload files*/
#formUploadFile .form-group {}
#formUploadFile .form-group .wrapButtons {margin:0;padding:20px 0 5px 0}
#formUploadFile .form-group .wrapButtons input {margin:0 0 0 10px}

/*ui boxes and stuff*/
.ui-dialog {border:1px solid tomato;background-color:#fff;z-index:999;font-size:16px;border-radius:4px;width:50%;max-width:800px;min-width:250px;}
.ui-dialog-titlebar  {font-family: 'Ubuntu', sans-serif;border-bottom:1px solid #ededed;padding:20px;display:flex;justify-content:space-between;font-size:18px;color:#fff;background-color:tomato;position:relative;border-radius:4px 4px 0 0;}
.ui-dialog-content {padding:10px 20px;font-size:16px;}
.ui-dialog-buttonpane {padding:10px 20px;background-color:#ededed}
.ui-dialog button,
.ui-dialog input[type=button] {border:none;font-family: 'Ubuntu', sans-serif;background-color:#565656;color:#fff;font-size:13px;}
.ui-dialog-titlebar button {position:absolute;top:8px;right:8px;margin:0}
.ui-dialog-buttonpane button,
.ui-dialog-buttonpane input[type=button] {display:inline-block;margin:4px 4px;font-size:16px;background-color:#565656;/*width:100%;*/}
.ui-dialog-buttonpane button:nth-child(2n) {background-color:tomato;}
.ui-widget-overlay {background-color:rgba(50,50,50,0.8);position: fixed;z-index:99;top: 0;left: 0;width: 100%;height: 100%;}

.ui-sortable  {list-style:none;}
.ui-sortable li,
.ui-sortable > div {border:1px solid #ebebeb;background-color:#f4f4f4;margin:0 0 10px 0;display:flex;align-items:center;padding:12px;border-radius:8px;position:relative;}
.ui-sortable > div > div {margin:0 15px 0 0}
.ui-sortable > div > div img {display:block;max-width:100%;}
.ui-sortable > div .txt {/*background-color:yellow;*/}
.ui-sortable > div input {font-size:14px;margin-bottom:8px;}
.ui-sortable > div input[type=text] {font-size:14px;width:80%;max-width:800px;display:block;}
.ui-sortable li:after,
.ui-sortable > div:after {content: "\f0dc";font-family: 'font-awesome';display: inline-block;margin: 0 8px 0 0;color:#3c4b5d;font-size:100%;position:absolute;top:40%;right:12px;}
.ui-sortable .ui-sortable-helper {background-color:#414e9d}
.ui-sortable .ui-sortable-helper:after {content: "\f25a";color:#fff;}
.ui-sortable .ttl {font-weight:700;font-size:16px;padding:0 0 8px 0}

.ui-sortable div.cnt {width:80%;}
#divImagesList.ui-sortable li,
#divImagesList.ui-sortable > div {flex-direction:column;padding:0 0 20px 0;border-radius:1px;border:none;/*background-color:#ebebeb;*/border:none;}
#divImagesList.ui-sortable li:after,
#divImagesList.ui-sortable > div:after {top:unset;bottom:0;right:0;padding:7px;margin:0;color:#fff;z-index:100;}
#divImagesList.ui-sortable > div input[type=text] {width:100%;}
#divImagesList.ui-sortable > div::before,
#divImagesList.ui-sortable li::before {content:"";color:#fff;display:block;position:absolute;bottom:0;right:0;
z-index:99;
width: 0;
height: 0;
border-bottom: 50px solid #414e9d;
border-left: 50px solid transparent;}

/*ui styles in home highlites*/
.ui-homehilite {}
.ui-homehilite .flexToContainer .form-group {width:28%;}
.ui-homehilite .flexToContainer .form-group input[type=text] {display:inline-block;}
.ui-homehilite .flexToContainer .form-group #opacitySlider {display:inline-block;width:75%;margin:0 0 0 5px;}
.ui-homehilite .flexToContainer .form-group #opacitySlider .ui-slider-handle {border-radius:4px;background-color:#4e82c1;border:1px solid #4e82c1}
.ui-homehilite .flexToContainer .form-group #opacitySlider .ui-state-active {background-color:#3c4b5d;border:1px solid #3c4b5d}
.ui-homehilite .flexToContainer .form-group #backgroundOpacity {width:50px;text-align:center;}
.ui-homehilite .flexToContainer .form-group #backgroundColor {width:150px;}
.ui-homehilite .flexToContainer .form-group #colorBlock {width:50px;}
.ui-homehilite .flexToContainer .form-group #colorpicker {display:none;position:absolute;background-color:#eeeeee;z-index:10000;padding:10px;}

.fancybox-skin {border-radius:0 !important;padding:0 !important;background-color:#fff;}
#fileUploadForm {padding:15px;}

.listSort {list-style:none;margin:0;padding:0}
.listSort li span {font-weight:700;font-size:80%;text-transform:uppercase;display:block;padding:20px 0 10px 0;color:#565656}
.listSort li ul {margin:0;padding:0}

.jconfirm-box {width:60%;max-width:1600px;min-width:250px;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {background-color:#414e9d;color:#fff !important;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {background-color:#333 !important;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {font-weight:700;color:#565656}

/*format menu management*/
#divContentsPool {width:38%;}
#divMenus        {width:60%;}
.jstree {}
.jstree ul {}
.jstree .jstree-container-ul {margin-bottom:30px;}
.jstree .jstree-children li {background-color:rgba(220,220,220,0.3);margin:4px; border-radius:4px;border:1px solid rgba(160,160,160,0.3); }
.jstree-default .jstree-anchor {height:auto !important}
.jstree .jstree-children .jstree-children li {/*background-color:pink;*/}
.jstree .jstree-children li a {display:inline-block;width:calc(100% - 24px);padding:9px 2px;white-space:normal}
.jstree .jstree-children li a:hover {color:#4e82c1;color:#fff;}
/*.jstree .jstree-children li:hover {background-color:#3c4b5d}*/
.jstree .jstree-children .jstree-children .jstree-children li { }
.jstree .jstree-children .jstree-children .jstree-children .jstree-children li { }
.jstree .jstree-children .jstree-children .jstree-children .jstree-children .jstree-children li { }
.jstree .jstree-children .jstree-children {margin-left:20px;}
.jstree .jstree-children .jstree-children .jstree-children {margin-left:40px; }
.jstree .jstree-children .jstree-children .jstree-children .jstree-children {margin-left:60px;}
.jstree .jstree-children .jstree-children .jstree-children .jstree-children .jstree-children {margin-left:60px;}
.jstree .jstree-children .jstree-children li:hover {background-color:#f4f4f4;/**/}
/*.jstree .jstree-children .jstree-children .jstree-children li:hover {background-color:#f4f4f4;}
.jstree .jstree-children .jstree-children .jstree-children .jstree-children li:hover {background-color:#f4f4f4;}
.jstree .jstree-children .jstree-children .jstree-children .jstree-children .jstree-children li:hover {background-color:#f4f4f4}*/
.jstree-default .jstree-node {background-image:none !important;}
.jstree-default .jstree-icon {/**/background-image:url(../images/site/32px.png) !important;}
.jstree-default .jstree-hovered {background-color:#4e82c1 !important;color:#fff;}
.jstree-default .jstree-anchor strong {font-size:20px;color:#3c4b5d}
.jstree i.jstree-icon   {}
.jstree i.jstree-ocl  {margin-top:10px;}
.jstree-default .jstree-themeicon {/*background-position:-100px -69px !important*/}
.jstree .jstree-node.jstree-inactive,
.jstree .jstree-node.jstree-inactive a {color:#ccc}
.jstree .jstree-node.jstree-inactive i.jstree-icon {opacity:0.2}
.jstree-default .jstree-node.jstree-inactive .jstree-hovered {background-color:#999 !important}

/*tabs*/
#tabs {border:none;border-radius:0;background-color:#fff;padding:20px 20px 70px 20px;margin:0 30px 0 30px;flex-grow:2 }

#tabs .backofficeTabs {padding:0 20px; list-style:none;margin:0 -20px 0 -20px;border-bottom:1px solid #ededed;}
#tabs .backofficeTabs li {display:inline-block;margin:5px 10px 0 0;font-size:18px;border:none !important /*important against ui styles*/}
#tabs .backofficeTabs li a {text-decoration:none;display:block;padding:6px 10px;color:#414e9d;border-bottom:2px solid #fff;}
#tabs .backofficeTabs li.ui-tabs-active a {background-color:#fff;color:#565656;border-bottom:2px solid #565656;font-weight:800}
#tabs .backofficeTabs li a:hover {color:#565656;border-bottom:2px solid #565656}

#tabs div.ui-tabs-panel  {margin:20px 0 0 0;border:none !important /*important against ui styles*/}
#tabs div.ui-tabs-panel form {margin:0;padding:0;}

#tabs #aTabImages:before {content: "\f03e";font-family: 'font-awesome';margin:0 5px 0 0;font-size:18px;display:inline-block}
#tabs .backofficeTabs li.ui-tabs-active a#aTabImages:before {font-weight:400}

/*temp*/
#tabs.tempCnt {/*border:2px dotted #ccc;*/position:relative;padding-top:30px;/*background-color:#f4f4f4*/}
#tabs.tempCnt:before {content: "unpublished";display:block;width:70px;height:18px;background-color:darkorange;position:absolute;top:24px;/*right:0;*/right:28px;color:#fff;padding:4px;border-radius:0 4px 4px 4px;font-size:10px;line-height:9px;text-align:center;z-index:2}
#tabs.tempCnt:after {content: "";background-image:url(../images/site/temppage.svg);background-size:40px;width:40px;height:40px;position:absolute;top:8px;right:0;margin:4px 8px;text-align:center;z-index:1}
#tabs.tempCnt .imageSelectionPanel, 
#tabs.tempCnt .docSelectionPanel {background-color:#fff;}
#tabs.tempCnt .backofficeTabs li.ui-tabs-active a {background-color:#f4f4f4}
span.unpublished {background-color:darkorange;display:inline-block;padding:4px;border-radius:0 4px 4px 4px;font-size:10px;line-height:9px;color:#fff;}
span.new {background-color:darkseagreen;display:inline-block;padding:4px;border-radius:0 4px 4px 4px;font-size:10px;line-height:9px;color:#fff;}

/*help page styles*/
.helpttl {padding:15px;font-size:28px;color:#565656;background-color:#414e9d;margin:0 0 18px 0;color:#fff;}
.helpBlock {display:block;border-radius:2px;/*-webkit-box-shadow: 0px 0px 3px 2px rgba(142,142,142,0.79);box-shadow: 0px 0px 3px 2px rgba(142,142,142,0.2);*/background-color:#fff;width:22%;text-decoration:none;padding:18px;margin:20px 20px 30px 0;}
.helpBlock:hover {background-color:#f4f4f4;color:#414e9d}
.helpBlock:hover span.ttl,
.helpBlock:hover span.ttl:after {color:#4e82c1;background-color:#999;color:#fff;}
.helpBlock figure {margin:18px 0 0 0;padding:0;text-align:right;width:100%;height:130px;overflow:hidden;/*border-top:2px dotted #ccc;*/border:2px dotted #ccc;position:relative;}
.helpBlock figure img {position:absolute;top:0;left:0}
.helpBlock span.ttl {font-weight:bold;text-align:left;margin:-18px -18px 0 -18px;font-size:22px;font-family:'Ubuntu', sans-serif;background-color:#414e9d;color:#fff;padding:15px 30px 15px 15px;position:relative;overflow:hidden;}
.helpBlock span.ttl:after {content: "\f059";font-family: 'font-awesome';display:block;font-size:58px;color:#b8cce5;margin:8px 0 0 0;opacity:0.5;position:absolute;top:-16px;right:-8px;}
.helpExplain {margin: 0 0 80px 0;/*background-color:#f4f4f4;*/padding:0;border-radius:2px;}
.helpExplain h3 {}
.helpExplain li img,
.helpExplain p img {vertical-align:middle;height:22px;}
.helpExplain li img.block,
.helpExplain p img.block {display:block;height:auto;}
.helpExplain textarea {min-height:120px;}
.helpExplain h4 {font-weight:bold;font-style:italic;font-size:20px;}
.helpExplain figure {padding:18px;background-color:#f4f4f4;margin:18px 0;border-radius:2px;display:inline-block;clear:both;}
.helpExplain figure img {padding:0;border:2px dotted #ccc;}
ol {list-style: none;counter-reset: bo-counter;padding:0}
ol li {counter-increment: bo-counter;position:relative;padding:0 0 0 25px;margin:0 0 20px 0}
ol li::before {
  content: counter(bo-counter) ". ";
  color: #4e82c1;
  font-weight: bold;
  position:absolute;top:0;left:0;
}
.helpExplain ol {}
.helpExplain ol li {}
.helpExplain ol li::before {}
.helpExplain ol li textarea {max-width:60%;display:block;margin:10px 0;}

/*tinyMCE*/
.selectImgTinyMCE {background-color:darkviolet}

/*random styles*/
.floatRight {float:right;}
#searchBox {margin-right:5px;margin-bottom:5px;}

/*social networks*/
#socialNetworks {}
#socialNetworks li  {padding:12px;}
#socialNetworks li img {display:inline-block;vertical-align:middle;margin:0 8px 10px 0}
#socialNetworks li label {display:inline-block;vertical-align:middle;font-weight:700;margin:0 10px 10px 0}
#socialNetworks li input[type=text] {padding:6px 8px;font-size:16px;}