/*table.r-responsive-table{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;table-layout:fixed;width:100%}table.r-responsive-table tr{border:1px solid #ddd;padding:.35em}table.r-responsive-table td,table.r-responsive-table th{padding:.625em;text-align:center}table.r-responsive-table th{font-size:.85em}table.r-responsive-table .tdBefore{display:none}body,html{height:100%;margin:0;padding:0}#app,.app-container,.container{height:100%;width:100%}a{cursor:pointer}.app-container{min-height:320px}.card-header{background:#0000;border-bottom:none;color:#868686;margin-bottom:10px;text-align:center}.admin-nav{background-color:#e8e9ea;border-bottom:1px solid #ccc;padding-bottom:0;padding-top:0}@keyframes cycle{0%{top:0}4%{top:0}16%{opacity:1;top:0;z-index:0}20%{opacity:0;top:325px;z-index:0}21%{opacity:0;top:-325px;z-index:-1}92%{opacity:0;top:-325px;z-index:0}96%{opacity:0;top:-325px}to{opacity:1;top:0}}@keyframes cycletwo{0%{opacity:0;top:-325px}16%{opacity:0;top:-325px}20%{opacity:1;top:0}24%{opacity:1;top:0}36%{opacity:1;top:0;z-index:0}40%{opacity:0;top:325px;z-index:0}41%{opacity:0;top:-325px;z-index:-1}to{opacity:0;top:-325px;z-index:-1}}@keyframes cyclethree{0%{opacity:0;top:-325px}36%{opacity:0;top:-325px}40%{opacity:1;top:0}44%{opacity:1;top:0}56%{opacity:1;top:0}60%{opacity:0;top:325px;z-index:0}61%{opacity:0;top:-325px;z-index:-1}to{opacity:0;top:-325px;z-index:-1}}@keyframes cyclefour{0%{opacity:0;top:-325px}56%{opacity:0;top:-325px}60%{opacity:1;top:0}64%{opacity:1;top:0}76%{opacity:1;top:0;z-index:0}80%{opacity:0;top:325px;z-index:0}81%{opacity:0;top:-325px;z-index:-1}to{opacity:0;top:-325px;z-index:-1}}@keyframes cyclefive{0%{opacity:0;top:-325px}76%{opacity:0;top:-325px}80%{opacity:1;top:0}84%{opacity:1;top:0}96%{opacity:1;top:0;z-index:0}to{opacity:0;top:325px;z-index:0}}@keyframes fullexpand{0%,20%,40%,60%,80%,to{opacity:0;width:0}24%,4%,44%,64%,84%{opacity:.3;width:0}16%,36%,56%,76%,96%{opacity:.7;width:100%}17%,37%,57%,77%,97%{opacity:.3;width:100%}18%,38%,58%,78%,98%{opacity:0;width:100%}}#content-slider{height:456px;margin:3em auto 0;width:522px}#slider{border:10px solid #f8f8f8;box-shadow:1px 1px 5px #000000b3;height:100%;margin:10px auto 0;overflow:hidden;position:relative;width:100%}#slider ul{margin:0;padding:0;position:relative}#slider li{background-repeat:no-repeat;background-size:contain;height:490px;left:0;list-style:none;position:absolute;right:0;top:-100%;width:100%}#slider li.firstanimation{animation:cycle 10s linear infinite;background-image:url(https://digisign24.s3.ap-south-1.amazonaws.com/users-media/web-assets/1.png);background-position:50%;background-size:contain}#slider li.secondanimation{animation:cycletwo 10s linear infinite;background-image:url(https://digisign24.s3.ap-south-1.amazonaws.com/users-media/web-assets/2.png);background-position:50%;background-size:contain}#slider li.thirdanimation{animation:cyclethree 10s linear infinite;background-image:url(https://digisign24.s3.ap-south-1.amazonaws.com/users-media/web-assets/3.png);background-position:50%;background-size:contain}#slider li.fourthanimation{animation:cyclefour 10s linear infinite;background-image:url(https://digisign24.s3.ap-south-1.amazonaws.com/users-media/web-assets/4.png);background-position:50%;background-size:contain}#slider li.fifthanimation{animation:cyclefive 10s linear infinite;background-image:url(https://digisign24.s3.ap-south-1.amazonaws.com/users-media/web-assets/5.png);background-position:50%;background-size:contain}#slider .tooltip{background:#000000b3;bottom:75px;height:60px;left:-320px;position:relative;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;width:300px}#slider .tooltip h1{color:#fff;font-size:24px;font-weight:300;line-height:60px;padding:0 0 0 20px}.progress-bar{animation:fullexpand 10s ease-out infinite;background:#000;height:5px;position:relative;top:-5px;width:100%}.mem-btn{color:#76d812!important;font-size:18px;outline:none;padding:9px}.ad-role,.mem-btn{border:none;cursor:pointer}.ad-role{background:none;color:#2f14ab;font-size:19px;font-weight:400;outline:none!important}@media (orientation:portrait){#logo{display:none}#content-slider,.col-sm-auto{width:100%}.bg-secondary-subtle{zoom:2}}.alert-danger{color:red}.alert-success{color:green}.user-details li{list-style:none}.user-detail-section li label{font-weight:700}.user-detail-section li span{margin-left:20px}#bill_summary div label{margin-right:10px;width:100%}.Form_blur_background{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.box_shadow{box-shadow:0 0 59px -18px #4a4a4a}.mybtn{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.statusButton{border-radius:10px;padding:8px 20px!important}.user-detail-section{background:#fff;border-radius:10px;margin-top:20px;padding:10px 20px}.user-details{background:#e9e9e9}.user-detail-section li label{width:100px}.input-text{border:1px solid #ccc;border-radius:5px;padding:10px}.modal{align-items:center;background-color:rgba(#000,.25);bottom:0;display:flex;justify-content:center;left:0;right:0;top:0}.modal-container{background-color:#fff;border-radius:16px;box-shadow:0 15px 30px 0 rgba(#000,.25);display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-height:90vh;max-width:500px;overflow:hidden}.modal-container-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:16px 32px}.modal-container-title{align-items:center;display:flex;font-size:1.125;font-weight:700;gap:8px;line-height:1}.modal-container-body{overflow-y:auto;padding:10px 20px}.icon-button{align-items:center;background-color:initial;border:0;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;line-height:1;padding:0;transition:.15s ease;width:40px}.icon-button:hover{background-color:#dfdad7}.modal-popup .modal-container-footer{align-items:center;border-top:1px solid #ddd;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px;position:relative}.modal-popup .button{background-color:initial;border:0;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 20px;transition:.15s ease}.modal-popup .button:hover{background-color:#dfdad7}.modal-popup .button.is-primary{background-color:#0d57d9;color:#fff}.border-only-btn{background-color:initial;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 20px;transition:.15s ease}.border-only-btn:hover{border-color:#0d57d9}.checkbox-common{height:30px;width:30px}.badge-warning{background-color:#ffebae;color:#995601}.table-striped tbody tr:nth-of-type(odd){background-color:initial!important}.row input{border:1px solid #ccc;border-radius:5px}
@media (orientation: portrait) {
body{
font-size:10px;
}

.form-group,.form-group button{
font-size:10px!important;
}
.cardHeader{
.padding: 0px;
    margin: 10px 0px;
    font-size: 11px;
}
.card-body{
padding: 10px 0rem;
}
h5{
padding:0px;
margin:10px 0px;
font-size:10px;
}
.bg-secondary-subtle > div:first-child{
margin-top:10px;
padding-top:10px;
}

}
*/

table.r-responsive-table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100%
}

table.r-responsive-table tr {
    border: 1px solid #ddd;
    padding: .35em
}

table.r-responsive-table td,table.r-responsive-table th {
    padding: .625em;
    text-align: center
}

table.r-responsive-table th {
    font-size: .85em
}

table.r-responsive-table .tdBefore {
    display: none
}

body,html {
    height: 100%;
    margin: 0;
    padding: 0
}

#app,.app-container,.container {
    height: 100%;
    width: 100%
}

a {
    cursor: pointer
}

.app-container {
    min-height: 320px
}

.card-header {
    background: #0000;
    border-bottom: none;
    color: #868686;
    margin-bottom: 10px;
    text-align: center
}

.admin-nav {
    background-color: #e8e9ea;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
    padding-top: 0
}

@keyframes cycle {
    0% {
        top: 0
    }

    4% {
        top: 0
    }

    16% {
        opacity: 1;
        top: 0;
        z-index: 0
    }

    20% {
        opacity: 0;
        top: 325px;
        z-index: 0
    }

    21% {
        opacity: 0;
        top: -325px;
        z-index: -1
    }

    92% {
        opacity: 0;
        top: -325px;
        z-index: 0
    }

    96% {
        opacity: 0;
        top: -325px
    }

    to {
        opacity: 1;
        top: 0
    }
}

@keyframes cycletwo {
    0% {
        opacity: 0;
        top: -325px
    }

    16% {
        opacity: 0;
        top: -325px
    }

    20% {
        opacity: 1;
        top: 0
    }

    24% {
        opacity: 1;
        top: 0
    }

    36% {
        opacity: 1;
        top: 0;
        z-index: 0
    }

    40% {
        opacity: 0;
        top: 325px;
        z-index: 0
    }

    41% {
        opacity: 0;
        top: -325px;
        z-index: -1
    }

    to {
        opacity: 0;
        top: -325px;
        z-index: -1
    }
}

@keyframes cyclethree {
    0% {
        opacity: 0;
        top: -325px
    }

    36% {
        opacity: 0;
        top: -325px
    }

    40% {
        opacity: 1;
        top: 0
    }

    44% {
        opacity: 1;
        top: 0
    }

    56% {
        opacity: 1;
        top: 0
    }

    60% {
        opacity: 0;
        top: 325px;
        z-index: 0
    }

    61% {
        opacity: 0;
        top: -325px;
        z-index: -1
    }

    to {
        opacity: 0;
        top: -325px;
        z-index: -1
    }
}

@keyframes cyclefour {
    0% {
        opacity: 0;
        top: -325px
    }

    56% {
        opacity: 0;
        top: -325px
    }

    60% {
        opacity: 1;
        top: 0
    }

    64% {
        opacity: 1;
        top: 0
    }

    76% {
        opacity: 1;
        top: 0;
        z-index: 0
    }

    80% {
        opacity: 0;
        top: 325px;
        z-index: 0
    }

    81% {
        opacity: 0;
        top: -325px;
        z-index: -1
    }

    to {
        opacity: 0;
        top: -325px;
        z-index: -1
    }
}

@keyframes cyclefive {
    0% {
        opacity: 0;
        top: -325px
    }

    76% {
        opacity: 0;
        top: -325px
    }

    80% {
        opacity: 1;
        top: 0
    }

    84% {
        opacity: 1;
        top: 0
    }

    96% {
        opacity: 1;
        top: 0;
        z-index: 0
    }

    to {
        opacity: 0;
        top: 325px;
        z-index: 0
    }
}

@keyframes fullexpand {
    0%,20%,40%,60%,80%,to {
        opacity: 0;
        width: 0
    }

    24%,4%,44%,64%,84% {
        opacity: .3;
        width: 0
    }

    16%,36%,56%,76%,96% {
        opacity: .7;
        width: 100%
    }

    17%,37%,57%,77%,97% {
        opacity: .3;
        width: 100%
    }

    18%,38%,58%,78%,98% {
        opacity: 0;
        width: 100%
    }
}

#content-slider {
    height: 456px;
    margin: 3em auto 0;
    width: 522px
}

#slider {
    border: 10px solid #f8f8f8;
    box-shadow: 1px 1px 5px #000000b3;
    height: 100%;
    margin: 10px auto 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

#slider ul {
    margin: 0;
    padding: 0;
    position: relative
}

#slider li {
    background-repeat: no-repeat;
    background-size: contain;
    height: 490px;
    left: 0;
    list-style: none;
    position: absolute;
    right: 0;
    top: -100%;
    width: 100%
}

#slider li.firstanimation {
    animation: cycle 10s linear infinite;
    background-image: url(https://digisign24.s3.ap-south-1.amazonaws.com/users-media/web-assets/1.png);
    background-position: 50%;
    background-size: contain
}

#slider li.secondanimation {
    animation: cycletwo 10s linear infinite;
    background-image: url(https://digisign24.s3.ap-south-1.amazonaws.com/users-media/web-assets/2.png);
    background-position: 50%;
    background-size: contain
}

#slider li.thirdanimation {
    animation: cyclethree 10s linear infinite;
    background-image: url(https://digisign24.s3.ap-south-1.amazonaws.com/users-media/web-assets/3.png);
    background-position: 50%;
    background-size: contain
}

#slider li.fourthanimation {
    animation: cyclefour 10s linear infinite;
    background-image: url(https://digisign24.s3.ap-south-1.amazonaws.com/users-media/web-assets/4.png);
    background-position: 50%;
    background-size: contain
}

#slider li.fifthanimation {
    animation: cyclefive 10s linear infinite;
    background-image: url(https://digisign24.s3.ap-south-1.amazonaws.com/users-media/web-assets/5.png);
    background-position: 50%;
    background-size: contain
}

#slider .tooltip {
    background: #000000b3;
    bottom: 75px;
    height: 60px;
    left: -320px;
    position: relative;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    width: 300px
}

#slider .tooltip h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 60px;
    padding: 0 0 0 20px
}

.progress-bar {
    animation: fullexpand 10s ease-out infinite;
    background: #000;
    height: 5px;
    position: relative;
    top: -5px;
    width: 100%
}

.mem-btn {
    color: #76d812!important;
    font-size: 18px;
    outline: none;
    padding: 9px
}

.ad-role,.mem-btn {
    border: none;
    cursor: pointer
}

.ad-role {
    background: none;
    color: #2f14ab;
    font-size: 19px;
    font-weight: 400;
    outline: none!important
}

@media (orientation: portrait) {
    #logo {
        display:none
    }

    #content-slider,.col-sm-auto {
        width: 100%
    }

    .bg-secondary-subtle {
        zoom:1.2}
}

.alert-danger {
    color: red
}

.alert-success {
    color: green
}

.user-details li {
    list-style: none
}

.user-detail-section li label {
    font-weight: 700
}

.user-detail-section li span {
    margin-left: 20px
}

#bill_summary div label {
    margin-right: 10px;
    width: 100%
}

.Form_blur_background {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.box_shadow {
    box-shadow: 0 0 59px -18px #4a4a4a
}

.mybtn {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

.statusButton {
    border-radius: 10px;
    padding: 8px 20px!important
}

.user-detail-section {
    background: #fff;
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px 20px
}

.user-details {
    background: #e9e9e9
}

.user-detail-section li label {
    width: 100px
}

.input-text {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px
}

.modal {
    align-items: center;
    background-color: rgba(#000,.25);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0
}

.modal-container {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 15px 30px 0 rgba(#000,.25);
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-height: 90vh;
    max-width: 500px;
    overflow: hidden
}

.modal-container-header {
    align-items: center;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    padding: 16px 32px
}

.modal-container-title {
    align-items: center;
    display: flex;
    font-size: 1.125;
    font-weight: 700;
    gap: 8px;
    line-height: 1
}

.modal-container-body {
    overflow-y: auto;
    padding: 10px 20px
}

.icon-button {
    align-items: center;
    background-color: initial;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    transition: .15s ease;
    width: 40px
}

.icon-button:hover {
    background-color: #dfdad7
}

.modal-popup .modal-container-footer {
    align-items: center;
    border-top: 1px solid #ddd;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding: 20px 32px;
    position: relative
}

.modal-popup .button {
    background-color: initial;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    padding: 12px 20px;
    transition: .15s ease
}

.modal-popup .button:hover {
    background-color: #dfdad7
}

.modal-popup .button.is-primary {
    background-color: #0d57d9;
    color: #fff
}

.border-only-btn {
    background-color: initial;
    border: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    padding: 12px 20px;
    transition: .15s ease
}

.border-only-btn:hover {
    border-color: #0d57d9
}

.checkbox-common {
    height: 30px;
    width: 30px
}

.badge-warning {
    background-color: #ffebae;
    color: #995601
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: initial!important
}

.row input {
    border: 1px solid #ccc;
    border-radius: 5px
}

/*# sourceMappingURL=main.bd13047e.css.map*/
@media (orientation: portrait) {
    body {
    }
}