*{
    font-family: 'Inter-Light';
    input{
        border-radius: 10px;
        padding: 20px;
    }
}
@font-face {
    font-family: "Inter-Black";
    src: url(../fonts/static/Inter-Black.ttf);
}
@font-face {
    font-family: "Inter-Bold";
    src: url(../fonts/static/Inter-Bold.ttf);
}
@font-face {
    font-family: "Inter-ExtraBold";
    src: url(../fonts/static/Inter-ExtraBold.ttf);
}
@font-face {
    font-family: "Inter-ExtraLight";
    src: url(../fonts/static/Inter-ExtraLight.ttf);
}
@font-face {
    font-family: "Inter-Light";
    src: url(../fonts/static/Inter-Light.ttf);
}
.form-control {
    border-radius: 10px ;
    padding: 5px 20px ;
}
.submit{
    border-radius: 10px ;
    background-color: #0077AB ;
    color: #f7f9fb ;

}
.login-logo p{
    font-family: 'Inter-ExtraBold' ;
    color: #000;
    font-size: 50px;
    /* margin-top: 500px !important; */
}
.card-body h3{
    font-family:'Inter-Bold' ;
    font-weight: 200;
}
.card-body p{
    margin-bottom: 30px;
    font-family:'Inter-Light' ;
}

/* list tables */
.content-wrapper{
    background-color: #fff;
}
.card-header{
    border: none;
}
/* .card-header button{
    background-color: #0077AB;
    height: 50px;
    border: 1px solid #E2E8F0;
    border-radius: 15px;
    font-size: "Inter-Bold";
} */
/* .card-header button:hover{
    background-color: #0077AB;

} */
.card-body{
background-color: #fff;
}
.content-header{
    background-color: #fff;
}
.card-body table{
    border-collapse: collapse;
    border:none;
    background-color: #F7F9FB;

}

.card-body table th, .card-body table td {
    border-left: none;
    border-right: none;
}
.card-body table th{

    font-family: "Inter-Light";
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
}



/* custom btn */

.Make-Parent{
    border: 1px solid #E2E8F0;
    border-radius:10px;
    background-color: #fff;
    padding: 10px;
    margin-left: 10px;
    font-family: "Inter-Bold";
}
.sub-locations{
    border: 1px solid #0077AB;
    border-radius:10px;
    background-color: #fff;
    color: #0077AB;
    padding: 10px;
    margin-left: 10px;
    font-family: "Inter-Light";
}
.fa-pen{
    background-color: #fff;
    color: #0077AB;
    padding: 12px;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
}
.fa-trash{
    background-color: #fff;
    color: #EF4135;
    padding: 12px;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    margin-left: 0px;
}

/* data enter */

.custom-input input{
    height: 50px;
    border: 1px solid #E2E8F0;
    border-radius: 15px;
}
.custom-input select{
    height: 50px;
    border: 1px solid #E2E8F0;
    border-radius: 15px;
}

/* .modal-footer button:hover{
    background-color: #0077AB;

} */


/* delete popup message */
.delete-popup button:first-child{
    width: 144px;
    background-color: #f09713;
    height: 50px;
    border: 1px solid #E2E8F0;
    border-radius: 15px;
    font-size: "Inter-Bold";
    font-size: 20px;
}
.delete-popup button:last-child{
    width: 144px;
    background-color: #EF4135;
    height: 50px;
    border: 1px solid #E2E8F0;
    border-radius: 15px;
    font-size: "Inter-Bold";
    font-size: 20px;
}

.delete-mes{
    border: 1px solid #E2E8F0;
    border-radius: 15px;
    width: 30vw;
}

.modal-content{
    border: 1px solid #E2E8F0;
    border-radius: 20px;
}

.sidebar-dark-primary{
    background-color: #fff;
    color: #000;
    box-shadow: 0 4px 8px rgba(12, 12, 12, 0.1) !important;
}
.sidebar-dark-primary p {
    color: #444;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    font-family: "Inter-Bold";

}
.sidebar-dark-primary i{
    color: #444444;


}
.sidebar-dark-primary li{
    margin-top: 15px;
}
.menu-open{
    background-color: #F7F9FB;
    border: 1px solid #E2E8F0;
    border-left:5px solid #0082C4 ;
    border-top-right-radius: 15px;
    border-end-end-radius: 15px;
}
.brand-link{
    /* border-bottom: 1px solid #F7F9FB; */
}
.centered-image{
    margin-left: 30px;
    margin-bottom: 30px;
    width: 150px;
}

/* .btn-success {
    color: #fff;
    background-color: #1c7430;
    border-color: #1c7430;
    box-shadow: none
  }
  
  .btn-success:hover {
    color: #fff;
    background-color: #0c490c;
    border-color: #0c490c
  } */

  .btn-main-color {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: none
  }
  
  .btn-main-color:hover {
    color: #fff;
    background-color: #1c66b5;
    border-color: #1c66b5;
  }