@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

html, body {
    font-family: 'Poppins', sans-serif;
}
/* common style start */
button:focus {
    /*outline: none;*/
    outline: 0px auto -webkit-focus-ring-color !important;
}

h1, h2, h3, h4, h5, h6, a, li, p, span, b, input, select, textarea, button {
    font-family: 'Poppins', sans-serif;
}

p, a, button, .p-btn, .s-btn, input, select, textarea {
    font-size: 16px;
}

h1, h2, h3, h4 {
    color: #666666;
}

p, label {
    color: #888888;
}media

a, a:hover {
    text-decoration: none !important;
}

:disabled {
    opacity: .2 !important;
    cursor: not-allowed !important;
}

.p-btn, .s-btn {
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    cursor: pointer;
}

.p-btn {
    background: linear-gradient(194.21deg, #0D4BA0 -5.74%, #5187D2 185.84%) !important;
    border-radius: 5px;
    color: #ffffff !important;
    border: none;
    padding: 10px 20px;
    opacity: 1;
}

    .p-btn:hover {
        opacity: 0.8;
    }

.s-btn {
    background: #ffffff !important;
    border: 1px solid #0D4BA0 !important;
    border-radius: 5px !important;
    color: #0D4BA0 !important;
    padding: 8px 20px !important;
    width: 100%;
}

    .s-btn svg {
        width: 20px;
        margin-right: 15px;
        transition: all 0.4s;
    }

    .s-btn:hover svg path {
        fill: #ffffff !important;
    }

    .s-btn:hover {
        background: #0D4BA0 !important;
        border: 1px solid #ffffff !important;
        color: #ffffff !important;
    }

.header-home .s-btn {
    background: #ffffff !important;
    border: 1px solid #0D4BA0 !important;
    border-radius: 5px !important;
    color: #0D4BA0 !important;
    padding: 8px 20px !important;
    width: auto !important;
}

    .header-home.s-btn svg {
        width: 20px;
        margin-right: 15px;
        transition: all 0.4s;
    }

    .header-home .s-btn:hover svg path {
        fill: #ffffff !important;
    }

    .header-home .s-btn:hover {
        background: #0D4BA0 !important;
        border: 1px solid #ffffff !important;
        color: #ffffff !important;
    }

input, select, textarea {
    /*background: #E7EDF5 !important;*/
    border: none !important;
    color: #333333 !important;
    border-radius: 5px !important;
    padding: .375rem .75rem;
}

.radio-box {
    display: flex;
    flex-wrap: wrap;
}

    .radio-box p {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 10px
    }

    .radio-box input[type="radio"] {
        margin-left: 0;
    }

    .radio-box .r-box {
        position: relative;
        /*margin-left: 10px;*/
    }

        .radio-box .r-box input {
            visibility: hidden;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
        }

            .radio-box .r-box input + label {
                position: relative;
                padding-left: 27px;
                cursor: pointer;
                padding-right: 15px;
            }

                .radio-box .r-box input + label:before {
                    content: "";
                    position: absolute;
                    display: block;
                    top: 3px;
                    left: 0;
                    width: 16px;
                    height: 16px;
                    background: #e7edf6;
                    border: 1px solid #bbd8ff;
                    border-radius: 5px;
                }

        .radio-box .r-box label:after {
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            top: 6px;
            left: 3px;
            background: #2863b4;
            z-index: 2;
            display: none;
            border-radius: 3px
        }

        .radio-box .r-box input:checked + label:after {
            display: block;
        }

    .radio-box .wbid, .radio-box .crewbid, .radio-box .crewbid-right {
        width: 50%;
        float: left;
    }

        .radio-box .wbid input, .radio-box .crewbid input, .radio-box .crewbid-right input {
            display: none;
        }

            .radio-box .wbid input + label, .radio-box .crewbid input + label, .radio-box .crewbid-right input + label {
                width: 100%;
                color: #ffffff;
                padding: 10px 5px;
                text-align: center;
                opacity: 0.5;
                cursor: pointer;
                position: relative;
            }

                .radio-box .wbid input + label:after, .radio-box .crewbid input + label:after, .radio-box .crewbid-right input + label:after {
                    content: "";
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    bottom: -4px;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    transform: rotate(45deg);
                    display: none;
                }

                .radio-box .wbid input + label:after {
                    background: #8CC63F;
                }

                .radio-box .crewbid input + label:after {
                    background: #0D4BA0;
                }

                .radio-box .crewbid-right input + label:after {
                    background: #FF781C;
                }

            .radio-box .wbid input:checked + label, .radio-box .crewbid input:checked + label, .radio-box .crewbid-right input:checked + label {
                opacity: 1;
            }

                .radio-box .wbid input:checked + label:after, .radio-box .crewbid input:checked + label:after, .radio-box .crewbid-right input:checked + label:after {
                    display: block;
                }

        .radio-box .wbid label {
            background: #8CC63F;
            /*border-radius: 5px 0 0 5px;*/
        }


        .radio-box .crewbid label {
            background: #0D4BA0;
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
        }

        .radio-box .crewbid-right label {
            background: #FF781C;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
        }

.left-both-curve {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.check-box input {
    display: none;
}

.check-box label {
    padding-left: 20px;
    position: relative;
}

.check-box input + label {
    width: 100%;
    cursor: pointer;
    position: relative;
}

    .check-box input + label:after {
        content: "";
        position: absolute;
        display: block;
        top: 3px;
        left: 0;
        width: 16px;
        height: 16px;
        background: #e7edf6;
        border: 1px solid #bbd8ff;
        border-radius: 5px;
    }

    .check-box input + label:before {
        content: "";
        position: absolute;
        display: block;
        top: 6px;
        left: 2px;
        width: 11px;
        height: 6px;
        background: transparent;
        border: 2px solid #2a65b5;
        border-top: 0;
        border-right: 0;
        z-index: 3;
        transform: rotate(-45deg);
        display: none;
    }

.check-box input:checked + label:before {
    display: block;
}

.modal-content h5 {
    color: #666666;
    text-transform: uppercase;
}

.modal-body {
    padding: 2rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

    .modal-body input [type=text], .modal-body textarea {
        background: #e7edf5 !important;
    }

.modal-header {
    border: 0;
    padding-bottom: 15px !important;
    padding-bottom: 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.text-danger {
    font-size: 14px;
}
/* common style end */
.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.login-signup {
    background: url(../images/login-bg-image.jpg) no-repeat left top;
    background-size: cover;
    height: 100vh;
    display: flex;
}

    .login-signup .left-area {
        width: 50%;
    }

    .login-signup .right-area {
        width: 50%;
        background: url(../images/login-bg.svg) no-repeat left top;
        background-size: cover;
        padding-left: 16%;
        padding-right: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .login-signup .right-area .ct-account {
            margin-top: 5px;
            margin-bottom: 5px;
        }

            .login-signup .right-area .ct-account a {
                display: inline-block;
                color: #0D4BA0;
                padding-left: 5px;
            }

        .login-signup .right-area .video-link {
            margin-top: 25px;
        }

            .login-signup .right-area .video-link img {
                display: inline-block;
                width: 15px;
                margin-right: 5px;
            }

            .login-signup .right-area .video-link a {
                display: inline-block;
                color: #888888;
                font-size: 14px;
            }

        .login-signup .right-area .login-box {
            padding-right: 12%;
        }

    .login-signup .left-area .logo-box {
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        position: relative;
        top: 20%;
    }

    .login-signup .right-area .create-box {
        padding-right: 5%;
    }

    .login-signup .left-area .logo-box img {
        width: 200px;
    }

        .login-signup .left-area .logo-box img:first-child {
            margin-right: 10px;
        }

header ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

header {
    display: flex !important;
    position: fixed;
    background: #ffffff;
    z-index: 999;
    width: 100%;
    height: 51px;
    justify-content: space-between;
    box-shadow: -2px 2px 11px rgba(0, 0, 0, 0.14);
}

    header .left-area {
        display: flex;
        align-items: center;
    }

        header .left-area .subscription {
            padding-left: 20px;
            display: flex;
        }

            header .left-area .subscription p {
                color: #777777;
                margin-right: 15px;
                margin-bottom: 0;
                line-height: 16px;
                /*font-size: 16px;*/
                font-size: 13px;
            }

                header .left-area .subscription p.w-bid-sub span {
                    color: #8CC63F;
                    font-weight: bold;
                }

                header .left-area .subscription p.cr-bid-sub span {
                    color: #FF781C;
                    font-weight: bold;
                }

        header .left-area .logo {
            display: flex;
        }

            header .left-area .logo img {
                width: 150px;
                height: 53px;
            }

            header .left-area .logo .wbid {
                background: #347CCA;
            }

            header .left-area .logo .cr-bid {
                background: #FF781C;
            }

    header .right-area {
        display: flex;
    }

        header .right-area .notification {
            margin-right: 40px;
            cursor: pointer;
            position: relative;
            padding-top: 16px;
        }

            header .right-area .notification .notifi {
                width: 23px;
                height: 23px;
                border-radius: 50px;
                background: #DD4B41;
                border: 2px solid #ffffff;
                display: block;
                position: absolute;
                top: 11px;
                right: -16px;
                color: #fff;
                text-align: center;
                font-size: 11px;
                line-height: 18px;
            }

            header .right-area .notification .notifi-dropdown {
                position: absolute;
                top: 47px;
                width: 200px;
                right: -30px;
                text-align: left;
                padding-left: 8px;
                padding-right: 8px;
                background: #ffffff;
                box-shadow: 0px 3px 11px 7px rgba(0, 0, 0, 0.07058823529411765);
            }

                header .right-area .notification .notifi-dropdown a {
                    display: block;
                    /*padding: 10px 0;*/
                    padding: 10px 0 0 0;
                    /*color: #777777;*/
                    color: #444;
                    font-size: 13px;
                }
                header .right-area .notification .notifi-dropdown li {
                    border-bottom: 1px dashed #ccc;
                }
                header .right-area .notification .notifi-dropdown li:last-child {
                    border-bottom: none;
                }
                    header .right-area .notification .notifi-dropdown li span {
                    color: #0D4BA0;
                    font-size: 11px;
                    text-align: left;
                    width: 95%;
                    display: block;
                    padding-bottom:10px;
                    
                }

                header .right-area .notification:hover .notifi-dropdown {
                    display: block;
                }

            header .right-area .notification ul, header .right-area .user-menu {
                display: none;
            }

        header .right-area .user {
            background: #DBE4F1;
            padding: 0 10px;
            display: flex;
            align-items: center;
            cursor: pointer;
            position: relative;
        }

            header .right-area .user .user-dp {
                display: flex;
                align-items: center;
                margin-right: 5px;
                padding-right: 35px;
                background: url(../images/down-arrow.svg) no-repeat right 18px;
            }

                header .right-area .user .user-dp .dp-img {
                    border-radius: 5px;
                    margin-right: 10px;
                    overflow: hidden;
                }

                    header .right-area .user .user-dp .dp-img img {
                        width: 100%;
                    }

            header .right-area .user .dp-img {
                width: 48px;
                /*height: 48px;
                background: #cccccc;*/
            }

            header .right-area .user .user-menu {
                position: absolute;
                top: 51px;
                width: 100px;
                right: 0;
                text-align: center;
                background: #FF781C;
                box-shadow: -9px 16px 19px 0px rgba(0, 0, 0, 0.18);
                z-index: 1000;
            }

                header .right-area .user .user-menu a {
                    display: block;
                    padding: 7px 0 !important;
                    background: #0D4BA0;
                    color: #fff;
                    font-weight: lighter;
                    text-decoration: none;
                    transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -webkit-transition: all 0.4s;
                }

                    header .right-area .user .user-menu a img {
                        width: 24px;
                    }

                    header .right-area .user .user-menu a:hover {
                        background: #FF781C;
                        color: #ffffff;
                    }

                    header .right-area .user .user-menu a:first-child {
                        padding-top: 15px;
                    }

            header .right-area .user:hover .user-menu {
                display: block;
            }

/*.left-menu {
    position: fixed;
    left: 0;
    top: 50.91px;
    width: 240px;
    background: linear-gradient(181.29deg, #0D4BA0 22.7%, #002B65 99.69%);
    height: calc(100vh - 58.91px);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}*/
.left-menu {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 50.91px;
    bottom: 0;
    width: 240px;
    background: linear-gradient(181.29deg, #0D4BA0 22.7%, #002B65 99.69%);
    height: calc(100vh - 50.91px);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

    .left-menu.active {
        width: 63px;
    }

        .left-menu.active .bottom-links {
            display: none;
        }

    .left-menu .menu-box-one a span {
        opacity: 1;
        transition: all 0.4s;
        -moz-transition: all 0.4s;
        -webkit-transition: all 0.4s;
    }

    .left-menu.active .menu-box-one a span {
        display: none;
        opacity: 0;
    }

    .left-menu .menu-box-one {
        margin-bottom: 20px;
    }

        .left-menu .menu-box-one ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .left-menu .menu-box-one ul li a {
                color: #ffffff;
                text-decoration: none;
                display: flex;
                align-items: center;
            }

            .left-menu .menu-box-one ul li.item ul {
                display: none;
            }

            .left-menu .menu-box-one ul li.item {
                margin-bottom: 20px;
                position: relative;
            }

                .left-menu .menu-box-one ul li.item:after {
                    content: "";
                    position: absolute;
                    top: 12px;
                    right: 0;
                    width: 30px;
                    height: 1px;
                    /*background: #ffffff;*/
                    display: none;
                }

                .left-menu .menu-box-one ul li.item.active:after, .left-menu .menu-box-one ul li.item:hover:after {
                    display: block;
                }

                .left-menu .menu-box-one ul li.item:hover i {
                    opacity: 1;
                }

                .left-menu .menu-box-one ul li.item .sub-menu {
                    width: 180px;
                    position: absolute;
                    top: 0;
                    left: 219px;
                    padding: 10px;
                    background: #02306e;
                }

    .left-menu.active .menu-box-one ul li.item .sub-menu {
        left: 60px;
    }

    .left-menu .menu-box-one ul li.item .sub-menu a {
        color: #cccccc;
        ;
    }

    .left-menu .menu-box-one ul li.item:hover .sub-menu {
        display: block;
    }

    .left-menu .menu-box-one ul li.item i {
        display: inline-block;
        width: 25px;
        margin-right: 5px;
        opacity: .5;
    }

    .left-menu .menu-box-one ul li.item.active i {
        opacity: 1;
    }

    .left-menu .menu-box-one ul li.item i img {
        width: 80%;
    }

    .left-menu .menu-icon {
        margin-bottom: 30px;
    }

        .left-menu .menu-icon span {
            display: block;
            width: 25px;
            height: 2px;
            background: #ffffff;
            margin-bottom: 5px;
        }

            .left-menu .menu-icon span:nth-child(2) {
                width: 15px;
            }

    .left-menu .bottom-links a {
        font-size: 14px;
        display: block;
        color: #B1D2FF;
        margin-bottom: 2px;
    }

.dashboard-content-area {
    width: calc(100% - 240px);
    min-height: calc(100vh - 58.91px);
    margin: 0 0 0 auto;
    padding: 20px 20px 50px 20px;
    position: relative;
    top: 51px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

    .dashboard-content-area.active {
        width: calc(100% - 63px);
    }

    .dashboard-content-area .dashboard-top-menu {
        background: #ebebeb;
        margin-top: -20px;
        margin-left: -20px;
        margin-bottom: 25px;
        width: calc(100% + 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

        .dashboard-content-area .dashboard-top-menu .list-inline {
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-direction: initial;
        }

            .dashboard-content-area .dashboard-top-menu .list-inline a {
                font-size: 13px;
                color: #333333;
            }

footer {
    display: flex !important;
    justify-content: space-between;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -8px;
    padding: 12px 20px;
    background: #E4F0FF;
}

    footer .social-media {
        display: flex;
        align-items: center;
        padding-top: 6px;
    }

        footer .social-media p {
            margin-right: 15px;
        }

        footer .social-media a {
            display: inline-block;
            padding: 5px;
            margin-right: 8px;
        }

    footer p {
        margin: 0;
    }


/* Responsive */
@media (max-width: 1024px) {
    .login-signup .right-area {
        width: 100%;
    }

    .btn-rows-xs input[type=submit] {
        background: red;
        margin-bottom: 5px !important;
    }
}

@media (min-width: 992px) {
    /*.txt-rgt {
        text-align: unset !important;
    }*/
    .dashboard-content-area .dashboard-top-menu .list-inline {
        justify-content: unset;
    }

        .dashboard-content-area .dashboard-top-menu .list-inline li {
            width: auto;
            padding-right: 20px;
        }
}
@media (max-width: 1200px) {
    .xs-device-menu {
        background-color: red;
    }
}
    @media (max-width: 992px) {
      

        .login-signup .right-area, .login-signup .left-area {
            width: 100%;
        }

        .login-signup {
            flex-wrap: wrap;
        }

            .login-signup .right-area {
                padding-left: 30px;
                background: #ffffff !important;
            }

            .login-signup .left-area {
                background: #ffffff;
                padding-bottom: 20px;
            }

            .login-signup .right-area .create-box, .login-signup .right-area .login-box {
                width: 100%;
                padding-right: 0;
            }

            .login-signup .left-area .logo-box {
                top: 0;
            }

            .login-signup .right-area {
                background: none;
            }

        .login-signup {
            overflow: auto;
        }

            .login-signup .right-area .create-box h2, .login-signup .right-area .login-box h2 {
                text-align: center;
            }

                .login-signup .right-area .create-box h2 + p, .login-signup .right-area .login-box h2 + p {
                    text-align: center;
                }

        .login-signup {
            height: auto;
        }

            .login-signup .left-area .logo-box img {
                width: 125px;
                height: 62px;
                margin-top: 15px;
            }

        .lg-pop .modal-content {
            width: 100% !important;
        }

        .min-ht {
            min-height: unset !important;
        }

        .field-container > div {
            width: 100% !important;
        }

            .field-container > div span:nth-child(2) {
                width: 100% !important;
            }
    }

    hr {
        margin-top: 0 !important;
        margin-bottom: 5px !important;
    }

    footer .left-area {
        padding-top: 6px;
    }

    .pt-6 {
        padding-top: 5px;
    }

    .pb-6 {
        padding-bottom: 5px;
    }

    .pl-50 {
        padding-left: 50px;
    }

    .pb-0 {
        padding-bottom: 0;
    }

    .mb-0 {
        margin-bottom: 0;
    }

    .mr-10 {
        margin-right: 10px;
    }
.ml-11 {
    margin-left: 10px;
}

    .ml-0-xs {
        margin-left: 0 !important;
    }

    .emp-num {
        border-radius: 6px;
        background: #FF781C;
        color: #fff;
        padding: 3px;
    }

    .header-home h2, .content-area h2, .paypal-wrapper h2, .data-wrapper h2 {
        color: #0D4BA0;
        /*color: #fff;*/
        font-size: 20px;
        line-height: 38px;
    }

    .border-btn {
        width: auto;
        border: 1px solid #0D4BA0;
        border-radius: 3px;
        text-align: center;
        color: #0D4BA0;
        padding: 3px;
        cursor: pointer;
    }

        .border-btn i img {
            position: relative;
            top: -2px;
            right: 5px;
        }

    .row-marg-less {
        width: 100%;
    }

        .row-marg-less h3 {
            font-size: 15px;
            color: #000;
            font-weight: 500;
        }

    .down-wrapper div {
        /*float:left;
        width: 100%;
    */
        display: flex;
        flex-wrap: wrap;
        line-height: 35px;
    }

        .down-wrapper div:nth-child(1) {
            min-width: 300px;
        }

        .down-wrapper div b {
            line-height: 40px;
        }

        .down-wrapper div:nth-child(2) {
            padding-left: 53px;
        }

    .paypal-wrapper h3 {
        color: #666666;
        font-size: 17px;
        font-weight: 500;
    }

    .paypal-wrapper h6 {
        font-size: 11px;
        color: #888;
        display: inline-block;
        font-weight: normal;
    }

    .paypal-left-content {
        background: #E8F8D3;
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #DFDFDF;
    }

    .break-line {
        height: 1px;
        width: 100%;
        background-color: #B2DF75;
    }

    .renew {
        display: flex;
        justify-content: space-between;
    }

        .renew div {
            width: 100%;
            padding: 10px;
        }

            .renew div label {
                position: relative;
                right: -15px;
                background: #0D4BA0;
                color: #fff;
                min-width: 117px;
                padding: 2px;
                float: right;
                padding-left: 10px;
                padding-right: 10px;
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px;
                font-size: 12px;
                margin-bottom: .2rem;
                text-align: right;
            }

    .renew-btn {
        /*width: 175px !important;*/
        height: 40px;
        line-height: 18px;
        border-radius: 5px;
        color: #fff;
        font-weight: normal;
        text-align: center;
        cursor: pointer;
        background-image: linear-gradient(to top, #518D00 2%, #8CC63F 46%)
    }

        .renew-btn b {
            font-weight: 600;
        }

    .paypal-right-content {
        min-height: 308px;
        background: #FFEBDE;
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #DFDFDF;
    }

    .break-line-red {
        height: 1px;
        width: 100%;
        background-color: #FF944B;
    }

    .renew-right div {
        padding: 10px;
    }

    .renew-btn-red {
        /*width: 175px !important;*/
        min-width: 175px !important;
        display: inline-block;
        height: 40px;
        line-height: 18px;
        border-radius: 5px;
        color: #fff;
        font-weight: normal;
        text-align: center;
        cursor: pointer;
        background-image: linear-gradient(to top, #AF4700 2%, #FF781C 46%)
    }

    .txt-ctr {
        text-align: center;
    }

    @media (max-width: 630px) {
        .flex-wrapper div {
            min-width: 33% !important;
        }

        .left-menu {
            /*top: 83px !important;*/
            top: 40px !important;
            /*height: calc(96.8vh - 50.91px) !important;*/
            height: calc(97.6vh - 10.91px);
        }


        .container-fluid {
            margin-top: 15px;
        }

        .xs-marg-lf {
            margin-left: 115px;
        }

        .small-pop-login .modal-dialog {
            width: 95% !important;
        }

        .fixed-table-container-inner h3 {
            font-size: 1rem !important;
            margin-top: 15px;
        }

        .ui-dialog {
            width: 100% !important;
            top: 120px !important;
        }
        .radio-box .wbid input + label, .radio-box .crewbid input + label, .radio-box .crewbid-right input + label {
            font-size: 11px !important;
        }
        .body .message a {
          
            position: unset !important;
            bottom: unset  !important;
        }
        .body .message div:nth-child(2){
            text-align:left !important;
        }
        .xs-persentage, .xs-persentage input {
            width:100% !important;
        }
        #divEmailMessage, #divSmsMessage {
            position: relative;
            top: 6px;
        }
        .mac-wrapper{
            width:100%;
        }
            .mac-wrapper div {
                width: 100%;
                padding:0 !important;
            }
        .paypal-left-content{
            padding-bottom:20px;
        }
        
    }

    @media screen and (min-width:631px) and (max-width:768px) {
        .left-menu {
            /*top: 63px;*/
            top: 40px;
        }
    }

    @media (max-width: 768px) {
        /*.xs-device-menu {
            background-color: red;
        }*/

        .pl-0 {
            padding-left: 15px !important;
        }

        header .right-area .user .user-menu {
            top: 41px !important;
        }

            header .right-area .user .user-menu a {
                font-size: 11px;
            }

                header .right-area .user .user-menu a img {
                    width: 16px !important;
                    right: 5px;
                    position: relative;
                }

        .pl-nil {
            padding-left: 0 !important;
        }

        .card {
            margin-top: 15px !important;
        }
        .dialogbox .body {
            max-width:100% !important;
        }
    }

    .th-inner {
        font-size: 14px !important;
        color: #444 !important;
    }

    .table-striped thead {
        background-color: #e3ebf5 !important;
    }

    .table-striped tr th {
        padding: .45rem !important;
        /*padding: 0 !important;*/
        text-align: left !important;
    }

    .table-striped tr td {
        padding: .45rem !important;
    }

    .table th, .table td {
        border-top: none !important;
        border: none !important;
    }

    .flex-wrapper {
        display: flex !important;
        justify-content: flex-end;
    }

        .flex-wrapper div {
            min-width: 160px;
        }

    .modal-dialog {
        /*max-width: 750px !important;*/
        max-width: 500px !important;
    }

    .large-popup .modal-dialog {
        max-width: 575px !important;
    }

    .extra-large-popup .modal-dialog {
        max-width: 750px !important;
    }
    /*.current {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    padding: 7px;
    border-color: #007bff;
}
.current .prev {
    z-index: 1;
    color: #000 !important;
    background-color:none !important;
    padding: 7px;
    border-color: #007bff;
}*/
    .modal-header {
        background: #fff;
        border-top-left-radius: 1rem !important;
        border-top-right-radius: 1rem !important;
        border-bottom: none !important;
    }

        .modal-header h2 {
            color: #fff;
        }

    .modal-content h5 {
        color: #0D4BA0 !important;
        padding-top: 13px;
    }

    .modal-content {
        background-color: none !important;
        background: none !important;
        /*top: 125px;*/
        /*top: 73px;*/
        border: none !important;
    }

        .modal-content .modal-body, .modal-content .modal-footer {
            background: #fff;
        }

    .btn-disable {
        color: #cfcfcf !important;
        background-color: #e8e8e8 !important;
        border-color: #e3e3e3;
        cursor: not-allowed !important;
    }

        .btn-disable:hover {
            color: #b9b5b5 !important;
            background-color: #c2c2c2 !important;
            border-color: #b8b6b6;
        }

    .btn-outline-dark img {
        width: 34px;
        padding: 3px;
    }

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #0a62c3;
        border-color: #083467;
    }

    .radio-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

        .radio-wrapper div {
            width: 100px
        }

    .modal-body .radio-box .r-box {
        margin-left: 0px !important;
    }

        .modal-body .radio-box .r-box label {
            padding-left: 26px;
        }

    .small-pop .modal-dialog {
        width: 330px;
    }

    .small-pop-login .modal-dialog {
        width: 435px;
    }

    .logo-details {
        display: none;
    }

    @media(max-width:768px) {
        /*header .left-area .logo, header .left-area .subscription {
        display: block;
    }*/
        .subscription {
            display: none !important;
        }
        /*header .right-area .user{
        display:none;
    }*/


        .logo-details {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            /*justify-content: space-between;*/
            top: 41px;
            position: fixed;
            z-index: 1000;
            background: #ebebeb;
            padding: 5px 10px;
            z-index: 10;
            padding-left: 66px;
            /*text-indent: 60px;*/
        }

            .logo-details p.w-bid-sub span {
                color: #8CC63F;
                font-weight: bold;
            }

            .logo-details p.cr-bid-sub span {
                color: #FF781C;
                font-weight: bold;
            }

            .logo-details p.w-bid-sub, .logo-details p.cr-bid-sub {
                font-size: 1rem !important;
                padding-right: 8px;
                padding-top: 2px;
                padding-left: 10px;
            }

            .logo-details p {
                margin-bottom: 0px;
                padding-left: 10px;
            }

        header .left-area {
            width: 30%;
        }

        header .right-area {
            width: auto;
        }

        header .left-area .logo .wbid, header .left-area .logo .cr-bid {
            padding: 1px 0;
        }

        header .right-area .notification {
            margin-right: 17px;
            padding-top: 7px;
        }

            header .right-area .notification .notifi {
                top: 9px;
            }

        header .right-area .user .dp-img {
            width: 27px;
        }

        .user-dp span {
            font-size: 11px;
        }

        header .right-area .user .user-dp {
            padding-right: 27px;
            background: url(../images/down-arrow.svg) no-repeat right 9px;
        }

        .dashboard-content-area .dashboard-top-menu {
            display: none;
        }

        .xs-block {
            /*visibility: visible !important;*/
            display: block !important;
        }

            .xs-block a span {
                font-size: 11px !important;
                padding: 2px 0;
            }

        .left-menu .menu-box-one ul li.item {
            margin-bottom: 10px;
        }

        .left-menu .menu-box-one a span {
            font-size: 13px;
        }

        .left-menu .bottom-links a {
            font-size: 11px;
        }

        .left-menu .menu-box-one {
            margin-bottom: 7px;
        }

        .left-menu .menu-icon {
            margin-bottom: 13px;
        }

        header .right-area .user .user-menu {
            width: 100px;
        }

        header {
            height: 40px;
        }

            header .left-area .logo img {
                width: 112px;
                height: 39px;
            }

        .dashboard-content-area {
            /*width: calc(100% - 195px);*/
            min-height: calc(100% - 61px) !important;
            top: 69px !important;
        }

        .left-menu {
            /*width: 196px;*/
            /*top: unset !important;*/
            /*height: calc(97.6vh - 50.91px);*/
            height: calc(97.6vh - 10.91px);
        }

        .fixed-table-container-inner {
            overflow: scroll;
            display: grid;
        }

        footer {
            flex-wrap: wrap !important;
        }

        .btn-rows-xs input[type=submit] {
            background: red;
            margin-bottom: 5px;
        }

        .xs-width-col {
            width: 134px !important;
        }

        .xs-label {
            width: 158px !important;
            display: flex;
            flex-direction: column;
        }

        .xs-mt-15px {
            margin-top: 15px;
        }

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

        .renew div b {
            font-size: 12px;
        }

        .paypal-right-content {
            min-height: 308px !important;
        }

        .s-btn {
            display: block;
            margin-bottom: 10px;
        }

        .container-fluid .mt-5 {
            margin-top: 8px !important;
        }

        .down-wrapper div:nth-child(2) {
            padding-left: 0;
        }

        footer {
            padding: 0px 6px;
        }

            footer .left-area p, footer .right-area .social-media p {
                font-size: 12px !important;
            }

            footer .social-media a {
                margin-right: 0;
            }

            footer .right-area .social-media .icons img {
                width: 8px;
            }

        /*.social-media .icons a:nth-child(3n) img, .social-media .icons a:nth-child(2n) img {
            width: 15px !important;
        }*/
    
        .col-1 .dropdown button {
            position: relative;
            right: 10px;
        }
        /*table {
           width: max-content !important;
        }*/
        .badge-light, .badge-dark {
            margin-left: 20px !important;
        }

        .icon-comment span {
            width: 93% !important;
        }

        .paypal-wrapper h3 {
            font-size: 13px !important;
        }
        /*.down-wrapper div:nth-child(1) {
            min-width: unset !important;
        }*/
        #paginationUser .dropdown button {
            position: relative !important;
            right: 24px !important;
        }

        .card-body blockquote span img {
            width: 100% !important;
        }
    }

    @media(max-width:430px) {
        header .left-area .logo img {
            width: 79px;
        }

        .xs-form form input {
            width: 78% !important;
            float: left !important;
            height: 48px !important;
        }

        .xs-form form button {
            width: 20% !important;
            float: left !important;
            margin-left: 2% !important;
        }

        .paypal-right-content {
            min-height: 246px !important;
        }

        #paginationUser .dropdown button {
            right: 10px !important;
        }

        .col-2 .badge .badge-light, .col-2 .badge .badge-dark {
            position: relative;
            left: 10px;
        }
    }

    @media(max-width:465px) {
        .xs-btn-break {
            /*width: 158px !important;*/
            display: flex;
            flex-direction: column;
        }
       
        .xs-btn-break div {
            height: 58px;
        }

        .down-wrapper div:nth-child(1) {
            min-width: unset !important;
        }

        .header-home h2 {
            font-size: 15px !important;
        }

        .xs-marg-tp {
            margin-top: 40px;
        }

        .xxs-mt-15px {
            margin-top: 15px;
        }
        .break-line {
            margin-top: 20px;
        }
        .flexbox {
            left: unset !important;
            right: 25% !important;
            align-items: flex-start !important;
            background: transparent !important;
        }
    }

    @media(max-width:575px) {
        .btn-vxs {
            width: 100%;
            margin-top: 10px;
        }

        .pt-32 {
            padding-top: 0px !important;
        }

        .pl-xs {
            padding-left: 0 !important;
        }

        .small-pop .modal-dialog {
            margin: auto;
        }

        .xs-bt-10 {
            margin-bottom: 10px !important;
        }

        .iframe-style {
            height: 100%;
        }

        .time-btn {
            display: block !important;
            padding-right: 0 !important;
        }

            .time-btn div {
                width: 100% !important;
            }
        .logo-details p {
            font-size: 11px;
            padding-top: 2px;
        }
            .logo-details p.w-bid-sub, .logo-details p.cr-bid-sub {
                font-size: 11px !important;
                color: #666666 !important;
                padding-top: 2px !important;
            }
        .red-arw {
            width: 9px !important;
        }
    }

    .xs-block {
        /*visibility: hidden;*/
        display: none;
    }

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

    .lg-pop .modal-content {
        width: 800px;
    }



    /*Pagination*/
    .badge-dark {
        background-color: #0d4ba0 !important;
    }

    .badge-light {
        color: #0d4ba0 !important;
    }

    .page-item.active .page-link {
        color: #fff !important;
        background-color: #0d4ba0 !important;
        /*border-color: #0d4ba0 !important;*/
    }

    .page-item .page-link {
        color: #0d4ba0 !important;
        /*border-color: #0d4ba0 !important;*/
    }

    .clickable-row.active {
        background-color: #b1b1d1 !important;
    }

    .mail-users.clickable-row:hover {
        background-color: rgba(0,0,0,.075) !important;
    }

    .category-wrapper {
        width: 100%;
        /*background: #E8F8D3;*/
        background: #FFEBDE;
        border-radius: 5px;
        min-height: 100px;
        padding: 11px;
        border: 1px solid #e6c3ad;
        color: #888888;
    }

    .blue .card-header {
        background-color: #0d4b9f !important;
        padding: .75rem 1.25rem !important;
        color: #fff;
    }

    .card-body blockquote {
        min-height: 100px;
        overflow-x: hidden;
        max-height: 480px;
    }

        .card-body blockquote img {
            width: 17px;
        }

        .card-body blockquote span img {
            width: auto;
        }

        .card-body blockquote a {
            font-weight: 500;
        }

        .card-body blockquote fieldset {
            font-size: 15px !important;
        }

            .card-body blockquote fieldset label {
                text-indent: 5px;
            }

    .card-body label {
        color: #666666;
        font-size: 14px;
    }

    .btn-outline-primary {
        min-width: 80px !important;
    }

    .btn-outline-danger {
        min-width: 80px !important;
    }

    .btn-outline-dark {
        color: #343a40;
        border-color: #ccc;
    }
@media screen and (min-width:769px) and (max-width:1111px) {
    header .left-area .subscription p:nth-of-type(2) {
        padding-top: 7px;
    
    }
}
    @media screen and (min-width:992px) and (max-width:1370px) {
        .login-box .radio-box .r-box:nth-of-type(2n+2) {
            margin-left: 114px;
        }
    }
@media screen and (min-width:992px) and (max-width:1200px) {
    .login-signup .right-area .login-box {
        padding-right: 0 !important;
    }
}


    @media screen and (min-width:769px) and (max-width:1012px) {
        .s-btn {
            width: 37%;
            display: block;
            float: left;
            margin-top: 5px;
            -webkit-overflow-scrolling: touch;
        }
    }

    @media screen and (min-width:768px) and (max-width:1024px) {
        .card-body blockquote {
            /*min-height: 350px;*/
            min-height: 50px;
            overflow-x: hidden;
            max-height: 350px;
            -webkit-overflow-scrolling: touch;
        }

        .iframe-style {
            height: 500px;
        }

        .modal-content {
            top: 11px !important;
        }

        .content-area {
            margin-top: 15px;
        }
    }

    @media screen and (max-width:767px) {
        .card-body blockquote {
            min-height: 300px;
            overflow-x: hidden;
            max-height: 410px;
            -webkit-overflow-scrolling: touch;
        }

        .iframe-style {
            height: 300px;
        }

        .modal-content {
            top: 10px !important;
            margin-bottom: 15px !important;
        }

        span.url-prefix-span {
            padding: 0 !important;
            display: block !important;
            line-height: 25px !important;
            height: auto !important;
        }

        .sub-details-wrapper {
            display: flex;
            flex-direction: column;
        }

            .sub-details-wrapper > div {
                width: 100% !important;
                margin: 0 !important;
            }

                .sub-details-wrapper > div:nth-child(3) {
                    padding-top: 6px;
                }

        .time-wrapper {
            flex-direction: column;
        }

            .time-wrapper > div {
                width: 100% !important;
                margin-left: 0 !important;
            }

            .time-wrapper label {
                padding: 5px !important;
            }

        .radio-btn-style {
            flex-direction: column;
        }

            .radio-btn-style div {
                margin-top: 5px !important;
            }

        .agreement-scroll {
            min-height: 200px;
            max-height: 390px;
            overflow-x: scroll;
        }
    }

    @media screen and (min-width:767px) and (max-width:768px) {
        .card-body blockquote {
            min-height: 250px;
            overflow-x: hidden;
            max-height: 600px;
            -webkit-overflow-scrolling: touch;
        }
        /*.left-menu{
        top:69px;
    }*/

    }

    @media screen and (min-width:1025px) {
        .iframe-style {
            height: 750px !important;
        }

        .blockquote-popup {
            overflow-x: auto !important;
            height: auto !important;
            min-height: unset !important;
            overflow-x: unset !important;
            max-height: unset !important;
        }
    }

    /*.table td {
    word-break: break-all;
    white-space: -moz-pre-wrap !important; 
    white-space: -webkit-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap; 
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: normal;
}*/

    .fileUpload-setup input {
        padding-bottom: 36px;
        padding-left: 6px;
    }

    .xs-bt-10 {
        margin-bottom: 0px;
    }

    .icon-comment i {
        width: 19px;
        float: left;
    }

    .icon-comment span {
        width: 97%;
        float: left;
        80
    }

    #divPayByCheckPopUp div:nth-child(1) {
        font-weight: bold;
        margin-bottom: 15px;
        color: #FF781C;
    }

    #divPayByCheckPopUp div:nth-child(2) {
        margin-bottom: 11px;
    }

    .check-content span:nth-child(1) {
        width: 20px;
        float: left;
    }

    .check-content span:nth-child(2) {
        width: 90%;
        float: left;
        font-size: 12px;
        position: relative;
        top: -3px;
    }

    .align-right {
        float: right;
    }

    .btn-wrapper {
        width: 323px;
        float: right;
    }

    .text-label {
        min-width: 80px !important;
        float: right;
        text-align: left;
        line-height: 39px;
    }

    .card {
        margin-bottom: 10px !important;
        background: #e3ebf5 !important;
        border: none !important;
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

        .card .card-header {
            background: #0d4b9f !important;
            padding: 0;
        }

            .card .card-header button {
                color: #fff !important;
                font-size: 14px !important;
            }

    .btn-link:hover {
        text-decoration: none !important;
    }

    .toggle-btn {
        display: flex;
        flex-direction: row;
        margin-bottom: 15px;
    }

        .toggle-btn > div:nth-child(1) {
            margin: 2px;
            text-align: right;
            flex-grow: 5;
            padding-right: 10px;
            line-height: 34px;
        }

        .toggle-btn > div:nth-child(2) {
            flex-grow: 1;
        }
    /*.card .blue .card-header {
    padding: .75rem 1.25rem !important;
}*/


    .arrows-wrapper {
        width: 142px;
        height: auto;
        margin: auto auto;
    }

    .grid-arrow {
        width: auto;
        height: auto;
        float: left;
        padding: 8px;
    }

    .section-title {
        background: #8CC63F;
        color: #fff;
        border-radius: 4px;
        padding: 4px;
        padding-left: 11px;
    }

    .close {
        font-size: 3rem !important;
        font-weight: normal !important;
    }

    .modal-header button span {
        font-family: Arial !important;
        font-family: serif !important;
        font-weight: lighter !important;
    }

    .modal-footer {
        position: relative;
        top: -15px;
        border-bottom-left-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .btn-outline-primary {
        background: #ffffff !important;
        border: 1px solid #0D4BA0 !important;
        border-radius: 5px !important;
        color: #0D4BA0 !important;
    }

        .btn-outline-primary:hover {
            color: #ffffff !important;
            border-color: #0D4BA0;
            background: #0D4BA0 !important;
        }

    .btn-outline-danger {
        background: #ffffff !important;
        border: 1px solid #dc3545 !important;
        border-radius: 5px !important;
        color: #dc3545 !important;
    }

        .btn-outline-danger:hover {
            color: #ffffff !important;
            border-color: #dc3545;
            background: #dc3545 !important;
        }

    .btn-outline-success {
        background: #ffffff !important;
        border: 1px solid #28a745 !important;
        border-radius: 5px !important;
        color: #28a745 !important;
    }

        .btn-outline-success:hover {
            color: #ffffff !important;
            border-color: #28a745;
            background: #28a745 !important;
        }

    .static-content {
        color: #0d4ba0;
        font-size: 17px;
        font-weight: 500;
    }

    .sub-content {
        color: #0d4ba0;
        font-size: 14px;
        font-weight: 500;
    }

    blockquote h5 {
        font-size: 13px;
        padding-left: 23px;
    }
    /*.table {
 display: block;
}*/

    .min-ht {
        min-height: 369px;
    }

    .entry td:nth-child(1) {
        width: 166px !important;
    }

    .table-striped tbody tr:nth-of-type(even) {
        background-color: #d7dfe8;
    }

    .pilot-round {
        background: #FFEBDE;
        border: 1px solid #e6c3ad;
        padding: 10px;
        /*display: grid;*/
        width: 100%;
        display: inline-table;
    }

    .round-one {
        background: #e1ffba;
        border: 1px solid #b4e475;
        color: #304b0c;
        width: 100%;
    }

    .round-two {
        background: #b6d5ff;
        border: 1px solid #9abae5;
        color: #091e3b;
        width: 100%;
    }

    .label-breakdown {
        position: absolute;
        height: 100px;
        width: 120px !important;
        right: 0;
    }

    .radio-container {
        display: flex;
        flex-wrap: wrap;
        background: #ffffff;
        border: 1px solid #ced4da;
        padding: 5px;
    }

        .radio-container > div {
            min-width: 100px;
            margin: 1px;
            box-sizing: border-box;
        }

    .field-container {
        display: flex;
        flex-wrap: wrap;
    }

        .field-container > div {
            min-width: 200px;
            margin: 1px;
            box-sizing: border-box;
        }

            .field-container > div span {
                float: left;
                line-height: 37px;
                padding: 5px;
                font-size: 14px;
                width: 106px;
            }

                .field-container > div span:nth-child(2) {
                    width: 250px;
                }

    .btns-container {
        display: flex;
        flex-wrap: wrap;
        margin: 5px 0 10px 0;
    }

        .btns-container > div {
            margin: 1px;
            box-sizing: border-box;
            padding-right: 5px;
            margin-top: 8px;
        }

            .btns-container > div [type=submit]:not(:disabled) {
                background: #ff781c !important;
                border: 1px solid #d35d0c !important;
                border-radius: 5px !important;
                color: #fff !important;
                opacity: 1 !important;
            }

        .btns-container .btn-outline-primary {
            background: #ffc59e !important;
            border: 1px solid #e9bfa4 !important;
            color: #deb091 !important;
            cursor: not-allowed;
            outline: none;
        }

    /*btns-container .btn-outline-primary:hover {
                color: #ffffff !important;
                border-color: #d35d0c;
                background: #ff921c !important;
            }*/
    .filter-btns-container #divFilter {
        padding: 13px;
        border: 1px solid #ced4da;
        margin: 10px 0 8px 0;
        background: #e3ebf5;
    }

    #divReport .table-striped thead {
        background-color: #c0ccda !important;
    }
    /*.add-wrap [type=submit]:not(:disabled) {
    background-color: #0D4BA0 !important;
    border-color: #007bff !important;
}*/
    .add-btn-container:disabled {
        color: #fff !important;
        background-color: #0D4BA0 !important;
        border-color: #007bff !important;
        padding: .5rem .75rem !important;
        /*opacity: unset !important;*/
    }

    /*Alert msg Box*/
    .timeout-wrapper {
        width: 50%;
        height: auto !important;
        min-height: 141px;
        margin: auto auto;
        background-color: #fff !important;
        border: solid 4px #999999;
        z-index: 10000;
    }

    .timeout-content {
        width: 100%;
        height: auto;
        margin: auto auto;
        margin: 40px 0PX 40PX 0PX;
        color: red !important;
        font-weight: bold;
        text-align: center;
        font-size: 15px;
    }

    .timeout-heading {
        width: 100%;
        height: 30px;
        background-color: #FF781C;
        line-height: 27px;
        color: #fff;
        font-weight: bold;
        text-indent: 8px;
        font-size: 14px;
    }
    /*Alert msg Box End*/

    .btn-outline-info:hover {
        color: #fff;
        border-color: #FF781C !important;
    }

    .sub-details-wrapper {
        display: flex;
        justify-content: flex-start;
    }

        .sub-details-wrapper > div {
            width: 25%;
            margin: 10px;
            text-align: left;
            /*margin-left: -10px;*/
        }

            .sub-details-wrapper > div:nth-child(1) {
                /*width: 160px;*/
                width: 332px;
                margin-left: 0;
            }

            .sub-details-wrapper > div:nth-child(3) {
                /*width:80px;*/
            }

            .sub-details-wrapper > div:nth-child(4) {
                width: 100%;
            }

            .sub-details-wrapper > div label {
                line-height: 29px;
            }

    .time-wrapper {
        display: flex;
        justify-content: flex-start;
    }

        .time-wrapper > div {
            width: 33.3%;
            margin: 10px 0;
            text-align: left;
            position: relative;
        }

            .time-wrapper > div:nth-child(1) {
                /*width: 445px;*/
                width: 460px;
            }

            .time-wrapper > div:nth-child(2) {
                width: 100%;
                margin: 5px;
            }

            .time-wrapper > div:nth-child(3) {
                width: 100%;
                margin: 5px;
            }

        .time-wrapper .form-control {
            text-indent: 40px;
        }

        .time-wrapper label {
            position: absolute;
            min-width: 48px;
            text-align: center;
            color: #8092AA;
            top: 1px;
            left: 1px;
            background: #E3EBF5;
            padding: 6px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .time-wrapper > div span {
            line-height: 36px;
            font-size: 15px;
        }

    .time-btn {
        display: flex;
        justify-content: flex-end;
        padding-right: 6px;
    }

        .time-btn div {
            width: 85px;
        }

    .radio-btn-style {
        display: flex;
        justify-content: flex-start;
    }

        .radio-btn-style div {
            min-width: 88px;
            padding: 8px;
            border: 1px solid #08080840;
            color: #080808;
            border-radius: 10px;
            margin-left: 3px;
            background-image: linear-gradient(#ffffff00, #e0e0e0);
        }

            .radio-btn-style div label {
                margin-bottom: 0;
                color: #0D4BA0;
            }

    @media screen and (min-width:768px) and (max-width:1200px) {
        .agreement-scroll {
            min-height: 200px;
            max-height: 500px;
            overflow-x: scroll;
        }
    }

    .video-wrapper {
        display: flex;
        flex-direction: column;
        width: 160px;
    }

        .video-wrapper div {
            text-align: center;
        }

            .video-wrapper div a {
                font-size: 14px;
            }

    .pt-32 {
        padding-top: 32px;
    }

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

    #divVideosGrid {
        margin-top: 15px;
    }

    .btn-success {
        color: #fff !important;
        background-color: #8CC63F !important;
        border-color: #8CC63F !important;
    }

    .icon-set img {
        width: 18px;
        cursor: pointer;
    }

    .icon-set tbody tr:hover {
        background-color: unset !important;
    }

    .bg-block .table tbody tr:hover {
        background-color: #eff4fa !important;
    }

    .icon-set tbody tr:nth-of-type(odd) {
        background-color: unset !important;
    }
    /*COMMENT BOX Start*/
.tip {
    width: 0px;
    height: 0px;
    position: absolute;
    background: transparent;
    border: 10px solid #E3EBF5;
}

.tip-up {
    top: -25px; /* Same as body margin top + border */
    left: 10px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.tip-down {
    bottom: -25px;
    left: 10px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.tip-left {
    top: 10px;
    left: -25px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.tip-right {
    top: 10px;
    right: -25px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.dialogbox .body {
    position: relative;
    max-width: 570px;
    height: auto;
    margin: 20px 10px;
    padding: 13px;
    background-color: #E3EBF5;
    border-radius: 8px;
    border: 5px solid #E3EBF5;
}

.body .message {
    min-height: 30px;
    border-radius: 3px;
    font-family: Arial;
    font-size: 14px;
    line-height: 1.5;
    color: #54749C;
}
    .body .message div:nth-child(2) {
        font-size: 11px;
        text-align: right;
    }
    .body .message a {
        font-size: 13px;
        position: absolute;
        bottom: 11px;
        text-decoration: underline !important;
    }

/*COMMENT BOX end*/

.icons-social {
    background: #8cc63f;
    width: 30px;
    padding-left: 11px !important;
    border-radius: 6px;
}
.crewbid-btn {
    background: #ff781c !important;
}
.mail-btn-wrapper{
    display:flex;
    flex-wrap:wrap;

}
    .mail-btn-wrapper div {
        width: auto;
        margin-right: 10px;
    }
.msg-container label{
    font-size:13px;
}

.breadcrumb-item, .breadcrumb-item a {
    font-size: 12px !important;
    padding-top: 2px;
    font-weight: 500;
}

.mac-wrapper{
    display:flex;
    flex-wrap:wrap
}
    .mac-wrapper div{
       
        /*background:gray;
        border:1px red solid;*/
        padding:5px;
    }

    .ios-wrapper {
        border: 1px #d8a381 dashed;
        padding: 5px;
        /*width: 320px;*/
        margin: 10px 0;
        border-radius: 5px;
    }
    .ios-wrapper span {
        text-align: center;
        display: block;
        padding: 3px 0;
    }
.btnViewLink {
    padding-bottom: 10px;
}
    .btnViewLink a {
        font-size: 12px;
        font-weight: 600;
        color: #0d4ba0;
    }
.fa-angle-double-left:before {
    color: #0d4ba0;
    position: relative;
    top: 2px;
}
.red-arw{
     width:13px;
 }