@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");


 .frm-er-msg {
    font-size: 11px;
    color: rgb(210, 0, 0);
}

input.frm-focus {
    border-bottom: 2px solid rgb(14, 49, 90) !important;
}

.frm-error {
    border-bottom: 2px solid rgb(210, 0, 0) !important;
}

body{
    margin: auto;
    font-family: 'Open Sans';
}
.project_container{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.logo_cnt{
    font-family: "Open Sans";
    display: grid;
    float: left;
    width: 50%;
    height: 100vh;
background:  url('../img/bathindalogo_background.png') 0px 0px no-repeat;
	background-blend-mode: color-burn;
color: #FFFFFF;
font-size: 24px;
font-weight: 700;
background-size: cover
}
.login_container{
    float: right;
    margin-right: 215px;
    margin-top: 125px;
}
.logo{
   text-align: center;
}
.logo img{
    width: 201px;
height: 242px;

}
.project{
    margin-left: 10px;
}
.power_logo{
    margin-left: 20px;
}
.bank_logo{
margin: auto;
}



.form_title {
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    color: rgb(0, 0, 0);
}

.form_field {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color:  #344054;

}

.form_input {
    margin-top: 5px;
    padding: 14px;
    width:320px;
height:40px;
padding: 10px 14px 10px 14px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
}

.form_div {
    margin-bottom: 30px;
}
.form_div select{
    width:321px;
    height:44px;
    color:  #667085;
    border-radius: 8px;
}
.user_icon{
    padding: 20px;
    background-color: white;
    background-image: url('image/user.svg');
}
.checkbox{
    float: left;
    font-size: 13px;
}
.checkbox input{
    color: #344054;
    border-radius: 4px;
}
input[type=checkbox]{
    border-radius: 4px;
}
.frgt{
    margin-bottom: 5px;
}
.forgot_password {
    float: right;
    font-size: 14px;
    font-weight: 600;
    display: block;
    color: #1d7e1e;
}

.forgot_right {
    float: right;
}

.formbutton {
    margin-bottom: 35px;
}

.formbutton a {
    display: block;
    color: white;
    padding: 10px 30px;
    background: #1d7e1e;
text-decoration: none;
    text-align: center;
    border-radius: 8px;
}

.form_inputs {
    margin-bottom: 60px;
}

.form_select{
    margin-bottom: 30px;
}
.posfix{
    position: fixed;
}
.posabsolut1{ position: absolute;}
.left{
    float: left;
}
.toast_wrapper {
    padding: 15px;
    right: 5%;
    bottom: 5%;
    border-radius: 8px;
}

.toast-msg {
    margin: 0px 10px;
    max-width: 350px;
}

.toast_cta a {
    padding: 10px;
}

.toast-grn {
    background: rgb(210, 255, 209);
    color: green;
}

.toast-red {
    background: rgb(253, 221, 221);
    color: red;
}



.head_sidebar {
    float: left;
    width: 18%;
    padding-left: 2%;
    box-shadow:  0px 4px 4px 0px #00000040;
    height: 100vh;
    margin-right: 50px;
    margin-top: 5px;
}

.sidebar_title {
    font-size: 16px;
    font-weight: 600;
    color: #1d7e1e;
}

.sidebar_title1_div {
    margin-bottom: 20px;
    opacity: 0;
}

.sidebar_list1 {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 15px;
}
.sidebar_list1 a{
    color: #1d7e1e;
    font-size: 14px;
    font-weight: 600;
}
.sidebar_list1 img {
    width: 25px;
    height: 25px;
    border-radius: 10px;
}
.sidebar_button{
    width: 150px;
height: 20px;;
padding: 10px;
border-radius: 8px;
border: 1px;
color: #1d7e1e;
border: 1px solid #1d7e1e;
box-shadow: 0px 1px 2px 0px #1018280D;
display: flex;
align-items: center;
}
.sidebar_button a{
font-size: 14px;
font-weight: 500;
color: #1d7e1e;
margin-left: 5px;
}
hr{
    color: #FDF9F9;
margin-bottom: 8px;
    width: 80%;
    margin-right: 55px;
}

.head{
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.searchbar{
    float: left;

}
.searchbar input{
    width:500px;
    height:40px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid rgb(221, 221, 221);
    box-sizing: border-box;
  
}
#search_icon{
    background-image: url('img/searchicon.svg');

}
.account{
    float: right;
    width:117px;
height:40px;
}
.account select{
    width:100px;
    height:35px;
    border-radius: 8px;
    padding-left: 25px;
    border: 1px solid rgb(221, 221, 221);
    background-color: white;
    cursor: pointer;
}
.form_container{
    float: left;
}
.form_heading{
font-size: 14px;
font-weight: 600;
color: #1d7e1e;
}
.title{
    display: flex;
    margin-bottom: 30px;
    gap: 10px;
    align-items: center;
}
.arrow{
    margin-top: 5px;
}
.frm-er-msg1 {
    font-size: 11px;
    color: rgb(210, 0, 0);
}

.file_upload{
    margin:auto;
    padding: 14px;
    border: 1px solid rgb(221, 221, 221);

    border-radius: 8px;

    display: grid;
    justify-content: center;
    text-align: center;
}
.file_upload img{
    margin-left: 65px;    
}
.button{
    padding: 10px;
    background-color: #1d7e1e;
    border-radius: 8px;
    width: 300px;
    margin-bottom: 20px;
    margin: 10px auto;
}
.button a{ 
    display: block;
font-size: 14px;
font-weight: 500;
color: white;
    text-align: center;
}
.right_container{
    margin-left: 20px;
    float: left;
    width: 72%;
}
.scheme_form_input{
    margin-top: 5px;
padding: 14px;
width: 500px;
height: 40px;
padding: 10px 14px 10px 14px;
border: 1px solid rgb(221, 221, 221);
border-radius: 8px;
box-sizing: border-box;
}
.form_div select{
    margin-top: 5px;
    padding: 14px;
    width: 500px;
    height: 40px;
    padding: 10px 14px 10px 14px;
    border: 1px solid rgb(221, 221, 221);
      border-bottom-color: rgb(221, 221, 221);
      border-bottom-style: solid;
      border-bottom-width: 1px;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: white;
    cursor: pointer;
}
.form_div select option{
    font-size: 16px;
    font-weight: 500;
    color: #101828;
}
.radiobox1{
    display: flex;
    gap: 40px;
font-size: 14px;
font-weight: 500;
color: #344054;

}
.radiobox2{
    display: flex;
    gap: 55px;
font-size: 14px;
font-weight: 500;
color: #344054;


}
#specifycolor{
    accent-color: red;
}
.form_select select{
    width:321px;
    height:44px;
    color:  #667085;
    border-radius: 8px;
    border: 1px solid rgb(221, 221, 221);
    background-color: white;
    padding: 10px 14px 10px 14px;
}
.form_select select option{
font-size: 16px;
font-weight: 500;
color: #101828;



}
.crlg_sidebar{
    float: left;
    width: 24%;
    background: #1d7e1e40;
    border-radius: 8px 0px 0px 8px;
    height: 100vh;
    
}
.cnl_field_title{
font-size: 16px;
font-weight: 600;
color: #333333;
height: 30px;
padding-left: 30px;
padding-top: 35px;
}
.cnl_selected_field{
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
height: 20px;
background: #333333;
padding: 8px;
padding-left: 30px;
}
.cnl_fields{
    font-size: 14px;
font-weight: 400;
color: #333333;
height: 30px;

    padding-top: 10px;
    padding-left: 30px;
}
.cnl_fields:hover{
    background-color: #d7b5c6;
}
.title span{
    display: block;
}
.lg_title{
    margin-top: 35px;
    margin-bottom: 20px;
}
.lg_field{
    display: inline;
font-size: 14px;
font-weight: 500;
color: #333333;
margin-bottom: 5px;
}
.lg_title select{
    width:255px;
height:35px;
border-radius: 8px;
border: 1px;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px 0px #1018280D;
color: #667085;
background: white;
    padding: 5px;
    
}
.lg_details{
    margin-bottom: 90px;
}
.lg_input_fields input{
    width:227px;
height:15px;
padding: 10px 14px 10px 14px;
border-radius: 8px;
border: 1px;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px 0px #1018280D;
font-family: 'open sans';
}
.lg_input_fields1{
    display: flex;
    gap: 30px;
    margin-bottom: 15px;
    margin-top: 2px;
}
.lg_input_fields2{
    display: flex;
    gap: 30px;
}
.create_button{
border-radius: 8px; 
background: #333333; 
width: 160px;
float: right;
margin-right: 70px;
}
.create_button a{
    display: block;
    text-decoration: none;
    color: white;
    text-align: center;
        padding: 10px 10px;
        /*! float: right; */
        /*! margin-right: 55px; */
        color: white;
        text-align: center;
        font-size: 14px;
}
.lg_select{
    margin-bottom: 15px;
    margin-top: 2px;
}
.field_search input{
    width:227px;
height:15px;
padding: 10px 14px 10px 14px;
border-radius: 8px;
border: 1px;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px 0px #1018280D;

}
#text1{
    background-image: url('img/bhatindalogo.svg');
    position: left;
    padding-left: 30px;
    background-size: 20px;
}
.popup-wrap1 {
    width: 850px;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 25px;
    box-shadow: 0px 0px 14px 5px #3333;
    height: 380px;
  }
  .popup-wrap2 {
    width: 850px;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 25px;
    box-shadow: 0px 0px 14px 5px #3333;
    /*! height: 430px; */
  }
  .dpt{
    height: 380px;
}
  .dmg_sidebar{
    float: left;
width: 28.5%;
background: #1d7e1e40;
border-radius: 8px 0px 0px 8px;
height: 100vh;
  }
  .dmg_fields{
    font-size: 14px;
font-weight: 200;
color: #333333;
height: 25px;
padding-top: 10px;
padding-left: 30px;
  }
  .dmg_fields:hover{
background-color:#d7b5c6;
  }
  .dmg_title{
    /*! padding: 35px; */
    margin-bottom: 25px;
  }
  .dmg_field{
    font-size: 14px;
font-weight: 500;
color: #333333;
margin-bottom: 5px;
    padding-top: 35px;
    padding-left: 35px;
  }
  .dmg_select{
    margin-left: 35px;
  }
  .dmg_title select {
    width: 255px;
height: 34px;
/*! padding: 5px 14px 10px 14px; */
border-radius: 8px;
border: 1px;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px 0px #1018280D;
color: #667085;
background: white;
    /*! text-align: ; */
    padding-left: 5px;
  }
  .mid_container{
    float: left;
    width: 38%;

    height: 100vh;
  }
  .last_container{
    float: left;
    width: 33.4%;
    box-shadow: 0px 0px 4px 0px #00000040;

    height: 100vh;
    /*! padding: 15px; */
}
.rg_field{
    font-size: 14px;
font-weight: 500;
color: #333333;
margin-bottom: 5px;
    margin-top: 35px;
    margin-left: 35px;
}
.region_title{
/*! padding: 35px; */
margin-bottom: 20px;
}
.region_selection{
    display: flex;
    width:115px;
height:34px;
border-radius: 8px;
border: 1px;
border: 1px solid #D0D5DD;
 overflow: hidden;
    margin-left: 35px;
}
.rg1{
    padding: 9px 11px 0px 13px;
    border-right: 1px solid #D0D5DD; 
    background-color: #333333;
    color: white;
font-size: 14px;
font-weight: 500;


    border-left: 3px;
}
.rg2{
    padding: 9px 0px 0px 9px; 
    color: #344054;
    font-size: 14px;
    font-weight: 500;
    
}
.field{
font-size: 14px;
font-weight: 500;
color: #333333;
margin-top: 0px;
margin-left: 38px;
}
.dmg_selected_field{
    font-size: 14px;
font-weight: 400;
color: #FFFFFF;
height: 20px;
background: #333333;
padding: 8px;
padding-left: 30px;
}
.select_button{
    width:165px;
border-radius: 8px;
background: #B4B4B4;
margin: auto;
margin-top: 110px;
}

.select_button a{
    display: block;
    text-align: center;
    text-decoration: none;
    color: white;
font-size: 14px;
font-weight: 500;
padding: 10px;
}
/* .select_button{
    width:165px;
border-radius: 8px;

margin: auto;
margin-top: 110px;
}
.select_button a{
    display: block;
    text-align: center;
    text-decoration: none;
    color: white;
font-size: 14px;
font-weight: 500;
padding: 10px;
} */
.active{
    background:#333333;
    color: white;
}
.active:hover{
    background-color: #611B33;
}
.backimg{
    width: 20px;
    height: 20px;
}
.sidebar_list1_selected{
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    height: 20px;
    background: #333333;
    padding: 8px;
    padding-left: 30px;
}
.dmg_field1{
    font-size: 14px;
font-weight: 600;
color: #333333;
height: 25px;
padding-top: 35px;
padding-left: 30px;
}
.dmg_field_title{
    font-size: 14px;
font-weight: 500;
color: #333333;
margin-bottom: 15px;
margin-left: 35px;
}
.dmg_sec_title a{
display: block;
margin-bottom: 20px;
font-size: 14px;
font-weight: 400;
color: #000000;
margin-left: 35px;
}
.dstt{
    height: 30px;
padding-top: 10px;
}
.dstt:hover{
background-color:#dcc2cf;
}
.region_sec_fields{
display: flex;
margin-left: 38px;
font-size: 14px;
font-weight: 400;
color: #000000;
justify-content: space-between;
margin-right: 35px;
}
.rg_sec_fbox input{
    width: 13px;
height: 15px;
border: 1.5px;
color: #606060;
border: 1.5px solid #606060;
margin-bottom: 20px;
}
.cross{
    float: right;
    padding: 10px 10px;
}
.popup_wrap3{
width: 610px;
margin: 0 auto;
  margin-top: 0px;
background: #fff;
border-radius: 10px;
overflow: hidden;
margin-top: 25px;
box-shadow: 0px 0px 14px 5px #3333;
height: 440px;
}
.popup_right_container{
    margin-left: 20px;
    float: left;
    width: 72%;
}
.addimg{
width: 20px;
height: 20px;
float: right;
margin-right: 55px;
}
.entity_sidebar{
    float: left;
width: 45%;
background: #1d7e1e40;
border-radius: 8px 0px 0px 8px;
height: 100vh;
}
.right_entity_container{
    margin-left: 20px;
float: left;
width: 51%;
}
.entity_select{
    margin-bottom: 15px;
margin-top: 5px;
}
.attribute_div{
    padding: 5px;
    width:245px;
border-radius: 8px;
border: 1px;
border: 1px solid #D0D5DD;
    margin-top: 10px;
    overflow: scroll;
    height: 130px;
}
.attribute{
    display: flex;
    justify-content: space-between;
    padding: 5px;
}
.attribute_name a{
    color: #000000;
}
.attribute:hover{
    background-color: #1d7e1e40;

}
.dstt{
    height: 30px;
padding-top: 10px;
}
.dstt:hover{
background-color:#dcc2cf;
}
.attribute_name{
font-size: 14px;
font-weight: 400;
color: #000000;
margin-bottom: 5px;
padding-top: 5px;
}
.add_attribute{
font-size: 14px;
font-weight: 400;
font-family: 'open sans';
color: #ABABAB;
}
.add_attribute a{
    color: #ABABAB;
}
.entity_details{
    margin-bottom: 20px;
}
.entity_finput{
    margin-top: 5px;
    margin-bottom: 20px;
}
.entity_finput input{
    width: 245px;
    height: 25px;
    border-radius: 8px;
    border: 1px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px 0px #1018280D;
    color: #667085;
    font-family: 'open sans';
    background: white;
    padding-left: 10px;
}
.entity_fields{
    margin-bottom: 22px;
}
.buttons{
    display: flex;
    gap: 5px;
    float: right;
    margin-right: 50px;
    margin-bottom: 0px;
}
.entity_cancel_bt{
border-radius: 8px;
border: 1px;
color: #5F5F5F;
border: 1px solid #5F5F5F;
}
.entity_cancel_bt a{
display: block;
text-decoration: none;
font-family: 'open sans';
font-size: 14px;
font-weight: 600;
text-align: center;
color: #5F5F5F;

padding: 10px 20px;
}
.entity_create_bt{
border-radius: 8px;
border: 1px;
background-color: #333333;
border: 1px solid #5F5F5F;
}
.entity_create_bt a{
    font-family: 'open sans';
    display: block;
    text-decoration: none;
    text-align: center;
    color: white;
    font-size: 14px;
font-weight: 600;
    padding: 10px 20px;
}

.add_new_block{
    font-size: 14px;
font-weight: 400;
font-family: 'open sans';
color: #ABABAB;
margin-bottom: 5px;
}

.add_new_block_div{
    padding: 5px;
width: 245px;
border-radius: 8px;
border: 1px solid #D0D5DD;
margin-top: 10px;
    margin-bottom: 33px;
}

.fields_container{
    margin-bottom: 50px;
}
.view_properties{
    display: flex;
    margin-bottom: 15px;
}
.view_label{
    display: block;
    float: left;
    width: 15%;
    font-size: 14px;
    font-weight: 500;
    color:rgb(101, 101, 101);
}
.view_value{
    float: left;
    font-size: 14px;
    font-weight: 500;
}
.documents_upload{
    width: 150px;
    height: 130px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 5px;
}
.upload_stt{
    float: left;
    margin-left: 60px;
}
.logoimg{
    padding: 5px;
}
.uploadimg{
    text-align: center;
    margin-top: 50px;
}
.uploadimg img{
    width: 30px;
    height: 30px;
}
.uploads{
    float: left;
margin: 0% 1% 1%;
}