@import url('font-awesome.min.css');

ul {
    padding: 0 !important;
}

.dropdown-item.active a, .dropdown-item:active a {
    color: #fff !important;
}

.link-blue {
    color: #1866B4 !important;
}

.icon-img-add-dark {
    background-image: url(/Content_V2/assets/icons/img-add-dark.svg);
}


.fullwidthLoader {
    display: flex;
    top: 0;
    position: fixed;
    z-index: 999999;
    justify-content: center;
    align-items: center;
    background: #00000063;
    height: 100vh;
    width: 100%;
}

.darkheading,
.card-body .main-heading {
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    background: #343a40;
}

.card-body > .row:first-child {
    margin-left: -20px !important;
    margin-right: -20px !important;
}


.enterCodeCard input {
    width: 50px !important;
    height: 50px !important;
    margin: 15px 5px;
    text-align: center;
}


.shippingPolicy h3 {
    color: #003187;
    font-size: 22px;
    font-weight: bolder;
}

.shippingPolicy h5 {
    color: #1c56bd;
    font-size: 18px;
    font-weight: bolder;
}

.shippingPolicy ul {
    list-style: disc !important;
    padding-left: 15px !important;
    margin-bottom: 20px;
}

.HeadingButton {
    margin: 5px 10px 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}


.filterRow {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .filterRow ul {
        display: flex;
        padding: 0;
        grid-gap: 10px;
    }

.card-header::after {
    display: none;
}

.marginT15px {
    margin-top: 15px;
}

.marginLR0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.pagination {
    justify-content: center;
}


.commentSection {
    border: 1px solid #ddd;
    padding: 15px;
}

    .commentSection .commentBox {
        max-height: calc(100vh - 300px);
        overflow: auto;
    }

.comemnt-count .commentSection {
    border: 0px solid #ddd;
    padding: 0px;
}

.createRolesForm ul ul {
    margin-left: 20px;
}

#AddNewRolePopUp .modal-body {
    max-height: 80vh;
    overflow: auto;
}

.brand-logo img {
    width: 100%;
    height: 100%;
}

.brand-logo {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    background: #ddd;
}

.no-record-found {
    padding: 100px 30px !important;
}


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

#viewBrandForm h5 {
    font-size: 20px;
    font-weight: 600;
    color: #000000b0;
}


.proccesor.form-loader {
    display: flex;
    flex-direction: row;
    height: auto;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.bankdetailimage {
    width: 400px;
    height: 270px !important;
}

.showpassword {
    position: absolute;
    right: 12px;
    top: 12px;
}

.grayborder {
    border: 1px solid #ddd;
}

.hide {
    display: none !important;
}

.img-responsive {
    max-width: 100%;
    height: auto !important;
    min-height: 100%;
}

.loadingImg img {
    width: 20px;
    height: 20px;
    position: relative;
    top: -4px;
}

.loadingImg {
    width: 20px;
    height: 20px;
    animation-name: loader;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes loader {
    100% {
        transform: rotate(360deg);
    }
}

.proccesor {
    height: 145px;
    width: 160px;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.paddingTop15px {
    padding-top: 15px !important;
}

.card-body {
    padding-top: 0px !important;
}

.marginB0px {
    margin-bottom: 0px !important;
}

.card-body .main-heading h3 {
    font-size: 20px;
    padding: 10px 15px 5px;
    color: #fff;
}

.nobgborder {
    background: none;
    border: none;
}

.marginleft10px {
    margin-left: 10px;
}

.marginright10px {
    margin-right: 10px;
}

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

.Fullwidth {
    width: 100% !important;
}

.padding10px {
    padding: 10px !important;
}

.paddingTB10px {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.card-body .main-heading .dropdown-toggle {
    padding: 11px 15px;
    border-radius: 0;
    position: relative;
    right: -7px !important;
}

.modal-body {
    max-height: 70vh;
    overflow: auto;
}

.displayonlygap {
    display: flex;
    gap: 10px;
}

.educationBox {
    padding: 10px;
    background-color: #0500DF0A;
    border-radius: 8px;
}

.userinformation h5 {
    margin: 15px 0px;
}

.skillsBoxcount label {
    font-weight: 400 !important;
    background: #f6f6f6;
    padding: 6px 10px;
    border-radius: 4px;
}

.skillsBoxcount {
    display: flex;
    align-items: center;
    gap: 15px;
}

.experienceBox p {
    margin: 0;
}

.sellerDetail span {
    color: #1866B4;
    margin-right: 10px;
}

.documentupload {
    overflow: hidden;
    background-color: #ddd;
    border-radius: 8px;
}

    .documentupload p,
    .documentupload a {
        margin: 0;
        text-align: center;
        display: block;
        padding: 10px;
        font-size: 18px;
    }

.documentuploadImg {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 4px;
}

    .documentuploadImg span {
        padding: 7px 9px;
    }

.documentinformation label {
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .documentinformation label small {
        font-size: 15px;
    }

.sellerProfile {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #adb5bd;
    margin: 10px auto;
}

#autoHideNotification {
    position: fixed;
    top: -100px;
    background: #253042;
    color: #fff;
    border: 1px solid #ddd;
    padding: 5px 15px;
    right: 40px;
    max-width: 380px;
    border-radius: 10px;
    text-align: center;
    transition-duration: 0.5s;
    z-index: 9999;
    font-weight: bold;
    font-family: roboto-medium;
    text-transform: capitalize;
}

    #autoHideNotification.active {
        top: 140px;
    }

/*#region chat history*/
table.table.table-bordered.table-striped td.sellerInfo a img,
.userImage {
    width: 40px;
    height: 40px !important;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
}

ol, ul {
    list-style: none;
}

.userImage img {
    width: 100%;
    height: 100%;
}

.displayAj {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display15gap {
    display: flex !important;
    align-items: center;
    gap: 15px;
}

displayFlex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.displayFlexA {
    display: flex;
    align-items: center;
}

.displayFlexJ {
    display: flex;
    justify-content: center;
}

.img-responsive {
    max-width: 100%;
}

.marginTop10px {
    margin-top: 10px !important;
}

.box-property {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 8%);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

.padding15px {
    padding: 15px !important;
}
/*.smallsearchPanel ul {
    display: flex;
    margin-top: 15px;
    gap: 10px;
}*/

.smallsearchPanel ul li {
    position: relative;
}

    .smallsearchPanel ul li label {
        display: flex;
    }

    .smallsearchPanel ul li button[type='submit'] {
        margin-right: 5px;
        text-align: center;
    }

.marginLR {
    margin: 0px 10px;
}

.marginT20px {
    margin-top: 20px;
}

.marginL5px {
    margin-left: 5px;
}

.marginR5px {
    margin-right: 5px;
}

.marginTB15px {
    margin: 15px 0px;
}

.marginTB10px {
    margin: 10px 0px;
}

.paymentSummary ul.list-inline li small {
    display: block;
}

.paymentSummary ul.list-inline li {
    border: 1px solid #e5e5e5;
    padding: 5px 15px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 22px;
}

.marginLR-20px {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.searchbarRight {
    position: absolute;
    right: 10px;
    top: 5px;
    border: 0;
    background: none;
}

.busAvailability input {
    margin-right: 5px;
}

.linkBlue {
    color: #1866B4 !important;
}

table.table.table-bordered.table-striped td.sellerInfo a {
    display: flex;
    align-items: center;
    gap: 15px;
}

.no-border {
    border: none !important;
}

.radius5px {
    border-radius: 5px;
}

.nav-treeview li a {
    background-image: url(/Content/images/admin-right-arrow.svg);
    background-repeat: no-repeat;
    background-position: left 25px center;
    background-size: 9px;
    padding-left: 45px;
}

.icon-user-ticket {
    background-image: url(/Content/images/user-ticket.svg);
}

.report-icon {
    background-image: url(/Content/images/report.svg);
}

.userListBox ul.chatUserList {
    height: calc(100vh - 200px);
    overflow: auto;
    width: 100%;
    display: inline-block;
    padding: 15px;
    padding: 15px 0;
}

    .userListBox ul.chatUserList li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }

        .userListBox ul.chatUserList li label {
            margin: 0 !important;
        }

        .userListBox ul.chatUserList li.active {
            background: #e1dede;
        }

.supportChatForm textarea {
    border-radius: 30px;
    padding: 4px 60px 6px 30px;
}

.supportChatForm button {
    height: 48px;
    border-radius: 100%;
    padding: 10px 15px;
    margin-right: 6px;
}

.sentMessageBox {
    display: flex;
    gap: 15px;
}

.sentmessage {
    background: #E9ECEF;
    padding: 6px 10px;
    border-radius: 4px;
}

.mymessage {
    width: 100%;
}

.othermessage {
    width: 100%;
    display: inline-block;
}

.receivedChatBox {
    float: right;
}
/*#endregion end chat history*/

/*#region service provider*/
.addRequestForm .form-group.businessForm label {
    margin: 15px 0px 10px 0px;
}

.hide {
    display: none;
}

.marginB15px {
    margin-bottom: 15px;
}

.marginB10px {
    margin-bottom: 10px;
}
/*#endregion end service provider*/
/*body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
}

.strong {
    font-weight: bold;
}

p, ul {
    margin-bottom: 25px;
    font-weight: 400 !important;
}*/
.nomargin {
    margin: 0px !important;
}

.nopadding {
    padding: 0 !important;
}

.marginTop15px {
    margin-top: 15px;
}

.marginTop30px {
    margin-top: 30px;
}

.UserImage {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    display: block;
    background-size: cover !important;
    background-position: top center !important;
}

#autoHideNotification {
    position: fixed;
    top: -100px;
    background: #253042;
    color: #fff;
    border: 1px solid #ddd;
    padding: 5px 15px;
    right: 40px;
    max-width: 380px;
    border-radius: 10px;
    text-align: center;
    transition-duration: 0.5s;
    z-index: 9999;
    font-weight: bold;
    font-family: roboto-medium;
    text-transform: capitalize;
}

    #autoHideNotification.active {
        top: 140px;
    }

    #autoHideNotification h5 {
        color: #fff !important;
        margin: 0;
        font-size: 14px;
        padding: 10px;
    }


.tabsButton {
    border-bottom: 8px solid #3f51b5;
    margin: 0 !important;
}

    .tabsButton li {
        margin-bottom: 0 !important;
        margin-right: 10px;
        height: 30px;
    }

        .tabsButton li a {
            background: #dbdbdb;
            border-top-right-radius: 15px;
            padding: 5px 15px;
            border: 0 !important;
        }

.joinedChat.tabsButton li a .badge {
    position: absolute;
    right: 0;
    top: 9px;
}

.tabsButton li:after {
    content: "";
    border-left: 24px solid #dbdbdb;
    border-bottom: 0px solid #dbdbdb;
    border-top: 26px solid transparent;
    border-right: 0 transparent;
    display: block;
    position: absolute;
    top: 7px;
    right: -20px;
    z-index: -1;
}


.tabsButton li.active:after {
    content: "";
    border-left: 24px solid #3f51b5;
    border-bottom: 0px solid #3f51b5;
    border-top: 26px solid transparent;
    right: -21px;
}

.tabsButton li:hover::after {
    border-left-color: #eee;
}

.tabsButton li.active:after {
    border-left-color: #3f51b5;
}

.tabsButton.joinedChat > li > a {
    max-width: 120px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 33px;
    white-space: nowrap;
    padding: 8px 15px !important;
    font-size: 14px;
    border-radius: 10px 10px 0 0 !important;
}



.tabsButton > li > a.active, .tabsButton > li > a:hover {
    background: #3f51b5 !important;
    color: #fff !important;
    margin: 0;
    border-left: 0 !important;
}

.currentUser .time,
.anotherPersong .time {
    font-size: 12px;
    text-align: right;
    float: right;
    clear: both;
}

.anotherPersong .time {
    text-align: left;
    float: left;
}

#divMessage .currentUser span.date,
#divMessage .anotherPersong span.date {
    display: block;
    width: 100%;
    text-align: center;
}


/*=============Chat Box=============*/

.friendList {
    width: 250px;
    position: fixed;
    right: 10px;
    bottom: 0 !important;
    border: 1px solid #ddd;
    padding: 0px 0px 0px;
    max-height: 90%;
    overflow: hidden;
    background: #fff;
    z-index: 99;
}

    .friendList h4 span {
        cursor: pointer;
    }

    .friendList ul {
        list-style: none !important;
        padding: 0px;
        height: 0;
        overflow: hidden;
        margin: 0 !important;
    }

    .friendList.active ul {
        height: auto;
        max-height: 90%;
    }


    .friendList ul li a {
        padding: 10px 10px;
        display: block;
        text-decoration: none !important;
        color: #333;
        font-weight: 400;
        font-size: 14px;
        position: relative;
        border-bottom: 1px solid #ddd;
        padding-left: 40px;
    }

    .friendList ul li.online {
        position: relative;
    }

        .friendList ul li.online:after {
            content: "";
            display: block;
            position: absolute;
            right: 5px;
            background: #F00;
            padding: 5px !important;
            top: 13px;
            border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -webkit-border-radius: 100%;
            -o-border-radius: 100%;
        }

.chatBoxes {
    position: fixed;
    right: 264px;
    bottom: 0;
    z-index: 9999;
}

.chatBox {
    position: relative;
    float: left;
    margin: 0 5px;
    bottom: 0;
    width: 250px;
    padding: 0 0px 0px;
    border: 1px solid #ddd;
    background: #fff;
}

.fileSharing {
    height: 15px;
    position: relative;
    top: -3px;
    margin: 0 10px;
    cursor: pointer;
}



.statusBar {
    background: #ddd;
    padding: 6px;
    font-size: 14px;
    padding-left: 20px;
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px 0 15px;
    width: 100%;
}

    .statusBar.online:before {
        content: "";
        display: block;
        position: absolute;
        left: 5px;
        background: #F00;
        padding: 5px !important;
        margin-top: 3px;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        -o-border-radius: 100%;
    }

.chatContent {
    height: 300px;
    overflow: auto;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 10px;
}



    .chatContent p {
        clear: both;
        display: block;
        position: relative;
        font-size: 14px;
    }

        .chatContent p.currentUser span.massege {
            float: right;
            background: #039;
            padding: 2px 8px;
            color: #fff;
            border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -webkit-border-radius: 8px;
            -o-border-radius: 8px;
            display: block;
            clear: both;
        }

.chatBox .messageBox {
    border: 0px;
    border-top: 1px;
}


.closeCurrChat {
    cursor: pointer;
}


.anotherPersong {
    padding-left: 40px;
}

    .anotherPersong span.userImg-icon,
    .friendList ul li span {
        width: 30px;
        float: left;
        border-radius: 100%;
        overflow: hidden;
        position: absolute;
        left: 5px;
    }

.friendList .statusBar {
    padding: 6px;
    font-size: 16px;
    margin-bottom: 3px !important;
}

.anotherPersong span.userImg-icon img,
.friendList ul li span img {
    max-width: 100%;
    height: 30px;
}


.mainSearchPanel {
    display: block;
    float: left;
    width: 100%;
    padding: 30px;
    background: #e2e4e7;
}

.userListBox {
    background: #efefef;
    padding: 10px;
    border-radius: 10px;
}

.chatUserList {
    padding: 0;
    margin-bottom: 0px !important;
    max-height: 400px;
    overflow: auto;
}

    .chatUserList li {
        display: table;
        width: 100%;
        list-style: none;
        background: #fff;
        margin-bottom: 1px;
        padding: 5px;
    }

        .chatUserList li span {
            display: table-cell;
            vertical-align: middle;
        }

            .chatUserList li span.userImage img {
                width: 30px;
                height: 30px;
                margin-right: 5px;
                border-radius: 100%;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                -webkit-border-radius: 100%;
                -o-border-radius: 100%;
            }

            .chatUserList li span.countMsg {
                float: right;
                padding: 5px 7px;
                background: #e9a223;
                color: #fff;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                -webkit-border-radius: 100%;
                -o-border-radius: 100%;
            }

.joinedChat .messageBox {
    height: 420px;
    overflow: auto;
    padding: 10px 0;
}

.sendButton {
    position: absolute;
    right: 12px;
    margin-top: -54px;
    height: 54px;
    border-radius: 0;
}

.messageBox .sentMessage {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

    .messageBox .sentMessage .messageContent {
        float: left;
        width: 100%;
    }

        .messageBox .sentMessage .messageContent h5 {
            font-weight: bold;
            font-size: 14px;
            margin: 8px 0 0;
        }

        .messageBox .sentMessage .messageContent p {
            margin-bottom: 10px;
        }

.messageBox .userImage,
.chatBox .userImage {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    background: #f3f3f3;
    border-radius: 100%;
    overflow: hidden;
    top: 3px;
}

    .messageBox .userImage img,
    .chatBox .userImage img {
        max-width: 100%;
        min-height: 100%;
    }

.messageBox .sentMessage[data-usertype="Ad"] .messageInfo {
    float: right !important;
    background: #f5f5f5;
}

.messageBox .sentMessage .date {
    display: block;
    clear: both;
    text-align: center;
    font-weight: 600;
}

.messageInfo {
    display: flex;
    position: relative;
    float: left;
    width: 100%;
    border-radius: 15px;
    padding: 5px;
    padding-right: 10px;
}

span.chatClose {
    position: absolute;
    z-index: 99;
    right: 32px;
    padding: 5px 10px;
    background: #f1f1f1;
    font-size: 20px;
    cursor: pointer;
}


.productDetails .statusBar li span {
    background: #dfdfdf;
    width: 34px;
    height: 34px;
    display: block;
    margin: auto;
    border-radius: 100%;
    position: relative;
    top: -11px;
    z-index: 80;
    color: #fff;
    font-weight: 100;
    padding: 4px 8px;
    font-size: 20px;
}

.productDetails .statusBar li.active span {
    background: #3cb878;
    z-index: 88;
}

.productAddForm .row {
    margin-bottom: 15px;
}
/*.deactivated {
    opacity: 0.4;
}

.logo a {
    float: left;
}

.topHeader {
    background: #2a2d33;
    padding: 20px 30px;
    margin-bottom: 0px;
}

    .topHeader ul {
        margin-bottom: 0px;
        padding: 0 !important;
    }

        .topHeader ul li {
            float: left;
            list-style: none;
            margin: 10px 10px 0;
            height: 30px;
            position: relative;
        }

        .topHeader ul li {
            color: #fff;
        }

            .topHeader ul li.currentUser {
            }

.chatContent p.currentUser a {
    color: #fff !important;
    text-decoration: none !important;
}

.topHeader ul li.currentUser .accountBtn {
    border: none !important;
}

.topHeader ul li.currentUser img {
    width: 100%;
    height: 100%;
}

.logoutBox {
    margin-right: -30px !important;
    padding: 10px 15px !important;
}

    .logoutBox .UserImg {
        width: 80px;
        height: 80px;
        float: left;
        margin-right: 5%;
    }

    .logoutBox .userName {
        float: left;
        width: 100%;
    }

        .logoutBox .userName h5 {
            font-size: 18px;
            color: #333;
            margin-top: 10px;
        }

        .logoutBox .userName p {
            text-align: left !important;
        }

.profileSection {
    padding: 30px 10px;
}

.accountBtn:focus {
    background: #ee5315;
    border-color: #ee5315;
    color: #fff;
    text-decoration: none !important;
}

.mainLogin {
    position: relative !important;
    margin: 35px auto 60px !important;
}

header .loginForm,
.mainLogin {
    display: none;
    width: 300px;
    position: absolute;
    right: 0;
    border: 1px solid #ddd;
    padding: 0px 30px 20px;
    z-index: 9;
    background: #f5f7f8;
    margin-top: 15px;
    border-radius: 8px;
}

    header .loginForm:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #f5f7f8;
        position: absolute;
        right: 30px;
        top: -15px;
    }

    header .loginForm p,
    .mainLogin p {
        margin-bottom: 5px;
    }


header ul li.active .loginForm,
.mainLogin {
    display: block;
}

    header .loginForm h3,
    header .loginForm p,
    .mainLogin h3,
    .mainLogin p {
        color: #333;
        text-align: center;
    }

.sub-menu {
    display: none;
    position: absolute;
    list-style: none;
    padding: 0;
    border: 1px solid #ddd;
    padding: 5px 15px;
    z-index: 9999;
    background: #fff;
    width: 200px;
}

.profileLinks .sub-menu {
    position: relative;
    display: block !important;
    border: 0;
    z-index: 0;
    background: none;
    float: left;
    width: 100%;
    padding: 0;
}

ul li.activeOption .sub-menu {
    display: block;
}

.sub-menu li a {
    font-size: 14px !important;
}

.accountBtn {
    color: #fff;
    border: 1px solid #737882;
    padding: 5px 15px;
    text-decoration: none !important;
    border-radius: 5px;
}

    .accountBtn:hover {
        background: #ee5315;
        border-color: #ee5315;
        color: #fff;
        text-decoration: none !important;
    }*/
/*==============Page Content======================*/
/*.mainContainer {
    float: left;
    width: 100%;
    min-height: 400px;
    clear: both;
    padding-bottom: 40px;
}

footer {
    background: #262626;
    padding: 15px 10px;
}

    footer ul li a {
        color: #fff;
    }

    footer ul {
        display: inline-block;
        margin: 5px auto;
        padding: 0 !important;
    }

        footer ul li {
            list-style: none !important;
            float: left;
            margin: 0 10px;
        }

    footer p {
        color: #fff;
        font-size: 12px;
    }


.searchPanel {
    margin-bottom: 15px;
}

.userProfile .userImage img {
    margin: 0px auto 0px;
    width: 182px;
    display: block;
    height: 182px;
    position: relative;
    left: 0px;
    top: 0px;
}

.contentSection {*/
/*border-left: 1px solid #ddd;border-right: 1px solid #ddd;*/
/*padding: 0px;
}

.profileLinks {
    padding: 0 0 0 0;
}

    .profileLinks li {
        float: left;
        width: 100%;
        list-style: none;
    }

        .profileLinks li a {
            float: left;
            width: 100%;
            padding: 5px;
            color: #333;
            padding-left: 20px;
        }

            .profileLinks li.active a,
            .profileLinks li a:hover {
                background: #e2e4e7;
                text-decoration: none;
            }

.userProfile .userImage {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    position: relative;
    width: 180px;
    height: 180px;
    margin: 20px auto;
}

.userProfile .editBtn {
    width: 100%;
    padding: 10px 15px 20px;
    font-size: 24px;
    position: absolute;
    margin-top: -50px;
    text-align: center;
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.photoGallery {
    background: url(../images/photo-gallery-icon.png) no-repeat left 10px top 2px;
    font-size: 22px;
    padding: 0px 50px 0px 40px;
    float: left;
    margin: 0px 0 0px 0;
    width: 100%;
    background-size: 20px;
}

    .photoGallery h3 {
        font-size: 20px !important;
    }

.photoGalleryBox {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 6px;
    width: 100%;
}


.blueHeading {
    display: block;
    float: left;
    width: 100%;
    background: #3f51b5;
    color: #fff;
    padding: 7px 15px;
    font-size: 18px;
    margin: 30px 0 0 0;
    position: relative;
}

    .blueHeading small {
        color: #fff;
    }

    .blueHeading .sub-menu {
        right: 0;
        margin-top: 7px;
        background: #f1f0f0;
    }

        .blueHeading .sub-menu li a {
            padding: 5px 0 !important;
            float: left;
            width: 100%;
            text-decoration: none !important;
        }

    .blueHeading .openSubMenu {
        cursor: pointer !important;
        padding: 9px;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 16px;
    }

        .blueHeading .openSubMenu:hover .sub-menu {
            display: block !important;
        }

.galleryOption {
    display: block;
    padding: 10px 0;
}

    .galleryOption li {
        float: left;
        list-style: none;
        margin: 0px 10px 10px;
    }

        .galleryOption li img {
            height: 20px;
            cursor: pointer;
        }

.photoGalleryBox,
.photoGalleryBox ul {
    padding: 0;
    text-align: center;
}

    .photoGalleryBox ul {
        display: inline-block;
        margin: auto;
        width: 100%;
    }

    .photoGalleryBox li {
        overflow: hidden;
        float: left;
        margin: 1px;
        list-style: none;
        border: 1px solid #ddd;
        position: relative;
        width: 19.7%;
        height: 130px;
    }

        .photoGalleryBox li img.MemberPhotos {
            width: 100%;
            min-height: 100%;
        }

        .photoGalleryBox li span {
            position: absolute;
            background: rgba(0,0,0,0.5);
            width: 100%;
            font-size: 12px;
            bottom: 0;
            left: 0;
            color: #fff;
            text-align: left;
            padding: 5px 10px;
            padding-right: 32px;
        }

.photoDate {
    color: #fff;
    font-size: 12px;*/
/* text-align: left; */
/*padding: 8px 10px;
    position: absolute;
    bottom: -30px;
    width: 100%;
    border-top: 1px solid #a7a7a5;
}

.photoGalleryBox li > a {
    float: left;
    width: 100%;
    height: 100%;
}

.photoGalleryBox li a img,
.photoGalleryBox li button img {
    width: 100%;
}*/
.marginTop50px {
    margin-top: 50px;
}


.postPreviewHtml .previewBox {
    margin-top: 0 !important;
    margin-bottom: 15px;
    background: #f6f6f6;
    padding: 15px;
    border-radius: 10px;
}

.postPreviewHtml {
    display: block;
    float: left;
    width: 100%;
}

.commentPreview {
    margin-top: 15px;
}

    .commentPreview .previewBox .image {
        border-radius: 8px;
        overflow: hidden;
        max-width: 250px;
    }

        .commentPreview .previewBox .image img {
            max-width: 100%;
        }

    .commentPreview .previewBox > a {
        display: flex;
        grid-gap: 10px;
    }

    .commentPreview .previewBox iframe {
        width: 100%;
        height: 320px;
        border-radius: 8px;
    }

    .commentPreview .previewBox .title {
        display: block;
        font-size: 18px;
        color: #333;
        line-height: 22px;
        font-weight: bold;
        margin-bottom: 15px;
        text-transform: capitalize;
    }

    .commentPreview .previewBox .description {
        font-size: 16px;
        line-height: 20px;
        color: #333;
    }

    .commentPreview .fullWidth .title {
        margin-top: 10px;
        margin-bottom: 5px;
    }

.removePreview {
    display: none;
}

.messageBox .previewBox {
    margin: 0 !important;
    width: 100%;
    float: left;
    display: block;
    border-radius: 8px;
    padding: 0;
    position: relative;
    width: 100%;
    background: #efeeee;
    border: 1px solid #ddd;
}

    .messageBox .previewBox .image {
        padding: 0;
        width: 100%;
        margin: 0px 0 0px;
        border-radius: 0;
    }

.previewBox .image img {
    max-width: 100%;
}

.messageBox .previewBox .contentBox {
    float: left;
    width: 100%;
    padding: 10px;
}

.fullWidth {
    width: 100% !important;
}

.brandlistinformation tbody tr td.actionBtn .badge {
    position: absolute;
    min-width: 18px;
    background: #343a40;
    top: -7px;
    border-radius: 30px;
}

.tutorialBox {
    width: 100%;
    border: 1px solid #ddd;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:15px;
}

    .tutorialBox .mediaSection{
        position:relative;

    }

.commentFlexBox button, .commentFlexBox button:focus, .commentFlexBox button:active {
    position: absolute;
    top: 7px;
    right: 13px;
    border-radius: 100% !important;
    background: #1e293c;
    color: #fff;
    padding: 11px 16px;
}

.training-detail-main .commentBox .replyCommentSection {
    width: 100%;
    padding-left: 60px;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

#shareTutrialForm iframe,
#shareTutrialForm video{
    width:100%;
    height:240px;
}
.portalDetails li{
    position:relative;
}
.portalDetails li:after {
    content: ">";
    display: block;
    position: absolute;
    right: -12px;
    top: 0;
}

.portalDetails li:last-child:after {
    display:none !important;
}
    .overlayer {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    top: 0;
    cursor: pointer;
    z-index: 999;
}

    .tutorialBox video,
    .tutorialBox iframe {
        width: 100%;
        height: 300px;
    }

.tutorialBox .details{
    padding:10px 15px;
}

    .tutorialBox .details h4 a {
        color: #333;
        font-size: 20px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100% !important;
        display: block;
    }

.tutorialBox .details .actionBtn{
    display:flex;
    gap:1%;
    margin-top:15px;
    text-align:center;
}

.tutorialBox .details .actionBtn .btn{
    flex: 0 0 19.5%;
}

.Tutorialdetail .mediaSection video,
.Tutorialdetail .mediaSection iframe {
    height:500px;
}

.tutorialBox .badge {
    font-size: 85%;
    background: #ddd;
}

.note-editable{
    min-height:300px;
}
/*============Friends Box===============*/
/*.friendsBox {
background: url(../images/friends-icon.png) no-repeat left 0px top;
background-size: 25px;
font-size: 20px;
padding: 0px 50px 0px 40px;
margin: 0px 0 0px 0;
}


.frndsCounts label {
    font-weight: 800;
    margin-right: 15px;
    color: #e2ea75;
}

.frndBoxSearch {
    width: 250px;
    float: right;
    margin: -10px 0 20px 0;
}

.mutualFriends {
    padding: 0px;
    float: left;
    width: 100%;
}

    .mutualFriends li {
        height: 102px;
        overflow: hidden;
        float: left;
        margin-bottom: 15px;
        list-style: none;
        padding: 10px;
        border: 1px solid #777;
        width: 18%;
        margin-right: 1.5%;
    }

        .mutualFriends li span.imgBox {
            width: 80px;
            height: 80px;
            float: left;
            margin-right: 5%;
            max-height: 89px;
            overflow: hidden;
        }

            .mutualFriends li span.imgBox img {
                width: 100%;
                height: 100%;
            }

        .mutualFriends li .detailBox {
            width: 53%;
            float: left;
        }

            .mutualFriends li .detailBox label {
                width: 100%;
                font-size: 14px;
                font-weight: 400;
                margin: 0px 0;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .mutualFriends li .detailBox label a.btn {
                    font-size: 16px;
                    padding: 3px 10px;
                    float: left;
                    margin: 10px 0;
                }



@media(max-width:3000px) {
    .mutualFriends li {
        width: 18%;
        margin-right: 1.5%;
    }
}

@media(max-width:2500px) {
    .mutualFriends li {
        width: 23%;
        margin-right: 2%;
    }
}

@media(max-width:1700px) {
    .mutualFriends li {
        width: 31%;
        margin-right: 2%;
    }
}

@media(max-width:1300px) {
    .mutualFriends li {
        width: 48%;
        margin-right: 2%;
    }

        .mutualFriends li span.imgBox {
            max-height: 100%;
            max-width: 30%;
            width: auto !important;
            overflow: hidden;
        }

            .mutualFriends li span.imgBox img {
                max-height: 100px;
            }

        .mutualFriends li .detailBox {
            width: 63%;
        }
}

.userProileMob {
    display: none;
}

@media(max-width:1024px) {
    .photoGalleryBox li {
        width: 24.5%;
        height: 150px;
    }
}

@media(max-width:991px) {
    .profileSection {
        width: 200px;
        position: fixed;
        background: #000;
        top: 0;
        left: -200px;
        overflow: auto;
        z-index: 99999;
        height: 100%;
        padding: 10px;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }

    .userProileMob {
        display: block;
        color: #fff;
        padding: 8px 10px;
        position: relative;
        top: -13px;
        left: 0px;
        z-index: 99;
        border: 1px solid #737882;
        border-radius: 5px;
        -ms-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .navbar-toggle .icon-bar {
        background: #fff;
    }



    .profileSection.active {
        left: 0 !important;
    }

    .profileLinks li a {
        color: #fff;
    }

    .profileLinks li.active a {
        color: #333;
    }

    .photoGalleryBox li {
        width: 30%;
        height: 200px;
    }
}

@media(max-width:767px) {
    .mutualFriends li {
        width: 48%;
        margin: 0 2% 10px 0 !important;
    }

    #document .col-sm-5.nopadding {
        padding: 0 15px !important;
    }

    #document .col-sm-5 {
        margin-bottom: 10px;
    }

    .paginationBox p {
        width: 100%;
        margin: 5px;
        text-align: right;
    }

    header .loginForm.registration {
        left: 0;
        width: 260px;
        padding: 0px 10px 20px;
    }

    header .loginForm {
        width: 260px;
        left: -100%;
    }

        header .loginForm:before {
            right: 109px;
        }

    header .registration.loginForm:before {
        left: 39px;
    }

    .logo img {
        margin: 0 auto !important;
    }

    .requestdiv.loginForm {
        right: -270% !important;
        left: initial !important;
    }

    header #currentUserBox .loginForm {
        width: 310px;
        left: -680%;
    }

    .basicInfoForm .row .col-sm-8 {
        display: inline-block;
        width: 100%;
    }

    .topHeader {
        padding: 10px 0 !important;
    }

    .photoGalleryBox li {
        width: 24.5%;
        height: 150px;
    }

    .impLinks {
        float: none !important;
        text-align: center;
    }

    .topHeader ul {
        padding: 0px;
        float: none !important;
        display: inline-block;
        margin: 10px auto;
    }

    .logo a img {
        margin: 5px auto !important;
    }

    .topHeader ul li {
        margin: 10px 4px 0;
    }

    .frndsCounts label {
        width: 100%;
        margin: 5px 0 !important;
    }
}

@media(max-width:680px) {
    .mutualFriends li {
        width: 100%;
        margin: 0 0 10px 0 !important;
    }

    .photoGalleryBox li {
        width: 32.7%;
        height: 150px;
    }
}

@media(max-width:520px) {
    .photoGalleryBox li {
        height: 130px;
    }
}

@media(max-width:480px) {
    .mutualFriends li {
        width: 100%;
        margin: 0 0 10px 0 !important;
    }

    .photoGalleryBox li button.addPhotoButton {
        height: 150px;
    }

    .photoGalleryBox .overLayerFunction {
        padding: 25% 0;
    }

    .photoGalleryBox ul {
        width: 100%;
    }

    .photoGalleryBox li {
        width: 49%;
        height: 150px;
    }
}



@media(max-width:420px) {
    .photoGalleryBox li {
        width: 49%;
        height: 130px;
    }
}*/
/*====================Edit Profile=======================*/
/*.basicInfoForm {
    padding: 30px 15px;
}

.basicInfoForm .row {
    margin-top: 20px;
}

.photoGallPage .row {
    margin: 0 !important;
}

.basicInfoForm label {
    float: left;
    width: 30%;
    padding-top: 8px;
}

.basicInfoForm span {
    float: right;
    width: 65%;
}

    .basicInfoForm span span,
    .fullWidth {
        width: 100%;
    }

.fullWidth {
    display: inline-block;
}

.basicInfoForm .options {
    float: right;
    margin-top: 7px;
}

.updateInformation ul.nav-tabs {
    border: none !important;
}

    .updateInformation ul.nav-tabs li a {
        font-size: 14px;
        font-weight: 400;
        border: 0px !important;
        padding: 5px 10px;
        background: #ddd;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #3f51b5 !important;
    color: #fff !important;
}*/
/*=======About Us Page======*/
/*#map {
    width: 100%;
    height: 250px;
}

    #map iframe {
        width: 100%;
    }

.btn-warning {
    color: #fff;
    background-color: #22b14c;
    border-color: #22b14c;
}*/
/*============Support===============*/
/*.supportSearch input {
    padding-right: 50px;
}

.supportSearchBtn {
    position: absolute;
    right: 17px;
    top: 2px;
    height: auto;
    padding: 4px 12px;
}

.catBox {
    border: 1px solid #ddd;
}

    .catBox h3 {
        text-align: center;
        font-size: 22px;
    }

.listbox h4 {
    margin-bottom: 20px;
}

.listbox ul {
    padding: 0px;
    list-style: none;
}

    .listbox ul li {
        padding: 7px 0;
        padding-left: 25px;
        border-bottom: 1px solid #ddd;
    }

        .listbox ul li:before {
            content: "\f0f6";
            display: block;
            font-family: 'FontAwesome';
            position: absolute;
            margin-left: -25px;
        }

        .listbox ul li a {
            padding: 5px 0;
            color: #333;
        }

.chatIcon.listbox ul li:before {
    content: "\f1d7";
    color: #333;
}

.writtenBy {
    color: #5a77e8;
}

    .writtenBy img {
        margin-left: 5px;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        -o-border-radius: 100%;
        height: 20px;
        width: 20px;
        position: relative;
        top: -3px;
    }

.knowledge h3 {
    background: url(../images/bulb-icon.png) no-repeat left 10px center;
    padding: 20px 10px;
    padding-left: 50px;
    background-size: 40px;
    margin: 0;
}

.forum h3 {
    background: url(../images/chat-icon.png) no-repeat left 20px center;
    padding: 20px 10px;
    padding-left: 50px;
    background-size: 40px;
    margin: 0;
}

.news h3 {
    background: url(../images/news-icon.png) no-repeat left 18px center;
    padding: 20px 10px;
    padding-left: 50px;
    background-size: 40px;
    margin: 0;
}


.privacyPlicies h4 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 30px;
}


.FaqHead h2 {
    margin: 0;
    font-size: 26px;
}


.faqListingBox {
    padding-left: 80px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

    .faqListingBox:last-child {
        border: 0 !important;
    }

    .faqListingBox span {
        position: absolute;
        left: 15px;
    }

    .faqListingBox h3 {
        margin-bottom: 0;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .faqListingBox p {
        font-size: 14px;
        margin: 10px 0 !important;
    }


.currStatus {
    position: absolute;
    left: 10px;
    padding: 12px 20px;
    border: 1px solid #ddd;
    cursor: pointer;
    z-index: 999;
}

    .currStatus:before {
        left: 5px !important;
        top: 5px !important;
    }

    .currStatus:after {
        content: "\e114";
        font-family: 'Glyphicons Halflings';
        display: block;
        position: absolute;
        right: 2px;
        top: 4px;
        font-size: 12px;
        cursor: pointer;
    }

.allStatus {
    background: #fff;
    position: absolute;
    z-index: 999;
    padding: 0px 40px 0px 40px;
    border: 0px solid #ddd;
    list-style: none;
    margin-top: 25px;
    height: 0px;
    overflow: hidden;
}

    .allStatus.active {
        padding: 10px 40px 10px 40px;
        border: 1px solid #ddd;
        height: auto;
    }

    .allStatus li {
        position: relative;
        padding: 4px 0;
        cursor: pointer;
    }

        .allStatus li.active:after,
        .countryIconName li.active:after {
            content: "\e013";
            font-family: 'Glyphicons Halflings';
            display: block;
            position: absolute;
            right: -33px;
            top: 3px;
        }

.countryIconName li.active:after {
    right: 20px;
}

.available:before,
.away:before,
.doNotDisturb:before,
.offline:before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    left: -25px;
    top: 6px;
}

.available:before {
    background: #45d32a;
}

.away:before {
    background: #f5a623;
}

.doNotDisturb:before {
    background: #f5483f;
}

.offline:before {
    background: #7f7f7f;
}*/
/*=======Counter=======*/
/*#countdowntimer {
    text-align: center;
}

#future_date {
    display: inline-block;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
}

.displayformat {
    text-align: center;
    margin: 20px 15px;
    padding: 20px 10px;
    border: 1px solid #fff;
    display: inline-block;
    width: 120px;
    font-size: 26px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}

    .displayformat small {
        text-transform: capitalize;
        width: 100%;
        display: block;
    }

.comingSoon h3 {
    margin: 0;
}

.comingSoon ul li {
    margin: 5px 0;
    font-size: 18px;
}

.countryIconName h3 {
    font-size: 18px !important;
    font-weight: 600;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}

.countryIconName ul {
    list-style: none;
    padding: 0px;
}

    .countryIconName ul li {
        padding: 5px 0px !important;
        position: relative;
        cursor: pointer;
    }


.loader-Class {
    display: none;
    background: url(../images/loading.gif) no-repeat center center rgba(255,255,255,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}

.logInError {
    display: block;
    float: left;
    width: 100%;
    clear: both;
}

    .logInError ul {
        padding: 0 !important;
    }

        .logInError ul li,
        .requiredField {
            color: #ff0000;
            height: auto;
            font-size: 14px;
            line-height: 25px;
            padding: 0px !important;
            margin: 0px;
        }

.modal-dialog {
    left: 0 !important;
}

.modal-header.blueHeading {
    margin: 0px 0 0px 0;
    padding: 15px;
}

.modal-body {
    clear: both;
}*/
/*======New Css For responsive======*/
/*@media(max-width:1100px) {
    .updateInformation ul.nav-tabs li a {
        font-size: 16px !important;
    }
}


.paginationBox {
    background: #f9f9f9;
    padding: 15px;
    margin-top: 0 !important;
    border: 1px solid #ddd;
    border-radius: 0;
    display: inline-block;
    width: 100%;
}

.pagination ul {
    padding: 0 !important;
}

    .pagination ul li {
        display: inline-block;
        padding: 3px;
        color: #333;
    }

        .pagination ul li a {
            color: #333;
        }

        .pagination ul li button {
            border: 1px solid #ddd;
            background: #ddd;
            color: #fff;
            font-size: 14px;
            padding: 4px 5px 0 5px;
        }

        .pagination ul li select {
            padding: 2px 5px;
        }


ul li select.perPageDropdown {
    padding: 6px 3px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.userInfoLog .userName label {
    font-weight: 200;
}

    .userInfoLog .imgBox span,
    .userInfoLog .userName label span {
        cursor: pointer;
    }


.submitButton {
    display: none;
}

#totPenReqcount,
#totPenNotification {
    position: absolute;
    left: 18px;
    top: -2px;
}

.allRegistrationGrid table thead,
.allRegistrationGrid table tfoot {
    background: #ddd;
}

.allRegistrationGrid table {
    border: 1px solid #ddd;
}

.fileUploading {
    display: none;
    background: url(../images/file-uploading.gif) no-repeat center left 10px #eee;
    height: 30px;
    background-size: 20px;
    padding-left: 40px;
    font-size: 14px;
    padding-top: 6px;
}

    .fileUploading.active {
        display: block !important;
    }

.intable {
    position: relative;
    top: -50px;
    right: 15px;
}

.requestdiv .userInfoLog {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .requestdiv .userInfoLog .UserImg,
    .requestdiv .userInfoLog .UserImg img {
        width: 50px;
        height: 50px;
    }

.requestdiv {
    max-height: 400px;
    overflow: auto;
}

#login-body p input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

@media(max-width:767px) {
    .intable {
        position: absolute;
        bottom: 10px;
        right: 27px;
        z-index: 9999;
        top: initial;
    }
}

.webgrid-footer td a {
    position: relative;
    float: none !important;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}*/
/*=======#2nd Phase#=======*/
/*.PostCategoryList {
    list-style: none;
    padding: 0;
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}

    .PostCategoryList li {
        float: left;
        position: relative;
        margin-right: 25px;
        font-size: 12px !important;
    }

        .PostCategoryList li:after {
            content: '/';
            display: block;
            position: absolute;
            right: -15px;
            top: 0;
        }

        .PostCategoryList li:last-child:after {
            display: none;
        }

.allPostDetail .userImage,
.allPostDetail .userImage img {
    width: 120px !important;
    height: 120px;
    margin: 0;
    max-width: 100% !important;
}

    .allPostDetail .userImage img {
        width: 122px !important;
        height: 122px;
        top: -1px;
        left: 0px;
        position: relative;
    }

.allPostDetail.personalRequest .userImage img {
    width: 122px !important;
    height: 85px;
    top: -1px;
    left: -1px;
    position: relative;
    border-radius: 10px !important;
}

.postRows p {
    font-size: 14px;
    margin-bottom: 10px;
}

   



.socialModule {
    font-size: 12px;
    font-weight: 600;
}

    .socialModule a {
        text-decoration: none !important;
    }

        .socialModule a label {
            font-weight: 400;
            cursor: pointer;
        }

    .socialModule span {
        margin-right: 50px;
    }

        .socialModule span:last-child {
            margin: 0 30px 0 40px;
        }

.allPostDetail {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    clear: both;
}

.postRows {
    margin-bottom: 30px;
    display: table;
    width: 100%;
    padding: 0px 40px;
    margin-left: 0;
}

    .postRows .userProfile,
    .postRows .detailOfRequest {
        display: table-cell;
        margin: 0 !important;
        padding: 0;
        vertical-align: middle;
    }

    .postRows .userProfile {
        width: 150px !important;
    }

.refineBox {
    padding: 0;
    list-style: none;
    display: table;
    margin-top: 20px;
}

    .refineBox li {
        display: table-cell;
        padding: 0 5px;
    }

        .refineBox li label {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 0;
        }

        .refineBox li input,
        .refineBox li select {
            min-width: 60px;
        }

.minWidth150px {
    min-width: 140px;
}*/
/*.refineBox li input,
    .refineBox li select {
    width: 100%;
    border: 1px solid #a7a8a9;
        height: 34px;
    padding: 2px 4px;
    }*/
/*.requestStatus h5 {
    text-align: center;
    font-size: 20px;
}

.requestStatus {
    margin: 15px 0 30px;
}

    .requestStatus p {
        margin: 5px 0px;
        text-align: center;
    }

        .requestStatus p img {
            margin: 0 auto;
        }

    .requestStatus.active h5 {
        color: #1dc250;
    }

.requestSentFormBox .row {
    margin-bottom: 10px;
}

.requestSentFormBox label {
    font-size: 14px;
    font-weight: 400;
    float: right;
    margin-top: 8px;
}

.requiredField {
    font-size: 14px;
    color: #f00 !important;
}


.form-control {
    height: 35px !important;
}

.blackLayer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    z-index: 1000;
}

    .blackLayer.active {
        display: block;
    }

.loginPopUpCenter {
    display: block !important;
    position: fixed !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .loginPopUpCenter:before {
        display: none !important;
    }

.blackLayer .closeBtn {
    float: right;
    color: #fff !important;
    z-index: 999999;
    opacity: 1;
    background-color: #000000;
    padding: 6px 10px 6px 10px;
    cursor: pointer;
}

    .blackLayer .closeBtn i {
        color: #fff;
    }

@media(max-width:767px) {
    .loginPopUpCenter {
        position: absolute !important;
    }
}



.shareBtn {
    cursor: pointer;
    padding: 0 15px 15px 0;
}

    .shareBtn .subItems {
        display: none;
        position: absolute;
        list-style: none;
        background: #fff;
        border: 1px solid #ddd;
        padding: 8px;
        line-height: 30px;
        width: 140px;
        margin-top: 10px;
        z-index: 999;
    }

        .shareBtn .subItems:before {
            content: "";
            display: block;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #ddd;
            border-top: 0px solid #ddd;
            width: 15px;
            position: absolute;
            margin-top: -19px;
        }

    .shareBtn:hover .subItems {
        display: block;
    }

.personalRequest .postRows .userImage {
    border-radius: 0 !important;
}

.marginTop10px {
    margin-top: 10px !important;
}

.ratingStars span img {
    width: 14px;
    position: relative;
    top: -1px;
    cursor: pointer;
}

.forRatingGiven span {
    padding: 5px 10px;
    background: url(../images/empty-star.png) no-repeat center center;
    cursor: pointer;
}


.forRatingGiven:hover > span {
    background: url(../images/filled-star.png) no-repeat center center;
}

.forRatingGiven span:hover ~ span {
    background: url(../images/empty-star.png) no-repeat center center;
}

.forRatingGiven > span.active {
    background: url(../images/filled-star.png) no-repeat center center;
}

.allStatusList {
    width: 160px !important;
    padding: 0 !important;
    right: -25px !important;
}

    .allStatusList ul {
        display: inline-block;
    }

        .allStatusList ul li {
            width: 100% !important;
            margin: 0;
            padding: 10px;
        }

a {
    cursor: pointer !important;
}


.Memberlist .online.dontDisturb::after {
    background: #f5483f;
}

.Memberlist .online.available::after {
    background: #45d32a;
}

.Memberlist .online.away::after {
    background: #f5a623;
}

.Memberlist .online.offline::after {
    background: #7f7f7f;
}

.notificationListBox {
    box-shadow: 0px 0px 10px #ddd;
}

.notificationDetailBox {
    display: table;
    padding: 25px 25px;
    width: 100%;
    border-bottom: 1px solid #f1f0f0;
}

    .notificationDetailBox .notiImage,
    .notificationDetailBox .notiDetail {
        display: table-cell;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: top;
    }

.notificationBox h5 {
    margin: 35px 0 15px;
}

.notiImage img {
    padding-right: 25px !important;
    margin-top: 15px;
}

.notiDetail p {
    margin-bottom: 0 !important;
}

textarea.form-control {
    height: auto !important;
}




.notificationListBox.active {
    background: #f2dcdc;
}*/
.commentBox {
    margin-bottom: 15px;
}

    .commentBox .imgBox {
        overflow: hidden;
        width: 50px;
        position: absolute;
        height: 50px;
        background-size: cover !important;
        border-radius: 60px;
    }

.ticketDetails {
    margin: 15px 0;
    background: #f1efef;
    padding: 20px 10px;
    border-radius: 8px;
}


.commentBox .commentContent {
    margin-left: 70px;
    background: #e9e4e4;
    padding: 5px 10px;
    border-radius: 6px !important;
    display: inline-block;
}

    .commentBox .commentContent p {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .commentBox .commentContent div.userName {
        color: #3f51b5;
        font-weight: 600;
        text-transform: capitalize;
    }

/*==========Add Photo Section==========*/

/*#addPhotoGallery .modal-body,
#reqDocumentPopUp .modal-body,
#addReqMoviePopUp .modal-body {
    display: inline-block;
    width: 100%;
}

.has-error {
    color: #F00;
}

#addPhotoGallery .modal-body .col-sm-6:first-child,
#reqDocumentPopUp .modal-body .col-sm-6:first-child {
    border-right: 1px solid #bfbbbb;
    overflow: hidden;
}

#addPhotoGallery .modal-body h3 #reqDocumentPopUp .modal-body h3 {
    text-transform: uppercase;
    margin: 0;
    color: #bfbbbb;
    line-height: 40px;
    cursor: pointer;
}

.booth {
    display: none;
    text-align: center;
}

#liveVideo {
    width: 100%;
    height: 203px;
    margin: 0px auto 0;
    border: 10px solid #eee;
    margin-bottom: 0px;
}

#addPhotoGallery #inputPhoto,
#reqDocumentPopUp #inputFile,
#addReqMoviePopUp #inputMovie {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    height: 80px;
    opacity: 0;
}

#storePhotCanvas {
    display: none;
}

#clickedPhoto {
    width: 100%;
    height: 206px;
    margin-top: 0px;
    border: 10px solid #eee;
    margin-bottom: 15px;
}

    #clickedPhoto img {
        height: 100%;
        max-width: 260px;
        margin: 0 auto;
    }

.owl-carousel .owl-nav.disabled {
    display: block !important;
}

.albumEdit {
    font-size: 22px;
    margin-top: 3px;
    margin-right: 15px;
}

.userInfoTabs li a {
    color: #333;
}

.userInfoTabs li.active a {
    color: #3f51b5;
}

.photoGalleryBox .overLayerFunction {
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    padding: 25% 0;
    text-align: center;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}

.photoGalleryBox li:hover .overLayerFunction {
    opacity: 1;
}

.photoGalleryBox .overLayerFunction a,
.photoGalleryBox .overLayerFunction button {
    background: none;
    border: none;
    color: #fff;
    display: inline-block;
    float: none;
    padding: 8px;
    width: 40px;
    margin: 2px 2px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #fff;
}

.ablumSection li button {
    width: 100%;
}

.albumInner .albumTitle {
    width: 98%;
    height: auto;
    text-align: center;
    text-transform: uppercase;
    background: #dddddd;
}

    .albumInner .albumTitle h3 {
        margin: 10px 0;
    }

        .albumInner .albumTitle h3 label a {
            margin: 0 0 0 10px;
            color: #333;
        }

.addPhotoButton,
#addAlbumButton {
    width: 100%;
    height: 100%;
}

    .addPhotoButton img,
    #addAlbumButton img {
        width: 30px !important;
        margin: 5px 0;
    }

    #addAlbumButton span {
        background: rgba(255, 255, 255, 0.5);
        color: #949494;
        font-weight: bold;
    }

.currentVideo {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
}

    .currentVideo .videoSection {
        position: relative;
    }

    .currentVideo p {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        padding-right: 75px;
        margin-top: 10px !important;
    }

        .currentVideo p.active {
            white-space: initial;
            padding: 0;
        }

        .currentVideo p span {
            color: #3f51b5;
            right: 0;
            position: absolute;
            cursor: pointer;
        }

    .currentVideo video,
    .playVideo {
        width: 100%;
        min-height: 300px;
        max-height: 500px;
        display: block !important;
    }

.videoList {
    border: 1px solid #a8a8a8;
    display: inline-block;
    width: 100%;
    height: 100px;
    position: relative;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
}

* {
    outline: none;
}

.videoList {
    display: none;
}

    .videoList.active {
        display: block;
    }

    .videoList .owl-item {
        width: 110px;
        list-style: none;
        float: left;
        cursor: pointer;
        border: 3px solid transparent;
        position: relative;
    }


        .videoList .owl-item .overLayerFunction {
            position: absolute;
            top: 0;
            text-align: center;
            width: 100%;
            height: 100%;
            padding: 26px 0;
            background: rgba(0, 0, 0,0.5);
        }

            .videoList .owl-item .overLayerFunction button,
            .videoList .owl-item .overLayerFunction a,
            .overLayerFunction .playVideoIcon {
                border: 1px solid #ffffff;
                background: none;
                color: #fff;
            }

            .videoList .owl-item .overLayerFunction a,
            .overLayerFunction .playVideoIcon {
                padding: 3px 5px;
                margin: 0 2px;
            }

        .videoList .owl-item .item img {
            height: 70px;
        }

.owl-carousel.reqMovies {
    padding: 10px 100px;
}

    .owl-carousel.reqMovies .owl-prev,
    .owl-carousel.reqMovies .owl-next {
        position: absolute;
        top: 23%;
        left: 30px;
        font-size: 40px;
        color: #c0c0c0;
    }

    .owl-carousel.reqMovies .owl-next {
        right: 30px !important;
        left: auto;
    }

.videoList .owl-item video {
    max-width: 100%;
    background: #000;
    height: 70px;
    display: block !important;
}

.selected-Photo-Preview ul {
    margin: 0;
    padding: 0px;
    min-height: 110px;
    display: inline-block;
}

    .selected-Photo-Preview ul li {
        width: 100px;
        height: 100px;
        float: left;
        list-style: none;
        padding: 5px;
        margin: 5px;
    }

        .selected-Photo-Preview ul li img {
            height: 100%;
            margin: auto;
        }


.documentTable table thead {
    background: #e2e4e7;
    text-align: center;
}

.actionDocbtn {
    text-align: center;
}

    .actionDocbtn .btn {
        padding: 2px 7px !important;
    }

.shareFriendList {
    position: relative;
    top: 0;
    left: 0;
    z-index: 999999;
}

    .shareFriendList ul {
        max-height: 150px;
    }

        .shareFriendList ul li a i {
            display: none;
        }

.shareWith {
    margin-top: 10px;
}

    .shareWith small img {
        width: 20px;
        height: 20px;
    }

    .shareWith small a {
        margin-right: 10px;
        padding: 5px;
        background: #fef;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

        .shareWith small a i {
            margin-left: 3px;
        }

.removeAlbum {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 27px !important;
    padding: 11px 4px;
    background: #000000;
    border: none;
    color: #fff;
}*/

/*.mediaActive {
width:90%;
}*/

/*.friendProfile p {
    float: left;
    width: 100%;
}

    .friendProfile p label {
        width: 150px;
        float: left;
    }

    .friendProfile p span {
        float: left;
    }

.downloadMoviebtn {
    float: right;
    position: absolute;
    right: 0;
    bottom: 2px;
    z-index: 999;
    padding: 2px 6px;
    border: 0;
    background: #fafafa;
    font-size: 18px !important;
}

.friendLayout .currStatus {
    padding: 12px 13px;
}

    .friendLayout .currStatus:after {
        display: none;
    }

.userprofilebtn {
    cursor: pointer;
}

.formFieldsBox {
    margin-top: 15px;
}

    .formFieldsBox .formRow {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
    }

        .formFieldsBox .formRow label {
            width: 45%;
            float: left;
            text-align: right;
            line-height: 34px;
            padding-right: 20px;
            font-size: 12px !important;
        }

    .formFieldsBox.createRolesForm .formRow label {
        line-height: 22px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .formFieldsBox .formRow span {
        width: 55%;
        float: left;
    }

    .formFieldsBox .formRow textarea {
        height: 86px !important;
    }

    .formFieldsBox .formRow span span.errorMsg {
        float: left !important;
        width: 100%;
        text-align: left;
    }

.browseFile {
    width: 100% !important;
    background: #f3f3f3;
    cursor: pointer;
}

    .browseFile + input[type="file"] {
        opacity: 0;
        position: absolute;
        display: block !important;
        padding: 7px;
        cursor: pointer;
    }

input[type='checkbox'] + label {
    background: url(../images/unchecked-checkbox.png) no-repeat center left;
    padding: 15px 12px;
    width: auto !important;
    background-size: 20px;
    padding-left: 25px;
}

input[type='checkbox']:checked + label {
    background: url(../images/checked-checkbox.png) no-repeat center left;
    background-size: 20px;
}

#businessAvailability .busAvailability {
    margin-bottom: 10px;
}

    #businessAvailability .busAvailability label {
        margin-left: 20px;
    }

.addnewServiceProvider {
    display: none;
}

    .addnewServiceProvider.active {
        display: block;
    }

.businessForm span.errorMsg {
    width: 100%;
}


#passwordValidation {
    display: none;
    clear: both;
}

    #passwordValidation p label:after {
        display: none;
    }

    #passwordValidation p span {
        font-size: 12px;
    }

.valid {
    color: green;
}

    .valid:before {
        position: relative;
        left: -35px;
        content: "✔";
    }*/

/* Add a red text color and an "x" when the requirements are wrong */
/*.invalid {
    color: red;
}

    .invalid:before {
        position: relative;
        left: -35px;
        content: "✖";
    }

.blackColor {
    color: #333 !important;
}

#passwordValidation.active {
    display: block !important;
}

.errorMsg {
    clear: both;
    float: right !important;
    font-size: 12px;
    color: #f00;
}

.statusDropdown,
.submitRequestList .form-control {
    height: auto !important;
    padding: 3px !important;
    width: 100px !important;
}

.warning {
    width: 100% !important;
    font-size: 12px;
    color: #a0a013;
    font-weight: bold;
}

.forOther {*/
/*width: 100% !important;*/
/*display: none;
}

    .forOther.active {
        display: block !important;
    }

.edit_view {
    color: #3f51b5;
    cursor: pointer;
}

#businessAvailability .busAvailability .weekdaysSetting {
    width: auto;
    margin-left: 40px;*/
/* display:none;*/
/*}

#businessAvailability .busAvailability #selectAll {
    display: none;
}

#businessAvailability .busAvailability.active .weekdaysSetting,
#businessAvailability .busAvailability.active #selectAll {
    display: block !important;
}

.weekdaysSetting table tr td:first-child {
    width: 110px;
    line-height: 34px;
}

    .weekdaysSetting table tr td:first-child label,
    input[type='checkbox'] + label[for="selectAllDays"] {
        padding: 0px !important;
        padding-left: 30px !important;
        margin: 0 !important;
    }

.userListTable table tr td:last-child {
    width: 110px;
    text-align: center;
}

.weekdaysSetting table tr td label.lblHeading {
    padding: 0px !important;
    line-height: 34px;
}

.smallBtn {
    font-size: 12px;
    padding: 1px 5px;
    margin: auto;
}

#allVisitorRecordList,
#allVisitorRecordList table {
    margin: 0 !important;
}

#SuccessMessage1 .modal-body {
    overflow: auto;
}*/

/*==============Import Export=========*/
/*.exportImport {
    float: right;
    margin-top: -37px;
}

    .exportImport ul {
        list-style: none;
        padding: 0;
    }

        .exportImport ul li {
            float: left;
            font-size: 16px;
            margin: 0 3px;
            background: #3f51b5;
            padding: 3px 15px;
            color: #fff;
            border-radius: 3px;
            cursor: pointer;
        }

#importServices input[type=file],
#importUserList input[type=file] {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    height: 80px;
    opacity: 0;
    cursor: pointer;
}

.businessForm .col-sm-12 {
    margin-bottom: 10px;
}

.businessForm label {
    float: left;
    width: 40%;
    padding-top: 8px;
    text-align: right;
    position: relative;
    padding-right: 20px;
}

.businessForm span {
    float: right;
    width: 55%;
}

.businessForm label span,
.businessHeading span {
    width: auto !important;
}

.businessHeading span {
float:left;
margin-right: 30px;
}
.businessHeading span label{
    padding:0 !important;
}
    .businessHeading span input {
        float: left;
        margin-right:10px;
    }

    .businessForm .col-sm-12 label:after {
        content: ":";
        display: block;
        position: absolute;
        right: 10px;
        top: 7px;
    }

.scheduleBtn {
    display: none;
}

#rejected .scheduleBtn,
#suspened .scheduleBtn {
    display: block;
}

#businessDetail .blueHeading {
    display: none !important;
}

#businessDetail .col-sm-12:last-child p {
    margin-bottom: 0px;
}

#sendActivationLink p label {
    padding: 0;
    padding-left: 25px !important;
}
*/

/*#inprogress .statusDropdown option[value="4"] {
    display: none;
}

#confirmed .statusDropdown option[value="2"],
#confirmed .statusDropdown option[value="5"],
#confirmed .statusDropdown option[value="6"] {
    display: none;
}*/

/*.schedulePage button[data-toggle="collapse"] {
    width: 100% !important;
    text-align: left;
    margin-bottom: 5px !important;
}


#all .reasonText {
    display: none;
}

.filter p {
    margin: 10px 0;
    line-height: 34px;
    font-size: 16px;
}

    .filter p span {
        margin-right: 15px;
    }

.CategoryList .sub-categories {
    list-style-position: inside;
}

.CategoryList .sub-categories-items {
    list-style-position: inside;
    padding-left: 20px;
}

.actionGroup {
    float: right;
}

.categoryList li {
    float: left;
    width: 100% !important;
}

#creatDynamicNav ul {
    padding: 0;
}

    #creatDynamicNav ul li {
        list-style: none;
        margin-bottom: 2px;
        cursor: move;
    }

        #creatDynamicNav ul li .navDetail {
            height: 0;
            overflow: hidden;
            transition-duration: 0.5s;
        }

        #creatDynamicNav ul li.active .navDetail {
            height: auto;
        }

.ui-sortable-placeholder {
    border: 1px dashed #aaa;
    visibility: visible !important;
    background: none !important;
}

.depth-1 {
    margin-left: 30px;
}

.depth-2 {
    margin-left: 60px;
}*/

/*=================Order Page Css============*/

/*.orderBox {
    border: 1px solid #ddd;
    padding: 0;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block;
    clear: both;
    width: 100%;
}

    .orderBox .orderHeading {
        background: #ddd;
        margin: 0px;
        padding: 15px;
    }

.cartProducts {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.orderBox table td {
    padding: 10px !important;
}

.orderDetailTable tr td {
    padding: 23px !important;
}

    .orderDetailTable tr td h4 {
        font-size: 16px;
        margin: 0;
    }

        .orderDetailTable tr td h4 a {
            font-size: 16px;
            margin: 0;
        }

    .orderDetailTable tr td p {
        font-size: 14px;
        margin: 0;
        color: #999999;
    }

        .orderDetailTable tr td p a {
            color: #32579a;
        }

    .orderDetailTable tr td:first-child {
        text-align: center;
    }

    .orderDetailTable tr td img {
        max-width: 70px;
        max-height: 70px;
    }

ul {
    list-style: none;
}

.orderDetailTable .statusBar {
    background: none;
    overflow: hidden;
}

    .orderDetailTable .statusBar li:after {
        content: "";
        display: block;
        background: #dfdfdf;
        position: absolute;
        width: 100%;
        height: 2px;
        top: 6px;
        left: 50%;
    }

    .orderDetailTable .statusBar li:not(.active):before {
        content: "";
        display: block;
        background: #dfdfdf;
        position: absolute;
        width: 100%;
        height: 2px;
        top: 6px;
        right: 50%;
        z-index: 9;
    }

    .orderDetailTable .statusBar li.active:after {
        background: #3cb878;
    }

    .orderDetailTable .statusBar li {
        float: left;
        width: 33%;
        text-align: center;
        position: relative;
    }

        .orderDetailTable .statusBar li span {
            background: #dfdfdf;
            width: 14px;
            height: 14px;
            display: block;
            margin: auto;
            border-radius: 100%;
            position: relative;
        }

        .orderDetailTable .statusBar li.active span {
            background: #3cb878;
            z-index: 99;
        }

        .orderDetailTable .statusBar li:last-child:after {
            display: none;
        }

input[type='checkbox'] {
    display: none;
}

.sellerInfo a {
    line-height: 25px;
}

.sellerInfo img {
    width: 30px;
    height: 30px;
    margin: auto;
    float: left;
    margin-right: 10px;
    border-radius: 100%;
}*/


/*=======Talent Posts=======*/
/*.talentPostBox {
    border: 1px solid #dadada;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .talentPostBox .postDetail {
        background: #f8f8f8;
        padding: 18px;
    }

    .talentPostBox .postOwner {
        display: block;
        margin-bottom: 15px;
        float: left;
        width: 100%;
        position: relative;
    }

.postOwnerImage {
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 100%;
    float: left;
    margin-right: 15px;
}

    .postOwnerImage img {
        max-width: 100%;
        min-height: 50px;
        min-width: 50px;
    }

.postOwner .memberDetail {
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px;
    line-height: 20px;
    font-family: roboto-medium;
    color: #4c4c4c;
}

    .postOwner .memberDetail small {
        font-size: 75%;
        text-transform: uppercase !important;
    }

.optionList .optionIcon {
    font-size: 20px;
    margin-top: 22px;
    position: relative;
    top: 6px;
    right: 0px;
}


.sentMessage .optionList .optionIcon {
    top: 10px;
    right: 10px;
}

.optionList .dropdown-menu {
    box-shadow: none;
    border-radius: 8px;
    border-top-right-radius: 0;
    margin: 3px -7px 0 0px !important;
    min-width: 100px;
}

    .optionList .dropdown-menu li {
        padding: 2px 10px;
        border-bottom: 1px solid #ddd;
        font-size: 13px;
    }

        .optionList .dropdown-menu li button {
            padding: 0px;
            font-size: 13px;
        }

        .optionList .dropdown-menu li:last-child {
            border-bottom: 0 !important;
        }

.sentMessage .optionList .dropdown-menu {
    margin-top: -16px !important;
    margin-right: 20px !important;
}


.postContent .imgBox {
    position: relative;
    text-align: center;
    vertical-align: middle;
    background-size: cover !important;
    max-height: initial !important;
    border-radius: 6px;
    overflow: hidden;
}

    .postContent .imgBox a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
    }

    .postContent .imgBox img {
        margin: auto;
    }

.postContent .one .imgBox,
.postContent .one {
    width: 100%;
}

.postContent .imgBox .overlayer {
    font-size: 40px;
    color: #fff;
    background: #0000007a;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 38.5% 20%;
    font-weight: 500;
    font-family: roboto-medium;
}

.postContent .one .imgBox img,
.postContent .one .imgBox video {
    width: 100%;
}


.mediaListBox {
    margin: 0px 0px 0;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .mediaListBox.one {
        margin: 0px 0px 0;
    }

.group_post {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

    .group_post h3 {
        font-family: 'Roboto-Medium';
        color: #4c4c4c;
        margin-top: 0px;
        font-size: 18px;
        font-weight: 500;
    }

    .group_post p {
        font-family: 'Roboto-Regular';
        font-size: 14px;
    }

    .group_post .mediaListBox.one,
    .group_post .mediaListBox {
        margin: 15px 0px 0;
    }

.mediaListBox .imgBox:nth-child(odd) {
    margin-left: 0px !important;
}

.mediaListBox .imgBox:nth-child(even) {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

.postContent .two .imgBox,
.postContent .four .imgBox,
.postContent .three .imgBox,
.postContent .six .imgBox {
    float: left;
    width: 48%;
    margin: 10px 1%;
    height: 285px;
    vertical-align: middle;
    z-index: 0;
}

    .postContent .two .imgBox video,
    .postContent .four .imgBox video,
    .postContent .three .imgBox video,
    .postContent .six .imgBox video {
        height: 283px;
        background: #000;
    }*/


/*.postContent .three .imgBox,
.postContent .six .imgBox {
    float: left;
    width: 31%;
    margin: 1%;
    height: 130px;
}*/

/*.postContent .eight .imgBox {
    width: 23%;
    height: 100px;
    float: left;
    overflow: hidden;
    height: 100px;
    margin: 1%;
}

.talentPostBox .imgBox .fancybox i {
    position: absolute;
    z-index: 9;
    font-size: 56px;
    color: #fff;
    border-radius: 10px;
    margin-left: -7%;
    margin-top: 40%;
}

.attachmentFiles .postAttachment {
    background: #f00;
    margin: 5px;
    display: inline-block;
    border-radius: 10px;
    color: #fff;
}

    .attachmentFiles .postAttachment a {
        color: #fff;
        padding: 10px;
        float: left;
    }

.postReviews {
    background: #f8f8f8;
    padding: 0 18px 15px;
}

.badge.redBG {
    background: #ff0000 !important;
    padding: 5px 15px;
    margin-left: 8px;
    font-style: normal;
    width: auto;
}

.smallsearchPanel {
    width: 340px;
    float: right;
    position: relative;
    right: -15px;
    margin: 15px 0;
}

    .smallsearchPanel input[type="text"], .smallsearchPanel select {
        float: left;
        width: 240px;
        margin-right: 5px;
    }

    .smallsearchPanel button.btn.btnSmall {
        float: right;
        border-radius: 0 !important;
        padding: 7px 15px;
    }

.paymentSummary ul li, .orderPaymentSummary ul li {
    width: 20%;
    border: 1px solid #ddd;
    margin: 0 !important;
    padding: 0;
    float: left;
    border-right: 0;
    padding: 25px 15px;
    font-size: 20px;
    font-weight: bold;
    background: #fefefe;
}

    .paymentSummary ul li small, .orderPaymentSummary ul li small {
        font-size: 12px;
        text-transform: uppercase;
        display: block;
        font-weight: 400;
        color: #c2c1c1;
    }

    .paymentSummary ul li:last-child {
        border: 1px solid #ddd;
    }

.paymentSummary .list-inline {
    margin: 0;
}

.tabDesign .tab-content {
    border: 1px solid #ddd;
    padding: 0 15px 15px;
}*/

/*===============Community==================*/

/*.communityBox {
    border: 1px solid #ddd;
    margin: 0;
    padding: 8px;
    border-radius: 10px;
    margin-bottom: 15px;
    padding-bottom: 8px;
    display: inline-block;
    line-height: 20px;
    width: 100%;
}

    .communityBox .groupImg {
        float: left;
        display: inline-block;
        width: 180px;
        position: relative;
        height: 112px;
        border-radius: 8px;
    }

.communityContent {
    float: left;
    margin-left: 2%;
}

    .communityContent p {
        margin-bottom: 1px;
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.mainTitle a {
    font-size: 14px !important;
    color: #1e293c;
    line-height: 22px;
    display: block;
    text-decoration: none !important;
}

.subTitle {
    font-size: 13px;
    color: #858585;
    line-height: 20px;
    display: block;
}

.communityBox .groupImg a {
    width: 100%;
    height: 100%;
    display: block;
    background: #00000057;
    border-radius: 5px;
}

.communityBox .overlayer {
    position: absolute;
    top: 15px;
    width: 70%;
    right: 13px;
    color: #fff;
    text-align: right;
    left: auto !important;
}*/



/*==============Group Section==============*/
/*.groupDetailBox {
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-bottom: 0;
    line-height: 20px;
    height: 375px;
}

    .groupDetailBox .groupPhoto {
        width: 100%;
        height: 111px;
        display: block;
        background-size: cover !important;
        border-radius: 5px !important;
    }

.groupListSection .usersGroupBox .groupPhoto {
    height: 180px;
}

.groupListSection .usersGroupBox {
    margin: 0 -1.5%;
}

.groupListSection .userGroups {
    width: 30.3333%;
    margin: 0 1.5%;
}

.groupListSection .usersGroupBox .groupDetailBox {
    height: 433px;
    overflow: hidden;
}

#groupListData .groupImg {
    position: relative;
    margin-bottom: 10px;
}

.groupDetailBox .groupDetail {
    color: #4c4c4c;
    font-family: roboto-medium;
    font-size: 15px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.groupList {
    position: relative;
    top: -10px;
}

.postOwnerImage {
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 100%;
    float: left;
    margin-right: 15px;
}

.groupList .postOwnerImage {
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.groupList .memberDetail {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 20px;
}

.group_post h3 {
    font-family: 'Roboto-Medium';
    color: #4c4c4c;
    margin-top: 0px;
    font-size: 18px;
    font-weight: 500;
}

.postOwner .memberDetail {
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px;
    line-height: 20px;
    font-family: roboto-medium;
    color: #4c4c4c;
}

.groupDetailBox .groupsharedStatus .optionIcon, .blackBtnVSmal {
    font-size: 12px;
    color: #fff;
    padding: 3px 24px;
    background: #6a6a6a6e;
    margin-right: 10px;
    margin-top: 2px;
    display: inline-block;
    border-radius: 5px;
}

#groupListData .overlayer {
    position: absolute;
    top: 0%;
    width: 100%;
    left: 0;
    padding: 10px;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}

    #groupListData .overlayer .makeFavourite {
        color: #fff;
        font-size: 24px;
    }

    #groupListData .overlayer span {
        position: relative;
        z-index: 99;
    }

    #groupListData .overlayer .topicCount {
        color: #fff;
        bottom: 9px;
        position: absolute;
        left: 11px;
        width: auto;
    }

    #groupListData .overlayer span.topicCount span {
        background: #ff0000;
        width: auto;
        margin-left: 10px;
    }

    #groupListData .overlayer a {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: #33333336;
    }

.groupDetailBox .groupDetail {
    color: #4c4c4c;
    font-family: roboto-medium;
    font-size: 15px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.GroupmemberList {
    float: none !important;
    width: auto !important;
    color: #32579a;
    font-family: roboto-regular;
    font-size: 14px;
    cursor: pointer;
}


.groupDetailBox .actionBtn button {
    margin: 5px 0.5%;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-size: 13px;
}

    .groupDetailBox .actionBtn button.editGroup,
    .groupDetailBox .actionBtn button.removeGroup {
        width: 28% !important;
    }

    .groupDetailBox .actionBtn button.col-sm-4 {
        width: 40.33%;
        margin: 5px 0.5%;
        border-radius: 2px;
    }*/


/*================Targeting===========*/

#targetForm .panel-group .panel-default {
    margin: 5px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    width: 100%;
}

    #targetForm .panel-group .panel-default > div {
        padding: 10px 15px 5px;
        border-bottom: 1px solid #ddd;
    }

#findLocation .enterItems {
    background: #ffffff;
    padding: 10px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.selectedItems {
    float: left;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 3px;
    /* display: inline-block; */
    margin-bottom: 3px;
}

/*#targetForm .panel-default,

#targetForm .panel-heading {
    border: 0 !important;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 0;
}

#targetForm .panel-heading {
    background: #3cb878;
}

    #targetForm .panel-heading a {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
    }

#targetForm .panel-body {
    margin: 3px 0;
    border: 1px solid #ddd;
}

.selectedItems {
    float: left;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 3px;*/
/*display: inline-block;*/
/*margin-bottom: 3px;
}

    .selectedItems i {
        cursor: pointer;
    }

    .selectedItems img {
        float: left;
        height: 46px;
        margin-right: 10px;
    }

    .selectedItems button {
        display: block;
        padding: 4px 10px 3px;
        font-size: 10px !important;
        margin-top: 3px;
    }

.autoCompleteBox {
    display: none;
    border: 1px solid #ddd;
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 999;
    max-height: 211px;
    overflow: auto;
}

    .autoCompleteBox.active {
        display: block;
    }

    .autoCompleteBox li,
    .searchDataInUl li {
        padding: 5px 10px;
        cursor: pointer;
    }

.bulkSearchBox textarea.form-control {
    height: 150px;
}

.searchDataInUl ul {
    display: none;
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 5px;
    height: 180px;
}

.searchDataInUl button {
    display: none;
}

.searchDataInUl.active ul,
.searchDataInUl.active button {
    display: block;
}

#findLocation {
    background: #f1f0f0;
    padding: 10px;
    float: left;
    width: 100%;
}

    #findLocation .targetElement,
    #findLocation .removeElement {
        background: #e96300;
        color: #fff;
        padding: 4px 14px;
        border-radius: 5px;
    }

    #findLocation .enterItems {
        background: #ffffff;
        padding: 10px;
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }

        #findLocation .enterItems:last-child {
            margin-bottom: 0;
        }

.autoCompleteBox li.selected, .autoCompleteBox li.selected small {
    background: #e96300;
    color: #fff;
}

#OfferServOnKey.autoCompleteBox li {
    display: none;
}

    #OfferServOnKey.autoCompleteBox li.active {
        display: block;
    }

.bulkSearchBox {
    display: none;
}

    .bulkSearchBox.active {
        display: block;
    }

    .bulkSearchBox #getOptionBulk li {
        float: left;
        width: 100%;
    }

    .bulkSearchBox hr {
        margin: 5px 0;
    }

.postDetail .optionList {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 999;
}

.group_post .topicStatus {
    right: 0;
    top: 7px;
    position: absolute;
    background: #ddd;
    padding: 3px 15px;
    border-radius: 8px;
}

.bannerList tr td img{width:250px;}

#viewBusinessDetail #businessDetail form input[type='submit']{display:none !important;}*/

.errorMsg {
    color: #ff0000;
}

.datepicker-days th,
.datepicker-days td {
    padding: 2px 7px;
    text-align: center;
    cursor: pointer;
}


.opportunity {
    background: url(/Content_V2/assets/img/actpal_banner.svg) no-repeat center center;
    background-size: cover;
    padding: 0px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    height: 180px;
    cursor: pointer;
}

    .opportunity:before {
        display: block;
        content: '';
        background: #0000006b;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
        width: 100%;
    }

.opportunity-details {
    position: relative;
    z-index: 99;
    height: 100%;
}

.opportunity .viewOpportunityDetails {
    padding: 15px;
    height: 100%;
    background-size: cover;
}

.opportunity .postOwner {
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding: 15px;
    z-index: 999;
}

    .opportunity .postOwner .postOwnerImage {
        border: 2px solid #fff;
        margin-right: 10px;
    }

.opportunity h3 {
    font-size: 20px;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.opportunity p {
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
    opacity: 0.6;
    margin-bottom: 25px;
}

.OpportunityPopup {
    padding-left: 0 !important;
}

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

    .addOpportunity .opportunity-details {
        height: auto;
    }

        .addOpportunity .opportunity-details span {
            background: #fff;
            padding: 8px 11px 8px;
            border-radius: 100%;
            font-size: 30px;
            display: block;
            margin: auto;
            margin-bottom: 10px;
        }

.opportunityPrivacy ul li {
    margin-bottom: 10px;
    line-height: 22px;
}

    .opportunityPrivacy ul li:last-child {
        margin-bottom: 0;
    }

.opportunity .optionsList.userInfoTabs .DropDown-rightzero {
    top: -76px !important;
}

.opportunityBox.active .opportunity {
    box-shadow: 0 0 10px #333 !important;
    border: 5px solid #fff;
}

.opportunitiesSlider .popularProducts {
    margin-top: 15px;
}

    .opportunitiesSlider .popularProducts .owl-stage {
        left: 0px;
    }

    .opportunitiesSlider .popularProducts .opportunity {
        margin-bottom: 0px;
    }

.opportunity .memberDetail a, .opportunity .memberDetail {
    color: #fff;
}

.opportunity .postOwner .postOwnerImage a {
    height: 35px;
    width: 35px;
}

.opportunity li span.optionIcon {
    width: 22px !important;
    height: 21px !important;
    padding: 0;
    top: -13px;
    right: -20px;
}

.opportunity li span i {
    top: 3px !important;
    position: relative;
    left: -2px !important;
}

.opportunitySlider .owl-stage-outer {
    height: 100vh;
    top: -6px;
    display: flex;
}

.opportunitySlider .owl-stage {
    display: flex;
    align-items: center;
    height: 100%;
}

.opportunitySlider .owl-dots {
    position: absolute;
    top: 20px;
    display: flex;
    gap: 15px;
    padding: 20px;
    width: 100%;
    z-index: 99;
}

    .opportunitySlider .owl-dots .owl-dot {
        width: 100%;
        height: 5px;
        background: #fff;
    }

.opportunitySlider .owl-item > div {
    display: flex;
    justify-content: center;
}

.opportunitySlider .owl-dots .owl-dot.active {
    background: #1866b4
}

.opportunityLeftPanel {
    max-height: calc(100vh);
    overflow: auto;
    padding: 30px 0;
}

.opportunityModelContent {
    background: #f6f6f6 !important;
    border-radius: 0 !important;
    padding: 0 30px !important;
}

.opportunityLeftPanel::-webkit-scrollbar {
    width: 0px !important;
}

.relatedSection .box-property {
    background: #192334;
}

    .relatedSection .box-property .head-title h5,
    .relatedSection .box-property .head-title h5 + a {
        color: #fff !important;
        background-size: 20px !important;
    }

        .relatedSection .box-property .head-title h5 + a {
            position: relative;
            top: -8px;
        }

.relatedSection .groupDetailBox {
    background: #fff;
}

.icon-md {
    background-size: 20px !important;
}

.icon-lg {
    background-size: 26px !important;
}

.icon-xl {
    background-size: 34px !important;
}

#OpportunityPopUp .close {
    position: absolute;
    background: #000;
    padding: 5px 12px 10px;
    opacity: 1;
    color: #fff;
    border-radius: 100%;
    z-index: 99;
    border: 2px solid #fff;
    right: 0;
}

#groupMemberList .box-property {
    padding: 0 !important;
}


.memberprofile > div {
    margin-bottom: 10px;
}

.MediaPreviewMainBox .viewZoom {
    display: none;
}

.opportunityPreview {
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh);
    position: relative;
    right: -31px;
}

.w-20 {
    width: 20px;
}

    .opportunityPreview img, .opportunityPreview video {
        max-width: 100%;
        max-height: 100vh;
        width: auto !important;
        height: auto !important;
    }

.postOwnerImage a img {
    width: inherit;
}

.breakwords > * {
    overflow: auto;
    word-break: break-all;
}

.triangleBtn {
    display: flex;
    align-items: center;
    column-gap: 3px;
}

    .triangleBtn > span {
        display: flex;
        gap: 3px;
        flex-direction: column;
    }

    .triangleBtn .triangleUp {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #adb5bd;
        cursor: pointer !important;
    }

    .triangleBtn .triangleDown {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #adb5bd;
        cursor: pointer !important;
    }

    .triangleBtn .triangleUp.active {
        border-bottom: 5px solid #4f1416 !important;
    }

    .triangleBtn .triangleDown.active {
        border-top: 5px solid #4f1416 !important;
    }

    .paymentProductTable table tr td.AnswerBox {display: flex;}

.paymentSummary table tr td .table-img,
.paymentProductTable table tr td .table-img {
    background-size: cover;
    width: 70px;
    height: 70px;
    margin-right: 15px;
    border-radius: 10px;
    background-position: center;
}

@media (max-width: 576px) {
    .login-box, .register-box {
        width: 100%;
    }
}

.img-100 {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 10px;
    background: #ddd;
}


.img-70 {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 10px;
    background: #ddd;
}

.img-100 img, .img-70 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vertical-top, .vertical-top td {
    vertical-align: top!important;
}


.tab-manu-style {
    display: flex;
    position: relative;
    bottom: -16px;
}

    .tab-manu-style li, tab-manu-style > button {
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }

        .tab-manu-style li.active, .tab-manu-style .active {
            border-bottom: 2px solid #3f51b5;
        }



        .tab-manu-style li a, .tab-manu-style > button, .tab-manu-style a {
            font-weight: 500;
            color: var(--bs-gray-500);
            border-bottom: 2px solid transparent;
        }

            .tab-manu-style a:hover, .tab-manu-style a:focus {
                color: var(--bs-gray-500);
            }

        .tab-manu-style li.active a, .tab-manu-style li.active label, .tab-manu-style .active, .tab-manu-style .active:hover {
            color: var(--brown);
        }

    .tab-manu-style button:hover {
        color: var(--brown);
    }