/*--Common--*/
p {
    font-size: 0.9rem;
}
/*.wizard > .content > .body input::placeholder  { color: #c0bebf; }
.wizard > .content > .body input:-ms-input-placeholder { color: #c0bebf; }
.wizard > .content > .body input::-ms-input-placeholder  { color: #c0bebf; }
.wizard > .content > .body textarea::placeholder  { color: #c0bebf; }
.wizard > .content > .body textarea:-ms-input-placeholder { color: #c0bebf; }
.wizard > .content > .body textarea::-ms-input-placeholder  { color: #c0bebf; }*/
.bold-text span, footer span span, .nav-link span span, .form-group span.or-sym, .character {
    font-family: arial;
    padding: 0 3px;
}

.progressbar {
    border-radius: 1rem;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 35px;
    position: relative;
    background-color: #EEE;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,.1)
}

.proggress {
    border-radius: 1rem;
    height: 8px;
    width: 10px;
    background-color: #e6519c
}

.percentCount {
    float: right;
    margin-top: 10px;
    font-size: 0.8rem;
    width: 20%;
    text-align: left;
    margin-left: 5px;
    font-family: var(--text-font-family), sans-serif
}

.rmtext {
    float: right;
    margin-top: 10px;
    font-size: 0.8rem;
    width: 75%;
    text-align: right;
    font-family: var(--text-font-family), sans-serif;
}

.img-circle {
    border-radius: 50%;
    object-fit: contain;
}

.img-circle-45px {
    border-radius: 50%;
    height: 45px;
    object-fit: contain;
}

.img-circle-65px {
    border-radius: 50%;
    height: 75px;
    object-fit: contain;
}

.card .card-title a {
    float: right;
    color: #2b9ad1;
    font-size: 0.8rem;
}

    .card .card-title a svg {
        color: #bdbdbd;
        margin-left: 10px;
        font-size: 1rem;
    }

.card .card-title .bold-text span.count {
    border-radius: 100%;
    width: 22px;
    height: 22px;
    text-align: center;
    background: #28a5df;
    color: #fff;
    display: inline-block;
    margin: 0 5px
}

.card .card-footer {
    padding: 15px 15px 15px;
    background: #e6e6e6;
    border-radius: 0 0 calc(.40rem - 1px) calc(.40rem - 1px);
    border: 0px;
}

.tooltip {
    display: none;
}

    .tooltip .tooltip-inner {
        background-color: #28a5df;
    }

    .tooltip .arrow {
        border-color: #28a5df;
    }

.card .pink-bg, .pink-bg {
    background: #dd4e8c;
    color: #fff;
}

    .card .pink-bg.card-footer:last-child {
        border-radius: 0 0 calc(.40rem - 1px) calc(.40rem - 1px);
    }

.tick-circle {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    background: #28a5df;
    color: #fff;
    display: inline-block;
    margin: 0 2px
}

.num-circle {
    border-radius: 100%;
    width: 22px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
    background: #28a5df;
    color: #fff;
    display: inline-block;
    margin: -3px 10px;
    font-weight: bold;
    font-size: 0.97rem;
}

.btn-blue-main {
    background: #29a4dd;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 0.5em 1em 0.2em;
    color: #fff;
    font-size: 0.8rem;
    display: inline-block;
    text-align: right;
    float: right;
    width: auto;
}

    .btn-blue-main:hover {
        background: #5fc7f8;
        text-decoration: none;
        color: #fff;
    }

.heading-pinkbg {
    color: #000;
    background: #ececec;
    padding: 7px 0 0 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    /*margin: 15px auto;*/
}

.heading-pinkbg-two {
    color: #fff;
    background: #e6519c;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    margin: 15px auto;
}

.form-result {
    font-size: 0.87rem;
}

.percent {
    margin: 0px auto;
}

.add-but .btn.btn-primary {
    width: 30px;
    height: 30px;
    padding: 0px;
    border-radius: 100%
}

.actions-btn-prime {
    background: #29a4dd;
    font-size: 0.8rem;
    color: #fff;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 5px;
    text-transform: uppercase;
}
/*.actions-btn-prime:hover { background: #1c79a9; }*/
.v-top {
    vertical-align: top;
}

.prime-color {
    color: #e6519c;
}

.blue-color {
    color: #6c75b6;
}

.fb {
    font-weight: bold;
}

.head-text-right {
    position: absolute;
    right: 10px;
    color: #fff;
    font-weight: normal;
    font-size: 0.8rem;
}

    .head-text-right .round-plus {
        border: 2px solid #fff;
        border-radius: 100%;
        padding: 3px 5px;
        margin-left: 5px
    }

    .head-text-right:hover {
        color: #fff;
        opacity: 0.7;
        text-decoration: none
    }

.blue-bg-round {
    background: #26a4de;
    color: #fff;
    border-radius: 15px;
    padding: 3px 15px;
    font-size: 0.9rem
}


span.success-icon {
    border-radius: 100%;
    padding: 15px;
    margin: 30px auto;
    width: 80px;
    height: 80px;
    font-size: 45px;
}

.success-icon-pink {
    color: #e6519c;
    font-size: 5rem;
}

.pink-round-broder {
    border-radius: 100%;
    border: 3px solid #e6519c;
    display: inline-block;
    overflow: hidden;
}

    .pink-round-broder img {
        width: 100%;
        height: auto;
    }

/*--pink bullot Points--*/
.pink-bullot-points {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .pink-bullot-points li {
        padding-left: 2rem;
        text-indent: -1.4rem;
        font-size: 0.8rem;
        line-height: 1.2rem;
        margin-bottom: 5px;
    }

        .pink-bullot-points li::before {
            content: "• ";
            color: #dd4e8c;
            font-family: arial;
            font-size: 35px;
            vertical-align: middle;
            line-height: 20px;
        }
/*002022*/

/*--bordered boxes--*/
.comon-box {
    margin: 0px auto 15px;
    display: table;
    width: 100%;
    padding: 15px 0px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

    .comon-box label {
        margin-bottom: 0px;
    }

    .comon-box .form-group {
        margin-bottom: 1rem;
    }

.comon-grybg-box {
    margin: 0px auto 15px;
    display: table;
    width: 100%;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
}

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

.search-box {
    background: #fcfcfc;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
}

/*--Titles--*/
.wh-header {
    background: #fff;
    color: #e6519c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
}

.md-pink-title {
    font-size: 1rem;
    text-transform: uppercase;
    color: #e6519c
}

.md-pink-title-md {
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #e6519c
}

.md-black-title-md {
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #6c6c6c;
}

.heading-icon {
    font-size: 0.84rem;
    text-transform: uppercase;
    color: #e6519c;
    font-weight: bold;
}

    .heading-icon .h-icon {
        display: inline-block;
        background: url(../images/admin/employment.png) no-repeat;
        width: 35px;
        height: 35px;
        background-size: 100%;
        border: 1px solid #ff0000;
        border-radius: 100%;
        vertical-align: middle;
        margin-right: 5px;
    }

/*--Edit tools component--*/
.edit-tools, .edit-tools-lg {
    position: absolute;
    right: 0px;
    padding: 0 15px;
    top: 15px;
    z-index: 100
}

.edit-tools-lg {
    top: 50px;
    text-align: right;
}

    .edit-tools a, .edit-tools-lg a {
        display: inline-block;
        text-align: right;
        margin-left: 10px;
        color: #ababab;
        font-size: 1.2rem;
    }

    .edit-tools-lg a {
        margin-left: 20px;
    }

        .edit-tools a:hover, .edit-tools-lg a:hover {
            color: #e64d9d;
        }

    .edit-tools-lg button {
        font-size: 0.7rem
    }

    .edit-tools-lg .round-plus {
        border: 2px solid #ababab;
        border-radius: 100%;
        padding: 3px 5px;
        font-size: 10px;
        vertical-align: middle;
    }

/*--Model Large design--*/
.ex-modal-lg .modal-header {
    border-top: 7px solid #e6519c;
    border-bottom: 1px solid #e1e1e1;
    padding: 1rem 1rem;
}

    .ex-modal-lg .modal-header a.close {
        position: absolute;
        z-index: 999;
        top: 7px;
        right: 8px;
        color: #fff;
        opacity: 1;
        padding: 0px;
    }

        .ex-modal-lg .modal-header a.close .svg-inline--fa {
            background: #e6519c;
            border-radius: 100%;
        }

    .ex-modal-lg .modal-header a.print {
        color: #e6519c;
        position: absolute;
        right: 15px;
    }

.ex-modal-lg .modal-title {
    color: #e6519c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
}

.ex-modal-lg .modal-footer, .bd-modal-sm .modal-footer {
    border: 0px;
    background: #e6e6e6;
    padding: 0.8rem 1rem;
    border-radius: 0 0 5px 5px
}

.ex-modal-lg .card-footer:last-child {
    border-radius: 0px;
}

.ex-modal-lg .product-chart-wrapper {
    height: 400px;
}

.bd-modal-sm {
    border-radius: 0px;
}

    .bd-modal-sm .btn-blue-main {
        float: none;
        width: 80%;
        text-align: center;
        margin: 0px auto;
        height: 43px;
        font-size: 1.2rem;
    }

    .bd-modal-sm .modal-body span {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

        .bd-modal-sm .modal-body span.success-icon {
            border-radius: 100%;
            padding: 15px;
            margin: 30px auto;
            width: 80px;
            height: 80px;
            font-size: 45px;
        }

/*--Star rating--*/
.starrr {
    display: inline-block;
}

    .starrr svg {
        font-size: 14px;
        padding: 0 1px;
        cursor: pointer;
        color: #FFD119;
        text-decoration: none;
    }

/*--Header--*/
.k-header #linearBg1 {
    background-color: #e44e9b;
    background: -webkit-gradient(linear, left top, right top, from(#e44e9b), to(#45c8f2));
    background: -webkit-linear-gradient(left, #e44e9b, #45c8f2);
    background: -moz-linear-gradient(left, #e44e9b, #45c8f2);
    background: -ms-linear-gradient(left, #e44e9b, #45c8f2);
    background: -o-linear-gradient(left, #e44e9b, #45c8f2);
    height: 5px;
    width: 100%;
}

.k-header.navbar .search {
    font-family: var(--text-font-family), sans-serif
}

.k-header .navbar-brand-wrapper .brand-logo-mini {
    width: 53px;
    height: 55px;
    background-image: url(../images/admin/RNCloud_logo.png);
    background-repeat: no-repeat;
    background-position: center left;
}

.k-header.navbar .navbar-brand-wrapper {
    /*background: #fff;*/
    padding-left: 0rem;
    text-align: center !important;
}

.k-header.navbar .navbar-menu-wrapper .navbar-toggler {
    color: #fff;
    font-size: 1.5rem;
}

.k-header.navbar .navbar-menu-wrapper .navbar-nav .nav-item .form-control {
    line-height: 1.8rem;
}

/*--Header droupdown--*/
.navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item div {
    width: auto;
    max-width: none !important;
    display: inline-block;
    white-space: inherit;
    vertical-align: top;
}

/*--Sidebar--*/
.k-sidebar .sidebar .nav .nav-item .panel, .profile-panel .panel {
    border-bottom: 1px solid #c9cdd0;
    text-align: center;
    align-items: center;
    margin-bottom: 1rem;
    padding: 2rem 1rem;
    white-space: nowrap;
}

    .k-sidebar .sidebar .nav .nav-item .panel .img-circle, .profile-panel .panel .img-circle {
        padding: 5px;
        background: #cecece;
        width: 100px;
    }

    .k-sidebar .sidebar .nav .nav-item .panel .user-title, .profile-panel .panel .user-title {
        color: #e6519c;
        margin-bottom: 0px;
        margin-top: 20px;
        font-weight: normal;
    }

    .k-sidebar .sidebar .nav .nav-item .panel .user-status span, .profile-panel .panel .user-status span {
        font-size: 0.8rem;
        color: #6d6d6d;
    }

        .k-sidebar .sidebar .nav .nav-item .panel .user-status span span, .profile-panel .panel .user-status span span {
            font-family: arial;
            vertical-align: top;
            padding: 0 2px;
            font-weight: normal;
        }

.k-sidebar .sidebar .nav .nav-item .nav-link svg:first-child {
    margin-right: .8em; /*color:#787878;*/
}

.k-sidebar .sidebar .nav .nav-item .nav-link svg:last-child {
    margin-left: auto;
    color: #ababab;
}

.k-sidebar .sidebar .nav.blue-bg {
    background: #28a5df;
    margin-top: 1rem;
    padding: 1rem 0;
}

    .k-sidebar .sidebar .nav.blue-bg li .nav-link, .k-sidebar .sidebar .nav.blue-bg li a i, .k-sidebar .sidebar .nav.blue-bg li .nav-link svg:first-child {
        color: #fff;
    }

    .k-sidebar .sidebar .nav.blue-bg li:hover .nav-link, .k-sidebar .sidebar .nav.blue-bg li a:hover i, .k-sidebar .sidebar .nav.blue-bg li:hover .nav-link svg:first-child {
        opacity: 0.8;
    }

    .k-sidebar .sidebar .nav.blue-bg li a i {
        font-size: .8em;
    }

/*--My Profile--*/
.profile-data .form-group {
    font-size: 0.9rem;
    font-weight: 300;
    color: #dd4e8c;
    margin-bottom: 1rem;
}

.profile-data .col-form-label {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #6d6b6c;
}

.contact-verify {
    padding: 0px;
    margin-bottom: 0px;
}

    .contact-verify li {
        width: 100%;
        display: inline-block;
        text-align: left;
    }

        .contact-verify li:first-child {
            width: 100%;
            text-align: left
        }

        .contact-verify li p {
            display: inline-block;
            padding: 0 4px;
            font-size: 0.8rem;
            margin: 0px;
        }

            .contact-verify li p a {
                color: #fff;
            }

            .contact-verify li p:first-child svg {
                font-size: 1.2rem;
                vertical-align: middle;
            }

/*--Work Exp. (4tiles)--*/
.work-exp .card.card-circle-progress {
    color: #6c6c6c;
}

.work-exp .tile-one .card.card-circle-progress .percent {
    margin: 0px auto;
}

.work-exp .tile-one {
}

.work-exp .card-title, .work-exp .tile-two .card.card-circle-progress {
    text-align: left;
}

.work-exp .tile-three h6 {
    font-size: 1.1rem;
}

    .work-exp .tile-three h6 span {
        color: #dd4e8c;
        font-weight: bold;
    }

.work-exp .tile-four .work-place h4 {
    color: #dd4e8c;
    margin-bottom: 0px
}

.work-exp .tile-four .work-place h5 {
    color: #2b99b5;
}

.work-exp .tile-four .btn-primary, .btn.btn-primary {
    background: #29a4dd;
    border-radius: 20px;
    text-transform: uppercase;
    padding: 5px 15px 3px;
    white-space: inherit;
}

    .work-exp .tile-four .btn-primary:hover, .btn-primary:hover {
        background: #1c79a9;
    }

/*--Resource Status--*/
.rec-Jobs-main .rec-Jobs {
    margin: 0px auto 15px;
    display: table;
    width: 100%;
    padding: 15px 10px 5px 25px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

    .rec-Jobs-main .rec-Jobs .flash-icon {
        position: absolute;
        top: -4px;
        left: -4px
    }

    .rec-Jobs-main .rec-Jobs h3 {
        color: #e6519c;
        font-size: 15px;
        margin: 0px;
        font-weight: 500;
    }

    .rec-Jobs-main .rec-Jobs .reviews p {
        display: inline-block;
        width: auto;
    }

    .rec-Jobs-main .rec-Jobs p, .rec-Jobs p a {
        font-size: 0.9rem;
        margin-bottom: 7px;
        font-weight: 300;
    }

        .rec-Jobs-main .rec-Jobs p a {
            color: #2b9ad1;
            text-decoration: underline;
        }

.rec-Jobs-main {
    overflow: hidden;
    position: relative;
}

    .rec-Jobs-main .chatsd, .chatsdpr {
        padding: 4px 15px 10px 8px;
        max-height: 440px;
    }

.chatsdpr {
    max-height: 350px;
}

.rec-Jobs-main svg.fa-times-circle {
    position: absolute;
    right: 5px;
    top: 5px;
    font-weight: normal;
    color: #2b9ad1;
}

/*--H charts--*/
.chart-circle {
    display: inline-block;
    font-size: 2em;
    height: 160px;
    line-height: 160px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    width: 160px;
}

    .chart-circle canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.chart {
    zoom: 1;
    width: 90%;
    padding: 0px;
    margin: 0px;
}

    .chart:after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        visibility: hidden;
    }

    .chart li {
        display: block;
        height: 23px;
        margin-top: 3px;
        position: relative;
    }

        .chart li:before {
            color: #fff;
            content: attr(title);
            left: 5px;
            position: absolute;
            font-size: .6rem;
            line-height: 24px;
        }

        .chart li.title:before {
            color: #fff;
            font-weight: bold;
            left: 0;
        }

        .chart li:first-child {
            margin-top: 0;
        }

        .chart li .bar {
            background: #28a5df;
            height: 100%;
        }

        .chart li .number {
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            padding-left: 5px;
            position: absolute;
            top: -2px;
        }

        .chart li.past .bar {
            background: #28a5df;
        }

        .chart li.past .number {
            color: #fff;
        }

/*--wizard (5) colum--*/
/*.form-group { margin-bottom: 1.8rem }*/
.my-profile-form .wizard > .content > .body label.error {
    margin-left: 0px;
}

.my-profile-form .card-body {
    padding-bottom: 50px;
}

.my-profile-form .form-group .radio {
    border-bottom: 1px solid #CCC;
}

.my-profile-form .form-group label, .skillassest .form-group label, .skillassest-form-model .form-group label, .mytimesheet-form .form-group label, .myhospitals-form .form-group label {
    display: block;
    position: relative;
    color: #e64d9d;
    font-size: 0.9rem;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
}

    .my-profile-form .form-group label span {
        font-family: arial;
    }

.my-profile-form .form-group .label {
    color: #e64d9d;
    text-transform: uppercase;
    padding-left: 0px;
}

.my-profile-form .form-group .form-control, .skillassest .form-group .form-control, .skillassest-form-model .form-group .form-control {
    font-weight: normal; /*height:30px;*/
    border-radius: 0px;
    color: #6c6c6c !important;
    font-size: 14px;
    border: none;
    padding: 0px 0px; /*border-bottom: 1px solid #CCC;*/
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

    .my-profile-form .form-group .form-control:focus {
        font-weight: normal;
        border-radius: 0px;
        border-bottom: 1px solid #e6519c;
        outline: none;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

.form-group select.form-control:not([size]):not([multiple]) {
    height: 32px;
}

.my-profile-form .form-group label.error {
    font-size: 0.5rem;
    margin-left: .3em
}

.my-profile-form .image-upload-box {
    background-color: #f2f2f2;
    color: #bababa;
    position: relative;
    padding: 5px;
    font-size: 6rem;
    text-align: center;
    width: 125px;
    height: 125px;
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}

    .my-profile-form .image-upload-box svg {
        vertical-align: 0;
    }

    .my-profile-form .image-upload-box .btn {
        background-color: #28a5df;
        border-radius: 100%;
        width: 25px;
        height: 25px;
        padding: 0px;
        text-align: center;
        vertical-align: middle;
        padding: 3px 0;
        position: absolute;
        right: -5px;
        bottom: -5px;
    }

.my-profile-form .user-status {
    margin-top: 2rem;
    display: inline-block;
    vertical-align: middle;
}

    .my-profile-form .user-status .user-title {
        font-size: 1rem;
        color: #e6519c;
        font-weight: bold;
        margin-bottom: 0px;
    }

    .my-profile-form .user-status span {
        font-size: 0.8rem;
        color: #6d6d6d;
    }

        .my-profile-form .user-status span span {
            font-family: arial;
            vertical-align: top;
            padding: 0 2px;
            font-weight: normal;
        }

.my-profile-form .wizard > .steps li:nth-child(1) a {
    cursor: pointer;
    background-image: url('../images/admin/steps-pi.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.my-profile-form .wizard > .steps li:nth-child(2) a {
    cursor: pointer;
    background-image: url('../images/admin/steps-license.png');
    background-position: center;
    background-repeat: no-repeat;
}

.my-profile-form .wizard > .steps li:nth-child(3) a {
    cursor: pointer;
    background-image: url('../images/admin/steps-eductn.png');
    background-position: center;
    background-repeat: no-repeat;
}

.my-profile-form .wizard > .steps li:nth-child(4) a {
    cursor: pointer;
    background-image: url('../images/admin/steps-emplymnt.png');
    background-position: center;
    background-repeat: no-repeat;
}

.my-profile-form .wizard > .steps li:nth-child(5) a {
    cursor: pointer;
    background-image: url('../images/admin/steps-certif.png');
    background-position: center;
    background-repeat: no-repeat;
}

.my-profile-form .wizard > .steps li:nth-child(6) a {
    cursor: pointer;
    background-image: url('../images/admin/steps-md.png');
    background-position: center;
    background-repeat: no-repeat;
}

.my-profile-form .wizard > .steps li:nth-child(7) a {
    cursor: pointer;
    background-image: url('../images/admin/steps-scan.png');
    background-position: center;
    background-repeat: no-repeat;
}

.my-profile-form, .skillassest-form, .skillassest-result-form, .certificat-verify-form, .mytimesheet-form, .myhospitals-form, .searchresult-form, .alerts-note-form {
    border-top: 7px solid #e6519c;
}

    .my-profile-form .wizard > .steps > ul > li {
        width: 20%;
        position: relative;
        margin: 10px 0 70px;
    }

    .my-profile-form .wizard > .content {
        background: transparent;
    }

    .my-profile-form .wizard > .steps a {
        background-repeat: no-repeat;
        background-size: 100%;
        border-radius: 100%;
        border: none;
        margin: 0px auto;
        width: 82px;
        height: 82px;
    }

        .my-profile-form .wizard > .steps a .s-title {
            text-transform: uppercase;
            position: absolute;
            width: 100%;
            bottom: -40px;
            text-align: center;
            left: 0px;
            color: #e6519c;
            font-weight: bold;
            font-size: 12px;
        }

            .my-profile-form .wizard > .steps a .s-title .s-icon, .my-profile-form .wizard > .steps a .s-title .t-icon {
                display: none;
            }

    .my-profile-form .wizard > .steps .current a .s-title .s-icon {
        color: #000;
        display: block;
        position: absolute;
        font-size: 1rem;
        right: 0%;
        bottom: -3rem;
        width: 100%;
        height: 50px;
        vertical-align: 0;
        overflow: hidden;
    }

    .my-profile-form .wizard > .steps .current a {
        border: none;
    }

    .my-profile-form .wizard > .steps .done a {
        border: none;
    }

    .my-profile-form .wizard > .steps .error a {
        border: 5px solid #ff3111;
    }

    .my-profile-form .wizard > .steps .done a:hover {
        border: 5px solid #82c247;
    }

    .my-profile-form .wizard > .steps .error a:hover {
        border: 5px solid #ff3111;
    }

    .my-profile-form .wizard > .content > .body {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .my-profile-form .wizard .form-group textarea.form-control {
        height: auto
    }

    .my-profile-form .wizard > .actions {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 15px 15px 5px;
        background: #e6e6e6;
        border-radius: 0 0 calc(.40rem - 1px) calc(.40rem - 1px)
    }

        .my-profile-form .wizard > .actions > ul > li {
            margin-bottom: 0px;
        }

    .my-profile-form .wizard > .content > .body .chatsd {
        height: 200px;
        padding: 4px 8px 10px;
    }

    .my-profile-form .actions a {
        background: #29a4dd;
        text-transform: uppercase;
        font-family: arial;
        font-size: 0.8rem
    }

    .my-profile-form legend {
        display: none;
    }

    .my-profile-form .wizard > .content > .body label {
        margin-bottom: 0px;
    }

    .my-profile-form .wizard > .steps a .number {
        margin-left: calc(50% - 1.7em / 2 );
    }

        .my-profile-form .wizard > .steps a .number:after {
            content: ' ';
            position: absolute;
            border: 1px solid #b9b9b9;
            border-radius: 4px;
            left: calc( 50% + 3.5em/2 );
            right: -4px;
            top: calc( 3.5em / 2 );
        }

        .my-profile-form .wizard > .steps a .number:before {
            content: ' ';
            position: absolute;
            border: 1px solid #b9b9b9;
            border-radius: 4px;
            left: -4px;
            right: calc( 50% + 3.5em/2 );
            top: calc( 3.5em / 2 );
        }

    .my-profile-form .wizard > .steps .done a .s-title .t-icon {
        color: #82c247;
        text-align: right;
        display: block;
        position: absolute;
        font-size: 1rem;
        right: 0%;
        bottom: 4.4rem;
        width: auto;
        height: 50px;
        vertical-align: 0;
        overflow: hidden;
        margin-right: calc(50% - 4.2em / 2 )
    }

        .my-profile-form .wizard > .steps .done a .s-title .t-icon .fa-check-circle {
            border-radius: 100%;
            background: #fff;
        }

    .my-profile-form .wizard > .steps ul li:first-child a .number:before {
        border: 0px;
    }

    .my-profile-form .wizard > .steps ul li:last-child a .number:after {
        border: 0px;
    }

/*--Skill Assessment--*/
.skillassest .wel-assesst-title {
    text-align: center;
    margin: 20% auto
}

.skillassest .breadcrumb {
    background: transparent;
    border-radius: 0;
    padding: 0;
    text-transform: uppercase;
}

.skillassest .breadcrumb-item + .breadcrumb-item::before {
    content: none;
}

.skillassest .breadcrumb-item.active {
    color: #575656;
}

.skillassest .search-box .pink-round-broder {
    width: 65%
}

.skillassest .search-box .form-group {
    margin: 1rem 0
}

.skillassest .breadcrumb .breadcrumb-item, .skillassest .breadcrumb .breadcrumb-item .black-text {
    color: #e64d9d;
}

.skillassest .dropdown a.dropdown-toggle {
    color: #e64d9d;
    text-transform: uppercase;
}

.skillassest .dropdown-menu > li > a {
    color: #575656;
    display: block;
    padding: 10px 15px;
    font-size: 0.7rem;
    padding: 5px 15px;
}

    .skillassest .dropdown-menu > li > a span {
        color: #e64d9d;
    }

.skillassest .dropdown ul.dropdown-menu {
    border-radius: 7px;
    box-shadow: 2px 2px 4px 0px #ccc;
    margin-top: 20px;
    min-width: 250px;
    margin-right: 8%
}

    .skillassest .dropdown ul.dropdown-menu:before {
        content: "";
        border-bottom: 10px solid #fff;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: -10px;
        right: 16px;
        z-index: 10;
    }

    .skillassest .dropdown ul.dropdown-menu:after {
        content: "";
        border-bottom: 12px solid #ccc;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        position: absolute;
        top: -12px;
        right: 14px;
        z-index: 9;
    }

.skillassest .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9fafc
}

.skillassest .table-striped td, .skillassest .table-striped th {
    border-top: #fefefe;
    color: #575656;
}

    .skillassest .table-striped td .form-check-inline .form-check-input {
        margin-right: 0px;
        vertical-align: middle;
    }

    .skillassest .table-striped td .form-check-inline {
        margin-right: 1rem
    }

.skillassest .product-chart-wrapper {
    height: 400px;
}

.skillassest .rTable {
    display: table;
    width: 100%;
}

.skillassest div.rTableRow:nth-of-type(odd) {
    display: table-row;
    background-color: #f9fafc
}

.skillassest .rTableRow {
    display: table-row;
}

.skillassest .rTableHeading {
    display: table-header-group;
}

.skillassest .rTableBody {
    display: table-row-group;
}

.skillassest .rTableFoot {
    display: table-footer-group;
}

.skillassest .rTableCell, .skillassest .rTableHead {
    display: table-cell;
    border-top: #fefefe;
    color: #575656;
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

/*--Skillassest Result--*/
.skillassest-result .search-result-box {
    width: 100%;
    display: table;
    padding: 0px;
}

    .skillassest-result .search-result-box li.col1 {
        width: 90px;
    }

    .skillassest-result .search-result-box li.col2 .next-skill {
        margin: 30px 0
    }

        .skillassest-result .search-result-box li.col2 .next-skill div p {
            font-size: 1.2rem;
        }

    .skillassest-result .search-result-box li.col2 ul {
        width: 100%;
        background: #e6519c;
        border-radius: 8px;
    }

        .skillassest-result .search-result-box li.col2 ul li {
            padding: 6px 55px 4px 15px;
            border-bottom: 1px solid #eba9cd;
            color: #fff;
            position: relative;
            font-size: 0.9rem;
            font-weight: 500
        }

            .skillassest-result .search-result-box li.col2 ul li:first-child {
                padding-top: 15px;
            }

            .skillassest-result .search-result-box li.col2 ul li span.unic-count {
                position: absolute;
                right: 25px;
            }

            .skillassest-result .search-result-box li.col2 ul li:last-child {
                font-size: 0.9rem;
                font-weight: bold;
                text-transform: uppercase;
                background: #28a5df;
                border-bottom: 0px solid;
                border-radius: 0 0 8px 8px;
                padding-top: 10px;
                padding-bottom: 10px;
            }

.skillassest-result .search-result-ratio {
    width: 100%;
    text-align: center;
}

    .skillassest-result .search-result-ratio .percent {
        width: 150px;
        height: 150px;
    }

    .skillassest-result .search-result-ratio .congrats-text {
        font-size: 1.5rem;
        color: #666666;
    }

.skillassest-result .skill-status {
    display: block;
}

.skillassest-result .congrats-text {
    font-size: 16px;
}

.list-wrapper {
    max-height: 320px;
    position: relative;
    width: 100%;
    max-height: 100%;
}

    .list-wrapper ul {
        padding: 0;
        text-align: left;
        list-style: none;
    }

        .list-wrapper ul li {
            font-weight: 500;
        }

    .list-wrapper hr {
        border-bottom: 0;
        margin: 15px 0;
    }

/*--certifications--*/
.certification-form .add-new-cerit .form-group {
    margin-bottom: 1rem
}

.certificat-verify .search-result-box {
    width: 100%;
    display: table;
    padding: 0px;
}

    .certificat-verify .search-result-box li.col1 {
        width: 90px;
    }

    .certificat-verify .search-result-box li.col1 {
        width: 90px;
    }

.certificat-verify .pink-round-broder {
    height: 90px;
}

    .certificat-verify .pink-round-broder img {
        vertical-align: top;
    }

.certificat-verify .certificat-verify-form h6 {
    color: #e6519c;
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 0.95rem;
}

.certificat-verify .status-chart {
    border: 1px solid #dfdfdf;
}

    .certificat-verify .status-chart .red-bg .bar {
        background: #de2851;
    }

.certificat-verify .add-new-cert p {
    font-size: 1rem;
    margin-bottom: 5px;
}

.certificat-verify .add-new-cert .actions-btn-prime {
    min-width: 300px;
    font-size: 0.9rem
}

/*--My Time Sheet--*/
.mytimesheet-form .timesheet-box {
    width: 100%;
    display: table;
    padding: 0px;
}

    .mytimesheet-form .timesheet-box li.col1 {
        width: 250px;
    }

    .mytimesheet-form .timesheet-box li.col2 .next-skill {
        margin: 30px 0
    }

.mytime-sheet .registry-pic img {
    border: 1px solid #dedede;
}
/*.mytime-sheet .registry-pic label { margin-bottom:0px;  }*/
.mytime-sheet .all-other-registries {
    padding: 0 15px;
}

.mytime-sheet .other-registries-tile {
    display: table;
    width: 100%;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

    .mytime-sheet .other-registries-tile .img-box-sm img {
        border: 1px solid #dedede;
        border-radius: 7px;
        width: 100%;
    }

/*--My Hospotal--*/
.myhospitals .myhospitals-form {
}

.myhospitals-form .timesheet-box {
    width: 100%;
    display: table;
    padding: 0px;
}

    .myhospitals-form .timesheet-box li.col1 {
        width: 250px;
    }

    .myhospitals-form .timesheet-box li.col2 .next-skill {
        margin: 30px 0
    }

.myhospitals .registry-pic img {
    border: 1px solid #dedede;
}

.myhospitals .all-other-registries {
    padding: 0 15px;
}

.myhospitals .other-registries-tile {
    display: table;
    width: 100%;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

    .myhospitals .other-registries-tile .img-box-sm img {
        border: 1px solid #dedede;
        border-radius: 7px;
        width: 100%;
    }

.myhospitals .md-black-title-md span {
    display: block;
    text-transform: none;
}



/*--Search Results--*/
.searchresult-main {
    overflow: hidden;
    position: relative;
}

    .searchresult-main .chatsd {
        height: 100%;
        padding: 0px;
        max-height: 600px;
    }

    .searchresult-main .searchresult-Jobs {
        font-size: 0.9rem;
        margin: 0px auto 15px;
        display: table;
        width: 100%;
        padding: 0px 0px 15px 0px;
        position: relative;
        border-bottom: 1px solid #e5e5e5;
    }

        .searchresult-main .searchresult-Jobs .search-title {
            color: #27a0e9;
            font-size: 0.9rem;
            margin: 0px;
            font-weight: 700;
            text-decoration: none;
        }

        .searchresult-main .searchresult-Jobs p {
            margin-bottom: 2px;
        }

            .searchresult-main .searchresult-Jobs p a {
                font-size: 0.9rem;
                font-weight: 300;
                color: #27a0e9;
                text-decoration: none;
            }

        .searchresult-main .searchresult-Jobs .posted-date, .searchresult-main .searchresult-Jobs .reviews a {
            font-size: 0.8rem;
            margin-bottom: 0px
        }

        .searchresult-main .searchresult-Jobs .posted-description {
            font-size: 0.8rem;
            color: #313131;
            font-weight: 700;
        }

/*--Alerts Notifications--*/
.alerts-note-main .new-alerts ul {
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: table;
}

    .alerts-note-main .new-alerts ul li.chat-persons {
        padding: 10px 15px;
        display: block;
        background: #f9f9fb;
        border-radius: 6px;
        margin-bottom: 10px;
        border: 1px solid #cfcfcf;
    }

        .alerts-note-main .new-alerts ul li.chat-persons a {
            display: flex;
            align-items: center;
        }

        .alerts-note-main .new-alerts ul li.chat-persons .pro-pic {
            display: inline-block;
            padding: 0;
            width: 20%;
            max-width: 40px;
        }

            .alerts-note-main .new-alerts ul li.chat-persons .pro-pic img {
                max-width: 100%;
                width: 100%;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                border-radius: 100%;
            }

        .alerts-note-main .new-alerts ul li.chat-persons div.user {
            width: 60%;
            padding: 5px 10px 0 15px;
            flex-direction: column;
        }

            .alerts-note-main .new-alerts ul li.chat-persons div.user p.u-name {
                margin: 0;
                font-size: 14px;
                font-weight: 500;
                color: #373634;
                line-height: 18px;
            }

            .alerts-note-main .new-alerts ul li.chat-persons div.user p.u-designation {
                margin: 0;
                font-size: 11px;
                color: #959597;
            }

        .alerts-note-main .new-alerts ul li.chat-persons p.joined-date {
            text-align: right;
            margin-left: auto;
            margin-bottom: 0;
            color: #3b9ada;
        }

.alerts-note-main .todo-wrapper .form-control {
    border-radius: 0;
    border: 0 solid;
    border-bottom: 1px solid #ced4da;
}

.community-note h4 {
    padding: 10px 15px;
}

.community-note .right-section .new-alerts ul li.chat-persons {
    padding: 10px 15px;
    display: block;
    background: #fff;
    border-radius: 0px;
    margin-bottom: 0px;
    border: 0px solid #cfcfcf;
}

.community-note .left-section .post-request {
    margin-top: 0px;
}

    .community-note .left-section .post-request ul {
        padding: 0px;
        margin: 0px;
        width: 100%;
        display: table;
    }

        .community-note .left-section .post-request ul li {
            display: flex;
            align-items: center;
        }

            .community-note .left-section .post-request ul li .pro-pic {
                display: inline-block;
                padding: 0;
                width: 20%;
                max-width: 60px;
            }

                .community-note .left-section .post-request ul li .pro-pic img {
                    max-width: 100%;
                    width: 100%;
                    -webkit-border-radius: 100%;
                    -moz-border-radius: 100%;
                    -ms-border-radius: 100%;
                    border-radius: 100%;
                    border: 4px solid #cecece
                }

            .community-note .left-section .post-request ul li .user {
                width: 100%;
                padding: 5px 10px 0 20px;
                flex-direction: column;
            }

                .community-note .left-section .post-request ul li .user textarea {
                    background: transparent;
                    color: #fff;
                    font-size: 0.9rem
                }

                    .community-note .left-section .post-request ul li .user textarea::-webkit-input-placeholder {
                        color: #fff;
                        font-size: 0.9rem
                    }

                    .community-note .left-section .post-request ul li .user textarea::-moz-placeholder {
                        color: #fff;
                        font-size: 0.9rem
                    }

                    .community-note .left-section .post-request ul li .user textarea:-ms-input-placeholder {
                        color: #fff;
                        font-size: 0.9rem
                    }

                    .community-note .left-section .post-request ul li .user textarea:-moz-placeholder {
                        color: #fff;
                        font-size: 0.9rem
                    }

            .community-note .left-section .post-request ul li.icons-box-right {
                text-align: right;
                float: right;
                margin: 5px 10px;
            }

            .community-note .left-section .post-request ul li .sym-icons {
                color: #fff;
            }

                .community-note .left-section .post-request ul li .sym-icons a {
                    color: #fff;
                    font-size: 1.5rem;
                    display: block;
                    margin-right: 20px;
                    margin-top: 0px;
                    vertical-align: middle;
                }

                    .community-note .left-section .post-request ul li .sym-icons a:hover {
                        color: #cfcfcf;
                    }


.chat-his-gray-box {
    background: #f9f9fb;
    padding: 15px;
    margin: 0 15px 15px;
}

    .chat-his-gray-box img {
        width: 50%
    }

    .chat-his-gray-box p {
        font-size: 0.8rem;
    }

        .chat-his-gray-box p.symbols a {
            font-size: 1.2rem;
            display: inline-block;
            margin-right: 10px;
            color: #24a0e0;
        }

            .chat-his-gray-box p.symbols a:hover {
                color: #1c79a9;
            }

.t-p a {
    display: flex;
    align-items: center;
    text-decoration: none
}

    .t-p a .pro-pic {
        display: inline-block;
        padding: 0;
        width: 20%;
        max-width: 40px;
    }

        .t-p a .pro-pic img {
            width: 100%;
            max-width: 100%;
            border-radius: 100%;
        }

    .t-p a .user {
        padding: 5px 10px 0 15px;
        flex-direction: column;
        color: #383637;
    }

.replay-box {
    padding: 0 15px;
    margin: 0px
}

.round-big-box {
    border-radius: 20px;
    width: 100%;
    padding: 2px;
    border: 1px solid #cecece;
    background: #f9f9fb
}

    .round-big-box .t-i-t {
        width: 100%
    }

        .round-big-box .t-i-t input {
            width: 100%;
            padding: 2px;
            border: 0px solid #cecece;
            background: transparent;
        }

/*--Status icons--*/
.status {
    height: 10px;
    width: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-flex;
    justify-content: flex-start;
    transform: translateX(0px) translateY(2px);
}

    .status:after {
        font-size: 12px;
        color: #2e383e;
        margin: -5px 0 0 18px;
    }

    .status.offline {
        background: rgba(255, 0, 0, 0.7);
    }

    .status.online {
        background: rgba(0, 128, 0, 0.68);
    }

/*--text editer--*/
.richText {
    border-radius: 8px;
}

    .richText .richText-toolbar ul {
        margin: 0px;
        padding: 0px 15px;
    }

        .richText .richText-toolbar ul li svg {
            color: #fff;
            margin: 15px 10px;
            cursor: pointer;
        }

            .richText .richText-toolbar ul li svg:hover {
                color: #cfcfcf;
            }

/*--Pagination--*/
.pink-footer-papagination.card-footer {
    padding: 10px 15px;
}

.pink-footer-papagination .pagination {
    margin-bottom: 0px;
    border-radius: 0px
}

.pink-footer-papagination .page-item.disabled .page-link, .page-item:first-child .page-link, .page-item:last-child .page-link, .pink-footer-papagination .page-link, .pink-footer-papagination .page-item {
    font-size: 0.9rem;
    font-weight: bold;
    display: inline-block;
    padding: 0px 5px;
    border: 0px;
    background-color: transparent;
    color: #fafeff;
}

    .pink-footer-papagination .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: none;
    }

/*--Date Picker--*/
.date-picker-box {
    border-radius: 7px;
    overflow: hidden;
}

.datepicker-days.timesheet-submit {
    background-color: #e6519c;
    color: #fff;
    text-align: center;
    padding: 1rem 0.5rem;
    font-size: 0.9rem;
    border-radius: 0 0 7px 7px
}

    .datepicker-days.timesheet-submit span {
        display: block;
        font-size: 1.2rem;
        font-weight: bold
    }

    .datepicker-days.timesheet-submit button {
        font-size: 0.8rem;
    }

.datepicker.datepicker-inline .datepicker-days {
    padding: 0px;
    border: 1px solid #e0e0e0;
}

.datepicker.datepicker-inline {
    width: 230px;
    margin: 0px;
    padding: 0px
}

    .datepicker.datepicker-inline table tr:first-child th {
        background-color: #e6519c;
        border-radius: 0px;
        color: #fff;
        text-transform: uppercase;
        padding: 7px 5px 5px;
        font-size: 1rem;
    }

    .datepicker.datepicker-inline .icon-arrow-right {
    }

.table-condensed thead tr:last-child th {
    background-color: #e5eaee;
    color: #4b4b4d;
    font-size: 0.8rem;
    border-radius: 0px;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 5px;
}

.table-condensed tbody tr td {
    color: #4b4b4d;
    font-size: 0.79rem;
    text-align: center;
    padding: 7px 0px;
}

.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active {
    border-radius: 100%;
    background-color: #23a2d7;
}

.addtimesheet {
    padding-left: 30px;
}

/*--Table Component--*/
.table-component {
    border-radius: 7px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    margin-bottom: 15px;
}

    .table-component thead {
        background: #28a5df;
        color: #fff;
        border-radius: 10px 10px 0 0;
    }

        .table-component thead th {
            color: #fff;
            font-size: 0.9rem;
            white-space: nowrap;
            text-transform: uppercase;
        }

    .table-component tbody td {
        color: #626061;
        font-size: 0.9rem;
    }

    .table-component thead th:first-child, .table-component thead th:last-child {
        min-width: 80px;
    }

    .table-component .table tr td {
        border: 0px;
        font-weight: 500;
    }

    .table-component .tr-edit-tools a {
        color: #bcbcbc;
        display: inline-block;
        padding: 0 5px;
    }

        .table-component .tr-edit-tools a:hover {
            color: #626061;
            padding: 0 5px;
        }

    .table-component .success {
        color: #95bb4a;
    }

    .table-component .inprocess {
        color: #f3632f;
    }


/*--Modal Profile pannel--*/
.profile-panel .panel {
    border-bottom: 0px;
    padding: 0px;
}

    .profile-panel .panel .user-title {
        font-size: 1rem
    }

    .profile-panel .panel .user-status span {
        font-size: 0.7rem;
        font-weight: bold;
    }

        .profile-panel .panel .user-status span span {
            vertical-align: inherit;
            padding: 0px 1px;
        }

.heading-icon .exp-icon {
    background-image: url(../images/admin/personalinfo.png);
}

.heading-icon .edu-icon {
    background-image: url(../images/admin/educaton.png);
}

.heading-icon .certi-icon {
    background-image: url(../images/admin/certificates.png);
}

.heading-icon .medi-icon {
    background-image: url(../images/admin/MedicalRecords.jpg);
    background-size: 75%;
    background-position: center center
}

.heading-icon .refer-icon {
    background-image: url(../images/admin/reference.jpg);
    background-size: 75%;
    background-position: center center
}




@media (min-width: 1160px) {

    /*--Skillassest--*/
    .skillassest-result .search-result-ratio {
        width: 450px;
        text-align: center;
    }
}

@media (min-width: 992px) {

    .k-header .navbar-brand-wrapper .brand-logo-mini {
        float: left;
        width: 53px;
        height: 55px;
        background-image: url(../images/admin/RNCloud_logo.png);
        background-repeat: no-repeat;
        background-position: center left;
    }

    .sidebar .nav .nav-item.active > .nav-link .menu-title, .sidebar .nav .nav-item.active > .nav-link i {
    }
    /*--Sidebar--*/
    .sidebar-icon-only:not(.sidebar-expanded) .k-header.navbar .navbar-brand-wrapper {
        padding-left: 0.8rem;
    }

        .sidebar-icon-only:not(.sidebar-expanded) .k-header.navbar .navbar-brand-wrapper .brand-logo-mini {
            margin: 8px 0;
        }

    .sidebar-icon-only:not(.sidebar-expanded) .k-sidebar .sidebar .nav .nav-item .panel {
        padding: 2rem .8rem;
    }

        .sidebar-icon-only:not(.sidebar-expanded) .k-sidebar .sidebar .nav .nav-item .panel .img-circle {
            width: 2.7rem;
        }

        .sidebar-icon-only:not(.sidebar-expanded) .k-sidebar .sidebar .nav .nav-item .panel .user-status {
            display: none;
        }

    .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item .nav-link svg:last-child {
        display: none;
    }

    .sidebar-icon-only:not(.sidebar-expanded) .tooltip {
        display: block;
    }

    .sidebar-icon-only:not(.sidebar-expanded) .k-sidebar .nav .nav-item.active > .nav-link {
        background: #dd4e8c;
    }

    .sidebar-icon-only:not(.sidebar-expanded) .k-sidebar .sidebar .nav .nav-item.active > .nav-link svg {
        color: #fff;
    }

    /*--Models--*/
    .ex-modal-lg .card-footer .contact-verify li {
        text-align: left;
    }

        .ex-modal-lg .card-footer .contact-verify li:first-child {
            width: 35%
        }

    .modal-lg {
        max-width: 1200px;
    }


    /*--My Profile--*/
    .contact-verify li {
        width: 53%;
        display: inline-block;
        text-align: right;
    }

        .contact-verify li:first-child {
            width: 47%;
            text-align: left;
        }
}

@media (min-width: 576px) {

    .navbar .navbar-menu-wrapper .navbar-dropdown {
        right: 0;
        left: auto;
    }

        .navbar .navbar-menu-wrapper .navbar-dropdown:after {
            right: 16px;
            left: auto;
        }

        .navbar .navbar-menu-wrapper .navbar-dropdown:before {
            right: 15px;
            left: auto;
        }

    .my-profile-form .wizard > .steps a:hover, .my-profile-form .wizard > .steps .current a:hover, .my-profile-form .wizard > .steps .done a:hover {
        opacity: 0.5;
        background-color: transparent;
    }

    /*--Model--*/
    .bd-modal-sm .modal-sm {
        max-width: 340px;
    }
}

@media (max-width:1024px) {

    .mytimesheet-form .add-new-cerit .registry-pic {
        width: 150px;
    }

        .mytimesheet-form .add-new-cerit .registry-pic img {
            width: 100px;
            height: auto;
        }

    .myhospitals-form .add-new-cerit .registry-pic {
        width: 150px;
    }

        .myhospitals-form .add-new-cerit .registry-pic img {
            width: 100px;
            height: auto;
        }

    /*.edit-tools-lg { right:inherit; left: -30px; top:180px  }*/

}

@media (max-width:768px) {

    .card-deck .card {
        flex: 100%;
    }

    .navbar .navbar-menu-wrapper .navbar-dropdown {
        right: 0;
        left: auto;
        box-shadow: 0px 2px 6px 0px #cfcfcf;
    }

        .navbar .navbar-menu-wrapper .navbar-dropdown:after {
            right: 16px;
            left: auto;
        }

        .navbar .navbar-menu-wrapper .navbar-dropdown:before {
            right: 15px;
            left: auto;
        }

    .row-offcanvas .sidebar-offcanvas {
        padding-right: 1.90rem
    }

    /*wizard*/
    .my-profile-form .wizard > .steps a {
        width: 82px;
        height: 82px;
    }

        .my-profile-form .wizard > .steps a .s-title {
            font-size: 0.7rem
        }

    .skillassest .breadcrumb li:first-child {
        width: 100%;
    }

    .skillassest .breadcrumb li {
        float: left;
    }

    .skillassest .rTableCell, .skillassest .rTableHead {
        display: block;
        width: 100%
    }

    .skillassest-result .search-result-ratio {
        padding-top: 40px !important
    }

    .certificat-verify .add-new-cert .actions-btn-prime {
        min-width: auto;
        font-size: 0.9rem
    }
}

@media (max-width:736px) {

    /*--Header--*/
    .k-header .dropdown-item {
        white-space: inherit;
    }

    .my-profile-form .wizard > .steps a .s-title .xs-hide {
        display: none;
    }

    .my-profile-form .wizard > .steps > ul > li {
        margin-bottom: 30px;
    }

    .my-profile-form .wizard > .steps .current a .s-title .s-icon {
        bottom: 0rem;
        height: 35px;
        font-size: 1.5rem
    }

    .my-profile-form .wizard > .steps a, .my-profile-form .wizard > .steps a:hover, .my-profile-form .wizard > .steps .current a, .my-profile-form .wizard > .steps .done a {
        border-width: 2px;
    }

    .my-profile-form .wizard > .actions {
        position: fixed;
    }

    .my-profile-form .product-wizard {
        position: relative;
        height: 400px;
    }

    .my-profile-form legend {
        display: block;
    }

    /*Skill assest*/
    .skillassest .breadcrumb li, .skillassest .dropdown a.dropdown-toggle {
        font-size: 0.8rem
    }

    .panel-heading {
        margin-bottom: 15px;
    }

    .skillassest-result, .certificat-verify, .mytime-sheet, .myhospitals, .searchresult, .alerts-note {
        padding: 1rem;
    }

    .skillassest .search-box .pink-round-broder {
        width: 80px;
    }

    .skillassest .wel-assesst-title .pink-round-broder {
        width: 120px
    }

    .mytimesheet-form .add-new-cerit.d-flex, .myhospitals-form .add-new-cerit.d-flex {
        display: block !important;
        margin-bottom: 15px;
    }

    .addtimesheet {
        padding-left: 0px;
        padding-top: 30px;
    }
}

@media screen and (max-width: 480px) {

    /*Common*/
    .comon-box {
        padding-top: 40px;
    }

    /*--Header*/
    .k-header .dropdown-menu {
        min-width: 17rem;
    }

    /*--H Chats--*/
    .chart li {
        height: auto
    }

        .chart li:before {
            color: black;
            display: block;
            left: 0;
            position: relative
        }

        .chart li.title:before {
            border-bottom: 1px solid;
        }

        .chart li .bar {
            height: 23px;
        }

        .chart li .number {
            display: block;
            left: 0 !important;
            padding-left: 0;
            position: relative;
            top: -8px;
        }

    /*--side nav--*/
    .row-offcanvas .sidebar-offcanvas {
        padding-right: 1.90rem
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important;
    }

    /*wizard*/
    .my-profile-form .wizard > .steps a {
        width: 40px;
        height: 40px;
    }

        .my-profile-form .wizard > .steps a .number:after {
            left: calc( 50% + 1.8em/2 );
            right: -4px;
            top: calc( 1.8em / 2 );
        }

        .my-profile-form .wizard > .steps a .number:before {
            left: -4px;
            right: calc( 50% + 1.8em/2 );
            top: calc( 1.8em / 2 );
        }

    .my-profile-form .wizard > .steps .done a .s-title .t-icon {
        bottom: 1.8rem;
        font-size: 0.8rem;
        margin-right: calc(50% - 3.6em / 2 );
    }

    .head-text-right .mobile-off {
        display: none;
    }
}

@media screen and (max-width: 320px) {

    /*--header*/
    .k-header .dropdown-menu {
        min-width: 12rem;
    }

    /*--My Profile form--*/
    .my-profile-form .card .card-body {
        padding: 1.2rem 0rem
    }
}

.label_80px {
    display: inline-block;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.label_140px {
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.nav-link-hand {
    cursor: pointer;
    /*color:orange!important;*/
}

.svis-clear::-ms-clear {
    display: none !important;
}




.date-form {
    position: relative;
}

    .date-form span.date-icon {
        position: absolute;
        top: 4px;
        right: 50px;
        color: #006372;
    }

        .date-form span.date-icon svg {
            color: grey;
            margin-right: 5px;
        }