body,div{font-family: 'Lexend', sans-serif !important;}
body{margin:0;padding:0;font-size:medium;color:#333}
h1,h2{font-family: 'Lexend', sans-serif !important;padding: 0;}



.index_bg{background-color:#3275e7;background-image: url(../images/homepage-banner.jpg);background-repeat: no-repeat;background-position: center;background-attachment: fixed;background-size: cover;}

.page_title{position: relative;
/*    background-image: url(../images/header_bg.png);*/
    background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 99;
/*    background-color: #4051e7;*/
}

.page_title .cust_container{display: flex;align-items: center;}
.page_title .logo{padding-right: 20px;}
a.cust_white_btn.posistion_bottom_right{position: absolute;bottom: 0.75rem;right: 8.5%;z-index: 99;}

.card{box-shadow: 0px 0px 22px #0000001F;border:0;height: 100%;position: relative;padding-bottom: 56px;min-height: 175px;transition: 0.3s;}
.card a{text-decoration: none;padding: 20px;height: 100%;display: flex;border-radius: 0.25rem;}
.card .a{text-decoration: none;padding: 10px;height: 100%;display: flex;border-radius: 0.25rem;}
.card .card-content{display: flex;flex-wrap: wrap;align-items: center;}
.card .card-content .icon{width: 30%;}
.card .card-content .icon img{width: 100%;}
.card .card-content .text{width: 70%;padding:0 0.5rem 0 0.5rem;}
.card .btm_strip {background: #fff;display: flex;align-items: center;justify-content: space-between;padding: 7px 12px;position: absolute;width: 100%;left: 0;bottom: 0;border-bottom-left-radius: 0.5rem;border-bottom-right-radius: 0.5rem;height: 36px;}
.card .btm_strip span{color: #000;}
.card .btm_strip .positioned_icon{width: 24px;height: 24px;border-radius: 50%;text-align: center;color: #fff;font-size: 16px;background: transparent linear-gradient(140deg, #4051E7 0%, #2B74E4 100%) 0% 0% no-repeat padding-box;position: relative;transition: 0.3s;left: 0;}
.card:hover{box-shadow: 0px 0px 22px #00000061;transition: 0.3s;border-radius: 0.5rem;}
.card:hover .btm_strip .positioned_icon{left: 4px;transition: 0.3s;}

.index_footer{position: absolute;bottom:1rem;left: 0;max-width: calc(100% - 580px);margin-left: 290px;}
.index_footer .center_align{display: flex;align-items: center;justify-content: center;}
.index_footer hr{border-top-color:rgb(227 227 227 / 20%);margin: 5px 0;width: 100%;}
.index_footer .logo{width: 54px;float: left;}
.index_footer .logo img{width: 100%;}
.index_footer .text{padding-left:10px;}
.index_footer .text p{font-family: 'Poppins', sans-serif;font-size: 15px;margin: 0;line-height: 18px;color: #fff;}
.index_footer .row{position: relative;padding-top: 10px !important;}


@media screen and (max-height:650px) {
    .index_footer{position: static;padding-bottom: 1rem;}
} 

@media screen and (max-width:1199px) {
    .index_footer{position: static;padding-bottom: 1rem;}
    .page_title .cust_container{display: block;text-align: center;}
} 


.home_sidebar{width: 270px;height: 100%;
/*    background: transparent linear-gradient(180deg, #4051E700 0%, #4051E7 28%, #4051E7 51%, #4051E7 75%, #4051E700 100%) 0% 0% no-repeat padding-box;box-shadow:60px 0px 100px -90px rgb(0 0 0 / 80%);*/
    position: fixed;top: 0;overflow-y: auto;}


.home_sidebar .sidebar_cards{padding: 200px 24px 0 24px;}
.home_sidebar .sidebar_cards .card{min-height: 90px;padding-bottom:26px;margin-bottom: 6px;}
.home_sidebar .sidebar_cards .card .card-content .icon{width: 25%;}
/*.home_sidebar .sidebar_cards .card .card-content .icon img{filter: invert(1);}*/
.home_sidebar .sidebar_cards .card .card-content .text{width: 75%;padding: 0 1.25rem 0 0.25rem;}
.home_sidebar .sidebar_cards .card a{padding:10px 15px 10px 4px;}
.home_sidebar .sidebar_cards .card a:hover{background: #c3ecfd;transition: 0.3s;}
/*.home_sidebar .sidebar_cards .card .btm_strip{height: 26px;}*/
.home_sidebar .sidebar_cards .card .btm_strip{height: 26px;width: auto;background: no-repeat;padding: 0;right: 6px;left: auto;bottom: calc(50% - 14px);}

.home_sidebar .sidebar_cards .card .btm_strip .positioned_icon{width: 22px;height: 22px;font-size: 15px;}
.home_content{max-width: calc(100% - 580px);margin-left: 290px;}
.home_container{padding:25px 15px 15px 15px;}
.home_container .card{border-radius: 0.5rem !important;}
.home_container .card .btm_links a{box-shadow:0 3px #3b4bd6; }
.home_container .card .btm_links a:hover{background:  transparent linear-gradient(113deg, #314ee6 0%, #314ee6 100%) 0% 0% no-repeat padding-box !important}

.home_sidebar .sidebar_cards .card{min-height: 68px;padding-bottom: 0; background:#2749b1;}

.controller-login_bg{background: #2749b1;}
.controller-login_bg .card-content{padding: 1rem 0.5rem;}

.home_sidebar_right{width: 270px;height: 100%;
/*    background: transparent linear-gradient(180deg, #4051E700 0%, #4051E7 28%, #4051E7 51%, #4051E7 75%, #4051E700 100%) 0% 0% no-repeat padding-box;box-shadow: 70px -90px 82px 33px rgb(0 0 0 / 80%);*/
    position: fixed;top: 0;overflow-y: auto;right: 0;}
.home_sidebar_right .sidebar_cards{padding: 200px 24px 0 24px;}
.home_sidebar_right .sidebar_cards .card{min-height: 90px;padding-bottom:26px;margin-bottom:12px;}
.home_sidebar_right .sidebar_cards .card .card-content .icon{width: 25%;}
.home_sidebar_right .sidebar_cards .card .card-content .text{width: 75%;padding: 0 0rem 0 1rem;}
.home_sidebar_right .sidebar_cards .card a{padding: 10px 15px;}
.home_sidebar_right .sidebar_cards .card .btm_strip{height: 26px;}
.home_sidebar_right .sidebar_cards .card .btm_strip .positioned_icon{width: 22px;height: 22px;font-size: 15px;}
.home_sidebar_right .list{}
.home_sidebar_right .list{text-align: left;padding: 30px 15px;border: 1px solid #5888ff;border-radius: 0.25rem;}
.home_sidebar_right .list ul{
    margin: 0;
}
.home_sidebar_right .list ul li{display: block;}
.home_sidebar_right .list ul li a{text-align: left;font-size: 12px;color: #fff;display: inline-block;width: 100%;text-decoration: none;border-radius: 5px;padding: 18px 10px 18px 36px;margin-bottom: 3px;position: relative;transition: 0.3s;}
.home_sidebar_right .list ul li a img{position: absolute;filter: brightness(100);top:11px;left: 6px;width: 30px;height: 30px;}
.home_sidebar_right .list ul li a:hover{background: #2535C3;transition: 0.3s;}

/**/
.full_blue{background-color:#3368e7;position: fixed;top:0px;right:0px;bottom:0px;left:0px;height: 100% !important;overflow-y: auto;background-image: url(../images/homepage-banner.jpg);background-repeat: no-repeat;background-position: center;background-attachment: fixed;background-size: cover;}
.full_blue_bg{background-color:#3368e7;position:absolute;top:0px;right:0px;bottom:0px;left:0px;
background-image: url(../images/homepage-banner.jpg);background-repeat: no-repeat;background-position: center;background-attachment: fixed;background-size: cover;
}
.full_blue_bg .sidebar{width: 305px;float: left;height: 100%;
/*background-image: url(../images/sidebar_bg.png);background-repeat: no-repeat;background-position: center;background-size: cover;*/
background: transparent linear-gradient(180deg, #4051E700 0%, #4051E7 51%, #4051E700 100%) 0% 0% no-repeat padding-box;
box-shadow:60px 0px 100px -90px rgb(0 0 0 / 80%);
    padding-top:100px; 
}

.full_blue_bg .main{
    width: calc(100% - 305px);
    margin-left: 305px;
    padding-top: 100px;
    padding-left: 80px;
    padding-right: 8%;
    }

.full_blue_bg .main .page-title, .full_blue .main .page-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


@media screen and (min-width:1600px) {
    .card{min-height: 29vh;}
    .home_sidebar .sidebar_cards .card{min-height: none;}
}

/**/
.login_page{padding-top: 10%;width: 100%;/* float: left; */display: flex;/* justify-content: center; */align-items: center;margin:  0 auto;max-width: 1400px;}
.login_page .left{width: 50%;float: left;}
.login_page .left .desc{width: 440px;float: left;}
.login_page .right{width: 50%;float: left;}
.login_page .right .card{max-width: 410px;margin-left: 10%;height: auto;padding: 0;margin-top: 30px;}
.form-group label{font-size: 14px;font-weight: 500;margin-bottom:3px;}
.form-group input{font-size: 14px;height: 44px;border-radius: 5px;background: #F9FAFF;border-color: #6773E2;}
select.form-control:not([size]):not([multiple]){height: calc(2.25rem + 8px);}
.form-control:focus{border-color:#6773E2;box-shadow:0 0 0 0.2rem rgb(54 98 231 / 12%);}
.form-group .input-group{position: relative;}
.form-group .input-group input{
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.form-group .input-group .input-group-addon{
    position: absolute;
    right: 0;
    top: 0;z-index: 9;
}
.form-group .input-group .input-group-addon a{height: 40px;padding: 10px;color: #6773E2;}


.card-horizontal {
    min-height: auto !important;
    padding-bottom: 0;
    border-radius: 0.5rem !important;
}
.card-horizontal a{padding: 0;}
.card-horizontal .card-content .text{
    display: flex;
    align-items: center;
    justify-content: left;
}
.card-horizontal .card-content{width: 100%;vertical-align: middle;}
.card-horizontal .card-content .text .positioned_icon{
    width: 50px;
    height: 50px;
    background: #fff;
    text-align: center;
    font-size: 32px;
    border-radius: 50%;
    margin-right: 1rem;
}
.card-horizontal .card-content .text .positioned_icon i{color: #4051E7;}
.card-horizontal .card-content .count{width: 30%;float: right;background: #fff;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;}
.card-horizontal .card-content .count span{font-size: 54px;font-weight: 600;padding: 0.5rem;}

.btm_links{height: 56px !important;}
.btm_links a{font-size: 10px;color: #fff;padding: 5px 0;width: 48%;text-align: center;align-items: center;justify-content: center;background: transparent linear-gradient(113deg, #4051E7 0%, #3F84EF 100%) 0% 0% no-repeat padding-box;font-size: 12px;height: 38px;text-transform: uppercase;}

.btm_links a:hover{background: transparent linear-gradient(113deg, #4051E7 0%, #3F84EF 100%) 0% 0% no-repeat padding-box !important;}


ul.list_links {display: flex;align-items: center;justify-content: flex-start;}
.list_links li{list-style: none;display: inline-block;min-width: 15.667%;}
.list_links li:first-child a{border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem;}
.list_links li:last-child a{border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;}

.list_links li a{display: inline-block;padding: 1rem;text-decoration: none;color: #fff;width: 100%;text-align: center;float: left;transition: 0.3s;
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
}
/*
.list_links li a:hover, 
.list_links li a.active{box-shadow:0px 0px 22px #00000061;transition: 0.3s;margin-top: -3px;}
*/

.list_links li a:hover, 
.list_links li a.active{box-shadow:0px 0px 22px #00000061;transition: 0.3s;

}
.list_links li a .icon{}
.list_links li a .icon img{width: 30px;}

.list_links li a.pizazz_bg{background:rgb(234 124 66 / 30%);}
.list_links li a.eucalyptus_bg{background: rgb(46 154 92 / 30%);}
.list_links li a.earls_green_bg{background: rgb(168 173 46 / 30%);}
.list_links li a.hacienda_bg{background: rgb(167 129 28 / 30%);}
.list_links li a.light_sea_green_bg{background:rgb(29 177 166 / 30%);}
.list_links li a.indigo_bg{background: rgb(74 74 206 / 30%);}
.list_links li a.royal_purple_bg{background: rgb(122 55 172 / 30%);}
.list_links li a{color:rgb(0 0 0 / 70%);} 
/*.list_links li a img{filter: brightness(0.3);} */

.list_links li a.active img{filter:none;}
.list_links li a.active, .list_links li a:hover{color: #fff;font-weight: 400;}

.list_links li a.pizazz_bg.active, .list_links li a.pizazz_bg:hover{background:rgb(234 124 66 / 100%);}
.list_links li a.eucalyptus_bg.active, .list_links li a.eucalyptus_bg:hover{background: rgb(46 154 92 / 100%);}
.list_links li a.earls_green_bg.active, .list_links li a.earls_green_bg:hover{background: rgb(168 173 46 / 100%);}
.list_links li a.hacienda_bg.active, .list_links li a.hacienda_bg:hover{background: rgb(167 129 28 / 100%);}
.list_links li a.light_sea_green_bg.active, .list_links li a.light_sea_green_bg:hover{background:rgb(29 177 166 / 100%);}
.list_links li a.indigo_bg.active, .list_links li a.indigo_bg:hover{background: rgb(74 74 206 / 100%);}
.list_links li a.royal_purple_bg.active, .list_links li a.royal_purple_bg:hover{background: rgb(122 55 172 / 100%);}


.list_links.seven_links li{min-width: 14.28%;}
.list_links.seven_links li a{padding: 1rem 0;font-size: 14px;}
.state-error {color: red}

/*ID CARD STYLES*/
.id-card-sec{width: calc(100% + 30px);float: left;margin: 0 -15px;}
.id-card-sec .id-card{width: 480px;height: 300px;float: left;margin: 15px;box-shadow:rgb(14 19 24 / 7%) 0px 2px 8px}
.id-card-sec .id-card .id_head{text-align: center;background:#4051e6;border-radius: 0 0 30px 30px;width: 100%;float: left;}
.id-card-sec .id-card .id_head h2{font-size: 26px;margin: 0;color: #fff;padding: 18px;}
.id_body{width: 100%;float: left;padding: 20px 15px;display: flex;align-items: center;justify-content: space-between;}
.id_body .profile_image{width: 160px;height: 180px;border: 1px solid #f5f5f5;border-radius: 0.5rem;float: left;}
.id_body .profile_image img{width: 100%;height: 180px;border-radius: 0.5rem;object-fit: cover;}
.id_body .profile_desc{width: calc(100% - 160px);float: left;padding-left: 12px;}
.id_body .profile_desc ul{margin: 0;padding: 0;}
.id_body .profile_desc ul li{display: flex;list-style: none;margin: 12px 0;align-items: stretch;line-height: 1.2;}
.id_body .profile_desc ul li label{margin: 0;width: 100%;font-size: 14px;max-width: 80px;}
.id_body .profile_desc ul li span{margin: 0;font-size: 14px;color: #000;width: 100%;padding-left: 6px;}
.id-card-sec .id-card .id_footer{text-align: center;background:#4051e6;border-radius: 30px 30px 0px 0px;width: 100%;float: left;padding: 14px;}
.id-card-sec .id-card .id_footer p{font-size:12px;margin: 0;color: #fff;line-height: 1.2;}




/**/
.text-body ul{}
.text-body ul li{list-style: none;display: inline-block;text-align: left;width: 100%;}
.text-body ul li label{width: 190px;float: left;}
.text-body ul li span{width:auto;padding-left: 15px;}



/**/
body.add_update_email #update_email{display: block;}
body #update_email{display: none;}
#update_email{
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
}
.update_email_content{
    width: 400px;
    background: #fff;
    padding: 2rem;
    border-radius: 0.5rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}