/*Active Color - #0973b5
Hover Color - #09649d*/

/* Scrollbar - x & y Start */
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #0973b5; 
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #09649d; 
}
/* Scrollbar - x & y End */

.menu-bg {
    background: url(../images/menu-background-img.jpg);
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background: linear-gradient(to right, #acb6e5, #86fde8, #acb6e5);*/
}

#sidebar-menu>ul>li>a {
    background: none;
}

.account-pages {
    /*margin: 7.5% auto !important;*/
    margin: auto !important;
    background: url(../images/background-img.jpg);
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 7.5% 0px !important;
}

.icnsty {
    float: right;
    margin-top: -25px;
    margin-right: 10px;
    cursor: pointer;
}

.icnsty1 {
    float: right;
    margin-left: 15px;
    margin-top: -4px;
    font-size: large;
    cursor: pointer;
}

.cursorpointer, .cursorpointer input, .cursorpointer label {
    cursor: pointer;
}

.line-height {
    line-height: 1.6;
}

/* Tree View Start */
.caretn{
    cursor: pointer;
    user-select: none;
}

.caretn::before{
    content: "\25B6";
    color: black;
    display: inline-block;
    margin-right: 6px;
}

.caretn-down::before{
    transform: rotate(90deg);  
}

.nestedn{
    display: none !important;
}

.activen{
    display: block !important;
}
/* Tree View End */

/* Tree View ul-li style Start */
.tree-scroll {
    height: 291px;
    overflow: auto;
    /*overflow-x: auto;
    overflow-y: auto;*/
}
#MyTree ul{
    list-style-type: none !important;
}

.nestedn ul{
    list-style-type: none !important;
}

.nestedn li{
    margin-left: -30px;
    margin-top: 5px;
}
/* Tree View ul-li style End */

#sidebar-menu>ul>li>a.active, #sidebar-menu>ul>li>a.active i, #sidebar-menu ul ul li.active a {
    color: #0973b5 !important;
}

#sidebar-menu ul ul li.active a:before {
    content: "\271B";
    color: #0973b5;
    display: inline-block;
    margin-right: 6px;
    font-weight: 600;
}

.page-title-box .page-title {
    font-size: 18px !important;
    text-transform: none !important;
}

.header-title {
    font-size: 16px !important;
    text-transform: none !important;
}

.search-menu {
    width: 80%;
    margin-left: 10%;
    margin-top: 2%;
}

.mg-lft {
    margin-left: 5px;
}

.mg-lft1 {
    margin-left: 40px;
}

.count {
    color: #fff !important;
    border-radius: 50% !important;
    text-align: center !important;
    position: absolute;
    background-color: #013479 !important;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    line-height: 20px;
}

.form-control {
    color: #000 !important;
}

.select2-error .error {
    position: absolute !important;
    margin: 33px 0px 0px 0px !important;
}

.select2-container {
    display: block !important;
}

.width-auto {
    width: auto;
}

.img-logo-sty {
    height: 50px;
    width: auto;
}

.select2-container {
    display: block !important;
    width: 100% !important;
}

form .card {
    border: 1px solid rgba(0,0,0,.125);
}

.radio-style {
    font-size: unset;
    margin-top: 8px;
}

.radio-inline {
    /*margin-left: 2px;
    margin-right: 4px;*/
    margin-left: 5px;
    margin-right: 5px;
    height: 12px;
    width: 12px;
}

.txt-right {
    text-align: right;
}

/*.file-sty {
    padding: .2rem .5rem;
}*/
.file-sty {
    padding: 0.2rem 0.5rem;
    height: 31px !important;
    min-height: 31px !important;
    font-size: smaller;
    border: 1px solid #b6b6b6;
    background: none;
    border-radius: 4px;
}

.card-sty {
    border: 1px solid #678098 !important;
    margin-bottom: 10px !important;
}

.card-sty .bg-white .card-title {
    margin-bottom: 0px;
}

.card-bdy-sty {
    padding: 1rem 1.25rem 0rem 1.25rem !important;
}

.card-fot-sty {
    padding: 1rem 0.2rem 0rem 0rem !important;
}

.card-fot-mb-sty .form-group {
    margin-bottom: 0px !important;
}

.textarea-sty {
    height: 70px !important;
}

.custom-file {
    height: calc(1.75rem + 2px) !important;
}

.custom-file-label {
    height: calc(1.75rem + 2px) !important;
    padding: 0.275rem 0.75rem !important;
}

.custom-file-label::after {
    height: calc(calc(1.75rem + 2px) - 1px * 2) !important;
    padding: 0.275rem 0.75rem !important;
}

.head-sty {
    padding: 10px;
    background-color: #999;
    color: white;
}

.head-sty-1 {
    padding: 5px;
    background-color: #999;
    color: white;
}

.btn-xsm-pd {
    padding: 1px 6px 1px 6px !important;
}

#analysis_table {
    border-left: 2px solid #aaa !important;
    border-right: 2px solid #aaa !important;
}

#analysis_table thead tr th, #analysis_table tfoot tr th, #analysis_table tfoot tr td {
    border: 2px solid #aaa !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.fullscreen-sty {
    max-width: 100%;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#bottom_top {
    display: inline-block;
    background-color: #0973b5;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#bottom_top i {
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 40px;
    color: #fff;
}

#bottom_top:hover {
    cursor: pointer;
    background-color: #09649d;
}

#bottom_top:active {
    background-color: #0973b5;
}

#bottom_top.show {
    opacity: 1;
    visibility: visible;
}

.mq-sty {
    width: 800px;
}

.datepicker {
    z-index: 9999 !important;
}

.bg-green {
    background-color: #beeed9;
    color: #000000;
}

.bg-red {
/*    background-color: #e66793;*/
    background-color: #fbc1ba;
    color: #000000;
}

.bg-gray {
    background-color: #eff3f6;
    color: #000000;
}

.bg-green td, .bg-red td {
    border: 1px solid #ccc !important;
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    background-color: #4bbbce !important;
    color: #ffffff !important;
    font-size: medium;
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link {
    color: #4bbbce !important;
    font-size: medium;
}

.qty-sty {
    display: revert !important;
    width: 30% !important;
}

/*Table count & fixed Start*/
.table-scroll {
    position: relative;
    margin: auto;
    overflow: hidden;
    border: 1px solid #dee2e6;
}
.table-wrap {
    width: 100%;
    overflow: auto;
}
.table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}
.table-scroll th, .table-scroll td {
    padding: 5px !important;
    border: 1px solid #dee2e6;
    background: #fff;
    white-space: nowrap;
}
.fixed-side {
    text-align: left;
}
.clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.clone th, .clone td {
    visibility: hidden;
}
.clone td, .clone th {
    border-color: transparent;
}
.clone .fixed-side {
    border: 1px solid #dee2e6;
    visibility: visible;
}
.clone thead, .clone tfoot {
    background: transparent;
}
.head-color-sty th {
    background-color: #989898 !important;
    color: #202020 !important;
}
.total-color-sty td {
    background-color: #989898 !important;
    color: #202020 !important;
}
/*Table count & fixed End*/

.pd-l-r-sty {
    padding: 0px 30px 0px 30px !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.h30 {
    height: 30px !important;
}

.w70 {
    width: 70px !important;
}

.mr-m-20-sty {
    margin-right: -20px !important;
}

.ml-m-20-sty {
    margin-left: -20px !important;
}

.ml-15-sty {
    margin-left: 15px !important;
}

.table-pd-sty thead tr th, .table-pd-sty thead tr td, .table-pd-sty tbody tr th, .table-pd-sty tbody tr td, .table-pd-sty tfoot tr th, .table-pd-sty tfoot tr td {
    padding: 7px !important;
}

.table-header-fixed {
    overflow-y: auto;
    height: 500px;
}

.table-header-fixed thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.table-header-fixed table {
    border-collapse: collapse;
    width: 100%;
}

.table-header-fixed th, .table-header-fixed td {
    padding: 8px 16px;
    border: 1px solid #ccc;
}

.table-header-fixed th {
    background: #eee;
}

.modal_max_w {
    max-width: 100% !important;
}
/* Common Section START */
.page-title-box {
    padding: 12px 0 !important;
}
.form-control {
    padding: .2rem .5rem !important;
    line-height: 1 !important;
/*    font-size: 10px !important;*/
}
.card {
    margin-bottom: 15px !important;
}
.card-body {
    padding: 0.85rem !important;
}
.table td, .table th {
    padding: .5rem !important;
}
.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
    padding: 7px 10px !important;
}
.custom-border {
    border: 1px solid #dee2e6;
}
.custom-border tr th, .custom-border tr td{
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
}
/* Common Section END */

@media only screen and (max-width: 767px) {
    .account-pages {
        padding: 50.5% 0px !important;
    }
    .mq-sty {
        width: 200px;
    }
}

.vertical-progress {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
}

.progress-line {
    position: absolute;
    left: 1rem;
    top: 0;
    height: calc(100% - 1rem);
    width: 2px;
    background-color: #dee2e6;
    z-index: 1;
}

.progress-step {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    z-index: 2;
}

.step-indicator {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #e9ecef;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 0.9rem;
    color: #6c757d;
}

.completed .step-indicator {
    background-color: #28a745;
    color: #fff;
    font-size: 1.2rem;
}

.step-description {
    font-weight: bold;
    color: #6c757d;
}

.total-amount {
    display: flex;
    align-items: center;
    justify-content: center;
}

#loader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999; /* Ensure it appears above other content */
    width: 3rem;
    height: 3rem;
}

.left-0 {
    left: 0px !important
}

.margin-left-0 {
    margin-left: 0px !important
}
.captcha-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;

    background:#e9ecef;
    border:1px solid #cfd4da;
    border-radius:10px;

    padding:8px 12px;
    max-width:380px;
}

.captcha-label{
    font-size:14px;
    font-weight:500;
    color:#333;
}

.captcha-label strong{
    color:#1f4e79;
}

.captcha-input{
    height:30px;
    width:150px;
    border:1px solid #cfd4da;
    border-radius:6px;
    padding:4px 8px;
    font-size:13px;
}

.captcha-input:focus{
    outline:none;
    border-color:#1f4e79;
}