/****************************************************************************            CUSTOM CSS                      **************************
*
*
/



/*********  BUTTONS ONLY ****************************/

.btn.btn-sm, .btn-group-sm > .btn {
    padding: 5px 20px;
    font-size: 12px;
}
.text-sm .btn {
    font-size: 12px !important;
}

.btn.btn-primary {
    background: #4f81c7;
    border-color: #4f81c7;
    color: #fff;
    -webkit-box-shadow: 2px 2px 0px 0px #3d73c0;
    -moz-box-shadow: 2px 2px 0px 0px #3d73c0;
    box-shadow: 2px 2px 0px 0px #3d73c0; }
.btn.btn-primary:hover, .btn.btn-primary:focus {
    border-color: #3768ac !important;
    background: #3768ac !important; }

.btn.btn-outline-primary {
    background: #fff;
    color: #4f81c7;
    border-color: #4f81c7;
    -webkit-box-shadow: 2px 2px 0px 0px #769dd3;
    -moz-box-shadow: 2px 2px 0px 0px #769dd3;
    box-shadow: 2px 2px 0px 0px #769dd3; }
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus {
    color: #fff;
    background: #4f81c7; }


.btn.btn-secondary {
    color: #fff;
    border-color: #6c757d;
    background: #6c757d;
    -webkit-box-shadow: 2px 2px 0px 0px #91979d;
    -moz-box-shadow: 2px 2px 0px 0px #91979d;
    box-shadow: 2px 2px 0px 0px #91979d;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
    border-color: #6c757d !important;
    background: #6c757d !important;
}

.btn.btn-outline-secondary {
    background: #fff;
    color: #6c757d;
    border-color: #6c757d;
    -webkit-box-shadow: 2px 2px 0px 0px #91979d;
    -moz-box-shadow: 2px 2px 0px 0px #91979d;
    box-shadow: 2px 2px 0px 0px #91979d; }
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus {
    color: #fff;
    background: #6c757d; }


.btn.btn-outline-danger {
    background: #fff;
    color: #e14554;
    border-color: #e14554;
    -webkit-box-shadow: 2px 2px 0px 0px #e35866;
    -moz-box-shadow: 2px 2px 0px 0px #e35866;
    box-shadow: 2px 2px 0px 0px #e35866; }
.btn.btn-outline-danger:hover, .btn.btn-outline-danger:focus {
    color: #fff;
    background: #e14554;
}

.btn.btn-danger {
    color: #fff;
    border-color: #e14554;
    background: #e14554;
    -webkit-box-shadow: 2px 2px 0px 0px #e35866;
    -moz-box-shadow: 2px 2px 0px 0px #e35866;
    box-shadow: 2px 2px 0px 0px #e35866;
}
.btn.btn-danger:hover, .btn.btn-danger:focus {
    border-color: #e35866 !important;
    background: #e35866 !important;
}


.btn.btn-info {
    color: #fff;
    border-color: #40bfc1;
    background: #40bfc1;
    -webkit-box-shadow: 2px 2px 0px 0px #67cccd;
    -moz-box-shadow: 2px 2px 0px 0px #67cccd;
    box-shadow: 2px 2px 0px 0px #67cccd;
}
.btn.btn-info:hover, .btn.btn-secondary:focus {
    border-color: #40bfc1 !important;
    background: #40bfc1 !important;
}

.btn.btn-outline-info {
    background: #fff;
    color: #40bfc1;
    border-color: #40bfc1;
    -webkit-box-shadow: 2px 2px 0px 0px #67cccd;
    -moz-box-shadow: 2px 2px 0px 0px #67cccd;
    box-shadow: 2px 2px 0px 0px #67cccd; }
.btn.btn-outline-info:hover, .btn.btn-outline-info:focus {
    color: #fff;
    background: #40bfc1; }


.btn.btn-success {
    color: #fff;
    border-color: #48da79;
    background: #48da79;
    -webkit-box-shadow: 2px 2px 0px 0px #33d669;
    -moz-box-shadow: 2px 2px 0px 0px #33d669;
    box-shadow: 2px 2px 0px 0px #33d669;
}
.btn.btn-success:hover, .btn.btn-success:focus {
    border-color: #48da79 !important;
    background: #48da79 !important;
}

.btn.btn-outline-success {
    background: #fff;
    color: #48da79;
    border-color: #48da79;
    -webkit-box-shadow: 2px 2px 0px 0px #33d669;
    -moz-box-shadow: 2px 2px 0px 0px #33d669;
    box-shadow: 2px 2px 0px 0px #33d669; }
.btn.btn-outline-success:hover, .btn.btn-outline-success:focus {
    color: #fff;
    background: #48da79; }





/* BUTTON end  *******************************************/


/*padding in HH all data Edit form and heading*/
.content-header {
    padding: 5px .5rem;
}

input[type="text"]:focus {
    box-shadow: 0 0 10px #66afe9;
    background-color: #ccd5dd30;
}


.sidebar-dark-info .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-info .nav-sidebar>.nav-item>.nav-link.active {
    /*background-color: #70ad47; !* CSDS Logo Green Color*!*/
    /*background-color: #f57a27 !important;  !* CSDS Logo Orange Color*!*/
    /*background-color: #ff8a3b !important;  !* CSDS Logo Orange Color*!*/
    background-color: #0056b3d6  !important;
    color: #fff;
}

#survey-edit input[type="text"] {
    /*width: 360px;*/
    height: 28px;
    font-size: 13px;
    padding: 1px 1px 1px 5px;
    background-color: #eaf8ff;
}
#survey-edit select{
    /*width: 360px;*/
    height: 28px;
    font-size: 13px;
    padding: 1px 1px 1px 5px;
    background-color: #eaf8ff;
}
.card-body.household-data input[type="text"] {
    /*width: 155px;*/
    height: 28px;
    font-size: 14px;
    padding: 1px 1px 1px 5px;
    background-color: #4f81c712;
}
.card-body.household-data select{
    /*width: 155px;*/
    height: 28px;
    font-size: 14px;
    padding: 1px 1px 1px 5px;
    background-color: #4f81c712;
}
.card-body.household-data{
    padding: 0px 24px 12px 23px;
}

.household-data .input-group-text {
    /*width: 155px;*/
    height: 28px;
    font-size: 14px;
    padding: 1px 5px 1px 5px;
    /*background-color: #4f81c712;*/
}

.card-body input[type="text"]
/*.card-body input[type="number"],
.card-body input[type="email"]*/{
    /*width: 155px;*/
    height: 28px;
    font-size: 14px;
    padding: 1px 1px 1px 5px;
    background-color: #4f81c712;
}
.card-body select{
    /*width: 155px;*/
    height: 28px;
    font-size: 14px;
    padding: 1px 1px 1px 5px;
    background-color: #4f81c712;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-size: 14px;
}
thead {
    background-color: #40bfc140;
    color: #6c757d;

}
thead td {
    /*border-color: red;*/
    border: 1px solid #c1c2c3 !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #40bfc1;
    border-color: #40bfc1;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #40bfc1;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
button {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
button:hover, button:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.btn.btn-sm.cross{
    padding: 5px 9px;
    font-size: 10px;
    margin-right: 18px;
}

.main-footer {
    padding: 6px 1px 4px 9px;
}

.company-logo-orange{
    background-color: #f57c25;
}
.company-logo-green{
    background-color: #71af45;
}
.company-logo-yellow{
    background-color: #ffc703;
}
.nav-bg-color{
    background-color: #455eaf;
}

/*.login-underline{*/
/*    !*border-bottom: 2px solid #d2b681; !* Set the color and thickness of the underline *!*!*/
/*    border-bottom: 2px solid #f57c25; !* Set the color and thickness of the underline *!*/
/*    padding-bottom: 4px; !* Space between the text and the underline *!*/
/*    display: inline-block; !* Makes the padding work correctly *!*/
/*}*/



/* Ensure the links are positioned correctly */
.underline-effect span {
    position: relative; /* Added for positioning the ::before element */
    color: white; /* Ensure text is white */
    text-decoration: none; /* Remove underline */
    padding: 10px; /* Add some padding if needed */
    transition: box-shadow 0.3s ease; /* Smooth transition for box-shadow */
}

/* Before pseudo-element for underline effect */
.underline-effect span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #ffc767;
    visibility: hidden; /* Initially hidden */
    transform: scaleX(0); /* Initially scaled down */
    transition: all 0.3s ease-in-out; /* Smooth transition */
}

/* Hover effect for the link */
.login-shadow a:hover {
    box-shadow:
        0 3px 6px rgba(0, 0, 0, 0.2),
        0 3px 6px rgba(0, 0, 0, 0.26);
}

/* Show the underline effect on hover */
.underline-effect span:hover::before {
    visibility: visible; /* Make it visible on hover */
    transform: scaleX(1); /* Scale to full width on hover */
}

.pace .pace-progress {
    height: 3px !important;
}

.input-group-prepend {
    height: 28px;
}

/*.table-container {*/
/*    !*max-height: 1000px; !* Set a max height for the container *!*!*/
/*    !*overflow-y: auto; !* Enable vertical scrolling *!*!*/
/*    border: 1px solid #ccc; !* Optional: add a border to the container *!*/
/*    position: sticky; !* Make the header sticky *!*/
/*    top: 59px; !* Stick to the top of the container *!*/
/*    z-index: 10; !* Ensure the header is above the table rows *!*/
/*}*/
/*.sticky-card{*/
/*    position: sticky; !* Make the header sticky *!*/
/*    !*top: 59px; !* Stick to the top of the container *!*!*/
/*    top: 0; !* Stick to the top of the container *!*/
/*    z-index: 10; !* Ensure the header is above the table rows *!*/
/*}*/

/*table {*/
/*    width: 100%;*/
/*    border-collapse: collapse; !* Collapse borders *!*/
/*}*/

/* Leaflet map popup styles*/
.popUpTitle{
    color: #3a8000;
}
.markerPopUpBox{
    background-color: #f8f8f8;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 7px 8px 10px rgba(0, 0, 0, 0.5);
}
.wardPopUpBox{
    background-color: #3c8dbc85;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 7px 8px 10px rgba(0, 0, 0, 0.5);
}
/***/
.hvr-bounce-to-bottom:before{
    background: #455eaf !important;
}

.out-of-total-text{
    font-size: 12px;
    float: right !important;
}

/*.sidebar-nav > ul > li > a {*/
/*    color: #ffffff !important;*/
/*}*/

.login-bg-pattern {
    background-image: url("../image/45degreee_fabric.png");
    background-size: cover;
    background-repeat: no-repeat; /* Prevent tiling */
    color: white; /* Adjust text color for contrast */
    padding: 15px;
}

.login-header-color{
    background: radial-gradient(circle, rgba(150,188,225,0.37298669467787116) 0%, rgba(135,206,235,0.5) 36%, rgba(255,255,255,1) 91%, rgba(236,241,244,1) 100%);
}


label:not(.form-check-label):not(.custom-file-label) { /*overwrite of admin.css*/
    font-weight: 600;
}

.thead-color{
    background-color: #40bfc140;
}