/* FRAMEWORK | 00-frame-20240320.css | COPYRIGHT TradingEmbassy.com */
/* STYLE | 20240320.0317FSI */

/*HTML-STRIPPER************************************************************************************************************************************************/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
::selection {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(106,115,123,0.80);/*RFG*/}
::-moz-selection {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(106,115,123,0.80);/*RFG*/}
.x html, body,div,span,applet,object,iframe,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,button,input,textarea,select
{font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; text-decoration: inherit; outline: none;}
img {display: inline-block; border: 0; outline: none;}
/*INDEX********************************************************************************************************************************************************/
html {width: 100%!important; height: auto!important;}
body {overflow: hidden; width: 100%!important;/*IE HANDLES WIDTH SAME AS MIN-WIDTH AND MUST BE DECLARED*/ height: 100vh!important;/*! DON'T CHANGE > VIEW HEIGHT*/ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Verdana, sans-serif, 'tradingembassy'; font-size: 0.875rem;/*14px*/ font-style: normal; font-weight: 400; webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
#MAIN {height: 100vh!important;  /*! DON'T CHANGE > 100% VIEW HEIGHT*/ margin: 0px auto 0px auto;/*! DON'T CHANGE > ABSOLUTE MIDDLE OF PAGE*/}
.MAIN .background-text {position: absolute; z-index: -1; opacity: 0.1; bottom: 50px; right: 130px; line-height: 6rem; font-size: 6rem; font-weight: 600;}
.MAIN .background-text {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#INDEX {position: relative;}
#INDEX {background-color: transparent;}
#CONTENT {position: relative; width: 100vw; height: 100vh; min-width: 1000px;}
/*LINKS********************************************************************************************************************************************************/
a {cursor: pointer; text-decoration: none;}
a:disabled,a.js_disabled {cursor: default;}
/*OVERLAY********************************************************************************************************************************************************/
.js_overlay {position: absolute; z-index: 250!important; width:100%; height:100%; top:0; left:0;}
.selectnone {pointer-events: none; -webkit-touch-callout: none;/*iOS Safari*/ -webkit-user-select: none;/*Chrome all / Safari all*/ -moz-user-select: none;/*Firefox all*/ -ms-user-select: none;/*IE 10+*/ -khtml-user-select: none;/*Konqueror HTML*/ -o-user-select: none;/*Opera*/ user-select: none;/*Chrome and Opera*/}
.js_displaynone {display: none!important;}
.js_hidden {opacity: 0!important;}
/*DEFAULTS*****************************************************************************************************************************************************/
hr {margin: 0; height: 1px; border: 0;}
.cursorDefault:not(.js_disabled) {cursor: default;}
.cursorPointer:not(.js_disabled) {cursor: pointer;}
/*INPUT********************************************************************************************************************************************************/
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Verdana, sans-serif; font-size: inherit; font-weight: 400; border-radius: 1px;}
input,textarea,select {display: inline-block; width: 100%; padding: 0 4px; letter-spacing: 0.03rem; box-sizing: border-box; border-radius: 1px; box-shadow: none; text-decoration: none; -webkit-appearance: none; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
textarea {padding: 4px; line-height: 1.000rem;/*16px*/ font-family: inherit; font-size: inherit;}
textarea.js_error {color: rgba(150,38,44,1.00);/*REDH*/ border: 1px solid rgba(150,38,44,1.00);/*REDH*/ background-color: rgba(255,220,220,1.00);/*REDF*/}
input[type="text"],input[type="password"] {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/}
input:-webkit-autofill:hover,textarea:-webkit-autofill:hover,select:-webkit-autofill:hover {outline-offset: 0;}
input:focus:hover,textarea:focus:hover,select:focus:hover {cursor: default;}
input:-webkit-autofill:focus,textarea:-webkit-autofill:focus,select:-webkit-autofill:focus {outline-offset: 0;}
input:focus,textarea:focus,select:focus {cursor: default; outline-offset: 0;}
input.js_disabled,textarea.js_disabled,select.js_disabled {opacity: 0.5}
input[type="button"] {cursor: pointer; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ padding: 0 16px;}
input[type="button"]:active, input[type="button"].js_active {cursor: default;}
input[type="button"]:disabled, input[type="button"].js_disabled {cursor: default;}
input[type="button"].button-primary:not(.js_formChanged) {cursor: default;}
input[type="button"].button-primary:disabled:hover {cursor: default;}
input[type="button"].button-save:not(.js_active), input[type="button"].button-save:not(.js_active):hover {cursor: default;}
input[type="button"].button-save.js_active {cursor: pointer;}
input[type=checkbox] {width: auto; -webkit-appearance: checkbox;}
input[type=radio] {width: auto; -webkit-appearance: radio;}
/*ERROR*/
.error {margin-top: 10%;}
.error .error-message {margin-right: 20px;}
.error .error-title {font-size: 1.250rem;/*20px*/ line-height: 1.250rem;/*20px*/ font-weight: 600; margin-top: 30px; margin-bottom: 10px;}
.error .error-text {margin-bottom: 20px; line-height: 1.000rem;/*16px*/}
.error .error-image {opacity: 0.7;}
/*REDIRECT*/
.redirect {margin-top: 10%;}
.redirect .redirect-message {margin-right: 20px;}
.redirect .redirect-title {font-size: 1.250rem;/*20px*/ line-height: 1.250rem;/*20px*/ font-weight: 600; margin-top: 30px; margin-bottom: 10px;}
.redirect .redirect-text {margin-bottom: 20px; line-height: 1.000rem;/*16px*/}
.redirect .redirect-image {opacity: 0.4;}
/*MENU*********************************************************************************************************************************************************/
.menu-wrapper {position: absolute; z-index: 200; display: inline-block; top: 0; right: 0; bottom: 0;}


.menu-admin {position: absolute; z-index: 201; display: inline-block; width: 80px; top: 0; right: 0; bottom: 0;}
.menu-admin .menu-logo {position: relative; z-index: 202; height: 86px; display: block; padding: 10px;}
.menu-admin .menu-logo img {width: 60px;}
.menu-admin .menu-container {position: relative; overflow-x: hidden;}
.menu-admin .menu-content {position: relative; overflow-y: scroll; box-sizing: content-box; width: calc(100% + 0px/*will be set by js*/); padding-right: 0px/*will be set by js*/;}
.menu-admin .menu-button {height: 50px; padding: 6px 0; text-align: center; color: rgba(255,255,255,0.70);/*WHT*/ text-transform: uppercase; font-size: 0.625rem;/*10px*/}
.menu-admin .menu-button:hover {cursor: pointer;}
.menu-admin .menu-button.js_active {cursor: default;}
.menu-admin .menu-button .menu-icon {height: 34px;/*44px*/ line-height: 34px;/*44px*/}
.menu-admin .menu-button .menu-text {height: 1.00rem;/*16px*/ line-height: 1.00rem;/*16px*/ overflow: hidden;}
.menu-admin .menu-button.Logout {position: relative; z-index: 209; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ padding: 0;}
.menu-admin .menu-button.Logout:hover {cursor: pointer;}
.submenu-admin {position: absolute; z-index: 200; top: 0; right: 0; padding: 16px; overflow-x: hidden;}
.submenu-admin .menu-title {cursor: default; height: 2.25rem;/*36px*/ line-height: 2.25rem;/*36px*/ padding: 0 0 0 10px; font-size: 1.375rem;/*22px*/}
.submenu-admin .button-close {width: 16px; height: 2.25rem;/*36px*/ line-height: 2.25rem;/*36px*/ font-size: 1.00rem;}
.submenu-admin .button-close:hover {cursor: pointer;}
.submenu-admin .menu-object {height: 564px;}
.submenu-admin .menu-group {margin-bottom: 12px;}
.submenu-admin .menu-group .group-title {line-height: 1.875rem;/*30px*/ padding: 0 10px; font-size: 1.125rem;/*18px*/}
.submenu-admin .menu-group .menu-link {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ padding: 0 10px;}
.flexbox_menu {display: flex; flex-direction: column; flex-wrap: wrap;}/*REVIEW*/
/*PAGE-HEADER**************************************************************************************************************************************************/
.page-header {z-index: 100; margin-right: 80px; margin-bottom: 6px; padding: 0 16px;}
.page-header.header-login {margin: 0; padding: 0;}
.page-header .page-logo img {height: 3.750rem;/*60px*/}
.page-header .page-title {height: 2.500rem;/*40px*/ line-height: 2.500rem;/*40px*/ font-size: 1.5rem;/*20px*/}
.page-header .page-title .title-primary .primary-text {margin-right: 6px;}
.page-header .page-title .title-secondary .secondary-text {margin-left: 6px;}
.page-header .page-action {height: 40px; padding: 4px; margin-bottom: 4px;}
.page-header .action-message {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/}
.page-header .action-message .message-icon {font-family: 'tradingembassy' !important; flex: 0 0 auto; width: 1.375rem;/*22px*/ height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/}
.page-header .action-dropdown {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ margin: 0 1px;}
.page-header .action-dropdown .dropdown-label {min-width: 60px; margin: 0 3px;}
.page-header .action-dropdown .switcher-dropdown {height: 1.875rem;/*30px*/ margin-right: 8px; line-height: 1.875rem;/*30px*/}
.page-header .action-icon {width: 1.875rem;/*30px*/ height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ text-align: center}
.page-header .action-label {min-width: 100px; margin-right: 6px; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ text-align: right;  }
.page-header .action-button {min-width: 100px; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ margin-left: 6px;}
.page-header .action-language {position: relative; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/}
.page-header .action-language .language-icon {width: 1.875rem;/*30px*/ height: 1.875rem;/*30px*/ margin-right: 2px;}
.page-header .action-language .language-icon img {cursor: pointer; opacity: 0.3; width: 100%; height: 100%;}
.page-header .action-language:not(.js_disabled) .language-icon img:hover {opacity: 1.0;} /*RZE: added js_disabled*/
.page-header .action-language .language-icon img.active {cursor: default; opacity: 1.0;}
.page-header .action-language .language-icon img.active:hover {opacity: 1.0;}
.page-header .action-warning:before  {content: "\e8007"; margin-right: 4px;}
.page-header .action-warning {height: 1.875rem;/*30px*/ padding: 0 8px 0 4px; line-height: 1.875rem;/*30px*/ font-weight: 600;}
.page-header .action-error:before  {content: "\e8007"; margin-right: 4px;}
.page-header .action-error {height: 1.875rem;/*30px*/ padding: 0 8px 0 4px; line-height: 1.875rem;/*30px*/ font-weight: 600;}
/*LIST*********************************************************************************************************************************************************/
.list-wrapper {position: absolute; margin-right: 80px; top: 86px; bottom: 30px; right: 0; left: 0;}
.list-wrapper:not(.sortable) .list-header {overflow: hidden; min-height: 50px;}
.list-container {width: 100%; padding: 0 16px; overflow-x: hidden;}
.list-content {opacity: 0; overflow-x: auto; overflow-y: scroll; margin: 2px 0; padding: 0;}
.list-header .header-sort {position: relative; height: 1.625rem;/*26px*/}
.list-header .header-sort .sort-icon {height: 1.625rem;/*26px*/ line-height: 1.625rem;/*26px*/ margin: 0 1px; padding: 0; font-size: inherit; color: inherit; text-align: center;}
.list-header .header-sort .sort-icon .sort-cell {margin: 0; padding-left: 6px;}
.list-header .header-sort .sort-icon .icon-sorted {position: absolute; width: 22px; text-align: center;}
.list-header .header-sort .sort-cell {height: 1.625rem;/*26px*/ line-height: 1.625rem;/*26px*/ margin: 0 1px;}
.list-header .header-sort .sort-cell:hover {cursor: pointer;}
.list-header .header-sort .sort-cell img {width: 20px; height: 20px; margin: 3px 4px;}
.list-header .header-filter {position: relative; margin-bottom: 2px;}
.list-header .header-filter .filter-button {margin: 0 1px;}
.list-header .header-filter .filter-cell {margin: 0 1px;}
.list-header .header-filter input[type="text"] {height: 1.375rem;/*22px*/ line-height: 1.375rem;/*22px*/}
.list-header .header-filter input[type="text"]:focus:hover {cursor: default;}
.list-header .header-filter input[type="button"] {font-family: 'tradingembassy' !important; width: 1.375rem;/*22px*/ height: 1.375rem;/*22px*/ line-height: 1.375rem;/*22px*/ padding: 0; font-size: 0.750rem;/*12px*/}
.list-header .header-filter input[type="button"] {cursor: pointer; border: 1px solid transparent; background-color: transparent;}
.list-header .header-filter input[type="button"].js_active {cursor: pointer;}
.list-header .header-filter input[type="button"].js_disabled {cursor: default; border: 1px solid transparent; background-color: transparent;}
.list-row {padding: 1px 0;}
.list-icon {margin: 0 1px; line-height: 1.375rem;/*22px*/ font-size: 0.625rem;/*10px*/}
.list-button {width: 1.375rem;/*22px*/ margin: 0 1px; padding: 0; font-size: 0.875rem;/*14px*/ text-align: center;}
.list-cell {height: 1.375rem;/*22px*/ line-height: 1.375rem;/*22px*/; margin: 0 1px; padding: 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-cell.ico-string {width: 1.375rem;/*22px*/ font-size: 0.750rem;/*12px*/}
.list-cell.clickable {cursor: pointer;}
.list-cell img {height: 1.000rem;/*16px*/ width: 1.000rem;/*16px*/ margin: 2px 2px 2px 0px; padding: 0; text-align: center;}
.list-cell img.js_translatePending {opacity: 0.2;}
.list-cell img.je_pending:hover {opacity: 0.6;}
/*LIST-SETTINGS************************************************************************************************************************************************/
.list-settings {position: fixed; z-index: 90; min-width: 350px; right: 96px; bottom: 32px; padding: 12px;}
.list-settings .settings-header {line-height: 1.625rem;/*26px*/ margin-bottom: 4px;}
.list-settings .settings-header .settings-title {line-height: 1.625rem;/*26px*/ font-size: 1.125rem;/*18px*/}
.list-settings .settings-row {line-height: 1.875rem;/*30px*/ margin-bottom: 2px;}
.list-settings .settings-label {min-width: 130px;}
.list-settings .settings-button {min-width: 100px; margin: 0 2px 0 0;}
.list-settings .settings-field {width: 100px;}
/*LIST-MESSAGE*************************************************************************************************************************************************/
.list-message {position: relative; height: 2.000rem;/*32px*/ line-height: 2.000rem;/*32px*/ margin: 0; padding: 0 6px;}
/*FORM-MESSAGE* REVIEW ****************************************************************************************************************************************/
.form-message {z-index: 199; position: absolute; min-width: 320px; top: 3px; right: 96px;}
.form-message .message-header {line-height: 1.375rem;/*22px*/}
.form-message .message-content {padding: 6px;}
.form-message .message-row {line-height: 1.375rem;/*22px*/ margin-bottom: 2px;}
.form-message .message-icon {cursor: pointer; width: 1.375rem;/*22px*/ line-height: 1.375rem;/*22px*/ opacity: 0.5;}
.form-message .message-icon:hover {opacity: 1.0;}
.form-message .message-description {opacity: 0.8;}
.layoutFormMessage {z-index: 250; position: fixed; top: 6px; right: 105px; width: 50%; min-width: 350px;}
.layoutFormMessageInner {width: 100%;}
/*PAGE-CONTENT------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-wrapper {position: absolute; margin-right: 80px; top: 86px; right: 0; bottom: 30px; left: 0;}
.page-container {width: 100%; padding: 0 16px; overflow: hidden;}
.page-content {position: relative; margin-bottom: 4px; overflow-y: scroll;}
.page-content.content-scroll-none {overflow: hidden;}
.page-content .page-column {margin-right: 12px;}
.page-content .column-float {min-width: 300px; float: left;}
.page-content .column-main {width: calc( (100%) * 0.80 );}
.page-content .column-nav {width: calc( (100%) * 0.20 ); margin: 0 12px 0 12px; z-index: 1;}
.page-content .column-20 {width: calc( (100%) * 0.20 );}
.page-content .column-25 {width: calc( (100%) * 0.25 );}
.page-content .column-30 {width: calc( (100%) * 0.33 );}
.page-content .column-33 {width: calc( (100%) * 0.33 );}
.page-content .column-50 {width: calc( (100%) * 0.50 );}
.page-content .column-66 {width: calc( (100%) * 0.66 );}
.page-content .column-70 {width: calc( (100%) * 0.70 );}
.page-content .column-75 {width: calc( (100%) * 0.75 );}
.page-content .column-80 {width: calc( (100%) * 0.80 );}
.page-content .column-100 {width: calc( (100%) * 1.00 );}
.page-content .column-main.column-100 {width: 100%; margin-right: 12px;}
.page-content .column-scroll-Y {overflow-y: scroll;}
.page-content .column-scroll-x {overflow-x: scroll;}
.page-content .column-title {height: 1.625rem;/*26px*/ margin-bottom: 6px; vertical-align: top; line-height: 1.625rem;/*26px*/ font-size: 1.125rem;/*18px*/}
.page-content .column-container {margin-right: 6px;}
.page-content .column-content {}
.page-content .column-table {width: 100%; height: 1.125rem;/*18px*/ line-height: 1.125rem;/*18px*/}
.page-content .widget-title {height: 1.625rem;/*26px*/ margin-bottom: 6px; vertical-align: top; line-height: 1.625rem;/*26px*/ font-size: 1.125rem;/*18px*/}
.page-content .widget-content {margin-bottom: 6px;}
.page-content .widget-row {line-height: 1.375rem;/*22px*/}
.page-content .widget-icon {margin-right: 3px; width: 1.375rem;/*22px*/ height: 1.375rem;/*22px*/}
.page-content .widget-icon {width: 1.375rem;/*22px*/ height: 1.375rem;/*22px*/ line-height: 1.375rem;/*22px*/ font-size: 1.000rem;/*16px*/}
/*PAGE-NAVIGATION*/
.page-nav {width: 100%;}
.page-nav .nav-group {line-height: 2.750rem;/*44px*/}
.page-nav .nav-title {line-height: 2.750rem;/*44px*/ padding: 0 16px; font-weight: 600;}
.page-nav .nav-items {padding: 10px 9px 10px 0;}
.page-nav .nav-link {cursor: pointer; margin-left: -1px; line-height: 3.375rem;/*54px*/ padding: 0 16px; word-wrap: break-word;}
.page-nav .nav-link {border-top: 1px solid transparent; border-right: 3px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid transparent;}
/*CHANGE TO js_navLinkActive*/
.page-nav .nav-link.js_active {cursor: default; margin-left: -1px; transition: border-color 0.1s ease-out, background-color 0.1s ease-out;}
/*CHANGE TO js_navClickDisabled*/
.page-nav .nav-link.js_noClick {cursor: default;}
/*PAGE-MAIN*/
.page-main {position: relative;}
.page-main .field-set {position: relative; padding: 0 0 10px 0;}
.page-main .field-set .section-header {margin-bottom: 6px; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ font-size: 1.125rem;/*18px*/ border-bottom: 1px solid transparent;}
.page-main .field-set .section-header:not(.js_fieldSetFixed):hover {cursor: pointer;}
.page-main .field-set .set-header {margin-bottom: 6px; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ font-size: 1.125rem;/*18px*/ border-bottom: 1px solid transparent;}
.page-main .field-set .set-header:not(.js_noHover):not(.js_fieldSetFixed):hover {cursor: pointer;}
.page-main .field-set .set-header.js_noHover:not(.js_fieldSetFixed) .set-title-span:hover {cursor: pointer;}
.page-main .field-set .set-header.js_noHover:not(.js_fieldSetFixed) .set-icon:hover {cursor: pointer;}
.page-main .field-set .set-header:not(.js_fieldSetOpen) .set-icon {width: 1.875rem;/*30px*/ height: 1.875rem;/*30px*/ padding: 1px 5px 0px 5px; line-height: 1.875rem;/*30px*/ font-size: 1.250rem;/*20px*/}
.page-main .field-set .set-header:not(.js_fieldSetOpen) .set-icon:hover {transform: rotate(180deg); margin-top: 1px; padding: 0px 5px 0px 5px;}
.page-main .field-set .set-header.js_fieldSetOpen .set-icon {transform: rotate(180deg); padding: 0px 5px 2px 5px;}
.page-main .field-set .set-header.js_fieldSetOpen .set-icon:hover {transform: rotate(0deg);}
.page-main .form-field {min-height: 1.875rem;/*30px*/ line-height:1.875rem;/*30px*/ margin-bottom: 6px;}
.page-main .form-field .field-label {width: calc(100% * 0.25 ); margin: 0 30px 0 0; text-align: end;}
.page-main .form-field .field-label-comment {margin-top: -8px; min-height: 1.000rem;/*16px*/ line-height: 0.875rem;/*14px*/ font-size: 0.750rem;/*12px*/}
.page-main .form-field .field-control {width: calc(100% * 0.75 );}
.page-main .form-field .field-control-comment {margin: 6px 0; opacity: 0.7; min-height: 1.000rem;/*16px*/ line-height: 1.200rem;/*16px*/ font-size: 0.875rem;/*14px*/}

.page-main .field-control input[type="text"].control-dropdown {padding-right: 26px; background-size: 30px 30px; background-position: right center; background-repeat: no-repeat;}
.page-main .control-textarea {width: 100%; min-height: 3.750rem;/*60px*/}
.page-main .control-textarea textarea {position: relative; height: 3.750rem;/*60px*/ min-height: 3.750rem;/*60px*/ resize: vertical; margin-bottom: -10px;}
.page-main .control-file {height: 1.875rem;/*30px*/}
.page-main .control-file .button-upload {margin-right: 2px; width: 100px;}
.page-main .control-file input[type="button"].button-clear {width: 30px; padding: 0; text-align: center;}
.page-main .control-bool {width: 100px;}
.page-main .control-button {min-width: 100px;}
.page-main .control-count {width: 30px; margin-left: 10px; font-size: 0.875rem;/*14px*/}
.page-main .control-datetime {position: relative; width: 140px;}
.page-main .control-icon {width: 30px; margin-left: 10px; font-size: 0.875rem;/*14px*/}
.page-main .control-status {min-width: 30px; margin-left: 10px; line-height: 1.750rem;/*28px*/ font-size: 0.875rem;/*14px*/}
.page-main .control-status-icon {padding: 0 6px; line-height: 1.750rem;/*28px*/  font-size: 0.875rem;/*14px*/}
.page-main .control-status-text {padding-right: 12px;}
/*POPUP*/
.popup-box {min-width: 300px;}
.popup-box .popup-container {max-width: 60%; max-height: 90%; padding: 12px;}
.popup-box .popup-wrapper {min-width: 400px; min-height: 100px; overflow: overlay;}
.popup-box .popup-title {line-height: 1.375rem;/*22px*/ font-weight: 600;}
.popup-box .popup-title .title-text.warning {color: rgba(230, 92, 0,1.00);/*ORN*/}
.popup-box .popup-title .title-text.error {color: rgba(172,30,40,1.00);/*RED*/}
.popup-box .popup-content {overflow: auto;}
/*DROPDOWN*/
.dropdown-container {position: absolute; z-index: 199; overflow-x: hidden; overflow-y: auto; min-height: 2.000rem;/*32px*/ max-height: 13.750rem; margin-top: 3px;}
.dropdown-container .dropdown-content {padding: 2px;}
.dropdown-container .dropdown-option {cursor: pointer; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ padding: 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;}
/*CHANGE TO js_optionActive AND REMOVE .active*/
.dropdown-container .dropdown-option.active {cursor: default;}
.dropdown-container .dropdown-option.js_optionActive {cursor: default;}
.unique-container {position: absolute; z-index: 199; overflow-x: hidden; overflow-y: auto; min-height: 2.000rem;/*32px*/ max-height: 13.750rem; margin-top: 3px;}
.unique-container .dropdown-content {padding: 2px;}
.unique-container .dropdown-option {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ padding: 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dropdown-container .dropdown-option .tag {position: absolute; top: 0; right: 3px;}
.dropdown-container {max-height: 336px; /*box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.2);*/}
.dropdown-container .dropdown-label {cursor: default; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ font-weight: 600; padding: 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dropdown-container .dropdown-option.option-all {font-weight: 600;}
/*clear inputdropdown field button*/
.js_inputDropdownContainer {position: relative;}
.js_inputDropdownContainer .inputdropdown-clear {position: absolute; top: 0; right: 5px; display: none; opacity: 0.5;}
.js_inputDropdownContainer input:not(:disabled):hover + .inputdropdown-clear.js_active, .js_inputDropdownContainer .inputdropdown-clear.js_active:hover {display: block;}
/*'no result' dropdown item*/
.dropdown-container .dropdown-noresult, .unique-container .dropdown-noresult,
.dropdown-container .dropdown-loading, .unique-container .dropdown-loading {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dropdown-container .dropdown-loading, .unique-container .dropdown-loading {line-height: 1.625rem;}
.dropdown-container .dropdown-loading .loading-animate, .unique-container .dropdown-loading .loading-animate {width: 20px; margin-left: 20px;}
/*CONTROL-OPTION*/
.page-main .form-option {margin-bottom: 4px;}
.page-main .option-content .option-textfield {width: 400px;}
.page-main .option-content .option-icon {margin-left: 4px;}
.page-main .option-action .option-icon {margin-left: 20px;}
/*SWAPBOX*/
.swapbox-column {opacity: 0.6; min-width: 247px; height: 170px; overflow-y: auto;}
.swapbox-column:not(.js_disabled) {opacity: 1.0;}
.swapbox-column.column-left {margin-right: 3px; padding: 0 1px;}
.swapbox-column.column-right {margin-left: 3px; padding: 0 1px;}
.swapbox-column .swapbox-option {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ padding: 0 4px; white-space: nowrap;}
.swapbox-column:not(.js_disabled) .swapbox-option:hover {cursor: pointer; }
.swapbox-column .swapbox-icon {opacity: 0; width: 30px; height: 30px; line-height: 1.875rem;/*30px*/}
.swapbox-column:not(.js_disabled) .swapbox-option:hover .swapbox-icon {opacity: 1;}
.swapbox-column.column-left .swapbox-icon.ico-arrow-left, .swapbox-column.column-right .swapbox-icon.ico-close {display: none;}
.swapbox-column .js_swapboxLeft .js_hidden, .swapbox-column .js_swapboxRight .js_hidden {display: none;}
.swapbox-column .js_swapboxLeft .ui-sortable-placeholder.highlight, .swapbox-column .js_swapboxRight .ui-sortable-placeholder.highlight {height: 30px; min-height: 30px; padding-bottom: 4px;}
/*TREE*/
.tree-content {margin-left: 20px;}
.tree-item .action-icon {width: 1.375rem;/*22px*/ height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ font-size: 0.875rem;/*14px*/ text-align: center;}
.tree-item .js_treeGroup {cursor: pointer;}
/*FORM--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.form-break {height: 6px;}
.form-break.break-10 {height: 10px;}
.form-break.break-12 {height: 12px;}
.form-break.break-20 {height: 20px;}
.form-break.break-24 {height: 24px;}
/*DATE-TIME*/
.datetime-container {position: absolute; z-index: 199; height: 261px; margin-top: 2px;}
/*CALENDAR*/
.calendar-container {position: absolute; z-index: 199; height: 270px; margin-top: 3px; padding: 6px;}
.calendar-content {padding: 6px;}
.calendar-content .calendar-nav {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ margin-bottom: 6px;}
.calendar-content .nav-month {margin-right: 6px;}
.calendar-content select {cursor: pointer; width: 100%; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ padding: 0 6px;}
.calendar-content .nav-icon {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/}
.calendar-content .ico-previous {text-align: left; margin-right: 4px;} 
.calendar-content .ico-next {text-align: right; margin-left: 4px;}
.calendar-content .week-header {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/}
.calendar-content .week-cell {width: 1.875rem;/*30px*/ height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ text-align: center;}
.calendar-content .day-cell {width: 1.875rem;/*30px*/ height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ text-align: center;}
.calendar-content .day-cell:not(.js_inactive) {cursor: pointer;}
.calendar-content .day-cell.js_selected:hover {cursor: default;}
.calendar-content .day-cell.js_selected:hover {cursor: default;}
/*TIME*/
/*THEME=======================================================================================================================================================*/
/*CHANGE TO js_optionActive AND REMOVE .active*/
.dropdown-container .dropdown-option.active {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}
.dropdown-container .dropdown-option.js_optionActive {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}/*THEME*/
.unique-container {border: 1px solid rgba(161,160,164,1.00);/*GR08*/ background-color: rgba(244,244,244,1.00);/*GRLI*/}/*THEME*/
/*CONTROL-OPTION*/
.page-main .option-content .option-icon {color: rgba(186,188,190,1.00);/*GR06*/} 
.page-main .option-content .option-icon:hover {color: rgba(0,192,243,1.00);/*PLM*/}/*THEME*/
.page-main .option-content .option-icon:active {color: rgba(0,170,209,1.00);/*PLMH*/}/*THEME*/
.page-main .option-action .option-icon.ico-add {color: rgba(186,188,190,1.00);/*GR06*/}/*THEME*/
.page-main .option-action .option-icon.ico-add:hover {color: rgba(139,197,63,1.00);/*PMGL*/}/*THEME*/
.page-main .option-action .option-icon.ico-add:active {color: rgba(0,165,81,1.00);/*PMGD*/}/*THEME*/
/*SWAPBOX*/
.swapbox-column {border: 1px solid rgba(161,160,164,1.00);/*GR08*/}
.swapbox-column:not(.js_disabled) .swapbox-option:hover {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(161,160,164,1.00);/*GR8*/}/*THEME*/
/*TREE*/
.tree-item .action-icon.ico-checkbox-unchecked {opacity: 0.3;}
.tree-item .action-icon.ico-checkbox-unchecked:hover {opacity: 0.6;}
.tree-item .action-icon.ico-checkbox-checked {color: rgba(0,192,243,1.00);/*PMB*/}/*THEME*/
.tree-item .action-icon.ico-checkbox-checked:hover {opacity: 0.5;}
.tree-item:not(.js_treeItemSelected) .tree-title:not(.js_treeGroup) {opacity: 0.6;}
.tree-item:not(.js_treeItemSelected) .tree-title.js_treeGroup {opacity: 0.8;}
.tree-item:not(.js_treeItemSelected) .tree-title.js_treeGroup:hover {opacity: 0.8; color: rgba(0,192,243,1.00);/*PMB*/}
.tree-item:not(.js_treeItemSelected) .tree-title:not(.js_collapsed) {opacity: 0.8;}
.tree-item:not(.js_treeItemSelected) .tree-title:not(.js_collapsed):hover {opacity: 0.6;}
.tree-item.js_treeItemSelected .tree-title:not(.js_treeGroup).js_collapsed {color: rgba(0,192,243,1.00);/*PMB*/}/*THEME*/
.tree-item.js_treeItemSelected .tree-title.js_treeGroup.js_collapsed {opacity: 1.0; color: rgba(0,192,243,1.00);/*PMB*/}/*THEME*/
.tree-item.js_treeItemSelected .tree-title.js_treeGroup:not(.js_collapsed) {color: rgba(0,192,243,1.00);/*PMB*/}/*THEME*/
.tree-item.js_treeItemSelected .tree-title.js_treeGroup.js_collapsed:hover {opacity: 0.5;}
.tree-item.js_treeItemSelected .tree-title.js_treeGroup:not(.js_collapsed):hover {opacity: 0.5;}
/*FORM--------------------------------------------------------------------------------------------------------------------------------------------------------*/
::-webkit-input-placeholder/*Chrome/Opera/Safari*/ {color: rgba(201,203,204,1.00);/*GR04*/}
:-moz-placeholder /*Firefox 18-*/ {color: rgba(201,203,204,1.00);/*GR04*/}
::-moz-placeholder /*Firefox 19+*/ {color: rgba(201,203,204,1.00);/*GR04*/}
:-ms-input-placeholder /*IE 10+*/ {color: rgba(201,203,204,1.00);/*GR04*/}
/*DATE-TIME*/
.datetime-container {border: 1px solid rgba(161,160,164,1.00);/*GR08*/ background-color: rgba(244,244,244,1.00);/*GRLI*/}/*THEME*/
/*CALENDAR*/
.calendar-container {border: 1px solid rgba(161,160,164,1.00);/*GR08*/ background-color: rgba(244,244,244,1.00);/*GRLI*/}/*THEME*/
.calendar-content .nav-icon {color: rgba(161,160,164,1.00);/*GR08*/}/*THEME*/
.calendar-content .nav-icon:hover {color: rgba(0,192,243,1.00);/*PLM*/}/*THEME*/
.calendar-content .nav-icon:active {color: rgba(0,170,209,1.00);/*PLMH*/}/*THEME*/
.calendar-content .week-cell {color: rgba(161,160,164,1.00);/*GR08*/}/*THEME*/
.calendar-content .day-cell.js_today {background-color: rgba(216,217,219,1.00);/*GR03*/}/*THEME*/
.calendar-content .day-cell.js_selected {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}/*THEME*/
.calendar-content .day-cell.js_inactive {color: rgba(186,188,190,1.00);/*GR06*/}/*THEME*/
.calendar-content .day-cell.js_inactive:hover {color: rgba(113,112,116,1.00);/*GR11*/ background-color: rgba(201,203,204,1.00);/*GR04*/}/*THEME*/
.calendar-content .day-cell:not(.js_inactive):hover {background-color: rgba(201,203,204,1.00);/*GR04*/}/*THEME*/
.calendar-content .day-cell.js_selected:hover {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}/*THEME*/
/*TO DO > ADD CLASS TO DISABLED DAYS*/
.calendar-content .day-cell.js_disabled {color: rgba(201,203,204,1.00);/*GR04*/}/*THEME*/
/*TIME*/
.time-container {position: absolute; z-index: 199; height: 280px; margin-top: 3px; padding: 6px 0 6px 6px;}
.time-container {border: 1px solid rgba(161,160,164,1.00);/*GR08*/ background-color: rgba(244,244,244,1.00);/*GRLI*/}/*THEME*/
.time-content {padding: 6px;}
.time-content .time-nav {height: 1.875rem;/*30px*/ min-height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ margin-bottom: 6px;}
.time-content .time-header {height: 1.875rem;/*30px*/ min-height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ padding: 0 10px;}
.time-content .time-header {color: rgba(161,160,164,1.00);/*GR08*/}/*THEME*/
.time-content .time-select {overflow-y: scroll; height: 100%; margin-right: -2px;}
.time-content .time-cell {cursor: pointer; height: 1.875rem;/*30px*/ min-height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ margin-right: 6px; padding: 0 10px; text-align: center;}
.time-content .time-cell.js_now {background-color: rgba(216,217,219,1.00);/*GR03*/}/*THEME*/
.time-content .time-cell:hover {background-color: rgba(201,203,204,1.00);/*GR04*/}
.time-content .time-cell.js_selected {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}
/*SYNCHRONIZE*/
.column-table .table-cell-date {width: 130px; min-width: 130px;}
.column-table .table-cell-type {min-width: 200px; overflow: hidden;}
.column-table .table-cell-method {width: 70px; overflow: hidden;}
.column-table .table-cell-total {width: 50px; text-align: right;}
.column-table textarea {width: 100%; height: 100%; padding: 4px; resize: none;}
/*FOOTER *** REVIEW *******************************************************************************************************************************************/
.page-footer {position: fixed; z-index: 100; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ margin-right: 80px; padding: 0 16px; right: 0; bottom: 0; left: 0;}
.page-footer {background-color: rgba(231,232,233,1.00);/*GR02*/}
.page-footer .footerRow {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ font-size: 0.6875rem;/*11px*/ color: rgba(161,160,164,1.00);/*GR08*/}
.page-footer .footerRow .margin-right {margin-right: 6px;}
.page-footer .footerRow .margin-left {margin-left: 6px;}
.page-footer .languageBar {position: relative; height: 1.875rem;/*30px*/ padding: 5px 0;}
.page-footer .languageBar .languageIcon {width: 20px; height: 20px; margin-right: 3px; border: 0; background-color: rgba(255,255,255,1.00)!important;/*WHT*/}
.page-footer .languageBar .languageIcon img {cursor: pointer; opacity: 0.4; width: 20px; height: 20px;}
.page-footer .languageBar .languageIcon img:hover {opacity: 1.0;} 
.page-footer .languageBar .languageIcon img.active {cursor: default; opacity: 1.0;}
.page-footer .languageBar .languageIcon img.active:hover {opacity: 1.0;}
.page-footer .footer-icon { cursor: pointer; width: 1.000rem;/*16px*/ margin-left: 6px; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ font-size: 1.000rem;/*16px*/}
.page-footer .footer-icon:hover {color: rgba(0,192,243,1.00);/*PLM*/}/*THEME*/
.page-footer .footer-icon:active {}/*THEME*/
.page-footer .footer-icon.js_disabled {cursor: default; color: rgba(200,200,200,1.00);/*GRYD*/}
/*.page-footer .actionIco input {width: inherit; height: inherit; line-height: 1.125rem;18px background-color: rgba(245,160,26,0.20);}*/
.page-footer .footerIco img.Status {width: 12px; height: 12px;}
.page-footer .footerText {font-size: 0.625rem;/*10px*/ line-height: 1.875rem;/*30px*/ text-transform: uppercase;}
.page-footer .footerText.highlight {font-weight: 600; color: rgba(145,145,149,1.00);/*GRAY-9C*/}
.page-footer .footerText.develop {font-size: 0.625rem;/*10px*/ font-weight: 600; color: rgba(172,30,40,1.00);/*RED*/}
.page-footer .footerText.UpdateNumber {margin-right: 18px;}
.page-footer .list-records {margin: 0 3px;}
.page-footer .list-pages {margin: 0 3px;}
.page-footer .navigate-field {width: 40px; margin: 0 3px;}
.page-footer input[type="text"] {width: 100%; height: 1.250rem;/*20px*/ line-height: 1.250rem;/*20px*/ font-size: 0.750rem;/*12px*/ text-align: center;  border: 1px solid rgba(174,176,178,1.00);/*GR07*/ background-color: rgba(255,255,255,0.96);/*WHT*/}
.page-footer input[type="text"]:hover {border: 1px solid rgba(0,192,243,1.00);/*PLM*/}
.page-footer input[type="text"]:focus {border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(232,254,254,1.00);/*PLMF*/}
.page-footer input[type="text"]:focus:hover {cursor: default;}
/*FLEX*********************************************************************************************************************************************************/
.flexcontainer {/*TOP|LEFT|WIDTH100%*/ display: -webkit-box; display: -ms-flexbox; display: flex;}
.flexcontainer.center {/*TOP|CENTER|WIDTH100%|HEIGHT100% > !*/ -ms-flex-pack: distribute; justify-content: space-around;}
.flexcontainer.middle {/*CENTER|MIDDLE|WIDTH100%|WRAPPED > ! NEEDS HEIGTH 100vh IN DIV#MAIN*/ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.flexcontainer.stretch {/**/ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.flexcontainer.row {/**/ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.flexcontainer.row-reverse {/**/ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.flexcontainer.column {/**/ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
/*FLEX.WRAPPER ***************************************************/
.flexwrapper {/*TOP|LEFT|WRAPPED*/ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;} 
.flexwrapper.left {/*TOP|LEFT|WRAPPED*/ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.flexwrapper.center {/*TOP|LEFT|WRAPPED*/ -ms-flex-pack: distribute; justify-content: space-around;}
.flexwrapper.right {/*TOP|RIGHT|WRAPPED*/ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
/*FLEXBOX ********************************************************/
.flexbox {/*TOP|LEFT|WIDTH100%*/ display: -webkit-box; display: -ms-flexbox; display: flex;}
.flexbox.row {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.flexbox.row:before, .flexbox.row:after {content: initial;}
.flexbox.column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.flexbox.space-between {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flexbox.left {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.flexbox.center {-ms-flex-pack: distribute; justify-content: space-around;}
.flexbox.right {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.flexbox.middle {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.flexbox.bottom {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.flexbox.baseline {-ms-flex-item-align: baseline; align-self: baseline;}
.flexbox.stretch {-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.flexbox.grow {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.flexbox.inline {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;}
.flexbox.wrap {-ms-flex-wrap: wrap; flex-wrap: wrap;}
.flexbox.nowrap {-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
/*THEME*/
/*INDEX********************************************************************************************************************************************************/
body {letter-spacing: 0.05rem; color: rgba(45,42,38,1.00);/*BLCK*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.MAIN .background-text {color: rgba(45,42,38,0.30);/*BLCK*/}
.MAIN.Error .background-text {color: rgba(172,30,40,0.50);/*RED*/}
/*LINKS********************************************************************************************************************************************************/
a {color: rgba(161,160,164,1.00);/*GR08*/}
a:hover {color: rgba(0,170,209,1.00);/*PMBH*/}
a:active,a.active {color: rgba(0,192,243,1.00);/*PLM*/}
a:disabled,a.js_disabled {color: rgba(231,232,233,1.00);/*GR02*/}
/*OVERLAY********************************************************************************************************************************************************/
.js_overlay {background-color: rgba(106,115,123,0.20);/*RFG*/}
/*DEFAULTS*****************************************************************************************************************************************************/
hr {background-color: rgba(216,217,219,1.00);/*GR03*/}
/*INPUT********************************************************************************************************************************************************/
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {border: 1px solid rgba(201,203,204,1.00);/*GR04*/ -webkit-box-shadow: 0 0 0px 30px rgba(255,255,255,1.00) inset;}
input, textarea,select {border: 1px solid rgba(174,176,178,1.00);/*GR07*/ background-color: rgba(255,255,255,0.96);/*WHT*/}
input:-webkit-autofill:hover,textarea:-webkit-autofill:hover,select:-webkit-autofill:hover {border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
select:focus {border: 1px solid rgba(0,192,243,1.00);/*PLM*/}
input:hover,textarea:hover,select:hover {border: 1px solid rgba(0,192,243,1.00);/*PLM*/}
input:focus,textarea:focus {border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(232,254,254,1.00);/*PLMF*/}
input:-webkit-autofill:focus,textarea:-webkit-autofill:focus,select:-webkit-autofill:focus {border: 1px solid rgba(0,192,243,1.00);/*PLM*/ -webkit-box-shadow: 0 0 0px 30px rgba(220,248,250,1.00)/*PMBF*/ inset;}
input.js_focussed,textarea.js_focussed {border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(232,254,254,1.00);/*PLMF*/}
input.js_disabled:hover,textarea.js_disabled:hover,select.js_disabled:hover {border: 1px solid rgba(201,203,204,1.00);/*GR04*/}
input.js_error {color: rgba(150,38,44,1.00);/*REDH*/ border: 1px solid rgba(150,38,44,1.00);/*REDH*/ background-color: rgba(255,220,220,1.00);/*REDF*/}
input[type="button"] {color: rgba(113,112,116,1.00);/*GR11*/ border: 1px solid rgba(174,176,178,1.00);/*GR07*/ background-color: rgba(201,203,204,1.00);/*GR04*/}
/*INPUT-BUTTON*/
input[type="button"]:hover {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(161,160,164,1.00);/*GR08*/ background-color: rgba(161,160,164,1.00);/*GR08*/}
input[type="button"]:active, input[type="button"].js_active {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(113,112,116,1.00);/*GR11*/ background-color: rgba(113,112,116,1.00);/*GR11*/}
input[type="button"]:disabled, input[type="button"].js_disabled {color: rgba(201,203,204,1.00);/*GR04*/ border: 1px solid rgba(216,217,219,1.00);/*GR03*/ background-color: rgba(231,232,233,1.00);/*GR02*/}
input[type="button"]:disabled:hover, input[type="button"].js_disabled:hover {color: rgba(201,203,204,1.00);/*GR04*/ border: 1px solid rgba(216,217,219,1.00);/*GR03*/ background-color: rgba(231,232,233,1.00);/*GR02*/}
input[type="button"].button-primary:hover {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,192,243,1.00);/*PLM*/}
input[type="button"].button-primary:not(.js_formChanged) {color: rgba(201,203,204,1.00);/*GR04*/ border: 1px solid rgba(216,217,219,1.00);/*GR03*/ background-color: rgba(231,232,233,1.00);/*GR02*/}
input[type="button"].button-primary:not(.js_formChanged):hover {color: rgba(201,203,204,1.00);/*GR04*/ border: 1px solid rgba(216,217,219,1.00);/*GR03*/ background-color: rgba(231,232,233,1.00);/*GR02*/}
input[type="button"].button-primary.js_formChanged {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,192,243,1.00);/*PLM*/}
input[type="button"].button-primary.js_formChanged:hover {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}
input[type="button"].button-primary:hover {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(0,170,209,1.00);/*PLM*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}
input[type="button"].button-primary:disabled:hover {color: rgba(201,203,204,1.00);/*GR04*/ border: 1px solid rgba(216,217,219,1.00);/*GR03*/ background-color: rgba(231,232,233,1.00);/*GR02*/}
input[type="button"].button-new:hover {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,192,243,1.00);/*PLM*/}
input[type="button"].button-save:not(.js_active), input[type="button"].button-save:not(.js_active):hover {color: rgba(201,203,204,1.00);/*GR04*/ border: 1px solid rgba(216,217,219,1.00);/*GR03*/ background-color: rgba(231,232,233,1.00);/*GR02*/}
input[type="button"].button-save.js_active {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,192,243,1.00);/*PLM*/}
input[type="button"].button-save.js_active:hover {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}
input[type="button"].button-cancel:hover {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(150,38,44,1.00);/*REDH*/ background-color: rgba(150,38,44,1.00);/*REDH*/}
input[type="button"].button-delete:hover {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(150,38,44,1.00);/*REDH*/ background-color: rgba(150,38,44,1.00);/*REDH*/}
input[type="button"].button-undo:not(.js_disabled):hover {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(150,38,44,1.00);/*REDH*/ background-color: rgba(150,38,44,1.00);/*REDH*/}
input[type="button"].button-mode:hover {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(234,107,20,1.00);/*ORN*/}
input[type="button"].button-mode.js_modeEnabled {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(234,107,20,1.00);/*ORN*/}
input[type="button"].button-mode.js_modeEnabled:hover {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(161,160,164,1.00);/*GR08*/ background-color: rgba(161,160,164,1.00);/*GR08*/}
input[type="button"].button-upload:hover {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,192,243,1.00);/*PLM*/}
input[type="button"].checked {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,192,243,1.00);/*PLM*/}
input[type="button"].checked:hover {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(0,170,209,1.00);/*PLMH*/ background-color: rgba(0,170,209,1.00);/*PLMH*/}
/*INPUT-TEXT*/
input[type='text']:hover,textarea:hover,select:hover {border: 1px solid rgba(128,127,131,1.00);/*GR10*/}
input[type='text']:focus,textarea:focus {border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(232,254,254,1.00);/*PLMF*/}
/*MENU***THEME*************************************************************************************************************************************************/
.menu-admin {background-color: rgba(45,42,38,1.00);/*BLC*/}
.menu-admin .menu-content:not(.js_active) .menu-button.item-active {background-color: rgba(255,255,255,0.20);/*WHT*/}
.menu-admin .menu-button {color: rgba(255,255,255,0.70);/*WHT*/}
.menu-admin .menu-button:hover {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(62,60,58,1.00);/*BLCH*/}
.menu-admin .menu-button.js_active {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(68,67,66,1.00);/*BLCA*/}
.menu-admin .menu-button.Logout {background-color: rgba(172,30,40,1.00);/*RED*/}
.menu-admin .menu-button.Logout:hover {background-color: rgba(150,38,44,1.00);/*REDH*/}

.submenu-admin {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(68,67,66,1.00);/*BLCA*/ box-shadow: 0 0 2px 1px rgba(0,0,0,1.00);/*BLK*/}
.submenu-admin .button-close {color: rgba(255,255,255,0.30);/*WHT*/}
.submenu-admin .button-close:hover {color: rgba(255,255,255,1.00);/*WHT*/}
.submenu-admin .menu-group .group-title {color: rgba(255,255,255,0.50);/*WHT*/}
.submenu-admin .menu-group.item-active .group-title {color: rgba(255,255,255,0.80);/*WHT*/ background-color: rgba(45,42,38,0.50);/*BLKC*/}
.submenu-admin .menu-group .menu-link {color: rgba(255,255,255,0.80);/*WHT*/}
.submenu-admin .menu-group .menu-link:hover {background-color: rgba(45,42,38,0.80);/*BLKC*/}
.submenu-admin .menu-group.item-active .menu-link:hover {background-color: rgba(68,67,66,1.00);/*BLCA*/}
.submenu-admin .menu-group.item-active a.item-active:hover:after {opacity: 0;}

.submenu-admin a {background-color: transparent;}
.submenu-admin a.item-active {position: relative; background-color: rgba(255,255,255,0.20);/*WHT*/}
.submenu-admin a.item-active:hover {background-color: rgba(255,255,255,0.20);/*WHT*/}
.submenu-admin a.item-active:after {position: absolute; top: 7px; right: 7px; content: '\e2121'; color: rgba(255,255,255,1.00); opacity: 0.60;}

.menu-link-a {background-color: transparent;}

/*PAGE-HEADER***THEME******************************************************************************************************************************************/
.page-header .page-title .title-secondary {color: rgba(0,192,243,1.00);/*PLM*/}
.page-header .page-action {border-top: 1px solid rgba(216,217,219,1.00);/*GR03*/ border-bottom: 1px solid rgba(216,217,219,1.00);/*GR03*/ background-color: rgba(231,232,233,1.00);/*GR02*/}
.page-header .action-message .js_error {color: rgba(172,30,40,1.00);/*RED*/}
.page-header .action-dropdown .switcher-dropdown {background-color: rgba(255,255,255,1.00);/*WHT*/}
/*LATER REPLACE WITH DEFAULT TEXFIELD-DROPDOWN*/
.page-header .action-dropdown .switcher-dropdown select {height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ padding-right: 26px; background-size: 30px; background-position: right center; background-repeat:no-repeat;}
.page-header .action-dropdown .switcher-dropdown select {background-image:url('/_theme/form/dropdown.png');}
.page-header .action-dropdown .switcher-dropdown select:hover {background-image:url('/_theme/form/dropdown-hover.png');}
.page-header .action-dropdown .switcher-dropdown select:active {background-image:url('/_theme/form/dropdown-active.png');}
/*PAGE-ACTION**************************************************************************************************************************************************/
.page-header .action-icon {color: rgba(190,192,194,1.00);/*GR05*/ border: 1px solid rgba(190,192,194,1.00);/*GR05*/}
.page-header .action-icon.ico-checkbox-checked {color: rgba(118,188,33,1.00);/*GRN*/ border: 1px solid rgba(118,188,33,1.00);/*GRN*/}
.page-header .action-language .language-icon {background-color: rgba(255,255,255,1.00)!important;/*WHT*/}
.page-header .action-warning {color: rgba(234,107,20,1.00);/*ORN*/ border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.page-header .action-error {color: rgba(171,6,53,1.00);/*RED*/ border: 1px solid rgba(171,6,53,1.00);/*RED*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
/*LIST*********************************************************************************************************************************************************/
.list-content .nglistEven {background-color: rgba(239,240,240,1.00);/*GR01*/}
.list-header {background-color: rgba(68,67,66,1.00);/*BLCA*/}
.list-header .header-sort {color: rgba(255,255,255,0.96);/*WHT*/}
.list-header .header-sort .sort-icon.js_active {color: rgba(0,192,243,1.00);/*PLM*/}
.list-header .header-sort .sort-icon .icon-sorted {background-color: rgba(68,67,66,1.00);/*BLCA*/}
.list-header .header-sort .sort-cell:hover {color: rgba(0,192,243,1.00);/*PLM*/}
.list-header .header-sort .sort-cell.js_active {color: rgba(0,192,243,1.00);/*PLM*/}
.list-header .header-filter input[type="text"] {border: 1px solid rgba(255,255,255,0.96);/*WHT*/ background-color: rgba(255,255,255,0.96);/*WHT*/}
.list-header .header-filter input[type="text"]:hover {border: 1px solid rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.list-header .header-filter input[type="text"]:focus {border: 1px solid rgba(232,254,254,1.00);/*PLMF*/ background-color: rgba(232,254,254,1.00);/*PLMF*/}
.list-header .header-filter input[type="text"].js_error {color: rgba(150,38,44,1.00);/*REDH*/ border: 1px solid rgba(255,243,243,1.00);/*REDF*/ background-color: rgba(255,243,243,1.00);/*REDF*/}
.list-header .header-filter input[type="button"] {color: rgba(255,255,255,0.30);/*WHT*/}
.list-header .header-filter input[type="button"].js_active {color: rgba(255,255,255,0.80);/*WHT*/ border: 1px solid rgba(172,30,40,1.00);/*RED*/ background-color: rgba(172,30,40,1.00);/*RED*/}
.list-header .header-filter input[type="button"].js_active:hover {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(150,38,44,1.00);/*REDH*/ background-color: rgba(150,38,44,1.00);/*REDH*/}
.list-cell:focus {background-color: rgba(0,192,243,0.03);/*PLM*/}
.list-cell.ico-string.unchanged{color: rgba(207,212,216,1.00);/*RGR-L*/}
.list-cell.ico-string.changed{color: rgba(234,107,20,1.00);/*ORN*/}
.list-cell.ico-string.build{color: rgba(0,112,60,1.00);/*GRN*/}
.list-cell.ico-string.error{color: rgba(171,6,53,1.00);/*RED*/}
.list-cell.clickable:hover {color: rgba(0,192,243,1.00);/*PLM*/}
/*LIST-FILTER*/
.filter-select-options .options-container-resize {background-color: rgba(0,192,243,1.00);/*PMB*/;}
/*LIST-SETTINGS*/
.list-settings {border: 1px solid rgba(174,176,178,1.00);/*GR07*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.list-settings .settings-header {border-bottom: 1px solid rgba(174,176,178,1.00);/*GR07*/}
.list-settings input[type="button"].checked {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,192,243,1.00);/*PLM*/}
.list-settings input[type="button"].checked:hover {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(0,170,209,1.00);/*PLMH*/ background-color: rgba(0,170,209,1.00);/*PLMH*/}
/*LIST-MESSAGE*/
.list-message {color: rgba(245,160,26,1.00);/*ORN*/ border: 1px solid rgba(245,160,26,1.00);/*ORN*/ background-color: rgba(245,160,26,0.10);/*ORN*/}
/*FORM-MESSAGE*************************************************************************************************************************************************/
.form-message {border: 1px solid rgba(174,176,178,1.00);/*GR07*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.layoutFormMessage {background-color: rgba(255,255,255,0.90);/*WHT*/}
.layoutFormMessage.js_mssgSuccess .layoutFormMessageInner {border: 1px solid rgba(0,112,60,1.00); background-color: rgba(0,112,60,0.20);/*STATUS-GREEN*/}
.layoutFormMessage.js_mssgSuccess .ico-close:hover {color: rgba(0,112,60,1.00)!important;}
.layoutFormMessage.js_mssgWarning .layoutFormMessageInner {border: 1px solid rgba(226,153,0,1.00); background-color: rgba(226,153,0,0.20);/*STATUS-ORANGE*/}
.layoutFormMessage.js_mssgWarning .ico-close:hover {color: rgba(226,153,0,1.00)!important;}
.layoutFormMessage.js_mssgError .layoutFormMessageInner {border: 1px solid rgba(178,34,34,1.00); background-color: rgba(178,34,34,0.20);/*STATUS-RED*/}
.layoutFormMessage.js_mssgError .ico-close:hover {color: rgba(178,34,34,1.00)!important;}
.layoutFormMessage .layoutFormMessageInner {border: 1px solid rgba(178,178,178,1.00); background-color: rgba(178,178,178,0.20);/*STATUS-GREY*/}
.layoutFormMessage .ico-close:hover {color: rgba(178,178,178,1.00)!important;}
/*LIST-SORTABLE************************************************************************************************************************************************/
.sortable ol[frm_sortablelist] > li div:not(.excluded):first-child > div.sortable-row {border: 1px solid rgba(220,248,250,1.00);/*PMBF*/ background-color: rgba(220,248,250,1.00);/*PMBF*/}/*THEME*/
.sortable ol[frm_sortablelist] > li > ol > li div:not(.excluded):first-child > div.sortable-row {background-color: rgba(231,232,233,1.00);/*GR02*/}/*THEME*/
.sortable ol[frm_sortablelist] > li > ol > li > ol > li div:not(.excluded):first-child > div.sortable-row {background-color: rgba(239,240,240,1.00);/*GR01*/}/*THEME*/
.sortable ol[frm_sortablelist] > li > ol > li > ol > li > ol > li div:not(.excluded):first-child > div.sortable-row {background-color: rgba(244,244,244,1.00);/*GRLI*/}/*THEME*/
.sortable ol[frm_sortablelist] > li > ol > li > ol > li > ol > li > ol > li div:not(.excluded):first-child > div.sortable-row {background-color: rgba(255,255,255,1.00);/*WHT*/}/*THEME*/
.sortable ol li.placeholder {border: 1px solid rgba(255,238,192,1.00);/*YELF*/ background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.sortable ol li .div.sortable-item:hover {border: 1px solid rgba(255,238,192,1.00);/*YELF*/ background-color: rgba(255,238,192,1.00);/*YELF*/}
.sortable-row {border: 1px solid rgba(161,160,164,1.00);/*GR8*/}/*THEME*/
.sortable-row:hover {border: 1px solid rgba(220,248,250,1.00);/*PMBF*/ background-color: rgba(220,248,250,1.00);/*PMBF*/}/*THEME*/
.sortable-row.js_selected {border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(220,248,250,1.00);/*PMBF*/}/*THEME*/
.sortable-row .sortable-icon:hover {color: rgba(0,192,243,1.00);/*PLM*/}/*THEME*/
.sortable-row .sortable-icon:active {color: rgba(0,192,243,1.00);/*PLM*/}/*THEME*/
.sortableNoContent {color: rgba(180,180,180,1.00);/*GREY3*/}
.sortableRow {border: 1px solid rgba(106,115,123,0.50);/*RFG*/}/*THEME*/
.sortableRow:hover {border: 1px solid rgba(106,115,123,0.70);/*RFLB-GRAY*/ background-color: rgba(220,248,250,1.00);/*PMBF*/}/*THEME*/
.sortableRow.js_selected {border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,192,243,0.10);/*PLM*/}/*THEME*/
.sortableRow.groupHeader {background-color: rgba(239,240,240,1.00);/*GR01*/}/*THEME*/
/*ATTRIBUTE-SET*/
.ui-sortable-placeholder.highlight {background-color: rgba(220,248,250,1.00);/*PMBF*/}
#attributeResource .ui-sortable-placeholder.highlight {background-color: rgba(220,248,250,1.00);/*PMBF*/}
/*REVIEW*/
.sortableIco {color: rgba(106,115,123,0.60);/*RFG*/ background-color: transparent!important;}
.sortableIco:hover,.sortableIco:active {color: rgba(0,63,95,1.00);/*RFB*/}
.sortableButton {background-color: rgba(255,255,255,1.00)!important;/*WHT*/}
/*PAGE-CONTENT------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-content .column-title {border-bottom: 1px solid rgba(216,217,219,1.00);/*GR03*/}
.page-content .column-table:hover {color: rgba(145,145,149,1.00);/*GR9*/ background-color: rgba(0,192,243,0.20);/*PMB*/}
.page-content .column-table.js_selected {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(0,192,243,1.00);/*PMB*/}
.page-content .widget-title {color: rgba(0,192,243,1.00);/*PLM*/ border-bottom: 1px solid rgba(216,217,219,1.00);/*GR03*/}
/*PAGE-NAVIGATION*/
.page-nav {border: 1px solid rgba(216,217,219,1.00);/*GR03*/ background-color: rgba(239,240,240,1.00);/*GR01*/}
.page-nav .nav-title {border-bottom: 1px solid rgba(216,217,219,1.00);/*GR03*/}
.page-nav .nav-link:hover {background-color: rgba(231,232,233,1.00);/*GR02*/}
/*CHANGE TO js_navLinkActive*/
.page-nav .nav-link.js_active {border-top: 1px solid rgba(216,217,219,1.00);/*GR03*/ border-right: 3px solid rgba(0,192,243,1.00);/*PLM*/ border-left: 1px solid rgba(255,255,255,1.00);/*WHT*/ border-bottom: 1px solid rgba(216,217,219,1.00);/*GR03*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
/*PAGE-MAIN*/
.page-main .field-set .section-header:not(.js_fieldSetFixed):hover {opacity: 1.0; color: rgba(0,192,243,1.00);/*PLM*/}
.page-main .field-set .section-header:not(.js_fieldSetFixed):not(.js_fieldSetOpen) {opacity: 0.6; border-bottom: 1px solid rgba(216,217,219,1.00);/*GR03*/}
.page-main .field-set .section-header:not(.js_fieldSetOpen) {opacity: 0.5;}
.page-main .field-set .section-header.js_fieldSetFixed {opacity: 1.0;}
.page-main .field-set .set-header:not(.js_noHover):not(.js_fieldSetFixed):hover {opacity: 1.0; color: rgba(0,192,243,1.00);/*PLM*/}
.page-main .field-set .set-header.js_noHover:not(.js_fieldSetFixed) .set-title-span:hover {opacity: 1.0; color: rgba(0,192,243,1.00);/*PLM*/}
.page-main .field-set .set-header.js_noHover:not(.js_fieldSetFixed) .set-icon:hover {opacity: 1.0; color: rgba(0,192,243,1.00);/*PLM*/}
.page-main .field-set .set-header.js_fieldSetFixed {opacity: 1.0;}
.page-main .field-set .set-header:not(.js_fieldSetFixed):not(.js_fieldSetOpen) {opacity: 0.6; border-bottom: 1px solid rgba(216,217,219,1.00);/*GR03*/}
.page-main .field-set .set-header.js_fieldSetOpen {opacity: 1.0;}
.page-main .field-set .set-header.js_fieldSetOpen:hover {opacity: 0.8;}
.page-main .form-field .field-label.js_disabled {opacity: 0.5}
.page-main .form-field .field-label-comment {color: rgba(161,160,164,1.00);/*GR08*/}
.page-main .form-field .field-control-comment {color: rgba(128,127,131,1.00);/*GR10*/}
.page-main .field-control input[type="text"].control-dropdown {background-image:url('/_theme/form/dropdown.png');}
.page-main .field-control input[type="text"].control-dropdown:not(.js_disabled):hover {background-image:url('/_theme/form/dropdown-hover.png');}
.page-main .field-control input[type="text"].control-dropdown:not(.js_disabled):active {background-image:url('/_theme/form/dropdown-active.png');} /*RZED 20191216 >> added :not('.js_disabled') */
.page-main .control-file input[type="button"].button-clear:not(.js_disabled):hover {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(150,38,44,1.00);/*REDH*/ background-color: rgba(150,38,44,1.00);/*REDH*/}
.page-main .control-file .file-info {color: rgba(186,188,190,1.00);/*GR06*/}
.page-main .control-count {color: rgba(190,192,194,1.00);/*GR05*/}
.page-main .control-icon {color: rgba(186,188,190,1.00);/*GR06*/}/*THEME*/
.page-main .control-icon:hover {color: rgba(0,192,243,1.00);/*PLM*/}/*THEME*/
.page-main .control-icon:active {color: rgba(0,170,209,1.00);/*PLMH*/}/*THEME*/
.page-main .control-status.js_warning {color: rgba(234,107,20,1.00);/*ORN*/ border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(252,226,208,1.00);/*ORNF*/}
.page-main .control-status.js_error {color: rgba(172,30,40,1.00);/*RED*/ border: 1px solid rgba(172,30,40,1.00);/*RED*/ background-color: rgba(255,220,220,1.00);/*REDF*/}
/*POPUP*/
.popup-box .popup-container {background-color: rgba(255,255,255,1.00);/*WHT*/}
.popup-box .popup-location {color: rgba(186,188,190,1.00);/*GR06*/}
/*DROPDOWN*/
.dropdown-container {border: 1px solid rgba(161,160,164,1.00);/*GR08*/ background-color: rgba(244,244,244,1.00);/*GRLI*/}/*THEME*/
.dropdown-container .dropdown-option:hover {background-color: rgba(201,203,204,1.00);/*GR04*/}/*THEME*/