.al-row .nicknam:hover {
    width: 110% !important;
}


@media(max-width:767px) {

    .al-row .nicknam:hover {
        width: 80% !important;
    }

    .payment-history .all-bils {
        float: none;
    }
}


/* start more effect */
.the-men .more-men {
    list-style: none;
    font-size: 14px;
}

.the-men .enteredd .eac-titl {
    color: #2ea25b;
    text-decoration: underline;
}

.the-men .more-men li {
    padding: 5px;
    cursor: pointer;
    height:40px;
}


    .the-men .more-men li:hover {
        background: #e7e7e7;
    }

@media(max-width:1200px) {

    .the-men .more-men {
        font-size: 13px;
    }
}

@media(max-width:991px) {

    .the-men .more-men {
        font-size: 11px;
    }
}


.set-under:hover {
    text-decoration: underline;
}


/* start notifications pop up */

.navbar .notifi-pop {
    position: absolute;
    width: 299px;
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
    top: 41px;
    right: -22px;
    padding: 18px;
    height: 275px;
    overflow: auto;
}

.navbar .bil-nav .toward-up {
    content: none;
    position: absolute;
    border: 10px solid transparent;
    border-left: 0;
    border-right-color: #fff;
    border-color: transparent #fff transparent transparent;
    border-right-color: #fff;
    top: 82%;
    right: 53%;
    border-width: 19px 27px 0px 4px;
    border-color: transparent #fff transparent transparent;
    z-index: 5;
}

.navbar .notifi-pop .notifi-span {
}

.navbar .notifi-pop .the-noti {
    padding: 10px;
    margin: 10px 0;
}

    .navbar .notifi-pop .the-noti.not-seenn {
        background: rgba(255, 252, 212, 0.5);
    }

.navbar .notifi-pop .noti-stat {
    margin: 0;
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.navbar .bil-nav {
    cursor: pointer;
}

@media(max-width:1200px) {

    .navbar .notifi-pop .noti-stat {
        font-size: 11px;
    }

    .navbar .notifi-pop .notifi-span {
        font-size: 13px;
    }

    .navbar .notifi-pop {
        height: 259px;
    }
}


@media(max-width:991px) {

    .navbar .notifi-pop .noti-stat {
        font-size: 11px;
    }

    .navbar .notifi-pop .notifi-span {
        font-size: 13px;
    }

    .navbar .notifi-pop {
        top: 33px;
        right: -22px;
        z-index: 1;
        text-align: left;
    }

    .navbar .bil-nav .toward-up {
        top: 103%;
        right: 131%;
    }
}

@media(max-width:650px) {

    .navbar .notifi-pop .noti-stat {
        font-size: 10px;
    }

    .navbar .notifi-pop .notifi-span {
        font-size: 12px;
    }

    .navbar .notifi-pop {
        width: 246px;
        top: 33px;
        right: -108px;
    }
}


/************* start saved payment history ****************/


.saved-payment .al-row:before {
    content: none;
}

.saved-payment .al-row {
    padding: 8px 16px;
    margin-bottom: 3px;
}

    .saved-payment .al-row.col-titl {
        margin-bottom: 0px;
    }

    .saved-payment .al-row .bank-imgg {
        width: 37%;
    }

.pay-billl .bills-forms .inp-form.charge-text-box {
    margin-top: 11px;
    padding-top: 13px;
    padding-bottom: 10px;
}

.hold-plac2 {
    top: 26px;
}

.saved-payment .al-row .delet-icon {
    color: #a9a9a9;
    font-size: 21px;
    cursor: pointer;
    position: relative;
    top: 5px;
}

.saved-payment .al-row .eac-col {
    top: 5px;
    position: relative;
    height: 37px;
}


.saved-payment .col-titl .eac-col {
    color: #2DA259;
}

.saved-payment .al-row.col-titl {
    border-top: 1.5px solid #f1f1f1;
}


.saved-payment .all-titl {
    margin-bottom: 0;
    width: 26%;
    font-size: 20px;
    padding: 10px;
  
    margin-right: -15px;
    margin-left: -15px;
    font-weight:bold;
    
}

.saved-payment .al-row .place-hold {
    font-size: 10px;
    position: absolute;
    top: -8px;
    left: 25px;
    background: #fdfdfd;
    padding: 1px;
    color: #ddd;
    display: none;
}


.saved-payment .al-row .secure {
    width: 60%;
}


.saved-payment .al-row .manage-ic {
    margin-left: 15px;
    color: #2ea25b;
    font-size: 11px;
}

@media(max-width:1200px) {

    .saved-payment .al-row .bank-imgg {
        height: 32px;
    }

    .saved-payment .all-titl {
        font-size: 12px;
    }
}

@media(max-width:991px) {

    .saved-payment .al-row .bank-imgg {
        height: 28px;
    }


    .saved-payment .all-titl {
        font-size: 11px;
        width: 29%;
    }
}


@media(max-width:767px) {

    .saved-payment .all-titl {
        width: 35%;
        margin: 0;
    }

    .saved-payment .al-row .th-col {
        height: auto;
    }

    .saved-payment .al-row .bank-imgg {
        height: auto;
        width: 24%;
    }

    .saved-payment .al-row .secure {
        width: 30%;
        height: auto;
    }

    .saved-payment .al-row .place-hold {
        top: 5px;
    }
}

@media(max-width:576px) {

    .saved-payment .al-row .secure {
        width: 40%;
    }

    .saved-payment .al-row .bank-imgg {
        width: 28%;
    }

    .saved-payment .all-titl {
        width: 50%;
    }
}


@media(max-width:400px) {

    .saved-payment .al-row .bank-imgg {
        width: 41%;
    }

    .saved-payment .al-row .secure {
        width: 50%;
    }
}



/************* end saved payment history ***********************/




/************* start special cases ***********************/


.special-case .formss {
    margin-bottom: 50px;
}

.special-case .where-biling {
    margin-bottom: 130px;
    position: relative;
}

    .special-case .where-biling .billing-img {
        width: 25%;
    }

.special-case .get-yours {
    position: absolute;
    right: 0;
    bottom: 0;
}

    .special-case .get-yours .get {
        color: #4f4f4f;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .special-case .get-yours a {
        color: #2ea25b;
        font-size: 14px;
        text-decoration: underline;
    }

.special-case .where-fin {
    color: #4f4f4f;
    font-size: 17px;
    margin: 30px 1%;
}

.where-fin-mar {
    color: #4f4f4f;
    font-size: 17px;
}

.special-case .bills-forms .eac-form.file-numb {
    width: 62.5%;
}

.special-case .marg-row {
    margin: 20px -1%;
}

.special-case .from-d {
    color: #7f7c7c;
    font-size: 12px;
    width: 18%;
    display: inline-block;
}

.special-case .date-inpp {
    display: inline-block;
    width: 33.5%;
    margin: 0 2%;
}

@media(max-width:1400px) {

    .special-case .where-biling .billing-img {
        width: 30%;
    }
}

@media(max-width:1300px) {

    .special-case .where-biling .billing-img {
        width: 35%;
    }
}


@media(max-width:1100px) {

    .special-case .where-fin {
        color: #4f4f4f;
        font-size: 15px;
    }

    .special-case .get-yours a, .special-case .get-yours .get {
        font-size: 13px;
    }
}

@media(max-width:1050px) {

    .special-case .from-d {
        font-size: 11px;
    }
}


@media(max-width:991px) {

    .special-case .where-fin {
        font-size: 14px;
    }

    .special-case .get-yours a, .special-case .get-yours .get {
        font-size: 12px;
    }

    .special-case .where-biling .billing-img {
        width: 41%;
    }

    .special-case .from-d {
        font-size: 11px;
        width: 22%;
    }

    .special-case .date-inpp {
        width: 33.5%;
        margin: 0 1%;
    }
}

@media(max-width:850px) {


    .special-case .from-d {
        font-size: 10px;
        width: 22%;
    }

    .special-case .date-inpp {
        width: 33.5%;
        margin: 0 1%;
    }

    .special-case .bills-forms .date-inpp .inp-form {
        padding: 15px 6px;
    }
}


@media(max-width:767px) {

    .special-case .where-fin {
        font-size: 13px;
    }

    .special-case .get-yours a, .special-case .get-yours .get {
        font-size: 11px;
        margin-bottom: 0px;
    }

    .special-case .where-biling .billing-img {
        width: 41%;
    }

    .special-case .get-yours {
        right: 0;
        bottom: -49px;
    }

    .special-case .bills-forms .eac-form.file-numb {
        width: 97%;
    }
}


@media(max-width:500px) {


    .special-case .get-yours a, .special-case .get-yours .get {
        font-size: 11px;
        margin-bottom: 0px;
    }

    .special-case .where-biling .billing-img {
        width: 60%;
    }

    .special-case .bills-forms .date-inpp .inp-form {
        padding: 15px 6px;
        font-size: 11px;
    }
}

@media(max-width:400px) {

    .special-case .where-biling .billing-img {
        width: 80%;
    }
}


/************* end special cases ***********************/

/*new select*/


.pay-billl .bills-forms .select2.inp-form {
    height: 50.2px;
    position: relative;
    z-index: 1;
    padding: 0;
    width: 100% !important;
}

.hold-plac {
    z-index: 2;
}

.disabled-plac {
    z-index: 2;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 47px;
    outline: none;
    color: #878585;
    font-size: 15px;
    
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid #ddd;
    height: 48px;
    width: 100%;
    border-radius: 0;
    outline: none;text-align:left;
   
}

.select2-container--open .select2-dropdown {
    left: 0;
    top: -45px;
}

.select2-dropdown {
    border: none;
}

.select2-search--dropdown {
    border: 1px solid #eeeeee;
    display: block;
    padding: 0;
   

}

    .select2-search--dropdown .select2-search__field {
        padding: 15px;
        width: 95%;
        height: 42.5px;
        font-size: 13px;
        outline: none;
    }

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
}

.select2-results {
    display: block;
    position: relative;
    top: 1px;
    padding: 16px;
    list-style: none;
    background: #fff;
    box-shadow: 0px 0px 12px 0px #ddd;
    font-size: 14px;
    color: #968e8e;
    width: 100%;
    max-height: 350px;
    overflow: auto;
    z-index: 5;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: none;
    outline: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: none;
    color: #2da259;
}

.select2-results__option {
    border-bottom: 1px solid #e9e9e9;
}

    .select2-results__option:last-of-type {
        border: none;
    }

    .select2-results__option:hover {
        color: #2da259;
    }

.select2-container--open .select2-dropdown {
    left: 0;
    top: -49px;
    z-index: 100;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f8f8f8;
    cursor: default;
}

@media(max-width:767px) {

    .select2-results {
        font-size: 11px;
        padding: 9px;
    }
}

#notfound {
    position: relative;
    height: 100vh;
}

    #notfound .notfound {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.notfound {
    width: 100%;
    line-height: 1.4;
    padding: 0px 15px;
}

    .notfound .notfound-404 {
        position: relative;
        height: 150px;
        line-height: 150px;
        margin-bottom: 49px;
    }

        .notfound .notfound-404 h1 {
            font-family: 'Titillium Web', sans-serif;
            font-size: 186px;
            font-weight: 900;
            margin: 0px;
            text-transform: uppercase;
            background: url('../images/text.png');
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: cover;
            background-position: center;
        }

    .notfound h2 {
        font-family: 'Titillium Web', sans-serif;
        font-size: 26px;
        font-weight: 700;
        margin: 0;
        margin-bottom: 35px;
    }

    .notfound p {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

    .notfound a {
        font-family: 'Titillium Web', sans-serif;
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        border: none;
        background: #27894d;
        padding: 10px 40px;
        font-size: 14px;
        font-weight: 700;
        border-radius: 1px;
        margin-top: 15px;
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
    }

        .notfound a:hover {
            opacity: 0.8;
        }

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 {
        height: 110px;
        line-height: 110px;
    }

        .notfound .notfound-404 h1 {
            font-size: 120px;
        }
}

.z-card .inp-tex {
    width: 100%;
    background: none;
    border: 1px solid #ddd;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 17px;
    outline: none;
}

.z-card .cho-amo {
    border: 1px solid #ddd;
    padding: 8px 20px;
    color: #a3a4a3;
    font-weight: 600;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}

    .z-card .cho-amo:hover {
        border: 1px solid #3bad68;
    }

.z-card .g-bord {
    border: 1px solid #3bad68;
}

.z-card .cho-amo i {
    position: absolute;
    right: 5%;
    top: 30%;
}

.z-card .amounts {
    color: #a3a4a3;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    max-height: 155px;
    overflow: auto;
}

    .z-card .amounts .amou {
        padding: 10px;
        margin: 0;
    }

        .z-card .amounts .amou:hover {
            cursor: pointer;
            color: #3bad68;
            background: #fff;
            border-left: 3px solid;
        }

    .z-card .amounts .active {
        cursor: pointer;
        color: #3bad68;
        background: #fff;
        border-left: 3px solid;
    }

.disp-no {
    display: none;
}

.z-card .bts {
    padding: 50px 0 20px;
}

    .z-card .bts .top-bt {
        width: 42%;
        font-size: 19px;
        color: #fff;
        background: #919293;
        border: none;
        padding: 7px;
        border-radius: 5px;
        font-weight: 700;
        outline: none;
        cursor: pointer;
    }

        .z-card .bts .top-bt:hover {
            background: #999b9d;
        }

@media (max-width:1200px) {

    .z-card .amounts .amou {
        padding: 7px;
        margin: 0;
    }

    .z-card .amounts {
        font-size: 13px;
    }
}

@media (min-width:767px) {

    .z-card .imag-sel {
        padding-right: 6px
    }

    .z-card .sel-am {
        padding-left: 0;
    }

    .z-card .sm-screen {
        display: none;
    }
}


@media (max-width:991px) {

    .z-card .amounts .amou {
        padding: 10px 4px;
    }

    .z-card .amounts {
        font-size: 11px;
    }

    .z-card .due-p {
        font-size: 17px;
    }

    .z-card .bts .top-bt {
        font-size: 21px;
    }

    .z-card .g-bord {
        font-size: 13px;
    }

    .z-card .inp-tex {
        font-size: 13px;
    }


    .z-card .se-p {
        font-size: 19px;
    }

    .z-card .bts .top-bt {
        font-size: 18px;
    }
}

@media (max-width:900px) {
    .z-card .amounts {
        font-size: 10px;
    }

    .z-card .g-bord {
        font-size: 12px;
    }

    .z-card .ser-nm {
        font-size: 24px;
    }

    .z-card .se-p {
        font-size: 14px;
    }

    .z-card .cho-amo {
        font-size: 10px;
    }
}

@media (max-width:767px) {
    .z-card .bts .top-bt {
        width: 80%;
    }

    .z-card .bg-screen {
        display: none;
    }

    .z-card .servs {
        width: 100%;
    }
}


@media (max-width:576px) {

    .z-card .servs .active:after {
        left: 37%;
    }

    .z-card .serv-im {
        width: 27%;
    }

    .z-card .servs {
        width: 100%;
    }

        .z-card .servs .ser-bt {
            right: 0px;
            font-size: 12px;
        }

    .z-card .se-p {
        font-size: 18px;
    }
}

@media (max-width:530px) {

    .z-card .bts .top-bt {
        width: 94%;
    }

    .z-card .back-bt {
        font-size: 13px;
    }

    .z-card .bts .top-bt {
        font-size: 13px;
    }

    .z-card .se-p {
        font-size: 15px;
        margin-bottom: 6px;
    }
}

@media (max-width:430px) {

    .main-card {
        padding: 8px;
    }

    .zain-s .container {
        padding: 0;
    }
}

@media (max-width:400px) {

    .zain-s .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}



.modal-content {
    padding: 50px 50px 30px;
}

.zain-s .mod-nam {
    margin-bottom: 35px;
    font-weight: 700;
    font-size: 38px;
}

.zain-s .mod-p {
    color: #767776;
    font-size: 18px;
    font-weight: 600;
}

.modal-content .vou-det {
    background: #f6f7f6;
    padding: 10px;
    border-radius: 8px;
    width: 86%;
    margin: 0 auto;
}

    .modal-content .vou-det .vou-img img {
        width: 43%;
    }

    .modal-content .vou-det .bol-p {
        font-weight: 600;
        font-size: 17px;
        color: #646567;
        text-align: center;
        text-align: center;
        margin-top: 22px;
    }

.modal-content .prep-cat {
    padding: 18px 0;
    border-bottom: 2px solid #646567;
    width: 100%;
    margin: 0 auto;
}

    .modal-content .prep-cat .bol-p {
        font-weight: 600;
        font-size: 19px;
        color: #646567;
        margin-bottom: 0;
    }

    .modal-content .prep-cat .am-py {
        font-size: 17px;
        color: #646567;
        font-weight: 600;
        margin-bottom: 0;
    }

    .modal-content .prep-cat .am-fir {
        margin-bottom: 16px;
    }

.modal-content .bill-nm {
    font-size: 19px;
    color: #646567;
    font-weight: 600;
    margin-bottom: 0;
}

.mainzainwidth {
    width: 68%;
    box-shadow: 0px 0px 8px #8884;
}

.modal-content .bill input {
    border: none;
    border-bottom: 2px solid #727676;
    outline: none;
    float: left;
    border: 0;
    border-bottom: 2px dotted;
    margin-top: 7px;
}

.topupright {
    float: right;
}

.modal-content .bill {
    padding: 20px 0 40px;
    width: 100%;
    margin: 0 auto;
}

    .modal-content .bill input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        float: left
    }

    .modal-content .bill .che-di {
        width: max-content;
        display: inline-block;
        position: relative;
        margin-top: 0px;
        float: left;
        margin-left: 79px;
    }

    .modal-content .bill label {
        position: relative;
    }

        .modal-content .bill label:before {
            content: "";
            width: 18px;
            height: 18px;
            border: 1px solid rgba(23, 147, 105, 0.7);
            position: absolute;
            top: 6px;
            right: -26px;
            border-radius: 2px;
        }

    .modal-content .bill input[type="checkbox"]:checked + label:after {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        position: absolute;
        top: 3px;
        right: -26px;
        font-weight: 600;
        font-size: 17px;
        color: #3bad68;
    }

.modal-content .canc-bt {
    background: #dddddb;
    color: #fff;
    border: none;
    font-weight: 500;
    font-size: 21px;
    padding: 5px 25px;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    margin-top: 13px;
}

.modal-content .top-bt {
    background: #3bad68;
    color: #fff;
    border: none;
    font-weight: 500;
    font-size: 21px;
    padding: 5px 25px;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    margin-top: 12px;
}

@media (max-width:991px) {
    .modal-content .vou-det .bol-p {
        font-size: 19px;
        line-height: initial;
        margin-top: 25%;
    }

    .modal-content .vou-det .vou-img img {
        width: 96%;
    }

    .modal-content .prep-cat .am-py {
        font-size: 16px;
    }

    .modal-content .prep-cat .bol-p {
        font-size: 19px;
    }

    .modal-content .top-bt {
        font-size: 21px;
    }

    .modal-content .canc-bt {
        font-size: 21px;
    }
}

@media (max-width:767px) {
    .modal-content .vou-det .vou-img {
        text-align: center;
    }

        .modal-content .vou-det .vou-img img {
            width: 34%;
        }

    .modal-content .vou-det .bol-p {
        margin-top: 10px;
    }
}

@media (max-width:567px) {
    .modal-open .modal {
        padding-left: 0 !important;
    }
}

@media (max-width:470px) {
    .modal-content .bill label {
        margin-top: 15px;
    }
}

@media (max-width:440px) {
    .modal-content .top-bt {
        font-size: 17px;
    }

    .modal-content .canc-bt {
        font-size: 17px;
    }
}

@media (max-width:400px) {
    .modal-content .top-bt {
        font-size: 15px;
    }

    .modal-content .canc-bt {
        font-size: 15px;
    }

    .modal-content .prep-cat .am-py {
        font-size: 13px;
    }
}

@media (max-width:380px) {
    .modal-content .top-bt {
        font-size: 12px;
    }

    .modal-content .canc-bt {
        font-size: 12px;
    }

    .z-card .bts .top-bt {
        font-size: 13px;
    }

    .z-card .back-bt {
        font-size: 13px;
        padding: 8px 20px;
    }
}

.modal-content .top-img img {
    width: 28%;
    border: 2px solid #ddd;
    border-radius: 5px;
}

.modal-content .bil-sum {
    font-size: 29px;
    padding: 20px 0;
    border-bottom: 2px solid rgba(148, 148, 148, 0.5);
}

.modal-content .bil-cod {
    border-bottom: 1px solid rgba(148, 148, 148, 0.5);
}

    .modal-content .bil-cod p {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 0;
        font-style: italic;
        line-height: 1.2;
    }

    .modal-content .bil-cod .fir-pp {
        margin-top: 8%;
    }

    .modal-content .bil-cod img {
        width: 69%;
    }

.modal-content .c-fee {
    padding: 10px 0;
    border-bottom: 1px solid rgba(148, 148, 148, 0.5);
}

    .modal-content .c-fee p {
        font-weight: 600;
        font-size: 19px;
        color: #646567;
        margin-bottom: 0;
    }

        .modal-content .c-fee p i {
            padding: 5px;
            border: 1px solid;
            border-radius: 50%;
            width: 19px;
            height: 19px;
            text-align: center;
            font-size: 14px;
            line-height: 7px;
            cursor: pointer;
        }

.modal-content .buts {
    margin-top: 100px;
    padding: 30px 0 0;
    border-top: 2px solid rgba(148, 148, 148, 0.5);
}

    .modal-content .buts .cs-bt {
        background: none;
        color: #9c9c9c;
        border: none;
        font-weight: 600;
        font-size: 20px;
        cursor: pointer;
        outline: none;
    }

    .modal-content .buts .pay-bt {
        color: #fff;
        border: none;
        font-weight: 600;
        font-size: 20px;
        cursor: pointer;
        background: #3bad68;
        width: 65%;
        padding: 7px 0;
        border-radius: 5px;
    }


.modal {
    overflow: auto;
}

@media (max-width:450px) {
    .modal-content .top-img img {
        width: 58%;
    }

    .modal-content .bil-cod img {
        width: 100%;
    }

    .modal-content .bil-cod p {
        font-size: 14px;
    }

    .modal-content .c-fee p {
        font-size: 16px;
    }
}

.pay-statues .i-stat.success {
    color: #2ea25b;
    border: 3px solid #2ea25b;
}

/***********end zain service2 ****************/

/***********start Billing info  ****************/



.modal-content {
   
    padding: 0;
}

.modal-body {
    margin: 7px;
  
   
    padding: 50px 0 10px;
}

.modal-ic i {
    font-size: 60px;
    color: #3bad68;
}

.modal-warning i {
    font-size: 91px;
    color: #ff4500;
}

.modal-body .lo-out {
    font-size: 18px;
    font-weight: 600;
    margin: 30px 0 15px;
    line-height: 1.8;
}

    .modal-body .lo-out a {
        color: #3bad68;
        text-decoration: underline;
    }


.modal-body .mod-bts {
    margin: 40px 0 10px;
}

 .row-amo {
    background: #f3f3f3;
    padding: 10px 10px;
    position: relative;
}

.billing-sum .row-amo .amou-tit {
    display: inline-block;
    color: #5a5a5a;
    font-size: 16px;

}

    .modal-body .mod-bts .cancel {
        border-radius: 3px;
        padding: 5px 11px;
        margin-left: 8px;
        font-size: 17px;
        font-weight: 600;
        background: none;
        color: #8a8383;
        border: none;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        outline: none;
        position: relative;
        top: 4px;
        cursor: pointer;
    }

    .modal-body .mod-bts .log-bt {
        
        padding: 5px 11px;
        margin-left: 8px;
        font-size: 17px;
        width:175px;
        height:45px;
        font-weight: 500;
        background: #3bad68;
        color: #fff !important;
        border: 1px solid #26b962;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        outline: none;
        position: relative;
        top: 4px;
        cursor: pointer;
    }

.empty {
}

    .empty .empty-mainImage img {
        width: 31%;
    }
.empty-mainTitle {
    margin-top: 32px;
    color: #000;
    font-size: 16px;
    margin-bottom: 16px
}
.empty-button {
    width: 25%;
    border: none;
    padding: 16px;
    background: #2ea25b;
    color: #fff;
    cursor: pointer;
    margin: 30px 0;
}
.pointer:hover {
    cursor: pointer;
}