JezK

Edit File: user.css

.viewStyles {
    color: #00c1f3 !important;
    text-decoration: underline;
}

.report-sub-h {
    color: #b5b5b5;
}

.h-line {
    border-color: skyblue;
}

.rply-btn {
    margin-top: 10px;
    width: 160px;
    color: white;
    background-color: #00c1f3 !important;
    border: none;
}

.s-p-btns {
    padding-left: 30px;
    padding-bottom: 45px;
}

.s-p-btns>span>a {
    padding: 10px 70px;
}

.m-logout {
    margin-top: 15%;
}

.logout-no,
.logout-yes {
    width: 20%;
    padding: 2px 0px !important;
}

.logout-yes,
.show-more-trac {
    background: white !important;
    color: skyblue !important;
}

.show-more-trac {
    /* width: 20%; */
    /* padding: 2px 0px !important; */
}

.logout-btns {
    margin-top: 20px;
}

/* user css */

.side-border {
    border-right: 1px solid #b5b5b5;
}

.register-here {
    color: #00c1f3;
}

.UserFont p {
    font-size: 13px;
}

.paraColor {
    color: rgb(122, 122, 122);
}

.help-padding {
    padding-right: 1rem;
    border-right: 1px solid #dee2e6;
}

.support-padding {
    padding: 0 1rem;
    border-right: 1px solid #dee2e6;
}

.login-padding {
    padding-left: 1rem;
    border-right: 1px solid #dee2e6;
}

.bg-Color {
    background: #333c3e;
    position: relative;
    bottom: 0;
    width: 100%;
}

.footerField-control {
    background: #565d63;
    border: unset;
    color: white !important;
}

.footerField-control:focus {
    background: #565d63 !important;
}

textarea::placeholder {
    color: white;
}

.emailInput {
    height: 25px !important;
}

.copyRights {
    background: #182428;
}

.copyRights p {
    padding: 8px;
    color: #565d63;
    font-size: 14px;
}

.loginUser-margin {
    margin-left: 3rem;
    margin-right: 3rem;
}

.anc-Colorcurrent .active {
    border-bottom: 2px solid #4ac1f0;
    color: black;
}

.anc-Colorcurrent {
    color: #bbbbbb;
}

.book {
    text-decoration: underline;
    text-decoration-color: #4ac1f0;
}

.nav-link.active,
.show>.nav-link {
    color: #000 !important;
    border-bottom: 3px solid #46b8de !important;
    background-color: white !important;
    border-radius: 0 !important;
}

.nav-pills-active {
    color: #4240407d !important;
    margin: 12px 0;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 12.5px;
}

.two-fact-msg {
    color: #464545;
    font-size: 12px;
}

.two-fact-msg-first,
.notication-s {
    color: grey;
    font-size: 12px;
}

.w-input {
    width: 50%;
}

.calenderBlock {
    display: none;
}

.border-primaryTop {
    border-top: 3px solid #4ac1f0 !important;
}

.locationIcon {
    position: absolute;
    top: 11px;
    left: 6px;
}

.detectIcon {
    float: right;
    margin-top: -35px;
}

.searchIcon {
    float: right;
    margin-top: -39px;
}

.pr-Right {
    padding-right: 5em;
}

.pr-Search {
    padding-right: 3em;
}

.whiteBack {
    background-color: white !important;
}

/* custom radio buttton */

.round {
    position: relative;
}

.round .custom-label {
    border: 3px solid grey;
    border-radius: 50%;
    cursor: pointer;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
}

.round .custom-label:after {
    content: "";
    position: absolute;
}

.round .custom-radio {
    visibility: hidden;
}

.round .custom-radio:checked+.custom-label {
    background-color: black;
    border-color: dark grey;
}

.round .custom-radio:checked+.custom-label:after {
    opacity: 0.5;
}

/* costum check boxes */

#test8:not(:checked)+label:before,
#test8:checked+label:before,
#test9:not(:checked)+label:before,
#test9:checked+label:before,
#test10:not(:checked)+label:before,
#test10:checked+label:before,
#test11:not(:checked)+label:before,
#test11:checked+label:before,
#test12:not(:checked)+label:before,
#test12:checked+label:before,
#test13:not(:checked)+label:before,
#test13:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 15px;
    height: 15px;
    border: 1px solid #212529;
    background: #00000057;
    border-radius: 3px;
}

#test8:not(:checked)+label:after,
#test8:checked+label:after,
#test9:not(:checked)+label:after,
#test9:checked+label:after,
#test10:not(:checked)+label:after,
#test10:checked+label:after,
#test11:not(:checked)+label:after,
#test11:checked+label:after,
#test12:not(:checked)+label:after,
#test12:checked+label:after,
#test13:not(:checked)+label:after,
#test13:checked+label:after {
    content: '✔';
    position: absolute;
    top: 5px;
    left: 2px;
    font-size: 14px;
    color: #4b6f5e;
    transition: all .2s;
}

/*  */

.delete-a {
    font-size: 14px;
}

.payment-l {
    font-size: 12px;
    color: grey;
}

#plan_type {
    height: 35px;
    ;
}

#more {
    display: none;
}

.payment-links {
    color: black;
    text-decoration: none;
}

.payment-links:hover,
.payment-links:visited {
    color: black;
    text-decoration: none;
}

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

.save-bank-head {
    color: #b8c5c8 !important;
}

.bank-edit-link {
    color: skyblue;
    text-decoration: none;
}

.bank-edit-link:hover {
    color: skyblue;
    text-decoration: none;
}

.bg-img {
    background: url(../img/slide.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.fs-15 {
    font-size: 15px;
}

.button {
    width: 90px;
    height: 90px;
    position: relative;
    top: 65px;
    background-color: #4ac1f0;
    border: none;
    color: white;
    padding: 15px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 40px;
    margin: 4px 2px;
}

.button5,
.buttonLast {
    border-radius: 50%;
}

.button5:after {
    content: url('../img/thread.png');
    /* with class ModalCarrot ??*/
    position: relative;
    /*or absolute*/
    z-index: 0;
    /*a number that's more than the modal box*/
    left: 30px;
    top: -67px;
}

/* .button::before {
background: url(../img/thread.png);
} */

.card-no {
    letter-spacing: 10px;
}

.add-card-btn {
    padding: 5px 50px;
}

.card-cancel {
    background-color: white;
    color: #4ac1f0;
}

.web-feel {
    font-size: 12px;
}

.photo-up {
    background-color: white;
    color: grey;
    border: 1px solid #4ac1f0;
}

.left-meet {
    font-size: 28px !important;
}

.return-home {
    background-color: #4ac1f0;
    border: none;
}

.rate-block {
    border: 1px solid white;
    padding: 10px 37px;
    background: white;
    border-radius: 7px;
}

.modal-bottom-right {
    top: 10%;
    /* position: relative; */
    right: 20px !important;
    position: absolute;
    /* width: 100%; */
}

#message-text {
    border: unset !important;
    border-bottom: 1px solid grey !important;
}

.chat-header {
    justify-content: normal !important;
}

.model-menu {
    float: right;
    right: 17px;
    position: absolute;
    top: 30px;
}

/* .chat-body{
overflow-y: scroll ;
} */

.dyn-height {
    max-height: 332px;
    overflow-y: auto;
}

.pb-chat-labels-left {
    background: #b8c5c8 !important;
    padding: 0px 10px;
}

.pb-chat-labels-primary {
    background: #b8c5c8 !important;
    padding: 0px 10px;
}

.seen-time {
    font-size: 12px;
    color: #b8c5c8;
}

.menu-drop {
    right: 0px;
    position: absolute;
    top: 29px;
}

/*  #moreOptions+.dropdown-menu.options:before {
content: "";
width: 0;
height: 0;
border-width: 15px;
border-color: transparent transparent #ffffff;
display: inline-block;
position: absolute;
top: -20px;
right: 0px;
border-style: solid;
z-index: -1;
} */

#moreOptions+.dropdown-menu.options:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 15px;
    border-color: transparent transparent #ffffff;
    display: inline-block;
    position: absolute;
    top: -12px;
    right: -15px;
    border-style: solid;
    z-index: -1;
    transform: rotate(135deg);
}

#moreOptions {
    color: white !important;
    border-bottom: none !important;
}

.menu-box-shadow {
    box-shadow: 0 0 15px #83d7ff6b;
}

#moreOptions+.dropdown-menu.options:after {}

.dropdown-Mbr {
    box-shadow: 0 0 15px #83d7ff6b !important;
    position: absolute;
    transform: translate3d(-104px, 27px, 0px);
    top: 20px !important;
    left: -36px !important;
    will-change: transform;
}

#calTbody .a-date {
    padding: 11px !important;
}

.slot-book td {
    min-width: 109px !important;
    /* max-width: 109px !important; */
}

.slot-grey {
    background: #a0beca;
}

.s-available,
.s-full,
.s-n-released,
.s-n-available {
    width: 20px;
    height: 20px;
    margin: 0px 10px 0px 0px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.s-available {
    background-color: #2dc732db;
}

.s-full {
    background-color: #06b3f9;
}

.s-n-released {
    background-color: #f6a32f;
}

.s-n-available {
    /* background-color: #a0beca ; */
    background-color: #f22346e8;
}

.span-text1 {
    vertical-align: top !important;
    color: #2dc732db;
}

.span-text2 {
    vertical-align: top !important;
    color: #06b3f9;
}

.span-text3 {
    vertical-align: top !important;
    color: #f6a32f;
}

.span-text4 {
    vertical-align: top !important;
    /* color:#a0beca; */
    color: #f22346e8;
}

.top-tabs {
    border: 1px solid #c6cace !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-radius: unset !important;
}

.b-appointment {
    color: white !important;
}

.consultation-rate {
    /* font-size: 15px !important; */
    font-size: 14.1px !important;
}

.rate-img {
    padding: 0px 1px;
}

.ava-slot {
    font-size: 12px;
    display: inline !important;
    margin-bottom: .5rem;
}

.card-cvv {
    font-size: 14px;
}

.error-msg {
    font-size: 11px;
}

.search-content {
    border: 1px solid #d4cfcf;
}

.search-result {
    font-size: 12px;
    color: #c1c2c1;
}

.book-success {
    width: 50%;
    margin: auto;
    justify-content: center;
    text-align: center;
    border: 1px solid grey;
    background-color: #e8f2f494
}

.book-success-p {
    color: green;
}

#sad:not(:checked)+label,
#sad:checked+label,
#angry:not(:checked)+label,
#angry:checked+label,
#smile:not(:checked)+label,
#smile:checked+label,
#happy:not(:checked)+label,
#happy:checked+label,
#love:not(:checked)+label,
#love:checked+label {
    position: relative;
    padding-left: 0px !important;
    cursor: pointer;
}

#sad:not(:checked)+label:before,
#sad:checked+label:before,
#angry:not(:checked)+label:before,
#angry:checked+label:before,
#smile:not(:checked)+label:before,
#smile:checked+label:before,
#happy:not(:checked)+label:before,
#happy:checked+label:before,
#love:not(:checked)+label:before,
#love:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 19px;
    height: 19px;
    border: .5px solid #aaa;
    background: #f8f8f8;
    opacity: 0;
}

#sad:not(:checked)+label:after,
#sad:checked+label:after,
#angry:not(:checked)+label:after,
#angry:checked+label:after,
#smile:not(:checked)+label:after,
#smile:checked+label:after,
#happy:not(:checked)+label:after,
#happy:checked+label:after,
#love:not(:checked)+label:after,
#love:checked+label:after {
    content: '✔' !important;
    position: absolute !important;
    top: 70px !important;
    left: 30px !important;
    font-size: 14px !important;
    color: green !important;
    transition: all .2s !important;
}

#dateofbirth {
    font-weight: 100 !important;
}

.top-margin {
    margin-top: 5pc !important;
    margin-bottom: 5pc !important;
}

@media only screen and (max-width: 991px) and (max-width: 768px) {
    .well .well-sm .border {
        text-align: center !important;
        text-align: -webkit-center;
    }
}