﻿
.w-item-header .w-icon-text {
    flex-grow: 2;
    word-wrap:break-word;
}


img[src=""] {
    display: none;
}


.w-icon {
    display: inline-block;
}

    img.w-icon,
    .w-icon img {
        left: 5px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        padding: 3px;
        /*  display: inline-block;*/
    }

    img.w-icon,
    .w-icon img {
        /*position: absolute;*/
    }

.w-icon-text, .w-item-text {
    /*  margin-left: 35px;*/
    padding-top: 3px;
    cursor: pointer;
}

.w-header .w-icon-text {
    padding-top: 2px;
}

.w-icon-text {
    /* display: inline-block;*/
}

img.w-icon,
.w-icon img {
}

.w-icon-text,
.w-item-text {
}





/*ICONS*/
.w-open-in-accumulate-window-item-level-button,
.w-open-in-new-window-item-level-button,
.w-open-in-same-window-item-level-button,
.w-open-in-same-window-button,
.w-open-in-new-window-button,
.w-open-in-accumulate-window-button,
.w-grid-view-mode-button,
.w-expand-ui-button,
.w-expand-items-button {
    width: 16px;
    height: 16px;
    background-color: white;
    background-size: cover;
    background-position: center;
    border: 2px solid white;
    margin: 3px;
    border-radius: 3px;
    padding:2px;
}

.w-panel > .w-header .w-open-in-same-window-button,
.w-panel > .w-header .w-open-in-new-window-button,
.w-panel > .w-header .w-open-in-accumulate-window-button,
.w-panel > .w-header .w-grid-view-mode-button,
.w-panel > .w-header .w-expand-ui-button,
.w-panel > .w-header .w-expand-items-button {
    /*display: none;*/
}

.w-open-in-accumulate-window-item-level-button,
.w-open-in-new-window-item-level-button,
.w-open-in-same-window-item-level-button {
    display: block;
    padding: 3px 3px !important;
}

/*.w-panel > .w-header:hover .w-open-in-same-window-button,
.w-panel > .w-header:hover .w-open-in-new-window-button, 
.w-panel > .w-header:hover .w-grid-view-mode-button,
.w-panel > .w-header:hover .w-expand-ui-button,
.w-panel > .w-header:hover .w-expand-items-button,
.w-panel > .w-header:hover .w-open-in-accumulate-window-button
{
    display: block;
}*/

.w-grid-view-mode-button {
    background-image: url('/assets/icons/grid-view-mode.png')
}

.w-site .w-open-in-accumulate-window-item-level-button,
.w-site .w-open-in-accumulate-window-button {
    background-image: url('/assets/icons/w-open-in-accumulate-window-button.png') ;
}

.w-site .w-open-in-new-window-item-level-button,
.w-site .w-open-in-new-window-button {
    background-image: url('/assets/icons/w-open-in-new-window-button.png')
}

.w-site .w-open-in-same-window-item-level-button,
.w-site .w-open-in-same-window-button {
    background-image: url('/assets/icons/open-in-same-window-button.png')
}

.w-site .w-expand-items-button.expanded {
    background-image: url('/assets/icons/collapse.png')
}

.w-site .w-expand-items-button {
    background-image: url('/assets/icons/expand.png')
}

.w-site .w-expand-ui-button {
    background-image: url('/assets/icons/expand-screen.png')
}



.w-expand-ui-button.expanded {
    background-image: url('/assets/icons/collapse-screen.png')
}


.w-actions-panel-card .control-type-button {
    display: inline-flex;
}
.w-actions-panel-card .control-type-button .w-button {
    padding: 5px 12px;
    width: 300px;
}

.bg-0002 {
    background-color: transparent;
}
.form-header {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 3px;
    margin: 0px;
    /*    background: linear-gradient(15deg, rgba(0,0,0,1) 0%, rgba(20,40,52,1) 10%, silver 100%);
*/ justify-content: center;
    background-color: #212a3a;
    /*    border-radius: 15px 15px 0px 0px;
            background-color: transparent;

*/
}
.form-header > .w-value-field {
    font-size: inherit;
}
    .form-header.w-001 {
        font-size: 1.1em;
        background-color: transparent;
        background-color: rgb(21, 101, 192);
        color:white;
        padding:5px;

    }
    .form-header.w-002 {
        font-size: 2rem;
    }
    .form-header.w-003 {
        font-size: 1.7rem;
        background-color: transparent;
    }
    .form-header.w-004 {
         font-size: 1.3rem;
    }
    .form-header.w-005 {
         font-size: 1rem;
    }
    .form-header.w-006 {
        font-size: 0.8rem;
    }
    
    
    .form-header-primary {
    background-color: #212147;
    font-size: 1.5em;
    padding: 10px;
}
    .form-header-001 {
        padding-bottom: 7px;
        border-bottom: 2px solid white;
        justify-content: center;
        background-color: #212a3a;
    }

.form-header-009 {
    background-color: #133513;
    font-size: 1.5em;
    padding: 5px;
    width: initial;
}


.w-explanation {
    margin-bottom: 10px;
    color: rgb(105, 117, 134);
}


.w-bold {
    font-weight: bold;
}


.w-flex-right {
    justify-content: end;
}

.w-value-field {
    overflow-wrap: anywhere;
}


.control-type-link > .w-value-field
{
    color:black;
    font-weight:bold;
}

.command-custom-process-change-sub-system > .w-button {
    background-color: transparent;
    text-decoration: underline;
}


.btn-disabled >.w-button
{
    color:gray;
    cursor:default;
}



.w-validation-error{
    border-left :10px solid red !important;
}


.w-panel > .w-content .w-mnemonics-word.w-mnemonics-word {
    flex-flow: row;
    padding:0px;
}
.w-panel > .w-content .w-mnemonics-word.w-mnemonics-word input {
    height:20px;
    font-size:small;
}


 

.verifymnemonicsactiondisplaypanelcomponentclass,
.createmnemonicsactiondisplaypanelcomponentclass {
    max-width: 380px;
}
.w-panel
{

}
.w-html-dropdown-panel.w-panel {
    overflow: visible
}
.w-panel > .w-content .w-mnemonics-word .w-title-field {
    width: 90px;
    padding-top: 4px;
    color:silver;
}
.w-mnemonics-word .w-value-field {
    font-weight: bold;
    font-style: italic;
    font-size: larger;
}

/*.w-global-panel.w-hover > .w-panel-icon {
    font-size: 14px;
} */
/* .w-global-panel-content {
    position: absolute;
    top: 1px;
    right: 1px;
    border: 1px solid white;
    padding: 5px;
    display: none;
    border-radius: 5px; 
    width: 300px;
    background-color: green;
    z-index: 999;
}*/
/*.w-hover:hover > .w-global-panel-content {
    display: block;
}*/
.w-global-panel-content{

}
.w-global-panel .w-global-panel-content {
    display: none
}
.w-global-panel.open .w-global-panel-content {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    /* border: 1px solid white; */
    /* border-radius: 5px; */
    background-color: rgb(21, 101, 192);
    background-color: #404a54;
    color: rgb(255, 255, 255);
    z-index: 99;
    width: max-content;
    text-align: left;
    padding: 20px;
    padding: 10px;
    padding-top: 70px;
    width: 100%;
}

.w-global-panel.open .w-global-panel-content {
    display: block;
}

.w-global-panel .w-opener-icon {
    display: block;
}
.w-global-panel .w-closer-icon {
    display: none;
}
.w-global-panel.open .w-opener-icon {
    display: none;
}
.w-global-panel.open .w-closer-icon {
    display: block;
}


.w-global-panel.open .w-global-panel-icon {
    position: absolute;
    right: 30px;
    z-index: 999;
}
.w-global-panel-icon {
    font-size: 1.5em;
    width: 50px;
    right: 8px;
}


.w-image-preview {
    height: 100px;
    max-width: fit-content;
    border: 3px solid white;
    margin: 3px;
    border-radius: 5px;
}
    .w-image-preview:hover {
        height: 200px;
        max-width:fit-content;
    }

.w-small-logo {
    height: 80px;
    max-width: 150px;
}

.provider-white-labelled-logo {
    height: 60px;
    position: static;
    top: 10px;
    left: 10px;
}

.w-height-tiny > textarea {
    height: 2em;
}
.w-height-small > textarea {
    height: 5em;
}
.w-height-medium > textarea {
    height: 10em;
}
.w-height-large > textarea {
    height: 20em;
}


/*.control-type-button.command-process-GeneralActionManager{
    width:100%;

}
    .control-type-button.command-process-GeneralActionManager .w-button {
        width: 160px !important;
    }*/