.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;
    color: rgb(100,150,200);
    padding-right: 5px;
    box-shadow: inset 0 0 15px 10px var(--cstBtnSh_hv);
}

.cstDefaultBtn20x5 {
    background-color: var(--cstBtnBg_nm)!important;
    color: var(--cstBtnTx_nm)!important;
    border-width: 2px!important;
    border-style: solid!important;
    border-color: var(--cstBtnBd_nm)!important;
    border-radius: 6px!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
    box-shadow: inset 0 0 10px 10px var(--cstBtnSh_nm)!important;
    min-height: 40px !important;
    min-width: 200px !important;
}

.cstDefaultBtn20x5:hover, .cstDefaultBtn29x5:focus-within  {
    background-color: var(--cstBtnBg_hv)!important;
    color: var(--cstBtnTx_hv) !important;
    border-width: 2px!important;
    border-style: solid!important;
    border-color: var(--cstBtnBd_hv)!important;
    border-radius: 6px!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
    box-shadow: inset 0 0 10px 5px var(--cstBtnSh_hv)!important;
    min-height: 40px !important;
    min-width: 200px !important;
}
.crtDefaultBtn {
    background-color: var(--crtBtnBg_nm);
    color: var(--crtBtnTx_nm);
    border-width: 2px;
    border-style: solid;
    border-color: var(--crtBtnBd_nm);
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: inset 0 0 10px 7px var(--crtBtnSh_nm);
}
.crtDefaultBtn:hover, .crtDefaultBtn: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;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: inset 0 0 10px 10px var(--crtBtnSh_hv);
}

.grnDefaultBtn {
    background-color: var(--grnBtnBg_nm);
    color: var(--grnBtnTx_nm);
    border-width: 2px;
    border-style: solid;
    border-color: var(--grnBtnBd_nm);
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: inset 0 0 10px 10px var(--grnBtnSh_nm);
}
.grnDefaultBtn:hover, .grnDefaultBtn:focus-within  {
    background-color: var(--grnBtnBg_hv);
    color: var(--grnBtnTx_hv);
    border-width: 2px;
    border-style: solid;
    border-color: var(--grnBtnBd_hv);
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: inset 0 0 10px 10px var(--grnBtnSh_hv);
}
.wrnDefaultBtn {
    background-color: var(--wrnBtnBg_nm);
    color: var(--wrnBtnTx_nm);
    border-width: 2px;
    border-style: solid;
    border-color: var(--wrnBtnBd_nm);
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: inset 0 0 10px 10px var(--wrnBtnSh_nm);
}
.wrnDefaultBtn:hover, .grnDefaultBtn: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;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: inset 0 0 10px 10px var(--wrnBtnSh_hv);
}
button.defaultBtnH40{
    min-width: 40px !important;
}
button.defaultBtnH50{
    min-width: 40px !important;
}
.cstSpeedBtn50 {
    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;
}
.cstSpeedBtn50:hover, .cstSpeedBtn50: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;
    box-shadow: inset 0 0 10px 5px var(--cstBtnSh_hv);
    width: 52px;
    height: 52px;
}
.crtSpeedBtn50 {
    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: 52px;
    height: 52px;
}
.crtSpeedBtn50:hover, .crtSpeedBtn50: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);
}
.wrnSpeedBtn50 {
    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);
    width: 52px;
    height: 52px;
}
.wrnSpeedBtn50:hover, .grnSpeedBtn50: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);
}
.crtSpeedBtn35 {
    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;
}
.crtSpeedBtn35:hover, .crtSpeedBtn40: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);
}




.cstSaveBtn {
    background-color: var(--cPr50);
    color: var(--cGn10) !important;;
    border-color: var(--cGn20);
    border-style: solid;
    border-width: 2px;
    height: 40px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
    box-shadow: inset 0 0 5px 5px var(--cSc70);
}
.cstSaveBtn:hover {
    background-color: var(--cGn40);
    color: var(--cGn10) !important;
    box-shadow: inset 0 0 5px 5px var(--cGn20);
    border-color: var(--cGn10);
    border-style: solid;
    border-width: 1px;
}
.cstSaveBtn:focus-within {
    background-color: var(--cGn40);
    color: var(--cGn10) !important;
    box-shadow: inset 0 0 5px 5px var(--cGn20);
    border-color: var(--cGn10);
    border-style: solid;
    border-width: 1px;
}
.cstCancelBtn {
    background-color: var(--cPr50);
    color: var(--cYw10) !important;
    border-color: var(--cYw10);
    border-style: solid;
    border-width: 2px;
    height: 40px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
    box-shadow: inset 0 0 5px 5px var(--cSc70);
}
.cstCancelBtn:hover {
    background-color: var(--cYw40);
    color: var(--cYw10) !important;
    box-shadow: inset 0 0 5px 5px var(--cYw20);
    border-color: var(--cYw30);
    border-style: solid;
    border-width: 1px;
}
.cstCancelBtn:focus-within {
    background-color: var(--cYw40);
    color: var(--cYw10) !important;
    box-shadow: inset 0 0 5px 5px var(--cYw20);
    border-color: var(--cYw30);
    border-style: solid;
    border-width: 1px;
}
.cstDeleteBtn {
    background-color: var(--cPr50);
    color: var(--cRd30) !important;
    border-color: var(--cRd30);
    border-style: solid;
    border-width: 2px;
    height: 40px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
    box-shadow: inset 0 0 10px 5px var(--cRd50);
}
.cstDeleteBtn:hover {
    background-color: var(--cRd35);
    color: var(--cGy50) !important;
    border-color: var(--cRd30);
    border-style: solid;
    border-width: 2px;
    box-shadow: inset 3px 0 5px 5px var(--cRd30);
}
.cstDeleteBtn:focus-within {
    background-color: var(--cRd35);
    color: var(--cGy50) !important;
    border-color: var(--cRd30);
    border-style: solid;
    border-width: 2px;
    box-shadow: inset 3px 0 5px 5px var(--cRd30);
}
.cstOkBtn {
    background-color: var(--cPr50);
    color: var(--cSc10) !important;
    border-color: var(--cSc30) !important;
    border-style: solid;
    border-width: 2px;
    height: 40px;
    font-weight: bold;
    padding-left: 2px !important;
    padding-right: 2px !important;
    box-shadow: inset 0 0 10px 5px var(--cSc30);
}
.cstOkBtn:hover {
    background-color: var(--cPr40);
    color: var(--cSc10) !important;
    border-color: var(--cSc20)!important;
    border-style: solid;
    border-width: 2px;
    box-shadow: inset 0 0 5px 5px var(--cSc20);
}
.cstOkBtn:focus-within {
    background-color: var(--cPr40);
    color: var(--cSc10) !important;
    border-color: var(--cSc20)!important;
    border-style: solid;
    border-width: 2px;
    box-shadow: inset 0 0 5px 5px var(--cSc50);
}

.cstMiniBtn {
    background-color: var(--cPr50) !important;
    color: var(--cSc10) !important;
    border-color: var(--cSc40) !important;
    border-style: solid !important;
    border-width: 1px !important;
    width: 30px !important;
    height: 30px !important;
    box-shadow: inset 0 0 4px 2px var(--cSc50);
}
.cstMiniBtn:hover {
    background-color: var(--cPr40) !important;
    color: var(--cSc10) !important;
    border-color: var(--cSc20) !important;
    box-shadow: inset 1px 0 3px 3px var(--cSc50);
}
.cstMiniBtn:focus-within {
    background-color: var(--cPr40) !important;
    color: var(--cSc10) !important;
    border-color: var(--cSc20) !important;
    box-shadow: inset 1px 0 3px 3px var(--cSc50);
}

.cstSpeedBtn{
    border-style: solid;
    border-width: 1px;
    border-color: var(--cSc10);
    box-shadow: inset 0 0 5px 5px rgba(0,0,0,0.5);
    border-radius: 8px;
}

.cstSpeedBtn:hover{
    border-color: var(--cYw30);
    box-shadow: inset 0 0 5px 3px rgba(155,155,155,0.5);
}

.cstSpeedBtn:focus-within{
    border-color: var(--cYw30);
    box-shadow: inset 0 0 5px 3px rgba(155,155,155,0.5);
}

.cstSpeedBtn:disabled{
    background-color: var(--cGy30) !important;
    border-color: var(--cGy10);
    box-shadow: inset 0 0 5px 5px rgba(0,0,0,0.5);
}

.cstSizableBtn {
    background-color: var(--cPr50) !important;
    color: var(--cSc10) !important;
    border-color: var(--cSc40) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-width: 2px;
    box-shadow: inset 0 0 9px 5px var(--cSc50);
}
.cstSizableBtn:hover {
    background-color: var(--cPr40) !important;
    color: var(--cSc10) !important;
    border-color: var(--cSc20) !important;
    box-shadow: inset 1px 0 3px 3px var(--cSc50);
}
.cstSizableBtn:focus-within {
    background-color: var(--cPr40) !important;
    color: var(--cSc10) !important;
    border-color: var(--cSc20) !important;
    box-shadow: inset 1px 0 3px 3px var(--cSc50);
}

.cstNoColorMiniBtn {
    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;
}

.cstMicroBtn {
    background-color: var(--cPr50) !important;
    color: var(--cSc10) !important;
    border-color: var(--cSc40) !important;
    border-style: solid !important;
    border-width: 1px !important;
    box-shadow: inset 0 0 4px 2px var(--cSc50);
}
.cstMicroBtn:hover {
    background-color: var(--cPr40) !important;
    color: var(--cSc10) !important;
    border-color: var(--cSc20) !important;
    box-shadow: inset 1px 0 3px 3px var(--cSc50);
}
.cstMicroBtn:focus-within {
    background-color: var(--cPr40) !important;
    color: var(--cSc20) !important;
    border-color: var(--cSc20) !important;
    box-shadow: inset 1px 0 3px 3px var(--cSc50);
}

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

.cstValidateDataInCtn{
    padding: 2px;
    border-radius: 8px;
    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);
    height: 37px;
    width: auto;
}
.cstValidatedDataInInput{
    border-radius: 8px 0 0 8px;
    margin: 0;
    border: none;
    background-color: var(--cPr60);
    color: var(--cSc10);
    box-shadow:inset 0 0 10px 4px var(--cSc50);
}
.cstValidatedDataInInput:focus{
    border-radius: 8px 0 0 8px;
    margin: 0;
    border: none;
    background-color: var(--cPr50);
    color: var(--cSc10);
    box-shadow: inset 0 0 15px 10px var(--cYw50);
}
.cstValidateImg{
    width: 38px;
    height: 35px;
    margin-right: 2px;
}

.cstUpperDataIn {
    font-variant: small-caps;
}

.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(--cSc30);*/
    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: 3px;
    border-style:solid;
    /*border-style: solid;*/
    /*border-top-color: var(--cYw10);
    border-left-color: var(--cYw10);
    border-right-color: var(--cYw20);
    border-bottom-color: var(--cYw20);*/
    border-color: blue;
    background-color: var(--cPr50);
    /*background-color: var(--cYw50);*/
    color: var(--cSc10);
    box-shadow: inset 0 0 15px 10px var(--cYw50);
}

.cstCtrlGroup{
    border-style: solid !important;
    border-radius: 6px !important;
    border-width: 1px !important;
    border-color: var(--cSc20) !important;
    background-color: var(--cPr45)!important;
}

/**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;
    /*border-style: solid;
    border-width: 3px;
    border-top-color: var(--cGy20);
    border-left-color: var(--cGy20);
    border-bottom-color: var(--cGy50);
    border-right-color: var(--cGy50);*/
    text-align: center !important;
/**    background-color: var(--cSc60) !important;
    color: var(--cSc10) !important;*/
    font-weight: bold !important;
}

.cstToggleBtn{
    /*font-weight: bold;*/
    padding-left: 2px !important;
    padding-right: 2px !important;
    /*box-shadow: inset 0 0 5px 5px var(--cSc70);*/
}
.cstToggleBtn:hover{
    /*font-weight: bold;*/
    padding-left: 2px !important;
    padding-right: 2px !important;
    box-shadow: inset 0 0 9999px rgba(0,0,0,0.2);
}

.cstToggleBtn[data-pressed="false"]{
    /*background-color: var(--cPr45);*/
    /*box-shadow: inset 9000 0 10px 8px rgba(255,255,255,0.4);*/
    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;
    /*color: var(--cSc60) !important;*/
    font-weight: normal;
}
.cstToggleBtn[data-pressed="true"]{
    /*background-color: var(--cPr45);*/
    /*box-shadow: inset 9000 0 10px 8px rgb(11, 25, 58);*/
    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;
    /*color: var(--cSc10) !important;*/
    box-shadow: inset 0 0 7px 2px var(--cSc20);
    font-weight: bold;
}

.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_LoweredPanelLt{
    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_RaisedPanelLt{
    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_RaisedTitleBar{
    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);
    background-image:url("/img/textureglass.png") ;
    background-repeat:repeat;
}

.cstIcon{
    width: 29px;
    height: 29px;
}

.cstIcon:hover{
    width: 29px;
    height: 29px;
    background-color: white;
}