body {
}
.mb-10{
    margin-bottom:10px;
}
.br-pagetitle .icon {
    font-size: 30px;
}

.login-bg {
    background-repeat: no-repeat;
    background-image: url('../Images/login-bg1.jpg');
    background-position: center;
    background-size: cover;
}

#datagrid .thead-teal > tr > th, #datagrid .thead-teal > tr > td {
    background-color: #17A2B8 !important;
}

.card .sliderphoto {
    width: 100%;
}

.card-bg {
    position: relative;
    min-height:500px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /*background: url(../Images/adminBg.jpg);*/
    /*background-color: #fff;*/
    /*background: url(../Images/poly-bg-1.jpg);*/
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-radius: 3px;
}
.bg {
    background: url(../Images/adminBg.jpg);
    /*background-color: #fff;*/
    /*background: url(../Images/poly-bg-1.jpg);*/
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
    background-clip: border-box;
}

.boxcheck {
    margin-right: 20px;
    margin-left: 20px;
}
.login-logo {
   margin:0 auto;
   width:100px;
}
    .login-logo .logo-img{
        width:100%;
    }
.br-logo {
    font-size:20px
}
.radio1 input{
    margin-right:10px;
}
.notAutorizedImg {
    background:url("../Images/notAuthirized.png");background-origin:content-box;
    background-repeat:no-repeat;
    background-position:center;
}

  .Error {
    background:url("../Images/Error-404.png");background-origin:content-box;
    background-repeat:no-repeat;
    background-position:center;
}

  .pdtb-5{
      padding-top: 5px;
      padding-bottom: 5px;
  }

  .pdl-10{
      padding-left: 10px !important;
  }

.password-container {
    position: relative;
    width: 100%;
}

    .password-container .form-control {
        padding-right: 2.5rem; /* Space for the toggle icon */
    }

.toggle-password {
    position: absolute;
    right: 5px;
    top: 35%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 1.25rem;
    color: #6c757d;
}

    .toggle-password:hover {
        color: #495057;
    }

    /* Optional: Custom tooltip style */
    .toggle-password[data-tooltip]:hover::after {
        content: attr(data-tooltip);
        position: absolute;
        bottom: 120%;
        right: 0;
        background: #333;
        color: #fff;
        padding: 5px 8px;
        border-radius: 4px;
        font-size: 0.85rem;
        white-space: nowrap;
        z-index: 1000;
    }