.ss-body-no-cover {
    margin-top: 110px !important;
}

@media only screen and (min-width: 768px) {
     .ss-account .ss-cover {
         /* margin-top: -38px; */
         margin-top: 0px;
     }   
 }

@media screen and (max-width: 766px){
    /*.ss-body-no-cover {
        margin-top: -20px !important;
    } */   
}

@media screen and (max-width: 766px) {
     /*.ss-account .ss-body-no-cover {
         margin-top: -20px !important;
     }*/
     .ss-account .box-col:last-child {
         margin-left: 15px;
     }
     .ss-account .ss-box .box-col:first-child {
         margin-right: 15px;
     }
     .ss-account .ss-nav-tabs .nav-item {
         position: relative;
         width: 33.33333% !important;
     }
 }


.avatar img {
    background-color: #696969;
    vertical-align: central;
    text-align: center;
    /*width: 50px;
    height: 50px;*/
    border: 4px #4db2c2 solid;
    border-radius: 50%;
    height: 113px;
    width: 113px;
}

.ss-account .ss-nav-tabs li.nav-item {  
    width: 16.6666667%;
}

.ss-account .ss-cover {
    height: 235px;
    background-image: url('./../../src/imgs/bg-profile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ss-account .box-col {
    height: 100px;
    margin-top: 10px;
}

    .ss-account .box-col div {
        color: #ffffff;
        background: #964b83;
        height: 100px;
        border-radius: 10px;
    }

.ss-account .box-col:last-child {
    padding-left: 0px;
}

.ss-account .ss-box .box-col:first-child {
    padding-right: 0px;
}

.ss-account .ss-box .box-col span {
    padding-top: 15px;
    display: block;
    font-size: 1.4rem;
}

.ss-account .ss-box .box-col p {
    font-size: 1.6rem;
}

.ss-title-tool {
    /* position: relative;
    padding: 0;*/
    border-bottom: 1px solid #35a8b8;
    margin-top:0px;
}

    .ss-title-tool .title {
        margin-top: 5px;
        padding: 0px 0px 1px 0;
        width: 100%;
        font-size: 1.6rem;
        color: #0092a6;
        font-weight: 400;
        /*border-bottom: 1px solid #35a8b8;*/
    }

    .ss-title-tool .more {
       /* position: absolute;
        right: 0px;
        top: 12px;*/
        font-size: 1.2rem;
        color: #04606f;
    }

.ss-account .ss-card {
    -webkit-border-radius: 10px 10px 0 0 !important;
    -moz-border-radius: 10px 10px 0 0 !important;
    border-radius: 10px 10px 0 0 !important;
}

.ss-account .list-group-item {
    color: #035f6e;
    background: none;
    border: none;
}

    .ss-account .list-group-item span {
        color: #2aa3b5;
    }

.ss-account .input-group-append .btn, .input-group-prepend .btn {    
    z-index: 0;
}

.ss-form .input-group-append span {
    color: #fff;
    border: 1px solid #8a0e88;
    cursor: pointer;
}

    .ss-form .input-group-append span:hover {
        background-color: #7100d7;
    }

.image-upload {
    min-height:200px;
    max-width: 200px;
    max-height: 200px;
    /*display: block;*/
    background-size: cover;
    background-position: center center
}

.image-upload {
    display: none;
}

.p-image {
    /*position: absolute;
      top: 105px;
      left: 120px;*/
    margin-top: -20px;
    margin-left: 90px;
    color: #FCB200;
    /*transition: all .3s cubic-bezier(.175, .885, .32, 1.275);*/
}

    .p-image:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    }

.upload-button {
    font-size: 1.6em;
}

.upload-button:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    color: #ff6a00;
}

#form-profile-update input {
    padding-left: 10px;
}

.photo img {
    background-color: #696969;
    vertical-align: central;
    text-align: center;
    /*width: 50px;
    height: 50px;*/
    border: 4px #696969 solid;    
    /*height: 113px;
    width: 113px;*/
}

.table th, .table td{
    font-size: 100% !important;
    font-weight:100 !important;
    vertical-align:middle;
}
.table td img {   
    vertical-align: middle !important;
}

.upload-image {
    min-height: 200px;
    min-width: 200px;
}

.upload-button {
    cursor: pointer;
}

.bs-wizard {
    margin-top: 40px;
}


/*.p-image {
            margin-top: -20px;
            margin-left: 150px;
            color: #FCB200;
        }*/

.step-progressbar {
    list-style: none;
    counter-reset: step;
    display: flex;
    padding: 0;
    color: #035f6e;
}

.step-progressbar__item {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center;
    position: relative;
}

    .step-progressbar__item:before {
        width: 3em;
        height: 3em;
        content: counter(step);
        counter-increment: step;
        align-self: center;
        background: #c5dde0;
        color: #fff;
        border-radius: 100%;
        line-height: 3em;
        margin-bottom: 0.5em;
    }

    .step-progressbar__item:after {
        height: 2px;
        width: calc(100% - 4em);
        content: '';
        background: #c5dde0;
        position: absolute;
        top: 1.5em;
        left: calc(50% + 2em);
    }

.step-progressbar__item:last-child:after {
    content: none;
}

.step-progressbar__item--active:before {
    background: #1399ad;
}

.step-progressbar__item--complete:before {
    content: '✔';
    background-color: forestgreen;
}

.bootstrap-timepicker-widget input {
    border: 1px solid #707070;
}


.payment {
    background: #f1f6fe;
    color: #F0B118;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}

.payment p i {
    color: #F0B118;
}

.payment .text-white {
    font-size: 120%;
}

.payment img {
    padding: 5px 20px 5px 20px;
}

.payment .badge {
    font-size: 120%;
    font-weight: 100;
}

    /*.payment a.disabled {*/
       /* background: #ffffff;*/
        /*border-color: #999;
        box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    }*/
.box-center {
    margin: 0 auto; /* Added */
    float: none; /* Added */
   /* background: #170721;*/
  /*  color:#ffffff;*/
    padding:40px;
}

.bb-list {
    background: #eff5f5;
    color: #F0B118;
    border-radius: 5px;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}
.ss-account .btn{
    color: #ffffff;
}