:root {
    --border-radius: 3px;
    --orange: #E88421;
    --orange24: #E8842124;
    --dark-blue: #15304A;
    --dark-blue24: #15304A24;
    --dark-green: darkgreen;  /* #006400 */
    --dark-green24: #00640024;
    --blue: #1F628E;
    --blue24: #1F628E24;
    --brown: #795548;
    --brown24: #79554824;
    --yellow: #DAA520;
    --yellow24: #DAA52024;
    --teal: #008080;
    --white: #FFFFFF;
    --btn-height: 30px;
    --red: #800000; 
    --red24: #80000024; 
    --gray: #f8f8f8;
    --orangeNew: #bf5700;
    --orangeNew24: #bf570024;
    --bz-red: #d22b2b;
}

.blueClr {
    color: #1F628E !important;
    /*color: #3f51b5 !important;*/
}

.blueClrBck {
    background-color: #1F628E !important;
    /*background-color: #3f51b5 !important;*/
}

.greenClr {
    color: #4caf50;
}

.greenClrBck {
    background-color: #4caf50 !important;
}

.yellowClr {
    color: #E1A730 !important;
}

.yellowClrBck {
    background-color: #E1A730 !important;
}

.orangeClr {
    color: var(--orangeNew) !important;
}

.orangeClrBck {
    background-color: #e88421 !important;
}

.redClr {
    color: #d32f2f !important;
}

.redClrBck {
    background-color: #d32f2f !important;
}

.purpleClrBck {
    background-color: #9a719d;
}

.brownClrBck {
    background-color: #88584e;
}

.blackClr {
    color: #333;
}

.form-control {
    --padding-start: 5px;
    --inner-padding-end: 3px;
}

.list-title {
    font-size: 16px;
    color: #333 !important;
}

.list-text {
    font-size: 12px;
    color: #777;
    margin: 5px 0px 0px 0px !important;
}

.header-title {
    font-size: 23px;
    color: #777;
    margin-left: 5px;
    font-weight: normal;
}

.header-icon {
    color: #777;
    font-size: 23px;
    vertical-align: text-bottom;
}

.header {
    position: unset !important;
    margin-bottom: 5px !important;
}

.header h4 {
    margin: -2px 0px 0px 5px !important;
    font-size: 20px !important;
}

.header h4 ion-icon {
    color: #777 !important;
    font-size: 23px !important;
    vertical-align: text-bottom !important;
}

.header-title {
    margin-left: 0px !important;
}

.header-title span {
    font-size: 23px !important;
    color: #777 !important;
    margin-left: 5px !important;
    font-weight: normal !important;
}

.blueText {
    color: #1F628E !important;
}

.greenText {
    color: #4caf50 !important;
}

.redText {
    color: #f44336 !important;
}

.grayText {
    color: #9eb6be !important;
}

.orangeText {
    color: #e88421 !important;
}

.purpleText {
    color: #9a719d;
}

.brownText {
    color: #795548 !important;
}

.tillText {
    color: #008080 !important;
}

.listRow {
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: white;
    margin-top: 10px;
}

.ionCard {
    margin: 0px;
    border-radius: 0px;
}

.ionCard-Content {
    padding: 10px;
}

.lblHdr {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.ionbadge {
    font-weight: normal;
    font-size: 14px;
    padding: 10px;
    background-color: #fff;
    border-radius: 50px;
}

.wid33 {
    width: 31%;
    margin-left: 5px;
}

.wid40 {
    width: 47%;
    margin-left: 5px;
}

.wid50 {
    width: 45%;
    margin-left: 5px;
}

.searchTextBox {
    --border-radius: 3px !important;
}

.whiteText {
    color: #eee;
}

.yellowText {
    color: #E1A730 !important;
}

/*Alignment Class*/
.disInline {
    display: inline-block;
}

.txtLeft {
    text-align: left;
}

.txtCenter {
    text-align: center;
}

.txtRight {
    text-align: right;
}

.boxShadNone {
    box-shadow: none;
}


/*Form Class*/
.txtBox {
    border: none;
    outline: none;
    border-bottom: 1px solid #ddd;
    background-color: inherit;
    height: 28px;
    border-radius: 0px;
    padding: 0px 0px 3px 0px;
    color: #333;
    font-size: 15px;
}

.form-control:focus {
    box-shadow: none;
    border-bottom-color: #1F628E !important;
    /* background-color: inherit !important; */
    background-color: white;
}

.lblColor {
    color: #555;
    font-size: 14px;
}

.mrgbtm15 {
    margin-bottom: 15px;
}

/*summary classes*/

.lgtBlueBtnSel {
    background-color: cornflowerblue;
    color: #fff;
}

.lgtBlueBtn {
    background-color: #fff;
    color: #1F628E;
}

.orangeBtnSel {
    background-color: var(--orangeNew);
    color: #fff;
}

.orangeBtn {
    background-color: #fff;
    color: var(--orangeNew);
}

.blueBtnSel {
    background-color: #1F628E;
    color: #fff;
}

.blueBtn {
    background-color: #fff;
    color: #1F628E;
}

.purpleBtnSel {
    background-color: #9a719d;
    color: #fff;
}

.purpleBtn {
    background-color: #fff;
    color: #9a719d;
}

.brownBtnSel {
    background-color: #795548;
    color: #fff;
}

.brownBtn {
    background-color: #fff;
    //color: #88584e;
    color: #795548;
}

.niloBtnSel {
    // background-color: #4a6f73;
    background-color: #008080;
    color: #fff;
}

.niloBtn {
    background-color: #fff;
    color: #4a6f73;
}

.grayBtnSel {
    background-color: #9eb6be;
    color: #fff;
}

.grayBtn {
    background-color: #fff;
    color: #9eb6be;
}

.yellowBtnSel {
    background-color: #e1a730;
    color: #fff;
}

.yellowBtn {
    background-color: #fff;
    color: #e1a730;
}

.greenBtnSel {
    background-color: #4caf50;
    color: #fff;
}

.greenBtn {
    background-color: #fff;
    color: #4caf50;
}

.redBtnSel {
    background-color: #f44336;
    color: #fff;
}

.redBtn {
    background-color: #fff;
    color: #333;
}

.my-custom-modal-css {
    height: 90%;
    width: 90%;
    margin: 5%;
}

.outlineNone {
    outline: none !important;
}

ion-icon {
    outline: none !important;
}

a {
    outline: none !important;
}

span {
    outline: none !important;
}

i {
    outline: none !important;
}

div {
    outline: none !important;
}

.noListMsg {
    color: #333;
    padding: 15px;
    font-size: 18px;
}


.yellowBckIcn {
    color: #E1A730 !important;
    background: #E1A7301a !important;
    padding: 3px;
    width: 30px;
    font-size: 18px;
    border-radius: 50%;
    height: 30px;
    display: inline-block;
    text-align: center;
}

.redBckIcn {
    color: #f44336;
    background-color: rgb(244 67 54 / 0.1);
    padding: 3px;
    width: 30px;
    font-size: 18px;
    border-radius: 50%;
    height: 30px;
    display: inline-block;
    text-align: center;
}

.brownBckIcn {
    color: #795548;
    background-color: rgb(121 85 72 / 0.1);
    padding: 3px;
    width: 30px;
    font-size: 18px;
    border-radius: 50%;
    height: 30px;
    display: inline-block;
    text-align: center;
}

.blueBckIcn {
    color: #1f628e;
    background-color: rgb(31 98 142 / 0.1);
    padding: 3px;
    width: 30px;
    font-size: 18px;
    border-radius: 50%;
    height: 30px;
    display: inline-block;
    text-align: center;
}

.greenBckIcn {
    color: #169d53;
    background-color: rgb(22 157 83 / 0.1);
    padding: 3px;
    width: 30px;
    font-size: 18px;
    border-radius: 50%;
    height: 30px;
    display: inline-block;
    text-align: center;
}

.orangeBckIcn {
    color: var(--orangeNew);
    background-color: rgb(232 132 33 / 0.1);
    padding: 3px;
    width: 30px;
    font-size: 18px;
    border-radius: 50%;
    height: 30px;
    display: inline-block;
    text-align: center;
}

.purpleBckIcn {
    color: #9a719d;
    background-color: rgb(154 113 157 / 0.1);
    padding: 3px;
    width: 30px;
    font-size: 18px;
    border-radius: 50%;
    height: 30px;
    display: inline-block;
    text-align: center;
}

.blackBckIcn {
    color: #777;
    background-color: rgb(85 85 85 / 0.1);
    padding: 3px;
    width: 30px;
    font-size: 18px;
    border-radius: 50%;
    height: 30px;
    display: inline-block;
    text-align: center;
}


.faFont {
    font-size: 17px !important;
}

.zmdiFont {
    font-size: 18px !important;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    transition: all 2s ease;
    text-overflow: ellipsis;
}

.ellipsis-active {
    overflow: hidden;
    white-space: unset;
    transition: all 2s ease;
    text-overflow: ellipsis;
}



/*button Color CSS*/
.yellowBckBtn {
    color: #E1A730;
    background-color: #e1a73033;
    font-size: 18px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    /*border: 1px solid #fec007 !important;*/
}

.yellowBckBtn:hover,
.yellowBckBtn:active {
    background-color: white !important;
    border: 1px solid #E1A730 !important;
    color: #E1A730 !important;
    outline: none !important;
}

.blueBckBtn {
    color: #1f628e;
    background-color: rgb(31 98 142 / 0.1);
    font-size: 18px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    /*border: 1px solid #1f628e !important;*/
}

.blueBckBtn:hover,
.blueBckBtn:active {
    background-color: white !important;
    border: 1px solid #1f628e !important;
    color: #1f628e !important;
    outline: none !important;
}

.orangeBckBtn {
    color: var(--orangeNew);
    background-color: rgb(232 132 33 / 0.1);
    font-size: 18px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    /*border: 1px solid var(--orangeNew) !important;*/
}

.orangeBckBtn:hover,
.orangeBckBtn:active {
    background-color: white !important;
    border: 1px solid var(--orangeNew) !important;
    color: var(--orangeNew) !important;
    outline: none !important;
}

.greenBckBtn {
    color: #4caf50;
    background-color: rgb(76 175 80 / 0.1);
    font-size: 18px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    /*border: 1px solid #169d53 !important;*/
    outline: none !important;
}

/*.greenBckBtn:hover {
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
     outline: none !important;
}*/

.greenBckBtn:hover,
.greenBckBtn:active {
    background-color: white !important;
    border: 1px solid #4caf50 !important;
    color: #4caf50 !important;
    outline: none !important;
}

.purpleBckBtn {
    color: #9a719d;
    background-color: rgb(154 113 157 / 0.1);
    font-size: 18px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    /*border: 1px solid #9a719d !important;*/
}

.redBckBtn {
    color: #f44336;
    background-color: rgb(244 67 54 / 0.1);
    font-size: 18px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    /*border: 1px solid #f44336 !important;*/
}

.grayBckBtn {
    color: gray;
    background-color: #ddd;
    font-size: 18px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    /*border: 1px solid #f44336 !important;*/
}

.grayBckBtn:hover,
.grayBckBtn:active {
    background-color: white !important;
    border: 1px solid gray !important;
    color: gray !important;
    outline: none !important;
}


.btnCls {
    padding: 10px;
    border-radius: 50px;
    width: 90%;
    background: white;
    border: 1px solid #ddd;
}

.btn-save,
.btn-save:focus {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    /*border-radius: 3px;*/
    border-radius: 25px;
    color: white;
    background: darkgreen;
    border: 1px solid darkgreen;
    outline: none !important;
    /*border-radius: 3px !important;*/
}

.btn-save:hover,
.btn-save:active {
    background-color: white !important;
    border: 1px solid darkgreen !important;
    color: darkgreen !important;
    outline: none !important;
}

.btn-orange,
.btn-orange:focus {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    /*border-radius: 3px;*/
    border-radius: 25px;
    /* border-radius: 3px !important;*/
    color: white;
    background: #e88421;
    border: 1px solid #e88421;
    outline: none !important;
}

.btn-orange:hover,
.btn-orange:active {
    background-color: white !important;
    border: 1px solid #e88421 !important;
    color: #e88421 !important;
    outline: none !important;
}

.btn-gray,
.btn-gray:focus {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 25px;
    color: white;
    background: gray;
    border: 1px solid gray;
    outline: none !important;
}

.btn-gray:hover,
.btn-gray:active {
    background-color: white !important;
    border: 1px solid gray !important;
    color: gray !important;
    outline: none !important;
}


.btn-yellow,
.btn-yellow:focus {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    /* padding: 3px 8px 3px !important;*/
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    /*border-radius: 3px;*/
    border-radius: 25px;
    /*border-radius: 3px !important;*/
    color: white;
    background: #DAA520;
    border: 1px solid #E1A730;
    outline: none !important;
}

.btn-yellow:hover,
.btn-yellow:active {
    background-color: white !important;
    border: 1px solid #DAA520 !important;
    color: #DAA520 !important;
    outline: none !important;
}


.btn-teal,
.btn-teal:focus {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    /*border-radius: 3px;*/
    border-radius: 25px;
    /*border-radius: 3px !important;*/
    color: white;
    background: #008080;
    border: 1px solid #008080;
    outline: none !important;
}

.btn-teal:hover,
.btn-teal:active {
    background-color: white !important;
    border: 1px solid #008080 !important;
    color: #008080 !important;
    outline: none !important;
}


.btn-blue,
.btn-blue:focus {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    /*border-radius: 3px;*/
    border-radius: 25px;
    /*border-radius: 3px !important;*/
    color: white;
    background: #1F628E;
    border: 1px solid #1F628E;
    outline: none !important;
}

.btn-blue:hover,
.btn-blue:active {
    background-color: white !important;
    border: 1px solid #1F628E !important;
    color: #1F628E !important;
    outline: none !important;
}


.btn-darkBlue,
.btn-darkBlue:focus {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    /*border-radius: 3px;*/
    border-radius: 25px;
    /*border-radius: 3px !important;*/
    color: white;
    background: #15304A;
    border: 1px solid #15304A;
    outline: none !important;
}

.btn-darkBlue:hover,
.btn-darkBlue:active {
    background-color: white !important;
    border: 1px solid #15304A !important;
    color: #15304A !important;
    outline: none !important;
}

.btn-brown,
.btn-brown:focus {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    /*border-radius: 3px;*/
    border-radius: 25px;
    /*border-radius: 3px !important;*/
    color: white;
    background: #795548;
    border: 1px solid #795548;
    outline: none !important;
}

.btn-brown:hover,
.btn-brown:active {
    background-color: white !important;
    border: 1px solid #795548 !important;
    color: #795548 !important;
    outline: none !important;
}

.modal-content {
    border-radius: 10px;
}

::placeholder {
    color: #aaa !important;
}


.bzGrayBkgd {
    background-color: #f1f1f3;
    /*    min-height: 100vh;*/
}

.bzMatTbl {
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.bzMatTbl tbody {
    border-bottom-left-radius: 10px;
}

.bzMatTbl table {
    border-collapse: separate;
}

/*.bzMatTbl tr:first-child td:first-child {
                border-top-left-radius: 10px;
            }

            .bzMatTbl tr:first-child td:last-child {
                border-top-right-radius: 10px;
            }*/

.bzMatTbl tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.bzMatTbl tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.bzMatTbl .header {
    border-radius: 10px;
    padding-top: 10px !important;
}

.bzShadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}


.BzBgwhite {
    background-color: white !important;
}

.BzBgwhite:focus {
    background-color: white !important;
}

.BzBrdRad {
    border-radius: 3px !important;
}

.newOrangeBadge {
    color: #e88421;
    background: white;
    border: 1px solid;
    border-radius: 3px !important;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 7px !important;
    display: inline-block;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.activeNewOrangeBadge {
    color: white !important;
    background: #e88421 !important;
    border: 1px solid #e88421;
}

.newLableBtGreen {
    display: inline-block;
    margin: 0;
    /*padding: 2px 7px 2px;*/
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: #4caf50;
    border: hidden;
    font-size: 14px;
    /*background: rgb(76 175 80 / 0.2);*/
}

.newLableBtnOrange {
    display: inline-block;
    margin: 0;
    /*padding: 2px 7px 2px;*/
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: #e88421;
    border: hidden;
    font-size: 14px;
    /*background: rgba(232,132,33, 0.2);*/
}

.newDarkBlueBtn {
    color: #15304a;
    background: white;
    border: 1px solid;
    border-radius: 3px !important;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 7px !important;
    display: inline-block;
    font-family: inherit;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.activeNewDarkBlueBtn {
    color: white !important;
    background: #15304a !important;
    border: 1px solid #15304a;
    padding: 3px 7px !important;
}

.newLableBtTeal {
    display: inline-block;
    margin: 0;
    padding: 2px 8px 1px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: #008080;
    border: hidden;
    background: #00808020;
}

.newLableBtTeal:hover {
    border-radius: 3px;
    color: white;
    background: #008080;
}

.newGreenLblBtn {
    color: #4caf50;
    background: white;
    border: 1px solid;
    border-radius: 3px !important;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 7px !important;
    display: inline-block;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.newGreenLblBtn:hover {
    border-radius: 3px;
    color: white;
    background: #4caf50;
}

.newDarkBlueLblBtn {
    color: #15304a;
    background: white;
    border: 1px solid;
    border-radius: 3px !important;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 7px !important;
    display: inline-block;
    font-family: inherit;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.newDarkBlueLblBtn:hover {
    border-radius: 3px;
    color: white;
    background: #15304a;
}

.brdrRadius3 {
    border-radius: 3px !important
}

.orangeButton,
.orangeButton:focus {
    display: inline-block;
    margin: 0;
    padding: 5px 8px 5px !important;
    line-height: 18px;
    font-family: inherit;
    /*line-height: 1.66em;*/
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: white !important;
    background: #e88421 !important;
    border: 1px solid #e88421 !important;
    outline: none !important;
}

.orangeButton:hover,
.orangeButton:active {
    background-color: white !important;
    border: 1px solid #e88421 !important;
    color: #e88421 !important;
    outline: none !important;
}

.yellowButton,
.yellowButton:focus {
    display: inline-block;
    margin: 0;
    padding: 5px 8px 5px !important;
    line-height: 18px;
    font-family: inherit;
    /*line-height: 1.66em;*/
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: white;
    background: #DAA520;
    border: 1px solid #DAA520;
    outline: none !important;
}

.yellowButton:hover,
.yellowButton:active {
    background-color: white !important;
    border: 1px solid #DAA520 !important;
    color: #DAA520 !important;
    outline: none !important;
}

.greenButton,
.greenButton:focus {
    display: inline-block;
    margin: 0;
    padding: 5px 8px 5px !important;
    line-height: 18px;
    font-family: inherit;
    /*line-height: 1.66em;*/
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: white;
    background: #006400;
    border: 1px solid #006400;
    outline: none !important;
}

.greenButton:hover,
.greenButton:active {
    background-color: white !important;
    border: 1px solid #006400 !important;
    color: #006400 !important;
    outline: none !important;
}

.greenBrdButton,
.greenBrdButton:focus {
    display: inline-block;
    margin: 0;
    padding: 5px 8px 5px !important;
    line-height: 18px;
    font-family: inherit;
    /*line-height: 1.66em;*/
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: #006400;
    background: white;
    border: 1px solid #006400 !important;
    outline: none !important;
}

.greenBrdButton:hover,
.greenBrdButton:active {
    background-color: #006400 !important;
    border: 1px solid #006400 !important;
    color: white !important;
    outline: none !important;
}

.trngDarkBlueBtn {
    color: #15304a;
    background: white;
    border: 1px solid;
    border-radius: 3px !important;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 7px !important;
    display: inline-block;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none !important;
}

.trngDarkBlueBtn:hover {
    background-color: #15304a;
    border: 1px solid #15304a !important;
    color: white;
    outline: none !important;
}

.darkBlueButton,
.darkBlueButton:focus {
    display: inline-block;
    margin: 0;
    padding: 5px 8px 5px !important;
    font-family: inherit;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    /*border-radius: 3px;*/
    border-radius: 3px !important;
    color: white;
    background: #15304a;
    border: 1px solid #15304a;
    outline: none !important;
}

.darkBlueButton:hover,
.darkBlueButton:active {
    background-color: white !important;
    border: 1px solid #15304a !important;
    color: #15304a !important;
    outline: none !important;
}

.formCtlFltr {
    border: 1px solid #BCC2C9 !important;
    /*1px solid #BCC2C9 !important;*/
    height: 30px !important;
    cursor: pointer;
    display: inline-block;
    border-radius: 3px !important;
}

.formCtlFltr :focus {
    border-color: #b38a4c !important;
    box-shadow: none !important;
}

.formCtlFltr:hover {
    border-color: #1F628E !important;
}

.chkbox-darkblue {
    accent-color: #15304a;
    margin: 0px !important;
    position: unset !important;
}

.border-none {
    border: none !important;
    /* height: 15vh !important; */
}

.darkBlueLblBtn {
    border-radius: 3px;
    background: #fff;
    border: 1px solid #15304a !important;
    margin-left: 0px !important;
    margin-right: 5px;
    cursor: default;
    color: #15304a !important;
    box-shadow: none !important;
}

.greenLblBtn {
    border-radius: 3px;
    background: #fff;
    border: 1px solid #4caf50 !important;
    margin-left: 0px !important;
    margin-right: 5px;
    cursor: default;
    color: #4caf50 !important;
    box-shadow: none !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #15304A !important;
    border-color: #15304A !important;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #15304a;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #15304a;
    background-color: #eee;
    border-color: #ddd
}

.mdlFontSize {
    font-size: 22px !important;
}

.table>thead>tr:nth-child(odd) {
    background-color: #fff !important;
}

.darkBlueBrdr {
    border: 1px solid #15304a !important;
}

.lable-BtnDarkBLue {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: #15304a;
    border: hidden;
    background: #15304a22;
}

.lable-BtnDarkBLue:hover {
    border-radius: 3px;
    color: white;
    background: #15304a;
}


.brownBadge-wb {
    color: #795548;
    background: #FFF;
    border: 1px solid #795548;
    padding: 5px 15px;
    border-radius: 3px;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
}

.brownBadge-wb-active {
    color: #FFF;
    background-color: #795548;
}

.orangeBadge-wb {
    color: var(--orangeNew);
    background: #FFF;
    border: 1px solid var(--orangeNew);
    padding: 5px 15px;
    border-radius: 3px;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
}

.orangeBadge-wb-active {
    color: #FFF;
    background-color: var(--orangeNew);
}

.org-hvr:hover {
    color: #fff;
    background-color: var(--orangeNew);
}

.greenBadge-wb {
    color: #4CAF50;
    background: #FFF;
    border: 1px solid #4CAF50;
    padding: 5px 15px;
    border-radius: 3px;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
}

.greenBadge-wb-active {
    color: #FFF;
    background-color: #4CAF50;
}

.grn-hvr:hover {
    color: #fff;
    background-color: #4CAF50;
}

.blueBadge-wb {
    color: #1F628E;
    background: #FFF;
    border: 1px solid #1F628E;
    padding: 5px 15px;
    border-radius: 3px;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
}

.blueBadge-wb-active {
    color: #FFF;
    background-color: #1F628E;
}

.darkBlueBadge-wb {
    color: #15304A;
    background: #FFF;
    border: 1px solid #15304A;
    padding: 5px 15px;
    border-radius: 3px;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
}

.darkBlueBadge-wb-active {
    color: #FFF;
    background-color: #15304A;
}

.dblue-hvr:hover {
    color: #fff !important;
    background-color: #15304A;
}

.yellowBadge-wb {
    color: #DAAF50;
    background: #FFF;
    border: 1px solid #DAAF50;
    padding: 5px 15px;
    border-radius: 3px;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
}

.yellowBadge-wb-active {
    color: #FFF;
    background-color: #DAAF50;
}

.lable-BtnDarkBLue {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: #15304a;
    border: hidden;
    background: #15304a22;
}

.lable-BtnDarkBLue:hover {
    border-radius: 3px;
    color: white;
    background: #15304a;
}


.btn-darkGreen,
.btn-darkGreen:focus {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: white;
    background: darkgreen;
    border: 1px solid darkgreen;
    outline: none !important;
}

.btn-darkGreen:hover,
.btn-darkGreen:active {
    background-color: white !important;
    border: 1px solid darkgreen !important;
    color: darkgreen !important;
    outline: none !important;
}

/*Dashboard CSS*/

.key-data-container {
    line-height: 21px;
    border: 1px solid #ddd;
    padding: 15px;
}

.key-data-title {
    color: grey;
    font-size: 13px;
    display: block;
}

.key-data-name {
    color: #333;
    font-size: 18px;
}

.key-data-box {
    margin-bottom: 25px;
}

.dsp-flex {
    display: flex;
}

.stat-card {
    border-radius: 3px;
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    background-color: #15304a10;
    font-size: 26px;
    font-weight: bold;
    cursor: pointer;
    color: #15304a;
    border: 1px solid #15304a;
}

.stat-card:hover {
    background-color: #15304a;
    color: white;
    border: 1px solid #15304a;
}


.mainOrngBox {
    background: var(--orangeNew);
    color: white;
    text-align: left;
    min-height: 65px;
    font-size: 26px;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 5px 4px 11px rgb(0 0 0 / 15%);
    font-weight: bold;
}

.fs25px {
    font-size: 25px;
}

.bzSection {
    background-color: #FFF;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
}

.bzInput, .bz-select, .bz-input {
    background-color: #FFF !important;
    resize: none;
    padding: 10px;
    /* cursor: pointer; */
    display: inline-block;
    border: 1px solid #DDD !important;
    border-radius: 3px !important;
    height: 30px;
    font-size: 13px !important;
}

.bzInput:focus,
.bzInput:active,
.bz-input:focus,
.bz-input:active,
.bz-select:focus,
.bz-select:active {
    background-color: #FFF !important;
}
.bzInput:disabled, .bz-select:disabled, .bz-input:disabled {
    background-color: #EEE !important;
}


.bz-select {
    border-color: #BCC2C9 !important;
    cursor: pointer;
}

.bz-select:hover {
    border-color: var(--blue) !important;
}

.bz-mandatory {
    position: relative;
}

.bz-mandatory::after {
    content: "*";
    color: red;
    position: relative;
    left: 4px;
    top: 3px;
    font-size: 16px;
}

.bz-form-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.insideInput {
    display: inline;
    position: absolute;
    padding: 6px 8px 5px 8px;
    border-right: 1px solid #ddd;
}

.bzInputPad {
    padding: 8px !important;
}

.row-field-flx {
    margin-bottom: 10px;
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
}

.darkBlueRadio {
    margin: 0px !important;
    vertical-align: middle;
    accent-color: #15304A;
    cursor: pointer;
}

.bzSectionHead {
    font-weight: bold;
    color: #333;
    margin-top: 0px;
    font-size: 15px;
}

.bzChkBox {
    cursor: pointer;
    margin: 0px !important;
    vertical-align: text-top;
    accent-color: #15304a;
    width: 15px;
    height: auto;
}

.dsbldInput {
    padding: 5px 8px !important;
    cursor: no-drop;
    background-color: #f0f1f3 !important;
}

.tableBox {
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
}

.lableBtnBrown {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: #795548;
    border: hidden;
    background: #79554826;
}

.lableBtnBrown:hover {
    border-radius: 3px;
    color: white;
    background: #795548;
}

.lableBtnBlue {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: #15304A !important;
    border: 1px solid #15304A44;
    background: rgba(21, 48, 74, 0.2);
    height: 27px;
}

.lableBtnBlue:hover {
    border-radius: 3px;
    color: white !important;
    background: #15304A;
    border-color: #15304A;
}

.bzLabelBlock {
    display: block;
    margin: 5px 0px;
    color: #333;
    font-weight: normal;
    font-size: 12px;
}

.bzLabel {
    font-weight: normal;
    margin: 5px auto;
    display: inline-block;
    max-width: 100%;
    color: #333;
    vertical-align: top;
}

.bgGrey {
    background-color: #f1f1f0 !important;
}

._720kb-datepicker-calendar._720kb-datepicker-open,
._720kb-datepicker-calendar {
    top: 0px !important;
    right: 0px;
}

.divLeftDate ._720kb-datepicker-calendar {
    left: 0% !important;
}

.bzDatepickerLeft ._720kb-datepicker-open {
    right: auto;
}

.no-record-badge {
    display: inline-block;
    background-color: #E0E0E0;
    padding: 7px 14px;
    border-radius: 3px;
    line-height: normal;
    font-size: 13px;
}

.dsbldInput {
    /* padding: 5px 8px !important; */
    cursor: no-drop;
    background-color: #f0f1f3 !important;
}

.fs-12 {
    font-size: 12px !important;
}

.bz-input-search {
    position: relative;
}

.bz-input-search::before {
    font-family: "FontAwesome";
    content: "\f002";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 13px;
}

.bz-input-search input {
    padding-left: 30px !important;
    box-shadow: none;
}

.mt0 {
    margin-top: 0px;
}

.w-full {
    width: 100%;
}

.cursor-pointer {
    cursor: pointer !important;
}

.text-center {
    text-align: center !important;
}

.bz-mdl-index {
    backdrop-filter: blur(5px);
    z-index: 10000;
    background-color: #00000064;
}

.bz-header, .bz-mdl-header {
    text-shadow: 2px 2px 3px #00000032;
    font-weight: 500;
    text-size-adjust: 100%;
    font-family: inherit;
    font-size: 25px !important;
    margin: 0px !important
}

.bz-mdl-header {
    font-size: 22px !important;
    text-shadow: none;
}

.bz-mdl-close {
    display: inline-flex;
    align-items: center;
    margin: 0px;
    padding: 3px 7px;
    line-height: normal;
    font-size: 16px;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: all ease 0.25s ease-in;
    height: var(--btn-height);
    background-color: transparent;
    font-style: normal;
}

.bz-mdl-close::before {
    font-family: "Material-Design-Iconic-Font";
    content: "\f136";   /* unicode for zmdi-close */
    font-size: 18px;
    cursor: pointer;
}

.bz-mdl-close:hover {
    background-color: #D8D8D8;
}

.bz-mdl-h-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.bz-mdl-h-desc {
    color: grey;
    font-size: 12px;
    margin-top: 5px;
}

.bz-label, .bz-label-inl {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: normal;
}

.bz-label-inl {
    display: inline-flex;
}

.bz-label.lbl-sm {
    font-size: 12px;
}

.bz-label .bz-radio {
    margin: 0px !important;
    accent-color: var(--dark-blue);
    cursor: pointer;
}

.bz-label .bz-checkbox {
    margin: 0px !important;
    accent-color: var(--dark-blue);
    cursor: pointer;
}

.bz-label.required::after {
    content: " *";
    color: red;
}

.bz-btn-container, .bz-field-container {
    margin-top: 10px;
    display: inline-flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.bz-field-container {
    margin-top: 0px;
}

.inline-block {
    display: inline-block;
}

.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}

.flex-column {
    flex-direction: column;
}

.flex-end {
    justify-content: flex-end;
}
.space-between {
    justify-content: space-between;
}
.space-around {
    justify-content: space-around;
}

.bz-btn, .bz-btn-icon, .bz-badge, .bz-icon, .bz-btn-cover {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    border-radius: var(--border-radius);
    line-height: normal;
    font-size: 13px !important;
    padding: 6px 12px;
    border: 1px solid;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: var(--btn-height);
}

.bz-btn i {
    font-size: 14px;
}

.bz-btn-icon {
    padding: 4px 8px;
    font-size: 14px !important;
    text-decoration: none !important;
    min-width: 30px;
    max-width: 32px;
    justify-content: center;
}
.bz-btn-icon a {
    text-decoration: none !important;
    color: inherit !important;
}

.bz-btn.btn-sm {
    height: 28px;
    padding: 4px 8px;
}

.bz-btn-cover {
    padding: 0px;
    height: auto;
    border: none;
    background-color: var(--white);
}

.bz-btn-icon.btn-sm {
    height: 24px;
    padding: 3px 6px;
    min-width: 24px;
    max-width: 26px;
    font-size: 13px !important;
}

.bz-badge.btn-sm {
    font-size: 12px;
    height: 24px;
    padding: 3px 6px;
}

.bz-btn-icon.btn-xl {
    padding: 6px 12px;
    height: 40px;
    max-width: 42px;
    min-width: 40px;
    font-size: 16px !important;
}

.bz-btn-icon.btn-2xl {
    padding: 6px 12px;
    height: 45px;
    max-width: 45px;
    min-width: 45px;
    font-size: 18px !important;
}

.bz-icon {
    border: none;
    padding: 0px;
    background-color: inherit !important;
}
.bz-icon:hover {
    color: inherit !important;
}

.btn-orange-fill {
    background-color: var(--orangeNew);
    border-color: var(--orangeNew);
    color: var(--white);
}

.btn-orange-fill:not(.no-hover):hover {
    color: var(--orangeNew);
    background-color: var(--white);
}

.btn-dblue-fill {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
    color: var(--white);
}

.btn-dblue-fill:not(.no-hover):hover {
    color: var(--dark-blue);
    background-color: var(--white);
}

.btn-red-fill {
    background-color: var(--red);
    border-color: var(--red);
    color: var(--white);
}

.btn-red-fill:not(.no-hover):hover {
    color: var(--red);
    background-color: var(--white);
}

.btn-dgreen-fill {
    background-color: var(--dark-green);
    border-color: var(--dark-green);
    color: var(--white);
}

.btn-dgreen-fill:not(.no-hover):hover {
    color: var(--dark-green);
    background-color: var(--white);
}

.btn-blue-fill {
    background-color: var(--blue);
    border-color: var(--blue);
    color: var(--white);
}

.btn-blue-fill:not(.no-hover):hover {
    color: var(--blue);
    background-color: var(--white);
}

.btn-brown-fill {
    background-color: var(--brown);
    border-color: var(--brown);
    color: var(--white);
}

.btn-brown-fill:not(.no-hover):hover {
    color: var(--brown);
    background-color: var(--white);
}

.btn-yellow-fill {
    background-color: var(--yellow);
    border-color: var(--yellow);
    color: var(--white);
}

.btn-yellow-fill:not(.no-hover):hover {
    color: var(--yellow);
    background-color: var(--white);
}

.btn-close {
    background-color: var(--dark-blue24);
    color: var(--dark-blue);
    border-color: transparent;
}

.btn-close:not(.no-hover):hover {
    background-color: var(--dark-blue);
    color: var(--white);
}

.btn-close i {
    font-size: 16px;
}


/* #region White BG Buttons */

.btn-orange-wb {
    background-color: var(--white);
    color: var(--orangeNew);
    border-color: var(--orangeNew);
}

.btn-orange-wb:hover {
    background-color: var(--orangeNew);
    color: var(--white);
}

.btn-dblue-wb {
    background-color: var(--white);
    color: var(--dark-blue);
    border-color: var(--dark-blue);
}
.btn-dblue-wb:hover {
    background-color: var(--dark-blue);
    color: var(--white);
}

.btn-dgray-wb {
    background-color: var(--white);
    color: #333;
    /* border-color: var(--white); */
}
.btn-dgray-wb:hover {
    background-color: var(--gray);
    color: #333;
}

.btn-dgreen-wb {
    background-color: var(--white);
    color: var(--dark-green);
    border-color: var(--dark-green);
}
.btn-dgreen-wb:hover {
    background-color: var(--dark-green);
    color: var(--white);
}

.btn-blue-wb {
    background-color: var(--white);
    color: var(--blue);
    border-color: var(--blue);
}
.btn-blue-wb:hover {
    background-color: var(--blue);
    color: var(--white);
}

.btn-brown-wb {
    background-color: var(--white);
    color: var(--brown);
    border-color: var(--brown);
}
.btn-brown-wb:hover {
    background-color: var(--brown);
    color: var(--white);
}

.btn-red-wb {
    background-color: var(--white);
    color: var(--red);
    border-color: var(--red);
}
.btn-red-wb:hover {
    background-color: var(--red);
    color: var(--white);
}

/* #endregion */

/* #region Light BG buttons */

.btn-orange-light {
    background-color: var(--orangeNew24);
    color: var(--orangeNew);
    border-color: transparent;
}
.btn-orange-light:hover {
    color: var(--white);
    background-color: var(--orangeNew);
    border-color: var(--orangeNew);
}

.btn-orangeNew-light {
    background-color: var(--orangeNew24);
    color: var(--orangeNew);
    border-color: transparent;
}
.btn-orangeNew-light:hover {
    color: var(--white);
    background-color: var(--orangeNew);
    border-color: var(--orangeNew);
}

.btn-dblue-light {
    background-color: var(--dark-blue24);
    color: var(--dark-blue);
    border-color: transparent;
}
.btn-dblue-light:hover {
    color: var(--white);
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.btn-dgreen-light {
    background-color: var(--dark-green24);
    color: var(--dark-green);
    border-color: transparent;
}
.btn-dgreen-light:hover {
    color: var(--white);
    background-color: var(--dark-green);
    border-color: var(--dark-green);
}

.btn-yellow-light {
    background-color: var(--yellow24);
    color: var(--yellow);
    border-color: transparent;
}
.btn-yellow-light:hover {
    color: var(--white);
    background-color: var(--yellow);
    border-color: var(--yellow);
}

.btn-red-light {
    background-color: var(--red24);
    color: var(--red);
    border-color: transparent;
}
.btn-red-light:hover {
    color: var(--white);
    background-color: var(--red);
    border-color: var(--red);
}

.btn-gray-light {
    background-color: #80808033;
    color: gray;
    border-color: transparent;
}
.btn-gray-light:hover {
    color: var(--white);
    background-color: gray;
    border-color: gray;
}

/* #endregion */

/* #region Badges */

.badge-dblue, .badge-dblue-light {
    background-color: var(--white);
    color: var(--dark-blue);
    border-color: var(--dark-blue);
    cursor: default;
}

.badge-dgreen, .badge-green-light {
    background-color: var(--white);
    color: var(--dark-green);
    border-color: var(--dark-green);
    cursor: default;
}

.badge-orange, .badge-orange-light {
    background-color: var(--white);
    color: var(--orangeNew);
    border-color: var(--orangeNew);
    cursor: default;
}

.badge-dblue-light {
    background-color: var(--dark-blue24);
}
.badge-dgreen-light {
    background-color: var(--dark-green24);
}
.badge-orange-light {
    background-color: var(--orange24);
}

.badge-dblue-outline {
    background-color: var(--white);
    color: var(--dark-blue);
    border-color: var(--dark-blue);
    cursor: default;
}

.badge-green-outline {
    background-color: var(--white);
    color: var(--dark-green);
    border-color: var(--dark-green);
    cursor: default;
}

/* #endregion */

/* #region Text Colors */

.text-orange { color: var(--orangeNew); }
.text-blue { color: var(--blue); }
.text-dblue { color: var(--dark-blue); }
.text-red { color: var(--red); }
.text-dgreen { color: var(--dark-green); }
.text-brown { color: var(--brown);}
.text-teal { color: var(--teal);}

/* #endregion */

/* #region Modal classes */

.modal-header {
    border: none !important;
    padding-bottom: 0px;
}

.modal-content {
    text-align: left !important;
    border-color: transparent;
    outline: none;
}

.modal-footer {
    border: none !important;
    text-align: left !important;
    padding: 0px 15px 15px 15px;
}

/* #regionend */


/* ==================
        Mobile 
=================== */

@media screen and (max-width: 768px) {
    .bz-header {
        box-shadow: none;
    }

    .bz-mdl-header {
        font-size: 22px !important;
        box-shadow: none;
        display: inline-block;
    }

    .bz-mdl-height {
        min-height: 100dvh !important;
    }
}/* @media screen and (max-width: 350px) {
    .bz-mdl-header {
        max-width: 125px;
    }
} */