.indexmenudiv .indexmenuicon {
    margin: 7px auto;
    display: block;
    width: 35px;
}

.mrgntop50px {
    margin-top: 50px;
}

.pddngzero {
    padding: 0;
}
/*============== login page css start ============*/

.colortheme {
    color: #000000;
}

.errormsg {
    color: #ad0a0a;
    font-size: 12px;
    display: none;
    left: 0;
    position: relative;
}

.regform {
    padding: 0 10px;
}

.forloginonlycontainer {
    /*background: #fff;*/
}

.col12logologin .rowloginlogo .logintopimg {
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
    width: 100%;
    width: 80%;
}
.container-fluid.newlogin-contfld.forloginonlycontainer.login_height_section {
    height: 100vh;
    display: inline-flex;    background: #f7f7f7;
}
.col-md-12.margin_auto {
    padding: 40px 15px 0;
}
img.logo.login_logo {
    margin-bottom: 30px!important;
}
.col12logologin .rowloginlogo .logo {
    margin: 0 auto;
    display: block;
    margin-bottom: 0px;
    /*width: 70%;*/
}

.col12logologin .rowloginlogo h3 {
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
}

.regform > .col-xs-12:not(h2) {
    margin-top: 15px;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.regform .frmcontl-border {
      height: 40px;
      padding: 0 0;
      border-radius: 0;
      resize: none;
      box-shadow: none;
      border: 1px solid #9e9e9e;
      border-top: none;
      border-left: none;
      border-right: none;
      align-content: normal;
      position: relative;
      z-index: 3;
      background-color: whitesmoke;
      color: #000;
      padding-top: 0px;
      /* box-shadow: 2px 2px 5px rgb(0 0 0 / 12%); */
}

.regform textarea.frmcontl-border {
    height: initial;
    padding: 10px 15px 12px 19px;
}

.regform .frmcontl-border:focus {
    border: 1px solid #000000;
}

.frmcontl-border ~ span {
    display: block;
    height: 2px;
    width: 0;
    margin: 0 auto;
    padding: 0;
    background: #000000;
    position: relative;
    top: -2px;
    z-index: 4;
    transition: all .15s ease-in-out;
}

.frmcontl-border:focus ~ span {
    width: 100%;
}

.regform .frmcontl-border + label {
    font-weight: normal;
    position: absolute;
    top: 10px;
    color: #666;
    transition: all .2s;
    padding-left: 15px;
}

.regform .col12forflex .lbl.lblfordropdown {
    z-index: 99;
    background: #fff;
}

.regform .frmcontl-border:focus + label, .lfix {
    top: 0px !important;
    font-size: 11px !important;
    color: #000000 !important;
}

.regform .col12forflex .col80 {
    width: 100%;
    position: relative;
}

    .regform .col12forflex .col80 .lblinput {
        width: 85%;
        float: right;
    }

    .regform .col12forflex .col80 i {
        width: 15%;
        line-height: 40px;
        color: #666;
    }

.col80:focus i {
    color: #283e56;
}

.foriconscolorfocusin {
    color: #283e56 !important;
}

.foriconscolorfocusout {
    color: #666 !important;
}

.foriconscolorfocusinfororganization {
    color: #fe1c6b !important;
}

.rowloginbtn {
    margin: 35px -5px 20px -5px;
    text-align: center;
}

.haveaccount p {
    text-align: center;
}

    .haveaccount p a {
        text-decoration: none;
    }

.rowloginbtn button {
    padding: 8px;
    background: #387105;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 23px 40px;
    text-decoration: none;
    width: 95%;
    border: none;
    outline: none;
    text-transform: uppercase;
    border-radius: 50px;
}

.newlogin-contfld .col12loginbtn {
    margin-top: 35px;
    text-align: center;
}

.mgto30perforlogin {
    margin-top: 0px;
    margin-bottom: 30px;
}

.ptgl {
    position: absolute;
    right: 4px;
    border: none;
    height: 16px;
    z-index: 99;
    background: #fff;
    top: 10px;
}

.col12-loginnew button.ptgl {
    color: #000000;
    outline: none !important;
    font-weight: 500;
    font-size: 14px;    background: no-repeat;
}

.col12-loginnew .ptgl i {
    line-height: 35px;
    font-size: 20px;
}

.col12domainforsplash {
    padding: 0 15px !important;
}

.rowforgotbtn {
    text-align: center;
}

.forgotbtn {
    color: #a8a8a8;
    background: none;
    border: none;
    outline: none;
    font-size: 13px;
    padding: 0px 0;
    font-weight: 400;
    margin-top: 20px;
    text-align: right;
    width: 100%;
}

@media(min-width:425px) {
    .col12forflex {
        width: 100% !important;
    }

    .regform .col12forflex .col80 .lblinput {
        width: 90% !important;
    }

    .regform .col12forflex .col80 i {
        width: 10%;
    }

    .forlogintabletflex {
        display: inline-flex;
        text-align: left !important;
        width: 100%;
    }

    .mgto30perforlogin {
        margin-top: 40px;
        margin-bottom: 30px;
    }
}
/*.col12-loginnew button.sendotpbtn{display:none;}
 .regform .frmcontl-border:focus ~.sendotpbtn{display:block;}*/
.col12forradio {
    padding: 0 5px;
    margin: 0 0 0 10px;
}

    .col12forradio .gndr {
        padding: 0;
        margin-bottom: 10px;
    }

    .col12forradio label em {
        font-style: normal;
        font-weight: 500;
        top: -4px;
        position: relative;
    }

    .col12forradio label {
        margin-bottom: 0;
        margin-right: 10px;
    }

        .col12forradio label input {
            display: none;
        }

            .col12forradio label input:checked + span {
                border-color: #000000;
            }

        .col12forradio label span {
            height: 16px;
            width: 16px;
            display: inline-block;
            border: solid 2px #DDD;
            box-sizing: border-box;
            border-radius: 50%;
            position: relative;
            transition: .1s ease-in-out;
        }

        .col12forradio label input:checked + span:after {
            transform: scale(1);
        }

        .col12forradio label span:after {
            position: absolute;
            left: 2px;
            top: 2px;
            content: '';
            height: 8px;
            width: 8px;
            border-radius: 10px;
            background: #000000;
            transform: scale(0);
            transition: .1s ease-in-out;
        }

.divforfiletype .foridproof {
    display: flex;
}

    .divforfiletype .foridproof label {
        font-weight: 400;
        width: 80px;
        margin-bottom: 0;
        margin-top: 10px;
        color: #999;
    }

    .divforfiletype .foridproof input {
        height: 40px;
        border: none;
        background: none;
        box-shadow: none;
        position: absolute;
        padding-left: 60px;
    }

        .divforfiletype .foridproof input:focus {
            border: 1px solid #000000 !important;
        }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .col12-loginnew .lblinput input[type=date] {
        padding-top: 10px;
    }
}

.fortypedate-div .datespan {
    position: absolute;
    color: #999;
    margin-left: 15px;
    background: #fff;
    width: 100px;
    padding-bottom: 0px;
    padding: 5px 0;
    top: 5px;
}

.datatable-maindiv .row .col-sm-12 {
    overflow: auto;
    position: relative;
}.datatable-maindiv {
    padding: 15px;
    border: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
    background: white;
}
.reporttable-shi > thead > tr > th {
    font-weight: 500;
    border-bottom-width: 1px;
    text-transform: uppercase;
}

.rowfor-fromtofilter {
    margin-bottom: 15px;
}

    .rowfor-fromtofilter .col6frotofilter {
        text-align: center;
    }

        .rowfor-fromtofilter .col6frotofilter input {
            width: 100%;
            color: #555;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-shadow: none;
            box-sizing: border-box;
            height: 30px;
        }

.datatable-maindiv #reporttable_wrapper .dataTables_length {
    text-align: left;
    margin-bottom: 10px;
}

.datatable-maindiv #reporttable_wrapper .dataTables_filter {
    text-align: left !important;
}

.datatable-maindiv div.dataTables_wrapper div.dataTables_length select {
    width: 100%;
    margin-left: 13px;
}

.datatable-maindiv div.dataTables_wrapper div.dataTables_filter input {
    width: 100%;
}


.contfldotp-popup {
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
}

    .contfldotp-popup .col12otp-popup {
        background: #fff;
        margin-top: 50%;
        padding: 15px;
    }

        .contfldotp-popup .col12otp-popup .closebtn {
            position: absolute;
            right: -12px;
            top: -18px;
            outline: none;
            background: #fff;
            border: 1px solid #ccc;
            width: 40px;
            height: 40px;
            line-height: 35px;
            border-radius: 40px;
            text-align: center;
            font-size: 20px;
            font-weight: 400;
            color: #000;
        }

.col12otp-popup .rowotp-popup {
    margin: 0;
}

.rowotp-popup .alreadyinputmob {
    margin-bottom: 15px;
    margin-top: 20px;
}

    .rowotp-popup .alreadyinputmob input, .rowotp-popup .enterotpinput input {
        height: 40px;
        padding: 0 15px;
        border-radius: 40px;
        box-shadow: none;
        border: 1px solid #ccc;
        position: relative;
        z-index: 3;
        background-color: transparent;
        color: #000;
        padding-top: 0px;
        outline: none;
        width: 100%;
    }

        .rowotp-popup .alreadyinputmob input:focus, .rowotp-popup .enterotpinput input:focus {
            border: 1px solid #000000;
        }

    .rowotp-popup .alreadyinputmob .resendotpbtn {
        color: #000000;
        outline: none !important;
        font-weight: 500;
        font-size: 14px;
        border: none;
        background: none;
    }

    .rowotp-popup .alreadyinputmob .fortimer-resendotp {
        text-align: center;
        margin-top: 10px;
    }

.rowotp-popup .enterotpinput .verifybutton-div {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .rowotp-popup .enterotpinput .verifybutton-div .verifybtn {
        padding: 10px 25px;
        background: #000000;
        color: #fff;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 23px 40px;
        text-decoration: none;
        width: 80%;
        border: none;
        outline: none;
        text-transform: uppercase;
        border-radius: 40px;
    }


/*.contfldfordashboard-main {
    background: #f0f1f3;
}*/

.col12dashboard-maindiv {
    margin-top: 15px;
    padding: 0;
}

    .col12dashboard-maindiv .rowmaindashboard {
        margin: 0 0 20px 0;
        /*background: #fff;*/
        /*box-shadow: 0 1px 5px rgba(0,0,0,.2);*/
    }

.rowmaindashboard .dash-heading h2 {
    margin: 0 0 4px;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    /* background: #f8f8f8; */
    /* border-bottom: 1px solid #ccc; */
    font-weight: 600;
}
.rowmaindashboard .coldashboard-div .dashboarddiv {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0px 0px 1px -1px rgba(0, 0, 0, 0.2), -1px 7px 14px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
    margin-bottom: 15px;
    position: relative;
}

.coldashboard-div .dashboarddiv h4 {
    color: #888;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px;
    font-weight: 400;
}

.coldashboard-div .dashboarddiv .ordertransit-value {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 15px;
    bottom: 0;
    line-height: 50px;
    background: #000000;
    border-radius: 50%;
    color: #fff;
    border: 1px solid #000000;
    font-size: 15px;
    box-shadow: 0px 0px 1px -1px rgba(0, 0, 0, 0.2), -1px 7px 14px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
}

    .coldashboard-div .dashboarddiv .ordertransit-value.pending {
        background: #900a0a;
        border: 1px solid #900a0a;
        animation: pulse 1500ms infinite;
    }

.coldashboard-div .dashboarddiv h3 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 20px;
    color: #000;
    font-weight: 400;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #111111;
        box-shadow: 0 0 0 0 #111111;
    }

    40% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 194, 17, 0);
        box-shadow: 0 0 0 30px rgba(255, 194, 17, 0);
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 194, 17, 0);
        box-shadow: 0 0 0 30px rgba(255, 194, 17, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
        box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #111111;
        box-shadow: 0 0 0 0 #111111;
    }

    40% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 194, 17, 0);
        box-shadow: 0 0 0 30px rgba(255, 194, 17, 0);
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 194, 17, 0);
        box-shadow: 0 0 0 30px rgba(255, 194, 17, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
        box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
    }
}

.col12main-invoicepage {
    padding: 0;
}

    .col12main-invoicepage .row {
        margin: 0;
        margin-top: 10px;
    }

    .col12main-invoicepage .row:last-child {
    margin-bottom: 10px;
    margin: 10px;
}

.rowforcustmer-input .customer-input {
    padding: 15px;
    background: #fff;
}
.container-fluid.newlogin-contfld.forloginonlycontainer.mrgntop50px {
    padding-right: 10px;
    padding-left: 10px;
}
    .rowforcustmer-input .customer-input input {
        height: 30px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-top: none;
        outline: none;
        position: relative;
        z-index: 3;
        background-color: transparent;
        color: #000;
        padding-top: 0px;
        box-shadow: none;
    }

        .rowforcustmer-input .customer-input input:focus {
            border-bottom: 1px solid #000000;
        }

.rowaddproduct .addproduct {
    padding: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    color: #000000;
    font-weight: 500;
}

    .rowaddproduct .addproduct span {
        margin-left: 10px;
    }

.col12main-invoicepage .discountdivrow {
    background: #fff;
    padding: 15px;
}

.discountdivrow .col12inner-discounddiv {
    padding: 0;
    margin-bottom: 10px;
}

    .discountdivrow .col12inner-discounddiv:last-child {
        margin-bottom: 0;
    }

    .discountdivrow .col12inner-discounddiv .col6inner {
        padding: 0;
        color: #000;
    }

        .discountdivrow .col12inner-discounddiv .col6inner p {
            margin-bottom: 0;
        }

        .discountdivrow .col12inner-discounddiv .col6inner:last-child {
            text-align: right;
        }

        .discountdivrow .col12inner-discounddiv .col6inner p.total {
            font-weight: 500;
            font-size: 16px;
        }

.col12main-invoicepage .rowmsgnotediv {
    padding: 15px;
    background: #fff;
}

.rowmsgnotediv .msg-note-div {
    margin-bottom: 20px;
}

    .rowmsgnotediv .msg-note-div:last-child {
        margin-bottom: 0px;
    }

    .rowmsgnotediv .msg-note-div input {
        height: 30px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-top: none;
        outline: none;
        position: relative;
        z-index: 3;
        background-color: transparent;
        color: #000;
        padding-top: 0px;
        box-shadow: none;
    }

        .rowmsgnotediv .msg-note-div input:focus {
            border-bottom: 1px solid #000000;
        }

.contfld-add-new-product-popup {
    padding: 0;
    background: rgba(0, 0, 0, 0.62);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 100%;
}

    .contfld-add-new-product-popup .col12-add-new-product-popup {
        padding: 15px;
    }

.col12-add-new-product-popup .row-add-new-product {
    margin: 150px 0 0 0;
    background: #fff;
}

.row-add-new-product .addnewproductpopup h3 {
    margin-bottom: 15px;
    margin-top: 0;
    background: #eee;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.addnewproductpopup .colinner-productinput {
    margin-bottom: 15px;
}

    .addnewproductpopup .colinner-productinput input {
        height: 30px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-top: none;
        outline: none;
        position: relative;
        z-index: 3;
        background-color: transparent;
        color: #000;
        padding-top: 0px;
        box-shadow: none;
    }

        .addnewproductpopup .colinner-productinput input:focus {
            border-bottom: 1px solid #000000;
        }

.addnewproductpopup .col12-actionbtn {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .addnewproductpopup .col12-actionbtn .popupactionbtndiv {
        text-align: center;
    }

.col12-actionbtn .popupactionbtndiv button {
    background: none;
    border: none;
    outline: none;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
}

.col12main-invoicepage .afteraddproduct-row {
    padding: 15px;
    background: #fff;
    display: none;
}

.afteraddproduct-row .col12product-afteradd {
    padding: 0;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

    .afteraddproduct-row .col12product-afteradd:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .afteraddproduct-row .col12product-afteradd:last-child {
        border-bottom: none;
    }

.col12product-afteradd .col6afteradd-info {
    padding: 0;
}

    .col12product-afteradd .col6afteradd-info h3 {
        font-size: 16px;
        color: #000;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .col12product-afteradd .col6afteradd-info p {
        margin-bottom: 3px;
        font-size: 13px;
        line-height: 1;
    }

.col12product-afteradd .col6afteradd-money p {
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 1;
}

.col12product-afteradd .col6afteradd-info p:last-child {
    margin-bottom: 0;
}

.col12product-afteradd .col6afteradd-money h3 {
    font-size: 16px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: right;
}




/*other*/
.ui-widget.ui-widget-content {
    z-index: 9999;
}

span.span-pkj1 {
    color: #000000;
    font-size: 12px;
    display: none;
    left: 2px;
    position: relative;
    font-weight: 500;
}

span.span-pkj2 {
    color: #000000;
    font-size: 12px;
    display: none;
    left: 10px;
    position: relative;
    font-weight: 500;
}

span.errormsg.custom-pkj {
    color: #ad0a0a;
    font-size: 12px;
    display: none;
    left: 2px;
    position: relative;
}

button.removebtn {
    /*background: none;
    border: none;
    outline: none;
    font-weight: 500;
    color: #ff0000;
    font-size: 14px;*/
    position: absolute;
    top: -26px;
    background-color: #ff0000;
    border-radius: 50%;
    color: #fff;
    height: 22px;
    width: 22px;
    font-size: 13px;
    right: -1px;
    border: none;
    outline: none;
}

.dis-party-pop-txtar {
    width: 100%;
    outline: none;
    padding: 10px 8px;
    box-sizing: border-box;
    resize: none;
}

.dis-party-pop-code {
    margin: 0;
    font-weight: 500;
}

.dis-party-pop-name {
}

.ir-location-cover {
    margin-bottom: 10px;
}


.mb-15 {
    margin-bottom: 15px;
}


.add-product-oth-btn {
    padding-left: 15px;
    padding-right: 15px;
}

    .add-product-oth-btn .addproduct {
        border: 1px solid #ccc;
        border-radius: 40px;
        padding: 8px 15px 8px 5px;
        display: flex;
        justify-content: center;
    }



.input-label-cu {
    font-weight: 400;
    font-size: 15px;
    color: #333;
    margin: 0 0 2px 0;
}


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

.table-closure-heading {
    font-size: 15px;
    margin: 0 0 0 0;
}

    .table-closure-heading + div {
        margin-top: 5px;
    }

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

.inner-table tr td:nth-child(odd) {
    padding: 0 10px 0 0;
}

.inner-table tr td {
    font-size: 15px;
}

.reporttable-shi tfoot td {
    font-weight: bold;
}

.reporttable-shi thead .inner-table tr:last-child td {
    font-size: 12px;
}



.form-control.select-cmn-pop {
    border-radius: 0;
    border-top: none;
    border-right: none;
    box-shadow: none;
    border-left: none;
    padding: 0;
    margin: 0;
}



.pos-re {
    position: relative;
}

.row-side-line {
    position: absolute;
    left: 0;
    width: 20px;
    background-color: #000000;
    color: #fff;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.row-side-live-cover p {
    margin: 0;
}

.row-side-line p {
    margin: 0;
    writing-mode: vertical-lr;
    text-align: center;
    line-height: 1;
    font-size: 14px;
    transform: rotate(180deg);
}

.row-side-live-cover {
    position: relative;
}

    .row-side-live-cover select, select.cmn-select-all {
        height: 30px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-top: none;
        color: #000;
        outline: none;
        position: relative;
        z-index: 3;
        background-color: transparent;
        color: rgba(0, 0, 0, 0.7);
        padding-top: 0px;
        box-shadow: none;
    }

.mt-10 {
    margin-top: 10px;
}

.invoice-no-link-p {
    margin: 2px 0 0 0;
}

.disabled-input {
    background-color: #d1d1d1;
}







.header-2 {
    display: flex;
    background-color: #f5f4f4;
    margin-top: 50px;
    height: 35px;
    padding: 0 0 0 0;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 1px 3px 0 rgba(32, 33, 36, 0.28);
}

.header-2-select {
    padding-right: 10px;
    flex: 0 0 25%;
    border-right: 1px solid rgb(0 0 0 / 0.2);
}

.header-2-input {
    flex: 0 0 15%;
}

.header-2 input, .header-2 select {
    width: 100%;
    border: none;
    background-color: inherit;
    outline: none !important;
    font-size: 12px;
}

    .header-2 input[type="date"]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }

.header-2-calendar {
    color: #000000;
    padding: 0 10px 0 8px;
}

.header-2-to {
    padding: 0 15px 0 0;
}

.show-btn {
    padding: 8px 0px;
    background: #000000;
    color: #fff;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12);
    text-decoration: none;
    width: 100%;
    border: none;
    outline: none;
    border-radius: 4px;
    font-size: 13px;
    margin-top: 15px;
}


.user-cd-details-cover {
    padding-top: 25px;
}

    .user-cd-details-cover .row {
        box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
        padding-bottom: 7px;
        padding-top: 13px;
        margin-bottom: 10px;
    }

        .user-cd-details-cover .row > div {
            padding-right: 10px;
            padding-left: 10px;
        }

    .user-cd-details-cover h2 {
        font-size: 13px;
        margin: 0 0 5px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: rgb(0 0 0 / 0.5);
    }

    .user-cd-details-cover p {
        margin: 0 0 5px 0;
        font-size: 13px;
        font-weight: 500;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.files-row-cover img {
    width: 40px;
    margin: 15px auto 0 auto;
    display: block;
}

#Primary input {
    width: 50%;
}

#Primary button {
    float: right;
    color: #fff;
    border: 1px solid #000000;
    outline: none;
    background-color: #000000;
    padding: 5px 12px 4px;
    margin-top: 4px;
}

#loyality input {
    width: 50%;
}

#loyality button {
    float: right;
    color: #fff;
    border: 1px solid #000000;
    outline: none;
    background-color: #000000;
    padding: 5px 12px 4px;
    margin-top: 4px;
}


.data-exist-p {
    line-height: 1;
}

.col-xs-12.col12otp-popup.po-process-pop-cover {
    overflow-y: auto;
    overflow-x: hidden;
    height: 90vh;
    margin-top: 10%;
}

.contfldotp-popup .col12otp-popup .closebtn.po-process-pop-cover-btn {
    position: fixed;
    right: 4px;
    top: 4%;
}
/*other*/
.footer_image {
    position: fixed;
    bottom: 0;
    height: 100%;
    width: 100%;    left: 0;    right: 0;
    margin: auto;
    text-align: center;
    display: none;
}
.footer_image img{
     /*height: 100%;
    width: 100%;*/
}
.section-title.text-center {
      font-size: 16px;
    padding: 0;
    color: black;
    font-weight: 600;
    margin: auto;
}
.col.s12.heading_sec {
    display: inline-flex;
    padding: 0 15px;
    width: 100%;
    margin-bottom: 20px;
}
 .btn-common button {
                padding: 10px 25px;
                background: #387105;
                color: #fff;
                text-decoration: none;
                width: 100%;
                border: none;
                outline: none;
                text-transform: uppercase;
                border-radius: 40px;
            }
 input {
    height: 30px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
    border-top: none;
    color: #000;
    outline: none;
    position: relative;
    z-index: 3;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.7);
    padding-top: 0px;
    box-shadow: none;
}
 .dashboarddiv.col-xs-12.iglugu_tri {
    padding: 15px 0;
}

 /*----------main icon css-------------*/
  .avatar-edit {
            position: absolute;
            right: 20px;
            z-index: 1;
            top: 0px;
        }

            .avatar-edit input {
                display: none;
            }

                .avatar-edit input + label {
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    margin-bottom: 0;
                    border-radius: 100%;
                    background: #f6f6f6;
                    border: 1px solid transparent;
                    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
                    cursor: pointer;
                    font-weight: normal;
                    transition: all 0.2s ease-in-out;
                }

                    .avatar-edit input + label:after {
                        content: "\f040";
                        font-family: 'FontAwesome';
                        color: #757575;
                        position: absolute;
                        top: 4px;
                        left: 0;
                        right: 0;
                        text-align: center;
                        margin: auto;
                        font-size: 14px;
                    }