body{
/*    */
font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
}
.font-iner{font-family: "Inter", sans-serif;}
.lightGreenBack{
    background: #D5ECD5;
}
.themeColor{
    color: #6F9B6F;
}
.themeBackground{
    background-color: #6F9B6F;
}
.textColor{color: #575756;}
.deepColor{color: #0A1629;}
.extraOffColor{color: #91929E;}
.fontWeight700{font-weight: 700;}
.fontWeight600{font-weight: 600;}
.fontWeight500{font-weight: 500;}
.fontWeight300{font-weight: 300;}
.fontWeight800{font-weight: 800;}
.font1{font-size: 1.2rem;}
.fontSmall{font-size: .89rem !important;}
/* .extraSmallFont{font-size: .8rem;} */

.rounded30{border-radius: 30px; overflow: hidden;}
.rounded20{border-radius: 20px; overflow: hidden;}

hr{border-color: rgb(143, 187, 252);}
.minheightSec{
    min-height: calc(100vh - 3rem);
}
.rightFormIcon{
    bottom: 10px;
    right: 12px;
}
.rightIconInput input{
    padding-right: 50px;
}
.topSearch .rightIconInput input{
    padding-left: 40px; padding-right: 10px;
}
.topSearch .rightFormIcon{
    bottom: 12px;
    left: 12px;
    right: auto;
}
.topSearch .customInput {max-width: 400px; width: 100%;min-width: 400px;}
.topRightHeight{min-height: 43px;}
.greyBack{background: #575756}
p{margin: 0px;}
.rightIconInput .rightFormIcon a{color: #575756;}
.customInput{min-height: 45px;}
.customSubmit{min-width: 200px;padding: 10px 10px;font-size: 1.2rem;transition: all ease-in-out .3s;}
.customSubmit:hover{background: #000;}

.leftPanel{position: fixed; padding: 30px 15px; width: 20rem;border-right: 1px solid #eaeaea; top: 0px;left: 0px;bottom: 0px;font-family: "Inter", sans-serif;}
.rightPanel{margin-left: 20rem;}
.leftPanel .logoSec{max-width: 180px;}
.listLeftmenu li a{display: flex; align-items: center; gap: 10px; width: 100%;padding: 12px 20px; text-decoration: none; color: #575756;transition: all ease-in-out .3s;border-radius: 5px;margin-bottom: 2px;font-weight: 500;}
.listLeftmenu li a:hover, .listLeftmenu li a.active{background-color: #6F9B6F;color: #fff;}
.listLeftmenu li a img{filter: brightness(1) invert(1);}
.listLeftmenu li a:hover img, .listLeftmenu li a.active img{filter: brightness(0) invert(1);}
.fullHtMenu{min-height: calc(100vh - 370px);max-height: calc(100vh - 370px);}
.bottomLogOut .listLeftmenu li a img{filter: unset;}
.bottomLogOut .listLeftmenu li a:hover{background: none;color: #575756;padding-left: 30px;}

.rightPanelMain{min-height: calc(100vh - 92px);overflow-y: auto;padding-bottom: 50px;}
.maxW500{max-width: 400px}
.letfStepList li{font-size: .8rem;color: #A9D0A9;padding-top: 30px;padding-left: 2.2rem;position: relative;}
.letfStepList li:before{content: "";top: 6px;position: absolute;bottom: 0px;width: 2px;background: #fff;left: 11px;bottom: 27px;}
.letfStepList li:first-child:before{display: none}
.letfStepList li span{width: 25px;height: 25px;background: #fff;position: absolute;left: 0px;display: inline-block;border-radius: 50%;top: 26px;border: 3px solid #EAECF0;}
.letfStepList li span:before{content: "";position: absolute;width: 7px;height: 7px;background: #D0D5DD;border-radius: 50px;left: 0px;right: 0px;margin: auto;top: 6px;}
.letfStepList li.active span{background: #14AE5C;}
.letfStepList li.active span:before{background: #fff;}
.letfStepList li.active{color: #fff;}
.greenValue{color: green;font-weight: 700}
.blueValue{color: #0052FF;font-weight: 700}
.orangeValue{color: #CB4400;font-weight: 700}

.borderDiv{border: 1px solid #CED5E0;}
.smallImages ul li{margin-top: 25px;}

/* .roundelFloatList ul{border-radius: 30px; overflow: hidden;} */
.roundelFloatList ul li{float: left;width: 33.33%;text-align: center;background: #E8F5E8;padding: 6px;}
.roundelFloatList ul li:first-child{border-radius: 30px 0px 0px 30px;}
.roundelFloatList ul li:last-child{border-radius: 0px 30px 30px 0px;}
.roundelFloatList ul li a{text-align: center;display: inline-block;text-decoration: none;font-size: 1rem;color: #0A1629;font-weight: 500;padding: .7rem;width: 100%;transition: all ease-in-out .3s;border-radius: 30px;}
.roundelFloatList ul li.active a, .roundelFloatList ul li a:hover{background: #6F9B6F;color: #fff;}
.projectLeftLogo{max-width: 50px;width: 100%;}
.customShadow .shadow{box-shadow: 0px 0px 20px 4px #f3f3f3 !important;}
.customProfile{background: transparent;}
.customProfile button, .customProfile button:hover{border: 1px solid #D0D5DD;}
.dashboardContent{padding: 1.5rem;border-radius: .8rem;min-height: 150px;display: flex;align-items: center;background-image: url(../images/Background.png);background-repeat: no-repeat;background-position: right bottom;}
.offGreenText{color: #C6EAC6;}
.customBtnGroup .btn{background: transparent;color: #575756;font-size: .9rem;border-color: #D0D5DD;font-weight: 600;position: relative;padding: 10px 5px;}
.customBtnGroup .btn:hover, .customBtnGroup .btn.active{background: #C6EAC6;color: #575756; border-color: #D0D5DD;}
.customBtnGroup .btn:before{content: "";position: absolute;width: 7px;height: 7px;background-color: #6F9B6F;left: 30px;top: 17px;border-radius: 50px;opacity: 0;visibility: hidden;transition: all ease-in .3s;}
.customBtnGroup .btn:hover:before, .customBtnGroup .btn.active:before{left: 21px;opacity: 1; visibility: visible;}
.customTab .nav-link{border: 0px;}
.customTab .nav-link, .customTab .nav{border: 0px;}
.customTab .nav-link{font-size: 1rem;font-weight: 700;color: #667085;border-radius: 0px;padding: 10px 30px; border-bottom: 2px solid transparent;}
.customTab .nav-link.active, .customTab .nav-link:hover{background: #F3F7F3;color: #6F9B6F;border-bottom: 2px solid #6F9B6F;}
.border-md-r{border-right: 1px solid rgb(222, 226, 230);}
.activeStatus{font-weight: 300;}
.activeStatus i{font-size: .5rem;}



@media(max-width:991px){
    .border-md-r{
        border-right: 0px;
    }
}