.cstPrimarySquareBtn{
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 6px;
    border-color: var(--cA5);
    background-color: var(--cA3);
    color: var(--cC0);
    font-weight: bold;
    width: 38px;
    height: 38px;
    padding: 0;
    text-align: center;
}
.cstPrimarySquareBtn:hover, .cstPrimarySquareBtn:focus-within{
    border-color: var(--cA2);
    background-color: var(--cA35);
    color: var(--cE2)!important;
}
.cstWarningSquareBtn{
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 6px;
    border-color: var(--cA5);
    background-color: var(--cD3);
    color: var(--cA5) !important;
    font-weight: bold;
    width: 38px;
    height: 38px;
    padding: 0;
    text-align: center;
}
.cstWarningSquareBtn:hover, .cstWarningSquareBtn:focus-within{
    border-color: var(--cA2);
    background-color: var(--cD2);
    color: var(--cA5)!important;
}
.cstDangerSquareBtn{
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 6px;
    border-color: var(--cB5);
    background-color: var(--cB3);
    color: var(--cC0) !important;
    font-weight: bold;
    width: 38px;
    height: 38px;
    padding: 0;
    text-align: center;
}
.cstDangerSquareBtn:hover, .cstDangerSquareBtn:focus-within{
    border-color: var(--cB2);
    background-color: var(--cB4);
    color: var(--cB1)!important;
}
.cstSuccessSquareBtn{
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 6px;
    border-color: var(--cF5);
    background-color: var(--cF3);
    color: var(--cC0) !important;
    font-weight: bold;
    width: 38px;
    height: 38px;
    padding: 0;
    text-align: center;
}
.cstSuccessSquareBtn:hover, .cstSuccessSquareBtn:focus-within{
    border-color: var(--cF5);
    background-color: var(--cF4);
    color: var(--cC0)!important;
}

.cstGreenBtnMini{
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    border-color: var(--cF2);
    background-color: var(--cF3);
    color: var(--cC0);
}

.cstGreenBtnMini:hover, .cstGreenBtnMini:focus-within{
    border-color: var(--cF5);
    background-color: var(--cF2);
    color: var(--cF5);

}


.cstDeleteMiniBtn{
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    border-color: var(--cB5);
    background-color: var(--cB3);
    color: var(--cC0);
}
.cstDeleteMiniBtn:hover{
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    border-color: var(--cB5);
    background-color: var(--cB5);
    color: var(--cC0);
}
.cstDeleteMiniBtn:focus-within{
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    border-color: var(--cB5);
    background-color: var(--cB5);
    color: var(--cC0);
}

.cstBlueBtnColor {
    background: #000d83!important;
    background: linear-gradient(180deg, rgb(0, 48, 153) 0%, rgb(111, 178, 255) 75%, rgb(216, 229, 255) 85%, rgb(51, 67, 206) 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);
    color: var(--cPr50) !important;
}

.cstNavyBtnColor {
    background: #000d83!important;
    background: linear-gradient(180deg, rgb(0, 38, 121) 0%, rgb(5, 32, 190) 75%, rgb(29, 80, 177) 85%, rgb(0, 14, 139) 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;
}
.cstNavyBtnColor:hover {
    background-color: var(--cBl30);
    box-shadow: inset 0 0 5px 5px var(--cSc20);
    color: var(--cPr50) !important;
}

.cstSaveBtn{
    background-color: var(--cA3);
    color: var(--cC0);
    border-style: solid;
    border-width: 1px;
    border-color: var(--cA5);
    font-weight: bold;
}
.cstSaveBtn:hover, .cstSaveBtn:focus-within {
    background-color: var(--cA4);
    color: var(--cC0);
}

.cstCancelBtn{
    background-color: var(--cD3);
    color: #000;
    border-style: solid;
    border-width: 1px;
    border-color: var(--cA5) !important;
    font-weight: bold;
}
.cstCancelBtn:hover{
    background-color: var(--cE3);
    color: var(--cC5);
}

.cstDeleteBtn{
    background-color: var(--cB3);
    color: var(--cC0);
    border-style: solid;
    border-width: 1px;
    border-color: var(--cB5);
    font-weight: bold;
}
.cstDeleteBtn:hover{
    background-color: var(--cB4);
    color: var(--cC0);
}


.cstDataIn{
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--cA4) !important;
    background-color: var(--cC0) !important;
    color: var(--cA4) !important;
}
.cstDataIn:disabled{
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--cA4) !important;
    background-color: var(--cC1) !important;
    color: var(--cA4) !important;
}
.cstDataIn:focus{
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--cB3) !important;
    background-color: var(--cE1) !important;
    color: var(--cA4) !important;
}


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

.cstCardForm{
    border-radius: 7px !important;
    border-style: solid;
    border-width: 2px;
    border-color: var(--cA5);
    box-shadow: 1px 1px 15px 3px var(--cA5);
}

.cstCardForm .cstHeader{
    border-radius: 6px 6px 0 0;
    border-bottom-style:solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--cA5);
    color: var(--cC0);
    background-color: var(--cA3);
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.cstCardForm .cstBody{
    background-color: var(--cC0);
}

.cstCardForm .cstFooter{
    border-radius: 0 0 6px 6px;
    border-style:solid;
    border-width: 1px 0 0 0;
    border-color: var(--cA5);
    background-color: var(--cC1);
    margin-top: 10px;
}

.cst3D_LoweredPanel{
    border-style: solid;
    border-width: 2px;
    border-top-color: var(--cC4);
    border-left-color: var(--cC4);
    border-bottom-color: var(--cC0);
    border-right-color: var(--cC0);
}

.cst3D_RaisedPanel{
    border-style: solid;
    border-width: 2px;
    border-top-color: var(--cC4);
    border-left-color: var(--cC4);
    border-bottom-color: var(--cC0);
    border-right-color: var(--cC0);
}

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