/* Checked 17/10/2025*/
.cstAquaBtnColor {
    background: linear-gradient(180deg, rgb(8, 97, 114) 0%, rgb(15, 142, 181) 75%, rgb(13, 224, 228) 85%, rgb(8, 97, 114) 100%)!important;
    color: var(--cSc10);
    text-shadow: 1px 1px 1px white;
    border-top-color: white;
    border-left-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-radius: 6px;;
    border-style: solid;
    border-width: 2px;
    height: 45px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.cstAquaBtnColor:hover {
    box-shadow: inset 0 0 6px 3px var(--cGn30);
    text-shadow: inset 1px 1px 1px var(--cGy10);
}
.cstAquaBtnColor:focus-within {
    color: var(--cGy50) !important;
    box-shadow: inset 0 0 8px 6px var(--cGn20);
}
.cstAquaBtnColor:disabled {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30);
}
.cstAquaBtnColor:disabled:hover {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30) !important;
}


.cstGreenBtnColor {
    background: linear-gradient(180deg, rgb(37, 102, 0) 0%, rgb(7, 209, 0) 75%, rgb(13, 228, 24) 85%, rgb(45, 121, 21) 100%)!important;
    color: var(--cGy10);
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    border-top-color: white;
    border-left-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-radius: 6px;;
    border-style: solid;
    border-width: 2px;
    height: 45px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.cstGreenBtnColor:hover {
    box-shadow: inset 0 0 6px 3px var(--cGn30);
    text-shadow: inset 1px 1px 1px var(--cGy10);
}
.cstGreenBtnColor:focus-within {
    color: var(--cGy50) !important;
    box-shadow: inset 0 0 8px 6px var(--cGn20);
}
.cstGreenBtnColor:disabled {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30);
}
.cstGreenBtnColor:disabled:hover {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30) !important;
}

.cstOrangeBtnColor {
    background: linear-gradient(180deg, rgb(241, 125, 17) 0%, rgb(255, 139, 44) 75%, rgb(255, 207, 152) 85%, rgb(255, 145, 41) 100%)!important;
    color: var(--cGy10);
    text-shadow: 2px 2px 2px rgb(255, 255, 255);
    border-top-color: white;
    border-left-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-radius: 6px;;
    border-style: solid;
    border-width: 2px;
    height: 45px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.cstOrangeBtnColor:hover {
    background-color: var(--cYw40);
    box-shadow: inset 0 0 5px 5px var(--cOr10);
}
.cstOrangeBtnColor:focus-within {
    background-color: var(--cYw40);
    box-shadow: inset 0 0 5px 5px var(--cOr10);
}
.cstOrangeBtnColor:disabled {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30);
}
.cstOrangeBtnColor:disabled:hover {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30) !important;

}

.cstNavyBtnColor {
    background: #000d83!important;
    background: linear-gradient(180deg, #002679 0%, rgb(5, 32, 190) 75%, rgb(29, 80, 177) 85%, rgb(0, 14, 139) 100%)!important;
    color: var(--cGy50);
    text-shadow: 2px 2px 2px rgb(165, 164, 164);
    border-top-color: white;
    border-left-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-style: solid;
    border-width: 2px;
    height: 45px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.cstNavyBtnColor:hover {
    background-color: var(--cBl30);
    box-shadow: inset 0 0 5px 5px var(--cSc20);
    color: var(--cPr50) !important;
}
.cstNavyBtnColor:focus-within {
    background-color: var(--cBl30);
    box-shadow: inset 0 0 5px 5px var(--cSc20);
}
.cstNavyBtnColor:disabled {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30) !important;

}
.cstNavyBtnColor:disabled:hover {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30) !important;
}

.cstYellowBtnColor {
    background: yellow!important;
    background: linear-gradient(180deg, rgb(71, 70, 0) 0%, rgb(175, 175, 0) 75%, rgb(255, 255, 0) 85%, rgb(130, 130, 0) 100%)!important;
    color: var(--cGy10);
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    border-top-color: white;
    border-left-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-radius: 6px;;
    border-style: solid;
    border-width: 2px;
    height: 45px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.cstYellowBtnColor:hover {
    box-shadow: inset 0 0 6px 3px var(--cYw30);
    text-shadow: 1px 1px 1px var(--cYw10) !important;

}
.cstYellowBtnColor:focus-within {
    background-color: var(--cYw40);
    box-shadow: inset 0 0 5px 5px var(--cYw20);
}
.cstYellowBtnColor:disabled {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30);
}
.cstYellowBtnColor:disabled:hover {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
        color: var(--cGy30) !important;

}

.cstRedBtnColor {
    background: linear-gradient(180deg, rgb(160, 0, 0) 0%, rgb(155, 12, 12) 75%, rgb(255, 3, 3) 85%, rgb(184, 0, 0) 100%)!important;
    color: var(--cGy50);
    text-shadow: 2px 2px 2px rgb(0, 0, 0);
    border-top-color: white;
    border-left-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-style: solid;
    border-width: 2px;
    height: 45px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.cstRedBtnColor:hover {
    background-color: var(--cRd40);
    box-shadow: inset 0 0 5px 5px var(--cRd20);
}
.cstRedBtnColor:focus-within {
    background-color: var(--cRd40);
    box-shadow: inset 0 0 5px 5px var(--cRd20);
}
.cstRedBtnColor:disabled {
    background: rgb(141, 141, 141)!important;
    text-shadow: 2px 2px 2px rgb(255, 255, 255);
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30);
}
.cstRedBtnColor:disabled:hover {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30) !important;

}

.cstDarkRedBtnColor {
    background: linear-gradient(180deg, rgb(95, 0, 0) 0%, rgb(112, 9, 9) 75%, rgb(230, 0, 0) 85%, rgb(95, 0, 0) 100%)!important;
    color: var(--cRd50);
    text-shadow: 2px 2px 2px rgb(0, 0, 0);
    border-top-color: white;
    border-left-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-style: solid;
    border-width: 2px;
    height: 45px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.cstDarkRedBtnColor:hover {
    background-color: var(--cRd40);
    box-shadow: inset 0 0 5px 5px var(--cRd40);
}
.cstDarkRedBtnColor:focus-within {
    background-color: var(--cRd40);
    box-shadow: inset 0 0 5px 5px var(--cRd40);
}
.cstDarkRedBtnColor:disabled {
    background: rgb(141, 141, 141)!important;
    text-shadow: 2px 2px 2px rgb(255, 255, 255);
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30);
}
.cstDarkRedBtnColor:disabled:hover {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30) !important;
}

.cstBlueBtnColor {
    background: linear-gradient(180deg, rgb(0, 132, 255) 0%, rgb(3, 19, 255) 75%, #7ba9ff 85%, rgb(0, 26, 255) 100%)!important;
    color: var(--cGy50);
    border-top-color: white;
    border-left-color: white;
    border-right-color: black;
    border-bottom-color: black;
    border-style: solid;
    border-width: 2px;
    height: 45px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.cstBlueBtnColor:hover {
    background-color: var(--cBl30);
    box-shadow: inset 0 0 5px 5px var(--cSc20);
}
.cstBlueBtnColor:focus-within {
    background-color: var(--cBl30);
    box-shadow: inset 0 0 5px 5px var(--cSc20);
}
.cstBlueBtnColor:disabled {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30);
}
.cstBlueBtnColor:disabled:hover {
    background: rgb(141, 141, 141)!important;
    background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
    color: var(--cGy30) !important;
}

.cstDefaultBtn {
    background-color: var(--cstBtnBg_nm);
    color: var(--cstBtnTx_nm);
    border-width: 2px;
    border-style: solid;
    border-color: var(--cstBtnBd_nm);
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: inset 0 0 15px 10px var(--cstBtnSh_nm);
}
.cstDefaultBtn:hover, .cstDefaultBtn:focus-within  {
    background-color: var(--cstBtnBg_hv);
    color: var(--cstBtnTx_hv);
    border-width: 2px;
    border-style: solid;
    border-color: var(--cstBtnBd_hv);
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: inset 0 0 15px 10px var(--cstBtnSh_hv);
}

/*
.cstSpeedBtn {
    background-color: var(--cstBtnBg_nm);
    color: var(--cstBtnTx_nm);
    border-width: 2px;
    border-style: solid;
    border-color: var(--cstBtnBd_nm);
    border-radius: 6px;
    box-shadow: inset 0 0 10px 5px var(--cstBtnSh_nm);
    width: 52px;
    height: 52px;
}
.cstSpeedBtn:hover, .cstSpeedBtn:focus-within  {
    border-width: 2px;
    border-style: solid;
    border-color: var(--cSc10);
    border-radius: 6px;
    box-shadow: inset 0 0 10px 5px var(--cstBtnSh_hv);
    width: 52px;
    height: 52px;
}
.cstSpeedBtn:disabled{
    background-color: var(--cGy30) !important;
    border-color: var(--cGy10);
    box-shadow: inset 0 0 5px 5px rgba(0,0,0,0.5);
}
*/
.wrnSpeedBtn {
    background-color: var(--wrnBtnBg_nm);
    color: var(--wrnBtnTx_nm);
    border-width: 2px;
    border-style: solid;
    border-color: var(--wrnBtnBd_nm);
    border-radius: 6px;
    box-shadow: inset 0 0 10px 10px var(--wrnBtnSh_nm);
}
.wrnSpeedBtn:hover, .grnSpeedBtn:focus-within  {
    background-color: var(--wrnBtnBg_hv);
    color: var(--wrnBtnTx_hv);
    border-width: 2px;
    border-style: solid;
    border-color: var(--wrnBtnBd_hv);
    border-radius: 6px;
    box-shadow: inset 0 0 10px 10px var(--wrnBtnSh_hv);
}
.wrnSpeedBtn:disabled{
    background-color: var(--cGy30) !important;
    border-color: var(--cGy10);
    box-shadow: inset 0 0 5px 5px rgba(0,0,0,0.5);
}

.crtSpeedBtn {
    background-color: var(--crtBtnBg_nm);
    color: var(--crtBtnTx_nm);
    border-width: 2px;
    border-style: solid;
    border-color: var(--crtBtnBd_nm);
    border-radius: 6px;
    box-shadow: inset 0 0 10px 5px var(--crtBtnSh_nm);
    width: 35px;
    height: 35px;
}
.crtSpeedBtn:hover, .crtSpeedBtn:focus-within  {
    background-color: var(--crtBtnBg_hv);
    color: var(--crtBtnTx_hv);
    border-width: 2px;
    border-style: solid;
    border-color: var(--crtBtnBd_hv);
    border-radius: 6px;
    box-shadow: inset 0 0 10px 5px var(--crtBtnSh_hv);
}
.crtSpeedBtn:disabled{
    background-color: var(--cGy30) !important;
    border-color: var(--cGy10);
    box-shadow: inset 0 0 5px 5px rgba(0,0,0,0.5);
}

.cstNoColorMiniBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-style: solid !important;
    border-width: 1px !important;
    width: 30px !important;
    height: 30px !important;
}
.cstNoColorMiniBtn:hover {
    opacity: 0.7;
    font-weight: bold;
}
.cstNoColorMiniBtn:focus-within {
    opacity: 0.7;
    font-weight: bold;
}

.cstCheckBox{
    padding: 5px;
    min-height: 38px;
    min-width: 130px;
    font-weight: bold;
    margin-top: 2px;
}

/*Rounded Form-Controle*/
.cstDataIn {
    border-radius: 6px;
    border-width: 2px;
    border-style: solid;
    border-top-color: var(--cSc10);
    border-left-color: var(--cSc10);
    border-right-color: var(--cGy50);
    border-bottom-color: var(--cGy50);
    background-color: var(--cPr60);
    color: var(--cSc10);
    box-shadow:inset 0 0 10px 4px var(--cSc50);
}
.cstDataIn:disabled {
    border-radius: 6px;
    border-width: 2px !important;
    border-style: solid;
    border-top-color: var(--cSc10);
    border-left-color: var(--cSc10);
    border-right-color: var(--cGy50);
    border-bottom-color: var(--cGy50);
    background-color: var(--cSc70);
    color: var(--cGy10) !important;
}
input.cstDataIn:read-only {
    border-radius: 6px;
    border-width: 2px;
    border-style: solid;
    border-top-color: var(--cSc10);
    border-left-color: var(--cSc10);
    border-right-color: var(--cGy50);
    border-bottom-color: var(--cGy50);
    background-color: var(--cSc70);
    color: var(--cGy10);
}
textarea.cstDataIn:read-only {
    border-radius: 6px;
    border-width: 2px;
    border-style: solid;
    border-top-color: var(--cSc10);
    border-left-color: var(--cSc10);
    border-right-color: var(--cGy50);
    border-bottom-color: var(--cGy50);
    background-color: var(--cSc70);
    color: var(--cGy10);
}
input.cstDataIn:focus:read-only {
    border-radius: 6px;
    border-width: 2px;
    border-style: solid;
    border-top-color: var(--cSc10);
    border-left-color: var(--cSc10);
    border-right-color: var(--cGy50);
    border-bottom-color: var(--cGy50);
    /*background-color: var(--cSc30);*/
    background-color: var(--cSc70);
    color: var(--cGy10);
    box-shadow: inset 0 0 4px 2px red;
}
.cstDataIn:focus {
    border-radius: 6px;
    border-width: 2px;
    border-style:solid;
    border-color: blue;
    background-color: var(--cPr50);
    color: var(--cSc10);
    box-shadow: inset 0 0 15px 10px var(--cYw50);
}

/*Not Rounded*/
.cstNR_DataIn {
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    border-top-color: var(--cSc10);
    border-left-color: var(--cSc10);
    border-right-color: var(--cGy50);
    border-bottom-color: var(--cGy50);
    background-color: var(--cPr60);
    color: var(--cSc10);
    box-shadow:inset 0 0 10px 4px var(--cSc50);
}
.cstNR_DataIn:disabled {
    border-radius: 0;
    border-width: 2px !important;
    border-style: solid;
    border-top-color: var(--cSc10);
    border-left-color: var(--cSc10);
    border-right-color: var(--cGy50);
    border-bottom-color: var(--cGy50);
    background-color: var(--cSc70);
    color: var(--cGy10) !important;
}
input.cstNR_DataIn:read-only {
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    border-top-color: var(--cSc10);
    border-left-color: var(--cSc10);
    border-right-color: var(--cGy50);
    border-bottom-color: var(--cGy50);
    background-color: var(--cSc70);
    color: var(--cGy10);
}
input.cstNR_DataIn:focus:read-only {
    border-width: 0px;
    border-style: solid;
    border-top-color: var(--cSc10);
    border-left-color: var(--cSc10);
    border-right-color: var(--cGy50);
    border-bottom-color: var(--cGy50);
    background-color: var(--cSc70);
    color: var(--cGy10);
    box-shadow: inset 0 0 4px 2px red;
}
.cstNR_DataIn:focus {
    border-width: 1px;
    border-style:solid;
    border-color: blue;
    background-color: var(--cPr50);
    color: var(--cSc10);
    box-shadow: inset 0 0 15px 10px var(--cYw50);
}


/**TEXTS*/
    .dortE-wrapText{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }



/**PROGRESSBAR*/
.cstProgressCtn{
    height: 42px;
    border-radius: 6px !important;
    border-width: 3px !important;
    /*border-style: solid !important;
    border-color: var(--cSc20) !important;*/
    background-color: var(--cPr40) !important;
    padding:0 !important;
}
.cstProgressBar{
    height: 36px !important;
    border-radius: 6px 0 0 6px !important;
    text-align: center !important;
    font-weight: bold !important;
}

/**Panels & border*/

.cst3D_LoweredPanel{
    border-style: solid;
    border-width: 3px;
    border-top-color: var(--cGy10);
    border-left-color: var(--cGy10);
    border-bottom-color: var(--cGy50);
    border-right-color: var(--cGy50);
}

.cst3D_RaisedPanel{
    border-style: solid;
    border-width: 3px;
    border-top-color: var(--cGy50);
    border-left-color: var(--cGy50);
    border-bottom-color: var(--cGy20);
    border-right-color: var(--cGy20);
}

.cst3D_LoweredPanelSm{
    border-style: solid;
    border-width: 2px;
    border-top-color: var(--cGy10);
    border-left-color: var(--cGy10);
    border-bottom-color: var(--cGy50);
    border-right-color: var(--cGy50);
}

.cst3D_RaisedPanelSm{
    border-style: solid;
    border-width: 2px;
    border-top-color: var(--cGy50);
    border-left-color: var(--cGy50);
    border-bottom-color: var(--cGy20);
    border-right-color: var(--cGy20);
}


.cst3D_RsTitlePanelL{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-top-color: var(--cGy50);
    border-left-color: var(--cGy50);
    border-bottom-color: var(--cGy10);
    border-right-color: var(--cGy10);
    border-radius: 8px 0 0 8px;
    background: linear-gradient(180deg, #002679 0%, rgb(5, 32, 190) 75%, rgb(29, 80, 177) 85%, rgb(0, 14, 139) 100%)!important;
    color: var(--cGy50);
    margin-bottom: 2px;
}

.cst3D_RsTitlePanelC{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-top-color: var(--cGy50);
    border-left-color: var(--cGy50);
    border-bottom-color: var(--cGy10);
    border-right-color: var(--cGy10);
    background: linear-gradient(180deg, #002679 0%, rgb(5, 32, 190) 75%, rgb(29, 80, 177) 85%, rgb(0, 14, 139) 100%)!important;
    color: var(--cGy50);
    margin-bottom: 2px;
}

/*Message*/
.dortE-MessageBR{
    position: absolute;
    min-width: 400px;
    max-width: 400px;
    left: calc(50% - 200px);
    top: 200px;
    background-color: var(--cPr50);
    color: var(--cSc10);
    border-radius: 8px;
    display: none;
    z-index: 99999;
}

/**SCROWs*/
        .dortE-scroll::-webkit-scrollbar {
            width: 12px;
        }
        .dortE-scroll::-webkit-scrollbar-thumb {
            background-color: var(--cOr30) !important;
            border-radius: 100px;
        }


/**Tabs*/
        .tabMenuBtn[data-selected="false"]{
            min-width: 100px;
            border-radius: 10px 10px 0 0 ;
            height: 52px;
            margin-top: 2px;
            border-style: solid;
            border-width: 2px;
            border-top-color: white;
            border-left-color:white;
            border-bottom-color:black;
            border-right-color: black;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            line-height: 120%;
            font-weight:600;
            background: linear-gradient(180deg, rgb(0, 3, 173) 0%, rgb(0, 78, 194) 25%, rgb(56, 149, 255) 50%,rgb(0, 78, 194) 75%, rgb(0, 3, 167) 100%);
            color: var(--cGy50) ;
            text-shadow: 2px 2px 1px black
        }
        .tabMenuBtn[data-selected="true"]{
            min-width: 100px;
            border-radius: 10px 10px 0 0 ;
            height: 52px;
            margin-top: 2px;
            border-style: solid;
            border-width: 2px;
            border-top-color: white;
            border-left-color:white;
            border-bottom-color:black;
            border-right-color: black;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            line-height: 120%;
            font-weight:600;
            background: linear-gradient(180deg, rgb(112, 84, 0) 0%, rgb(255, 192, 1) 35%, rgb(255, 246, 148) 50%,rgb(255, 192, 1) 65%, rgb(112, 84, 0) 100%);
            color: var(--cGy10) ;
            text-shadow: 2px 2px 1px white;
        }
        .tabMenuBtn:disabled{
            background: linear-gradient(180deg, rgb(109, 109, 109) 0%, rgb(221, 221, 221) 75%, rgb(180, 180, 180) 85%, rgb(107, 107, 107) 100%)!important;
            color: var(--cGy30);
            text-shadow: 2px 2px 1px white;
        }
        .tabMenuBtn:hover{
            box-shadow: inset 0 0 0 999px rgba(255,255,255,0.3);
        }
        .tabMenuCtn{
            height: auto;
            padding: 0;
            box-shadow: inset 0 0 6px 3px var(--cSc10);
        }
        .tabBtnText{
            overflow: hidden;
            text-overflow: ellipsis;
        }

/* =======================================================
                PERSISTENT ELEMENTS LIB
   =======================================================*/
.dortE-toggle-btn{
    padding-left: 2px !important;
    padding-right: 2px !important;
    cursor: pointer;
    user-select: none;
    transition: all 0.1s ease;
}
.dortE-toggle-btn:hover{
    padding-left: 2px !important;
    padding-right: 2px !important;
    box-shadow: inset 0 0 9999px rgba(0,0,0,0.2);
}

.dortE-toggle-btn[data-pressed="false"]{
    border-width: 2px !important;
    border-style: solid !important;
    border-top-color: var(--cGy50) !important;
    border-left-color: var(--cGy50) !important;
    border-bottom-color: var(--cGy10) !important;
    border-right-color: var(--cGy10) !important;
    font-weight: normal;
}
.dortE-toggle-btn[data-pressed="true"]{
    border-width: 2px !important;
    border-style: solid !important;
    border-top-color: var(--cGy10) !important;
    border-left-color: var(--cGy10) !important;
    border-bottom-color: var(--cGy50) !important;
    border-right-color: var(--cGy50) !important;
    /*box-shadow: inset 0 0 7px 2px var(--cSc20);*/
    font-weight: bold;
}


.checkBoxCtn{
    /*background: linear-gradient(180deg, var(--cPr60) 0%, var(--cSc60) 65%, var(--cSc60) 85%, var(--cPr60) 100%)!important;*/
    background: linear-gradient(180deg, rgb(2, 3, 56) 0%, rgb(0, 0, 101) 25%, rgb(0, 45, 158) 50%,rgb(0, 0, 101) 75%, rgb(2, 1, 53) 100%);
    color:var(--cOr30) !important;
    max-height: 38px;
    /*box-shadow: inset 0 0 4px 1px var(--cSc20);*/
}
.checkBoxToggle[data-pressed="true"]{
    background: linear-gradient(180deg, rgb(37, 102, 0) 0%, rgb(7, 209, 0) 75%, rgb(13, 228, 24) 85%, rgb(45, 121, 21) 100%)!important;
    color: var(--cGy10) !important;
    border-top-color: black !important;
    border-left-color: black !important;
    border-bottom-color: white !important;
    border-right-color: white !important;
}
.checkBoxToggle[data-pressed="false"]{
    background: linear-gradient(180deg, rgb(160, 0, 0) 0%, rgb(155, 12, 12) 75%, rgb(255, 3, 3) 85%, rgb(184, 0, 0) 100%)!important;
    color: var(--cGy50)!important;
    border-top-color: var(--cGy50) !important;
    border-left-color: var(--cGy50) !important;
    border-bottom-color: var(--cGy10) !important;
    border-right-color: var(--cGy10) !important;
}