@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?ca3gfp');
    src: url('../fonts/icomoon.eot?ca3gfp#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ca3gfp') format('truetype'), url('../fonts/icomoon.woff?ca3gfp') format('woff'), url('../fonts/icomoon.svg?ca3gfp#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.btn:active,
.btn:focus {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) !important;
}

.btn {
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) !important;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    text-transform: uppercase;
}



body {
    color: #484848 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    position: relative;
}

button,
select,
html,
textarea,
input {
    font-family: 'Roboto', sans-serif !important;
}

a:hover,
button:hover,
a:focus,
button:focus,
input:focus {
    outline: none;
    text-decoration: none;
}

.fa {
    font-family: FontAwesome !important;
}

.fa-angle-left::before {
    content: "\f104";
    font-family: FontAwesome !important;
}

.fa-angle-right:before {
    content: "\f105";
    font-family: FontAwesome !important;
}

.amazonbt {
    font-family: 'amazonbt';
}

.timesRegular {
    font-family: 'TimesNewRomanRegular'
}

.timesBold {
    font-family: 'TimesNewRomanBold'
}

;
.CircularStd-Medium {
    font-family: 'CircularStd-Medium';
    color: rgb(41, 41, 41) !important;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-active:before {
    content: "\e925";
}

.icon-invoice:before {
    content: "\e924";
}

.icon-close-button:before {
    content: "\e91a";
}

.icon-confirm:before {
    content: "\e91b";
}

.icon-add:before {
    content: "\e900";
}

.icon-back:before {
    content: "\e901";
}

.icon-boy-hair-outline:before {
    content: "\e902";
}

.icon-calendar:before {
    content: "\e903";
}

.icon-check-symbol:before {
    content: "\e904";
}

.icon-double-tick-indicator:before {
    content: "\e905";
}

.icon-down-arrow:before {
    content: "\e906";
}

.icon-envelope:before {
    content: "\e907";
}

.icon-filter:before {
    content: "\e908";
}

.icon-calendar-check:before {
    content: "\e923";
}

.icon-hair:before {
    content: "\e909";
}

.icon-hide:before {
    content: "\e90a";
}

.icon-icon:before {
    content: "\e90b";
}

.icon-like:before {
    content: "\e90c";
}

.icon-like_outline:before {
    content: "\e90d";
}

.icon-magnifying-glass:before {
    content: "\e90e";
}

.icon-mobile-phone:before {
    content: "\e90f";
}

.icon-multiply:before {
    content: "\e910";
}

.icon-next:before {
    content: "\e911";
}

.icon-pencil-edit-button:before {
    content: "\e912";
}

.icon-phone-call:before {
    content: "\e913";
}

.icon-placeholder:before {
    content: "\e914";
}

.icon-ring:before {
    content: "\e915";
}

.icon-mute:before {
    content: "\e926";
}

.icon-rubbish-bin-delete-button:before {
    content: "\e916";
}

.icon-spinner-of-dots:before {
    content: "\e917";
}

.icon-star:before {
    content: "\e918";
}

.icon-verified:before {
    content: "\e919";
}

.icon-briefcase:before {
    content: "\e91c";
}

.icon-like:before {
    content: "\e91d";
}

.icon-parking:before {
    content: "\e91e";
}

.icon-update-arrows:before {
    content: "\e91f";
}

.icon-card:before {
    content: "\e920";
    font-weight: bold;
}

.icon-filter-results2:before {
    content: "\e921";
}

.icon-filter-results-button:before {
    content: "\e922";
}

body.md-default-theme,
body,
html.md-default-theme,
html {
    background-color: #f3f3f3 !important;
}

a:hover {
    color: #000000;
}

a:focus,
*:focus,
button:focus,
.form-control:focus,
select:focus {
    outline: none !important;
    /* border: none; */
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style-type: none;
}

input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.pagesection {
    padding-bottom: 60px;
}

.jobsection {
    padding-bottom: 41px;
}

.header {
    background: #403d3e;
    height: 55px;
}

.sub-menu-header {
    background: #403d3e;
    box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
    /* -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease; */
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #000000;
}

.flex-nav {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    height: 55px;
}

.header-social-links {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.header-social-links li {
    display: inline-block;
}

.header-social-links li a {
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
}

.header-social-links li a:hover {
    color: #403d3e;
}

.f-color {
    color: #4867AA
}

.t-color {
    color: #1DA1F2
}

.g-color {
    color: #EA4335
}

.in-color {
    color: #0077B5
}
.green-back{
   background-color: #4CAE4C; 
}

.yellow-back{
   background-color: #DAB320; 
}

.blue-back{
    background-color: #3189C0;
}

.contact-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.contact-list li {
    display: inline-block;
}

.contact-list li a {
    color: #000;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
}

.contact-list li a i {
    color: #000;
    font-size: 13px;
}

.contact-list li a .icon-magnifying-glass {
    color: #000000;
}

.sub-menu-header .navbar {
    padding: 0 !important;
}

.sub-menu-header .navbar-collapse {
    flex-grow: inherit;
}

.sub-menu-header .navbar-nav li {
    position: relative;
    padding: 10px 15px !important;
}

.sub-menu-header .navbar-nav li a {
    color: #ffffff;
    text-transform: uppercase;
    padding: 8px 0 !important;
}

.navbar-nav li,
.navbar-nav li a:after,
.navbar-nav li a:before {
    transition: all .5s;
    -webkit-transition: all .5s;
}

.navbar-nav li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #000000;
    height: 2px;
}

.navbar-nav li a:hover:after {
    width: 100%;
}

.navbar-nav li a.active:after {
    width: 100%;
}

.navbar-nav li.loginbtn:after {
    width: 0 !important;
}

.loginbtn:hover a:after {
    display: none;
}

.sub-menu-header .navbar-nav li a.active {
    color: #000000;
}

.sliderHeight {
    width: 100%;
    height: 100%;
    padding-top: 40%;
    position: relative;
    overflow: hidden;
}

.slider {
    position: relative;
}

.sliderHeight img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
}

.slider-info {
    position: absolute;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 120px;
}

.quickFlip {
    position: absolute;
    bottom: 15px;
    z-index: 3;
    width: 100%;
    text-align: center;
}

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

.quickFlip li {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}


/*.flip-container:hover .flipper,
.flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container:hover .flipper .front {
    opacity: 0;
}*/

.flip-container,
.front,
.back {
    width: 140px;
    height: 140px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front,
.back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: rgba(246, 129, 33, 1);
    text-align: center;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.front {
    background: rgba(0, 0, 0, .8);
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.front i {
    margin-bottom: 20px;
    font-size: 52px;
}

.slider .owl-prev {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    left: 10px;
}

.slider .owl-next {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    right: 10px;
}

.slider .owl-nav .fas {
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    line-height: 37px;
    text-align: center;
    color: #fff;
}

.slider .owl-nav .fas:hover {
    background: rgba(246, 139, 33, 0.8);
}

.slider-info h1 {
    color: #fff;
    font-size: 40px;
    margin: 0 0 40px;
}

.slider-info p {
    color: #fff;
    margin-bottom: 0;
    font-size: 26px;
}

.sub-menu-header .navbar-nav .loginbtn a {
    background: #000000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff !important;
    min-width: 85px;
    text-align: center;
    padding: 5px 10px !important;
    vertical-align: baseline;
    margin-top: 3px;
    border: 1px solid #000; 
}

.sub-menu-header .navbar-nav .loginbtn a:hover {
  background-color: transparent;
}

.display-inline {
    display: inline-block !important;
}

.navbar-nav .loginlink a:after {
    display: none !important;
}

.createbtn:hover {
    background: #000000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff !important;
    min-width: 85px;
    text-align: center;
    padding: 5px;
    vertical-align: baseline;
    margin-top: 3px;
}

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

.resetbtn {
    background: #000 !important;
    color: #fff;
    padding: 2px 5px;
    font-size: 14px;
    border-radius: 50px;
    height: 35px;
    width: 35px;
}

.reset-main {
    width: 50px;
    padding-right: 15px;
}

.filter-search input {
    width: 100% !important;
}

.filter-search {
    width: 100%;
    margin-right: 0;
    position: relative;
}

.pop_header {
    position: relative;
    margin-bottom: 30px;
    width: calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
}

.form-heading,
.pop_header h2 {
    color: #4d4d4d;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
}

.form-heading:after,
.pop_header:after {
    width: 17%;
    height: 2px;
    background: #4d4d4d;
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
}

.password {
    position: relative;
}

.password .fa-eye {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #b4b4b4;
    cursor: pointer;
}

.password .fa-eye.active {
    color: #60ba63;
}

.signbtn{
   background: #000000; 
}
.btn-orange{
     background: #f48631;
}
.signbtn,
.btn-orange {
    color: #fff !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    display: block !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px 30px;
    max-width: 180px;
}

.signbtn:hover,
.btn-orange:hover {
    color: #fff;
}

.signbtn[value="LOGIN"] {
    min-width: 180px;
    padding: 7px;
}

.btn-orange {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}

.loginbx {
    padding: 25px 25px;
}

.social-box {
    background: #edeef0;
    padding: 15px;
    text-align: center;
}

.social-box p {
    color: #000000;
    font-size: 18px;
}

.social-box span {
    color: #777778;
    font-size: 14px;
}

.fbbtn {
    background: #3c5a98;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    display: block !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    margin: 0 auto;
    padding: 7px 10px;
    font-size: 13px;
    max-width: 80%;
}

.fbbtn:hover {
    color: #fff;
}

.remembertxt {
    margin-top: -15px;
}

.remembertxt .float-right a {
   color: #020202;
   text-decoration: underline;
}

.signupbx .nav-pills {
    width: 38%;
    background: #305373;
}

.signupbx .tab-content {
    width: 62%;
}

.steps-centered .progress {
    float: none;
    position: absolute;
    top: 13px;
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    height: 2px;
}

.steps-centered {
    position: relative;
    top: 20px;
    left: 0;
    width: 90%;
    margin: 0 auto;
}

.steps-centered .wizard-steps {
    width: 100%;
}

.wizard-steps {
    display: table;
    position: relative;
    margin: 1px 0 0 0;
    padding-left: 0;
}

.wizard-steps .step:first-child {
    padding: 0 3px 0 0;
}

.wizard-steps .step {
    position: relative;
    display: table-cell;
    text-align: center;
    padding: 0 3px;
}

.wizard-steps .step .btn {
    width: 28px;
    height: 28px;
    text-align: center;
    padding: 1px 0;
    font-size: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: background-color 400ms linear;
}

.btn-orange {
    color: rgba(0, 0, 0, 0.87);
    background-color: #000000;
    border-color: transparent;
}

.wizard-steps .btn-primary {
    color: #fff;
    background-color: #60ba63;
    border-color: #60ba63;
}

.signupbx .flex-column h2 {
    padding: 15px 15px 0 15px;
    color: #fff;
}

.signupbx .flex-column p {
    padding: 0px 15px 0 15px;
    color: #fff;
    font-size: 14px;
}

.signupbx .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #fff;
    color: #000;
    border-radius: 0;
}

.signupbx .nav-pills span {
    display: block;
    font-weight: normal;
    font-size: 14px;
}

.signupbx .nav-link {
    color: #fff;
    font-weight: 600;
}

.tab-content>.tab-pane>h2 {
    font-size: 16px;
    color: #222222;
}

.signupbx .tab-content {
    padding: 15px;
}

.relative {
    position: relative;
}

.signup-img-grid {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.signup-dec {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    /* position: absolute; */
    justify-content: center;
    width: 70%;
    text-align: center;
    padding-left: 10%;
}

.signup-dec img {
 width: 120px; 
 display: none;
}

.signup-dec h2 {
    color: #fff;
    font-family: 'CircularStd-Medium';
}

.signup-dec p {
    color: #fff;
}

.w-360 {
    width: 360px;
}

.w-80 {
    max-width: 80px;
}

.w-160 {
    max-width: 160px;
}

.dropdown-item {
    padding: 0.6rem 1.5rem;
}

.m-l-offset-15 {
    margin-left: -15px;
}

.registration-img {
    width: 100%;
    height: 100%;
}

.anchor_link {
    color: #000;
}

.anchor_link:hover {
    color: #333;
    text-decoration: none;
}

.white-bg {
    background: #fff;
}

.gray-bg {
    background: #f6f9fa;
}

.testimonial_bg {
    width: 100%;
    background: #fff url(../images/testimonial_bg.jpg);
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .testimonial_bg {
        background-position: center;
        background-attachment: initial;
    }
}

.signupbx .btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    box-shadow: none !important;
}

.nav-link .icon {
    width: 30px;
    float: left;
    margin-right: 10px;
    padding-top: 7px;
}

.nav-link .icon img {
    width: 100%;
}

.profession {
    float: left;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
}

.wizard-steps .step:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    background: #b4b4b4;
    bottom: 12px;
}

.wizard-steps .step:last-child:after {
    display: none;
}

.wizard-steps .step.active:after {
    background: #60ba63;
}

.dashboard-title {
    background: #D8D8D8 url(../images/pattern.png);
    height: 145px;
    padding-top: 20px;
}

.dashboard-title h3 {
    color: #000 !important;
    font-size: 19px;
    margin-top: 5px;
}

.create-btn {
    background: #000;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    color: #fff;
    font-size: 14px;
}

.create-btn:hover {
    color: #fff;
}

.dashboard-title {
    color: #fff;
}

.white-box {
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.gray-box {
    background: rgb(243, 243, 243);
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.profile-img {
    background: #EFEEF2;
    border: 1px solid #ddd;
    width: 125px;
    height: 125px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    text-align: center;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
}

.profile-img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    object-fit: cover;
    object-position: top;
}

span.default_name {
    text-transform: uppercase;
}

.list {
    padding: 0;
}

.list li {
    border-bottom: 1px solid #eee;
}

.list li a {
    padding: 10px 0;
    display: block;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
}

.list li a:hover {
    color: #000;
    padding-left: 5px;
    text-decoration: none;
}

.left-arrow.list li a::before {
    position: absolute;
    right: 0;
    content: '\f054';
    font-family: fontAwesome;
    font-weight: lighter;
    color: #ddd;
    top: 13px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
}

.list li a:hover::before {
    color: #000;
}

.left-arrow.list li a::after {
    position: absolute;
    left: -15px;
    content: '';
    background: #000;
    width: 0px;
    height: 100%;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
}

.left-arrow.list li a:hover::after {
    width: 4px;
}

.dashboard-content {
    position: relative;
    margin-top: -60px;
    min-height: calc(100vh - 270px) !important;
    min-height: -webkit-calc(100vh - 270px) !important min-height: -moz-calc(100vh - 270px) !important
}

.expinfo {
    display: flex;
    text-align: left;
}

.about-profile {
    margin-top: 15px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;
}

.about-profile h4 {
    font-size: 18px;
}

.expinfo div:nth-child(2) {
    margin-left: 20px;
}

.text-mud {
    color: #7a7a7a;
}

.expinfo div p:first-child {
    font-size: 16px;
}

.short-bio {
    text-align: left;
}

.short-bio p:first-child {
    font-size: 16px;
}

.infogrid-view {
    width: 100%;
    display: flex;
    display: -webkit-flex;
}

.info-block {
    /*background: #fff;*/
    display: flex;
    display: -webkit-flex;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px;
    align-items: center;
    width: 33.33%;
    margin-right: 10px;
}

.info-block img {
    width: 25px;
    margin-right: 15px;
}

.info-block div:nth-child(2) {
    border-left: 1px solid rgb(255, 255, 255);
    padding-left: 15px;
}

.info-block h3 {
    font-weight: 700;
    color: #4e4e4e;
    font-size: 23px;
}

.col-lg-8 .info-block:last-child {
    margin-right: 0;
}

.title-section {
    display: flex;
    display: -webkit-flex;
    padding: 15px 0;
    justify-content: space-between;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
    align-items: center;
}

.title-section h4 {
    font-size: 15px;
    margin-bottom: 0;
}

.title-section h4:before {
    border-left: 5px solid #000000;
    content: '';
    margin-right: 10px;
}

.title-section a {
    margin-right: 15px;
    color: #000;
}

.list-action-left {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-right: 15px;
}

.list-action-left img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    object-fit: cover;
    object-position: top;
}

.list-group-job {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
}

.list-items {
    padding: 15px 0;
}

.job-list .list-items {
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
}

.list-items a:hover {
    color: inherit;
}

.list-items a:hover .list-content h6,
.list-items a:hover .list-action-right .fa-angle-right {
    color: #000000;
}


/*.job-tabs .list-items {
padding: 15px;
border: 1px solid #d9dde3;
margin: 2px 0;
border-right: none !important;
border-radius: 10px 0 0 10px;
}*/

.job-tabs .list-items {
    padding: 15px;
    border-bottom: none;
    margin: 0 0 15px 0;
    border-radius: 8px 0 0 8px;
    box-shadow: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.2) !important;
    -webkit-box-shadow: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.2) !important;
    background: #fff;
}

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

.list-content {
    float: left;
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
}

.list-content.media-body.noti-list {
    float: left;
    max-width: calc(100% - 52px);
    max-width: -webkit-calc(100% - 52px);
    max-width: -moz-calc(100% - 52px);
}

.job-filter {
    width: 100%;
    background: rgba(255, 255, 255, .98);
    position: absolute;
    z-index: 999;
    min-height: 100%;
    border-right: 1px solid #f1f1f1;
    transform: translateX(-100%);
}

.job-filter .clearfix.col-lg-12.pt-3 {
    background: #f5f4f8;
}

.slidefilter {
    transform: translateX(0%);
}

.overlaybg {
    background: rgba(0, 0, 0, .3);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: none;
    bottom: 0;
    top: 0;
}

.job-filter a {
    color: #484848;
    font-size: 16px;
}

.overflowhide {
    overflow: hidden !important;
}

.showoverlay {
    display: block;
}

hr {
    border-top: 1px solid rgba(0, 0, 0, .06);
}

.quickFlip ul {
    margin-bottom: 0;
}

.noti-list h6 {
    position: relative;
}


/* 
.dashboard-content {
min-height: auto !important;
} */

.dashboard-content img {
    max-width: 100%;
}

section {
    overflow-x: hidden;
}

.noti-list h6 p {
    position: absolute;
    top: 3px;
    right: 0px;
    font-size: 12px;
}

.list-action-right {
    float: right;
    text-align: right;
}

.list-content p {
    color: #7a7a7a !important;
}

.list-status {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    text-transform: capitalize;
}

.waiting {
    color: #20aeb8 !important;
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 13px;
}

.cancelled {
    color: #fd5050 !important;
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 13px;
}

.confirmed {
    color: #3189c0 !important;
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 13px;
}

.confirmed-job {
    background: #3e9ab5;
}

.completed-job {
    background: #85cb6f;
}

.canceled-job {
    background: #ff5c5c;
}

.calendar-job {
    background-color: #f3f3f3 !important;
    border: 1px solid;
}

.processing {
    color: #f38631 !important;
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 13px;
}

.processing-job {
    background: #f08734;
}

.pending {
    color: #f38631 !important;
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 13px;
}

.completed {
    color: #63b13c !important;
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 13px;
}

.list-status img {
    width: 20px;
    margin-left: 10px;
}

.font12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font16 {
    font-size: 16px !important;
}

.font24 {
    font-size: 24px !important;
}

.pos-relative {
    position: relative;
}

.highlight:hover .close_box {
    color: #f83d3d
}

.text-black {
    color: #212529 !important;
}

.waiting-border {
    border: 1px solid #58abb7;
}

.onwork {
    color: #000 !important;
}

.onwork-border {
    border: 1px solid #ddd !important;
}

.accepted {
    color: #398ec4 !important;
}

.accepted-border {
    border: 1px solid #398ec4;
}

.custom-calendar {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
}

.custom-calendar table {
    width: 100%;
}

.custom-calendar table tr td.text-center {
    text-align: center !important;
    border: 1px solid #f2f3f4;
}


/* .custom-calendar .btn-info:not([disabled]):not(.disabled).active,
.btn-info:not([disabled]):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
background-color: #a6c870;
border-color: #a6c870;
box-shadow: none;
color: #fff !important;
border-radius: 0 !important;
} */

.custom-calendar .text-info {
    color: #f48631 !important;
}

.custom-calendar table tr th .small {
    font-size: 12px !important;
    text-transform: uppercase;
}

.custom-calendar table thead tr th .glyphicon {
    font-style: inherit;
    font-size: 22px;
}

.custom-calendar .glyphicon-chevron-left:before {
    content: "\e901";
    font-family: 'icomoon' !important;
    font-style: inherit;
}

.custom-calendar .glyphicon-chevron-right:before {
    content: "\e911";
    font-family: 'icomoon' !important;
    font-style: inherit;
}

.custom-calendar .btn.btn-default.pull-right {
    float: right !important;
}

.clinic-info .title-section {
    box-shadow: none;
}

.clinicInfo {
    padding-left: 15px;
    padding-right: 15px;
}

.socailLinks {
    padding-left: 0;
    list-style: none;
    margin-top: 12px;
    margin-bottom: 0;
}

.socailLinks li {
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

.s_icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    line-height: 30px;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.socailLinks.big .s_icon {
    width: 50px;
    height: 50px;
}

.s_icon:hover {
    opacity: 0.8;
    text-decoration: none;
    color: #fff;
}

.s_icon.fb {
    background: #4280bf;
}

.s_icon.twitter {
    background: #10d3ea;
}

.s_icon.gp {
    background: #fb5151;
}

.s_icon.in {
    background: #307fca;
}

.add_social {
    background: #ddd;
    color: #999;
    font-size: 22px;
}

.add_social:hover {
    background: #000;
}

.footer {
    background: #403d3e;
    padding: 10px 0;
    color: #fff;
    position: relative;
    width: 100%;
    bottom: 0;
    z-index: 999;
}

.footer ul li {
    display: inline-block;
}

.footer ul li a {
    padding: 5px 10px;
    display: block;
}

.footer ul li a:hover {
    color: #000000;
    text-decoration: none;
}

.edit-profile {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
}

tooltip {
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: normal;
    cursor: pointer;
}

tooltip tip {
    border-radius: 21px !important;
    -webkit-border-radius: 21px !important;
    background: rgba(245, 130, 31, 1) !important;
    padding: 8px 8px !important;
}

tooltip._top:not(._left):not(._right) tip tip-arrow {
    border-top: 6px solid rgba(245, 130, 31, 1) !important;
}

.relative {
    position: relative;
}

.no-gutters-cl>[class^="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.job-tabs md-pagination-wrapper {
    background: #403d3e !important;
    color: #fff !important;
}

.job-tabs .md-tab.md-active {
    background: #000000 !important;
    color: #ffffff;
}

.job-tabs md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
    display: none;
}

.job-tabs md-tabs.md-default-theme .md-tab,
md-tabs .md-tab {
    color: #fff !important;
}

.joblist {
    height: calc(100vh - 100px) !important;
    height: -webkit-calc(100vh - 100px) !important;
    height: -moz-calc(100vh - 100px) !important;
    z-index: 0;
    padding-right: 0;
    overflow-y: auto;
    margin-top: 15px;
}

.job-tabs md-content.md-default-theme,
md-content {
    background: transparent !important;
    /*z-index: 9;*/
}

.JobsList .list-items.active {
    background: #fff;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    box-shadow: -4px 0 0px #000000 !important;
    -webkit-box-shadow: -4px 0 0px #000000 !important;
}

.job-detail-section {
    background: #fff;
    box-shadow: -10px 0px 8px -5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: -10px 0px 8px -5px rgba(0, 0, 0, .1);
    padding: 15px 35px;
    border-top: 1px solid #eee;
    min-height: 100vh;
    position: relative;
}

.job-detail-section.d-flex {
    height: calc(100vh - 100px);
    height: -webkit-calc(100vh - 100px);
    height: -moz-calc(100vh - 100px);
}

.patient-grid {
    border: 1px solid #f1f1f1;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 15px;
    overflow: hidden;
}

.p-details p {
    width: 50%;
    float: left;
}

.date-heading i.fa.fa-pencil {
    margin-left: 10px;
}

.orange-txt {
    color: #000 !important;
}

.font600 {
    font-weight: 600;
}

.Technician_grid {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.Technician_grid .list-items {
    padding-left: 15px;
    padding-right: 15px;
}

.list-action-right .float-right a {
    color: #8d8d8d;
    font-size: 22px;
    line-height: 50px;
}

.Technician_heading {
    background: #f5f4f8;
    padding: 10px 15px;
    border-bottom: 1px solid #ebebeb
}

.Technician_heading h5 {
    margin-bottom: 0;
    font-size: 14px;
}

.list-action-right .rightarrow a {
    color: #8d8d8d;
    font-size: 22px;
    line-height: 0;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    right: 15px;
}

.Technician_list .col-lg-6:nth-child(odd) {
    border-right: 1px solid #f1f1f1;
}

.Technician_list .col-lg-6,
.patient .list-items {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: -1px;
}

.Technician_list .col-lg-6:nth-child(even) .rightarrow a {
    right: 30px;
}


/* .Technician_list .list-items {
border: none;
} */

.dates {
    border: 1px solid #f1f1f1;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.h-line {
    width: 45px;
    height: 2px;
    background: #b0b0b0;
}

.requestdate {
    float: left;
    width: 50%;
}

.status {
    float: left;
    width: 50%;
}

.requestdate-group {
    border: 1px solid #f1f1f1;
    padding: 0 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.requestdate-group .requestdate {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

.requestdate-group .status {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.requestdate-group .requestdate:after {
    width: 1px;
    height: 100%;
    content: '';
    background: #eaecef;
    position: absolute;
    right: 0;
    top: 0;
}

.cost_estimate {
    border: 1px solid #f1f1f1;
    padding: 8px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.cost-info p {
    margin: 2px 0;
}

.cost_estimate hr {
    margin: 0.5rem 0;
}

.cost-info {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 0 15px;
    align-items: flex-start;
}

.red-txt {
    color: #e47474;
}

.font18 {
    font-size: 18px;
}

.font10 {
    font-size: 10px;
}

.font11 {
    font-size: 11px;
}

.font15 {
    font-size: 15px;
}

.cancelbtn {
    background: #000000;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    min-width: 135px;
}

.cancelbtn:hover {
    color: #fff;
}

.editbtn {
    background: #000000;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    min-width: 135px;
}

.editbtn:hover {
    color: #fff;
}


/* .btn.focus,
.btn:focus {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26) !important;
} */

.statusheading {
    padding-left: 15px;
    margin-top: 0px;
    position: relative;
}

.JobsList {
    padding-left: 15px;
}

.waiting-bg {
    background: #ddf2f4;
}

.working-bg {
    background: #fce2cf;
}

.accepted-bg {
    background: #e4f3de;
}

.currentlist {
    padding-left: 15px;
    padding-right: 15px;
}

.currentlist .list-items {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    margin-bottom: 15px;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    animation: smoothScroll 1s forwards;
}

.inner-header.fixed {
    position: relative !important;
}

.sidebarfixed {
    position: fixed!important;
    bottom: 0;
    width: 33.33%;
    z-index: 2;
    animation: smoothScroll 1s forwards;
    height: 100vh !important;
    padding-bottom: 0;
}
#techjob_id {
    position: relative;
    z-index: 1;
}

.sidebarfixed md-content.job-tabs {
    padding-bottom: 50px;
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    z-index: 9999 !important;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}

.filter-section {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 0 15px;
    align-items: center;
}

.filter-section .clearfix:first-child {
    min-width: 90%;
}

.search_input {
    position: relative;
    width: 350px;
}

.job-filter .search_input {
    max-width: 100%;
}

.search_input input {
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

.search_input .fa-search {
    position: absolute;
    top: 11px;
    right: 15px;
    color: #d7dade;
}

.search_input input::placeholder {
    color: #d7dade;
}

.mw-100 {
    max-width: 100% !important;
}

.float-left md-checkbox {
    margin-bottom: 0;
    margin-top: 6px;
}

.filter-section .delete a {
    padding: 2px 10px 2px 6px;
    background: #f10;
    border-color: #f10;
}

.filter-section .delete a i {
    opacity: 1;
    background: #fff;
    padding: 4px;
    border-radius: 50px;
    font-size: 10px;
    height: 18px;
    width: 18px;
    text-align: center;
    color: #000;
    margin: 1px 5px 0 -2px;
}

.pagesection md-checkbox.md-default-theme:not(.md-checked) .md-icon,
md-checkbox:not(.md-checked) .md-icon {
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.pagesection md-checkbox .md-icon {
    border-width: 1px !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}

.pagesection md-checkbox.md-checked .md-icon:after {
    left: 6.66667px !important;
}

.pagesection md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
    background-color: rgba(0, 0, 0, 0.87) !important;
}

.favorite_list .list-items {
    padding: 10px 15px;
    margin-bottom: 10px;
    -webkit-align-items: center !important;
    align-items: center !important;
}

.favorite_list {
    margin-top: 15px;
}

.rating .fa-star {
    color: #dcaf43;
}

.profile-calendar .well-sm table {
    width: 100%;
}

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

.profile_info {
    display: flex;
    display: -webkit-flex;
    padding-left: 15px;
}

.profile_info .profile-left-img,
.user_small_img,
.rater_img {
    background: #fff;
    min-width: 80px;
    min-height: 80px;
    max-width: 80px;
    max-height: 80px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    overflow: hidden;
}

.rater_img img {
    object-fit: cover;
}

.user_small_img {
    background: #eee;
    width: 50px;
    height: 50px;
    min-width: 50PX;
    min-height: 50px;
}

.profile_info .profile-left-img img,
.user_small_img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}

.profile-right-info {
    margin-left: 15px;
}

.profile-right-info h4 {
    font-size: 18px;
}

.profile-right-info .icon {
    position: absolute;
    left: 0;
    top: 4px;
}

.profile-right-info p {
    position: relative;
    padding-left: 20px;
}

.profile .about-profile {
    padding-right: 0 !important;
}

.widthplusHr {
    margin-right: -15px;
}

.profile .title-section {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 15px;
}

.profile .editbtn {
    min-width: 200px;
}

.profile-calendar .well-sm table thead tr:nth-child(2) {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    height: 45px;
}

.profile-calendar .well-sm table tbody tr td {
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

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

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

.profile-calendar .well-sm table tbody tr td .btn-info.active {
    border: none;
    background-color: transparent;
    position: relative;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #212529 !important;
}

.profile-calendar .well-sm table tbody tr td .btn-info.active::before,
.profile-calendar .well-sm table tbody tr td .btn-info.active::after {
    content: '';
    position: absolute;
    top: -2px;
    right: -1px;
    border-color: transparent;
    border-style: solid;
}

.profile-calendar .well-sm table tbody tr td .btn-info.active::before {
    border-right-color: #609edd;
    border-top-color: #609edd;
}

.profile-calendar .well-sm table tbody tr td .btn-info.active::after {
    border-width: 1.35em;
    border-right-color: #609edd;
    border-top-color: #609edd;
}

.profile-calendar .pull-left .glyphicon-chevron-left {
    font-style: inherit;
    font-size: 22px;
}

.profile-calendar .pull-left .glyphicon-chevron-left:before {
    content: "\e901";
    font-family: 'icomoon' !important;
    font-style: inherit;
}

.profile-calendar table thead tr th .btn-default {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.profile-calendar .btn-default.pull-right {
    float: right;
}

.profile-calendar .pull-right .glyphicon-chevron-right {
    font-style: inherit;
    font-size: 22px;
}

.profile-calendar .pull-right .glyphicon-chevron-right:before {
    content: "\e911";
    font-family: 'icomoon' !important;
    font-style: inherit;
}

.profile-calendar .btn-info.focus,
.btn-info:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.profile-calendar .well-sm table thead tr th:nth-child(2) .btn-default {
    font-size: 19px !important;
    font-weight: normal;
    text-transform: uppercase !important;
}

.custom-calendar .well-sm table thead tr th:nth-child(2) .btn-default {
    font-size: 19px !important;
    font-weight: normal;
    text-transform: uppercase !important;
}

.patients_List {
    padding: 15px;
}

.patients_List a {
    margin-bottom: 15px;
    display: block;
}

.patients-list-items {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px;
}

.add_patients {
    font-size: 26px;
    color: #d3d3d3 !important;
}

.patients-list-items h6 {
    color: #000 !important;
}

.patients-list-items p {
    color: #7a7a7a !important;
}

.add_patients:hover {
    text-decoration: none;
}

.patients_List .active .add_patients {
    color: #52b96d !important;
}

.patients_List a:hover {
    text-decoration: none;
}

.create_title a {
    background: #000;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #fff;
    padding: 5px 10px;
    margin-top: 15px;
    margin-right: 15px;
}

.create_title a:hover {
    color: #fff;
    text-decoration: none;
}

.datebox {
    width: calc(50% - 8px);
    width: -webkit-calc(50% - 8px);
    width: -moz-calc(50% - 8px);
}

.datepicker-sml {
    border: 1px solid #eaecef;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 100%;
}

.timepicker {
    position: relative;
}

.timepicker input {
    width: 100%;
    height: 40px;
    display: block;
    width: 100%;
    background: transparent !important;
    border: none;
}

.timepicker .far {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
}

.pt-blank {
    margin-top: 35px;
}

.no-patient-img img {
    width: 200px;
}

.custom-gender {
    display: flex;
    display: -webkit-flex;
}

.custom-gender [type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-gender [type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff;
}

.custom-gender [type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #fff;
}

.custom-gender [type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    content: '\e904';
    position: absolute;
    top: 0;
    left: 4px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-family: 'icomoon' !important;
    font-style: inherit;
    font-weight: bold;
    font-size: 10px;
    color: #333;
}

.custom-gender [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom-gender [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.custom-gender {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.btn-radio-custom {
    background: #c3c3c3;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    margin-right: 10px;
    padding-right: 10px;
}

.btn-radio-custom label {
    margin-bottom: 0;
}

.next-btn {
    background: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    padding: 7px 10px;
    margin-top: 20px;
    min-width: 200px;
}

.full-width {
    width: 100%;
}

.text-green {
    color: #60b965;
}

.text-gray {
    color: #7a7a7a;
}

.filter_ic {
    width: 40px;
    height: 40px;
    border: 1px solid #e2e2e2;
    display: block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    text-align: center;
    line-height: 40px;
    color: #252525;
    font-weight: bold;
}

.request-search .search_input {
    width: calc(100% - 55px);
    width: -webkit-calc(100% - 55px);
    width: -moz-calc(100% - 55px);
    position: relative;
    margin-right: 15px;
}

.registration-img {
    background-position: left;
}

.signuptabs md-tabs-canvas {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #000000;
}

.sign-form p.validation-invalid {
    margin-bottom: 0 !important;
}

.signup-img-grid {
    width: 58%;
}

.signuptabs md-tabs .md-tab {
    /*border: 1px solid #ddd;*/
    max-width: 50% !important;
    width: 50%;
}

.signup-img {
    background: url("../../assets/images/login-bg.png") no-repeat;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
    margin-right: 15px;
    background-position-x: -75px;
}

.form-right-section {
    width: 42%;
    height: 100vh;
}

.form-right-section .loginbx img{
   width: 120px;
 }

.text-yellow {
    color: #efb10b
}

.text-orange {
    color: #000 !important;
}

#footer .text-orange {
    color: #ffffff !important;
    text-decoration: underline;
}

.text-orange a:hover {
    color: #232224 !important;
}

.sign-form {
    font-family: Arial, Helvetica, sans-serif;
    color: #5A5E62
}

.control-border {
    padding: 5px 0px;
    border: none;
    border-bottom: 1px solid #efefef;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    background: transparent;
    font-size: 13px;
    border-radius: 0;
    -webkit-border-radius: 0;
    min-height: 38px;
    color: #989898;
}

.date,
.time {
    position: relative;
}

.date::before,
.time:before {
    background: transparent;
    content: '\f073';
    font-family: fontAwesome;
    position: absolute;
    right: 0;
    top: 9px;
    width: 13px;
    background: #fff;
    text-align: center;
}

.time:before {
    content: '\f017' !important;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #8d8d8d;
    font-size: 13px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #8d8d8d;
    font-size: 13px;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #8d8d8d;
    font-size: 13px;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #8d8d8d;
    font-size: 13px;
}

.sign-form label,
.loginbx label {
    margin-bottom: 0;
    /*font-family: 'CircularStd-Medium';*/
    color: #222222
}

.validation-invalid {
    color: rgb(255, 71, 71);
    font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    color: #393b3d;
    font-family: 'Roboto', sans-serif !important;
}

.list-content strong {
    color: #7a7a7a;
    font-weight: bold !important;
}

md-radio-button:not([disabled]).md-primary.md-checked .md-off {
    border-color: #000000;
}

md-radio-group:not([disabled]) .md-primary .md-on {
    background: #000000;
}

md-radio-group .md-checked:not([disabled]).md-primary .md-ink-ripple {
    color: #ffd0ac
}

md-radio-button .md-label {
    vertical-align: top;
}

.user_img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    background: #EFEEF2;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    position: relative;
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.user_img:hover {
    border: 1px solid #000;
}

.bank_user_img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    background: #EFEEF2;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    position: relative;
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.bank-info-browse-btn .validation-invalid {
    position: absolute;
    bottom: -25px;
    width: 132%;
}

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

.bank_edit_camera {
    right: 0;
    bottom: 0;
    z-index: 11;
    width: 25px;
    height: 25px;
}

.object-fit {
    object-fit: cover;
    height: 100%;
    display: inherit;
}

.user_img img {
    max-width: 100%;
    object-fit: cover;
    display: inline-block;
}

.user_img.big {
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.user_img .camera {
    width: 20px;
    height: 20px;
    font-size: 10px;
    right: 8px;
    bottom: 5px;
}

.user_img.big .camera {
    width: 30px;
    height: 30px;
    font-size: 14px;
    right: 15px;
    bottom: 15px;
    z-index: 1;
}

.camera {
    position: absolute;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    background: #000;
    color: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.browse-input {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.assist_box {
    width: 100%;
    padding: 10px;
    background: #EAEEF7;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    float: left;
    margin-right: 5px;
    position: relative;
}

.close_box {
    position: absolute;
    right: 10px;
    top: 15px;
    height: 20px;
    width: 20px;
    text-align: center;
    color: #bec5d3;
    font-size: 10px;
    cursor: pointer;
}

.close-chat i.fa.fa-times {
    margin-left: 8px;
}

.socailLinks .close_box.fa {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    top: -3px;
    right: -5px;
    z-index: 1;
    color: #333;
}

.socailLinks li:hover .close_box.fa {
    background: #f83d3d;
    color: #fff;
}

.error {
    color: #f83d3d
}

.close_box:hover {
    color: #89909e;
}

.fa-heart.active {
    color: #000;
    font-size: 13px;
}

.assist_box .fa-heart.active:hover,
.assist_box a:hover {
    text-decoration: none;
    color: #55585e;
}

.assist_box:hover {
    cursor: pointer;
}

.assist_box:hover img {
    filter: grayscale(1)
}

.assist_box:hover p:first-child {
    color: #000
}

.small-calendar table td .btn.btn-sm {
    padding: 0.6rem .5rem !important
}

.grafting {
    background: #EAEEF7
}

.small-calendar {
    background: #403d3e;
    color: #fff;
}

.small-calendar th span,
.small-calendar td span {
    color: #fff;
}

.small-calendar .well-sm table tbody tr td {
    border-right: 1px solid rgba(0, 0, 0, .2);
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.small-calendar table thead th button,
.small-calendar .text-info {
    color: #000 !important;
}

.small-calendar table thead th button strong {
    font-weight: normal;
    color: #000 !important;
}

.profile-calendar.small-calendar .well-sm table tbody tr td .btn-info.active::after {
    border-width: 0.6em;
    border-right-color: #49c25d;
    border-top-color: #49c25d;
}

.text-green {
    color: #60ba63
}

.text-blue {
    color: #4280bf
}

.mobile_box {
    position: relative;
    width: 250px;
    margin: 0 auto;
}

.mobile_edit {
    background: #fff;
    position: absolute;
    width: 250px;
    height: 45px;
    top: -10px !important;
    left: 0px !important;
    right: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    z-index: 1;
    margin: 0 auto;
    border: none !important;
    padding: 0 !important;
    transform: none !important;
}

.edit_number {
    padding: 5px 10px;
    height: 42px;
    width: 206px;
    border: 1px solid transparent;
    float: left;
}

.mobile_box .dropdown-toggle::after {
    display: none;
}

.btn-edit {
    border: none;
    background: #eee;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #ddd;
    float: left;
    margin: 7px 5px 0 5px;
    padding: 0;
}

.btn-edit.active {
    background: #52b96d;
    color: #fff;
}

button.btn-edit:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: none !important;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-pointer:active {
    color: #000000;
}

.success_alert {
    background: #fff;
    padding: 10px 15px;
    padding-bottom: 20px;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    display: inline-block;
    min-width: 300px;
    max-width: 300px;
    margin: 0 auto;
    position: fixed;
    right: 30px;
    top: 50px;
    z-index: 999;
    display: none;
}

.success_alert.active {
    display: block;
}

.btn-bordered {
    border: 1px solid #49c25d;
    color: #fff;
    padding: 3px 25px;
    background: #49c25d;
}

.btn-bordered:hover {
    background: transparent;
    color: #49c25d;
}

.failed .btn-bordered {
    border: 1px solid #f83d3d;
    color: #fff;
    background: #f83d3d;
}

.failed .btn-bordered:hover {
    background: transparent;
    color: #f83d3d;
}

.promo_img {
    background: #fff;
    width: 100%;
    /*    height: 240px;
*/
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

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

.white_bg {
    background: #fff;
}

.gray_bg {
    background: #f1f1f1;
}

textarea.gray-bg {
    border: 1px solid #e1e7ed !important;
}

.about_bg {
    padding: 50px 20px 0;
    background: #d0dcea;
}

.advantages-block {
    padding: 0 30px;
}

.heading .small_border {
    width: 50px;
    height: 3px;
    background: #000000;
    margin: 10px auto;
    display: inline-block;
}

.proccedure_img {
    position: relative;
    margin-bottom: 15px;
    min-height: 200px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #d0dcea;
}

.proccedure_img .count_bg {
    position: absolute;
    left: 0;
    width: 60px;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.proccedure_img:hover .count_bg {
    background: rgba(243, 134, 48, 0.8);
}

.left-padd {
    padding-left: 80px;
}

.img_block {
    height: 100%;
    overflow: hidden;
}

.imag {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    background: #EFEEF2;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.imag img,
.img_block img {
    max-width: 100%;
    object-fit: cover;
    object-position: top;
    max-height: 100%;
}

.logged_user {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #000;
}

.logged_user .default_name {
    font-size: 17px;
    color: #2A3F54;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
}

.align-content-center {
    justify-content: center;
    align-items: center;
}

.right_box {
    cursor: pointer;
    max-width: 150px;
}

.right_box .dropdown-menu {
    padding: 0;
    margin-top: 5px;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 14px;
}

footer {
    background: #403d3e;
    color: #fff;
}

footer h5 {
    color: #fff;
}

.right-border {
    border-right: 1px solid rgba(0, 0, 0, .1);
}

footer ul li a:hover {
    color: #000;
    text-decoration: none;
}

.cc {
    position: relative;
}

.cc:before {
    color: #848484;
    font-family: FontAwesome;
    font-size: 10px;
    content: '\f067';
    position: absolute;
    top: 11px;
}

.cc input {
    padding-left: 12px;
}

.mobile-screen1 {
    position: relative;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}

.mobile-screen2 {
    position: absolute;
    top: -75px;
    z-index: 2;
    left: -100px;
}

.mobile-screen3 {
    position: absolute;
    top: -150px;
    z-index: 3;
    left: -220px;
}

.about-section img {
    width: 100%;
    max-width: 400px;
}

.arrow2 {
    position: absolute;
    top: 45px;
    z-index: 4;
    left: -93px;
    display: none;
}

.arrow3 {
    position: absolute;
    right: 147px;
    z-index: 5;
    top: -83px;
    display: none;
}

.arrow1 {
    position: absolute;
    top: 7px;
    right: 59px;
    z-index: 6;
    display: none;
}

.download-space {
    margin-top: 150px;
    padding: 0 40px;
}

.bullets .owl-dots.disabled {
    display: block;
}

.bullets .owl-dots .owl-dot {
    text-align: center;
    margin-top: 30px;
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    margin: 3px;
}

.owl-dots .owl-dot.active span {
    background: #000 !important;
}

.owl-dots {
    text-align: center;
}

.bullets .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px auto;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

.rate_bg {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 8px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
    line-height: 14px;
    margin: -2px 0 0;
    min-width: 25px;
    text-align: center;
}

span.rate_bg span {
    font-size: 11px;
    display: inline-block;
    font-weight: bold;
}

.Not {
    background: #ddd;
    color: #333;
}

.Poor {
    background: #ff6565;
    color: #fff;
}

.Good {
    background: #000;
    color: #fff;
}

.Very {
    background: #64c853;
    color: #fff;
}

.Great {
    background: #4a963e;
    color: #fff;
}

.Excellent {
    background: #315e2a;
    color: #fff;
}

.card_box {
    align-items: center !important;
    -webkit-align-items: center !important;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: -2%;
}

.add_card_btn {
    display: inline-block;
}

.card_list {
    background: #fff;
    border: 1px solid #eee;
    padding: 20px;
    width: 31.33%;
    margin: 1%;
    position: relative;
    -ms-flex: 0 0 31.33%;
    flex: 0 0 31.33%;
    max-width: 31.33%;
}

.delete_card {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 25, 25, 0.7);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    color: #fff;
    opacity: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.card_list:hover .delete_card {
    opacity: 1;
    cursor: pointer;
}

.card_list .text-muted {
    letter-spacing: 1px;
}

.add_card {
    background: #E0E3E8;
    width: 60px;
    height: 60px;
    color: #fff;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    font-size: 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.add_card:hover {
    background: #000;
}

.add_card>div,
.card_list .delete_card i {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex: 100%;
}

.add_card_box {
    background: #403d3e;
    color: #fff;
    border: none;
    font-size: 12px;
    padding: 10px 15px;
    vertical-align: inherit;
}

.cvv {
    width: 60px;
    margin-left: 5px;
}

.card_list span {
    display: none !important
}

[class*="ng-invalid-"],
.invalid_true {
    border-color: #ff4747 !important;
}

input[placeholder*="https://www"] {
    text-transform: lowercase;
}

.card_list .form-control {
    background: #263c50;
    border-color: #263c50;
    border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 8px;
    font-size: 13px;
    color: #fff;
}

.validation_a {
    position: absolute;
    right: 6px;
    top: 24px;
    color: #ff4747
}

.circle-btn {
    background: #49c25d;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    border: navajowhite;
    right: -20px;
    margin: 0 auto;
    top: 36%;
    border: 5px solid #fff;
    color: #fff;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.circle-btn:hover {
    font-size: 15px;
}

.shadow-box {
    box-shadow: 0 0 15px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .8);
}

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

.select_box {
    position: relative;
}

.select_box select>option {
    padding-left: 0;
}

.select_box select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.select_box::after {
    content: '\f107';
    font-family: fontAwesome;
    font-size: 16px;
    color: #333;
    right: 4px;
    top: 4px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    width: 25px;
    height: 23px;
    text-align: right;
    background: #fff;
}

.filter_btn {
    width: 35px;
    height: 35px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    border: 1px solid #ced4da;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.filter_btn:hover {
    background: #000;
    color: #fff;
    border-color: #000;
    cursor: pointer;
}

.tech_box:hover {
    cursor: pointer;
}

.tech_box:hover .font600 {
    color: #000;
}

.tech_pic_block {
    width: 100%;
    min-height: 200px;
    max-height: 200px;
    background: #f1f1f1;
    position: relative;
    overflow: hidden;
}

.tech_pic_block img {
    max-width: 100%;
    min-height: 200px;
    width: 100%;
}

.tech_img {
    text-align: center;
    background: #c4ccde;
    min-height: 200px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.tech_info {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.68+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.68) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.68) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.68) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ad000000', GradientType=0);
    /* IE6-9 */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    color: #fff;
}

.view-pro a {
    display: inline-block;
    border: 1px solid #e6e6e6 !important;
    padding: 4px 12px;
    font-size: 12px;
    margin: 0 auto;
    color: #868686;
    -webkit-transition: all 280ms ease-in-out;
    -ms-transition: all 280ms ease-in-out;
    -moz-transition: all 280ms ease-in-out;
    transition: all 280ms ease-in-out;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.view-pro a:hover {
    color: #000;
    text-decoration: none;
    border-color: #000 !important;
}

.view-pro {
    border-top: 1px solid #e6e6e6;
}

.tech_info h6 {
    color: #fff;
}

.tech_pic_block .fa-heart {
    color: #000;
}

.btn-blue {
    background: #403d3e;
    color: #fff;
}

.step-box {
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: flex-end;
    position: relative;
    margin-top: 5px;
}

.step-box:before {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ddd;
    top: 15px;
    content: '';
}

.step-box span {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    background: #000000;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    position: relative;
    z-index: 1;
}

.step-box span.active {
    background: #4a963e;
}

.step-box span:last-child {
    margin-right: 0;
}

.step-box span.fill-line::before {
    position: absolute;
    width: 20px;
    height: 1px;
    background: #4a963e;
    top: 15px;
    right: -20px;
    content: '';
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.char-error {
    position: absolute;
    bottom: -3px;
    right: 0;
}

.fc-title {
    color: #FFF;
}

.fc-toolbar h2 {
    font-size: 22px;
    margin-top: 2px;
}

.fc-left button {
    padding: 0 5px;
    background: #fff !important;
    color: #333;
}

.fc-content,
.fc-event {
    border-color: transparent !important;
    text-align: center;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: none;
}

.half_day {
    /*background: #85CB6F !important;*/
}

.fc-day-grid-event {
    margin: 0px 2px 0px !important;
}

tr:first-child>td>.fc-day-grid-event {
    margin-top: 25px !important;
}

.fc-unthemed td.fc-today {
    background: rgba(241, 255, 163, 0.1);
}

.fc-state-default {
    background-color: #403d3e;
    color: #fff;
}

.fc-state-default {
    background-color: #403d3e !important;
    border-color: transparent !important;
    background-image: none !important;
    color: #fff;
    text-shadow: none !important;
    box-shadow: none !important;
}

.fc-state-default:hover {
    background-color: #000 !important;
    color: #fff;
}

.fc-state-default.fc-state-active {
    background-color: #000 !important;
    color: #fff;
}

.fc-center h2 {
    font-size: 18px !important;
    margin-top: 2px;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
    padding: 20px;
}

.fc button .fc-icon {
    font-size: 22px;
}

.fc-day-header {
    padding: 5px !important;
    border-color: #101b25 !important
}

.fc-day-header span {
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
}

.fc-widget-header thead tr {
    background: #403d3e;
}

md-switch.md-default-theme.md-checked .md-thumb,
md-switch.md-checked .md-thumb {
    background-color: rgb(0, 0, 0);
}

md-switch.md-default-theme.md-checked .md-ink-ripple,
md-switch.md-checked .md-ink-ripple {
    color: rgb(255, 255, 255);
}

md-switch.md-default-theme.md-checked .md-bar,
md-switch.md-checked .md-bar {
    background-color: rgba(0, 0, 0, 0.5);
}

md-switch.md-default-theme .md-bar,
md-switch .md-bar {
    background-color: rgba(39, 185, 95, 0.5);
}

md-switch.md-default-theme .md-thumb,
md-switch .md-thumb {
    background-color: rgb(39, 185, 95);
}

.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

a.anchor:hover {
    color: #000;
}

.btn.trash:hover {
    opacity: 0.9;
}

.http:before {
    position: absolute;
    left: 0;
    bottom: 5px;
    content: 'https://www.';
}

.http input {
    padding-left: 74px;
}

.last-child>div:last-child {
    border: none;
    margin-bottom: 0 !important;
}

.color_block {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    float: left;
    margin-top: 2px;
}

.disabled {
    pointer-events: none;
}

.border {
    border: 1px solid #ddd !important;
    border-top: none !important;
}

.not_avail {
    background: #ff5c5c;
}

.not_booked {
    background: #85cb6f;
}

.not_travel {
    background: #3e9ab5;
}

.support-title {
    background: #fff url(../images/support_bg.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    border-top: 1px solid #ddd;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    border-color: rgba(131, 135, 147, 0.08);
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

.edit-active {
    background: #f0f1f6;
    padding: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.box-shadow {
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05);
    border: 1px solid #ddd;
    padding: 30px;
}

md-radio-button .md-on,
md-radio-button .md-off,
md-radio-button .md-container {
    height: 14px !important;
    width: 14px !important;
}

md-radio-button .md-label {
    margin-left: 20px !important;
}

.upload-profile input[type="file"] {
    height: 40px;
    width: 40px;
    opacity: 0;
    content: '';
    cursor: pointer;
}

label.upload-profile {
    height: 28px;
    width: 28px;
    overflow: hidden;
    cursor: pointer !important;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    position: relative;
    border: 1px solid #ccc;
}

.pro-add a.text-orange {
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    vertical-align: top;
    padding: 5px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    font-size: 12px;
    border: 1px solid #ccc;
}

label.upload-profile:after {
    position: absolute;
    font-family: FontAwesome !important;
    left: 0;
    content: "\f040";
    top: 4px;
    z-index: 99999;
    color: #5db15d;
    right: 0;
    font-size: 12px;
}

.default_name {
    font-size: 40px;
    color: #313030;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cloak-show {
    display: block !important;
}

.cloak-hide {
    display: none !important;
}

.img_block img {
    height: 100%;
    width: 100%;
    max-width: 620px;
}

.add-card-d img {
    max-width: 60px;
    float: left;
    margin-right: 10px;
}

.add-card-d h6 {
    float: left;
}

.add-card-d {
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #F1F1F7;
}

.card_issue img {
    max-width: 60px;
    float: left;
    margin-right: 10px;
}

.card_issue h6 {
    float: left;
}

.card_issue {
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #f1b0b3;
}

button.sl-btn {
    background: #000;
    color: #fff;
    border: none;
    padding: 8px 20px;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 13px;
    min-width: 138px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 -1px;
}

button.sl-btn.send {
    background: #000;
}

.add-card-d p {
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 2px;
}

.card_issue p {
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 2px;
}

.about-profile i.fa {
    margin-right: 5px;
}

.footer span {
    display: block;
}

.radio_box {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
}

.radio_check,
.radio_box span {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #ddd;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.radio_box span {
    background: #EA4335;
    position: absolute;
    z-index: 1;
}

.radio_box .radio_check.active {
    background: #52b96d;
    opacity: 1;
}

.tech_box .radio_box span:hover {
    opacity: 1;
}

.radio_box md-radio-button .md-container {
    display: none;
}

.radio_box md-radio-button .md-label {
    margin: 0 !important;
}

.btn-process {
    text-align: center;
    margin-top: 30px;
}

md-dialog.login-pop {
    max-width: 375px !important;
    width: 100%;
}

.md-dialog-container {
    padding: 0 10px;
}

md-radio-button.md-checked .md-on {
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.4) !important;
}

md-content.md-padding.sign-form {
    overflow: hidden;
    overflow-y: auto;
}

ul.hair-main-list li {
    position: relative;
    padding: 2px 0 2px 6px;
    font-size: 18px;
    font-weight: 300;
    list-style-type: decimal;
}

ul.pl-3.hair-main-list li:after {
    /* content: "\f087"; */
    position: absolute;
    left: -10px;
    top: 5px;
    font-family: FontAwesome;
    font-size: 11px;
}
ul.hair-main-list {
    padding: 0 0 0 70px;
}

/* .md-dialog-is-showing {
    top: 0 !important;
} */

.small_name {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    color: #2A3F54;
    background: #EFEEF2;
    border: 1px solid #ddd;
}

.small_name .default_name {
    font-size: 18px;
}

.request-job {
    border: 1px solid #aee79b;
    background: #e9ffd3;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.btn_gray {
    background: #b1b1b1 !important;
    color: #fff;
}

.btn_green {
    background: #42b937 !important;
    color: #fff;
}

.btn_red {
    background: #EA4335 !important;
    color: #fff;
}

h6 {
    font-size: 14px;
}

.anchor:hover {
    cursor: pointer;
    text-decoration: none;
    color: #000
}

.navbar-nav li.active a:after {
    width: 100%;
}

a.btn-fav {
    position: absolute;
    z-index: 9;
    top: 5px;
    left: 7px;
}

a.btn-fav:focus,
a.btn-fav:hover {
    color: #000;
}

button[disabled="disabled"] {
    opacity: 0.5;
    background: #999 !important;
    cursor: no-drop;
}

a.book-btn {
    color: #000;
    border-color: #000 !important;
}

a.booked {
    color: #ffffff;
    border-color: #000 !important;
    background: #000;
}

span.loader-set {
    position: relative;
    display: inline-block;
    margin: 0 auto;
}

span.loader-set i.fa.fa-circle-o-notch.fa-spin {
    position: absolute;
    left: 30px;
    font-size: 18px !important;
    color: #fff;
    top: 9px;
}

.info-block span {
    margin-right: 10px;
    font-size: 25px;
}

.info-block span {
    margin-right: 10px;
    font-size: 25px;
}

span.icon-double-tick-indicator {
    color: #4cae4c;
}

span.icon-spinner-of-dots {
    color: #f38631;
}

span.icon-confirm {
    color: #3189c0;
}

a.booked:hover {
    color: #fff;
}

select.custom-select {
    background: #fff url(../images/select-arrow.svg);
    background-position: right 10px top 14px;
    background-size: 10px 10px;
    background-repeat: no-repeat;
    outline: none;
}

.add-card {
    border: 1px solid #000 !important;
    box-shadow: none !important;
}

.add-card:focus,
.add-card:hover {
    box-shadow: none !important;
}

.add-card-pop p.validation-invalid {
    margin: 0 !important;
}

.add_card_box .close_box.fa-times {
    top: 6px !important;
    right: 3px;
}

.site-loader {
    position: fixed;
    display: none;
}

.site-loader.load {
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

body.body-load {
    overflow: hidden;
}

.patient-details .list-content {
    max-width: calc(100% - 100px) !important;
    max-width: -webkit-calc(100% - 100px) !important;
    max-width: -moz-calc(100% - 100px) !important;
}

.list-content h6 {
    text-transform: capitalize;
}

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

.add-exp-btn {
    color: #000;
    padding: 4px 0;
    font-size: 12px;
    margin-top: -8px;
    background: transparent;
    margin-bottom: 4px;
}

.extra-exp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #f1f1f1;
    padding: 0;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.extra-exp .expa-div {
    width: 100%;
}

.total-exp {
    width: 100px;
    text-align: right;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    border-left: 1px solid #f1f1f1;
}

.expa-div ul {
    padding: 15px 5px 5px 10px;
    margin: 0;
}

.expa-div ul li {
    width: 23.9%;
    display: inline-block;
    margin-bottom: 10px;
    padding: 8px 14px;
    border: 2px solid rgb(255, 215, 181);
    border-radius: 7px;
    color: #7b7979;
    font-weight: 600;
    margin: 0 0.5% 11px;
    letter-spacing: 0.3px;
}

.expa-div ul li i.fa.fa-trash {
    margin: 3px -3px 0 0 !important;
}

.expa-div ul li i.fa {
    margin-right: 7px;
}

.btn-upload input {
    opacity: 0;
    display: none;
}

label.btn-upload {
    background: #f48631;
    padding: 11px;
    border-radius: 30px;
    height: 33px;
    width: 33px;
    margin-left: 15px;
    text-align: center;
    line-height: 13px;
    color: #fff;
    position: relative;
}

label.btn-upload p.validation-invalid,
label.btn-upload p.upload-error {
    position: absolute;
    bottom: -35px;
    left: 0;
    white-space: nowrap;
}

.upload ul {
    padding: 0;
    margin: 0;
}

.upload ul li {
    width: 32%;
    padding: 0px;
    float: left;
    height: 85px;
    max-width: 85px;
    min-width: 85px;
    border: 3px solid #efefef;
    box-shadow: 0 1px 2px rgba(204, 204, 204, 0.3);
    margin-right: 6px;
    position: relative;
}

a.del-li {
    position: absolute;
    top: -10px;
    background: #fb675c;
    right: -5px;
    color: #fff;
    font-size: 10px;
    padding: 1px;
    border-radius: 50px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 18px;
}

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

.form-group.upload {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.add-exp-popup .control-border {
    border: 1px solid #efefef;
    padding: 5px 12px;
}

.p-doller {
    position: relative;
}

.p-doller span {
    position: absolute;
    top: 9px;
    left: 10px;
    font-size: 12px;
}

.p-doller input.control-border {
    padding-left: 25px;
}

a.edit-btn {
    color: #000;
    font-size: 12px !important;
    font-weight: bold;
}

.assist_box .md-container {
    top: 11px;
}

.assist_box>div md-checkbox,
.assist_box>div {
    width: 100%;
}

.info-block span.icon-like {
    color: #4cae4c;
}

.onwork span.icon-spinner-of-dots {
    color: #f38631;
}

.onwork span.icon-close-button {
    color: #fd5050;
}

.started {
    /*color: #d5a617;*/
    color: #15b9b3;
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 12px;
}

.started-job {
    background: #73cac6;
}

.add-patient-form .close_box {
    top: 8px;
}

.br-div {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.br-div .lst-simmer {
    border: none !important;
}

.br-radius {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.price-cut {
    text-decoration: line-through !important;
}

.br-none:after {
    display: none;
}

.my-shaperate span {
    height: 40px;
    width: 40px;
    border: 1px solid #d0d0d0;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    color: #d0d0d0;
    background: #fff;
    position: relative;
    z-index: 4;
}

.my-shaperate {
    padding: 15px 0;
    justify-content: center;
    display: flex;
    position: relative;
    background: #fff;
}

.my-shaperate:after {
    content: '';
    width: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    height: 4px;
    background: #d0d0d0;
    z-index: 0;
}

.w-600 {
    width: 600px;
}

.exp-list a {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #f1f1f1;
}

.exp-list a:hover {
    background: transparent;
}

.pro-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.exp-user {
    padding: 0 0 0 12px;
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
}

.exp-list {
    padding: 0px !important;
}

.bill-img li img {
    height: 30px;
    width: 30px;
}

.bill-img ul {
    padding: 0;
    margin: 0;
}

.bill-img ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 10px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px;
}

.bill-img ul li:nth-last-child(1) {
    margin-bottom: 0;
    border-bottom: none;
}

.ex-details {
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: -ms-calc(100% - 80px);
}

.bill-img ul li span {
    text-align: right;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    padding: 0 0 0 5px;
}

.exp-tabs md-tab-item {
    color: #9c9c9c !important;
    border: 1px solid #ccc;
    margin: 0 0 0 5px;
    padding: 4px 10px;
    font-size: 13px;
}

.exp-tabs .md-tab.md-active {
    color: #f58220 !important;
    border-color: #f58220;
}

.input-group-append .fa {
    position: absolute;
    top: 13px;
    right: 15px;
    color: #d7dade;
}

md-dialog.fullscreen-dialog {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.exp-tabs md-tabs-canvas,
.exp-tabs md-pagination-wrapper {
    height: 35px;
}

.exp-tabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: 450px;
}

p.lower::first-letter {
    text-transform: lowercase !important;
}

.about-profile p::first-letter {
    text-transform: uppercase;
}

.check-in,
.check-out {
    max-width: 165px;
    width: 100%;
}

.add-exp-btn.btn {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.filter-search i.fa.fa-times {
    position: absolute;
    right: 15px;
    top: 12px;
    color: #d7dade;
}

.custom_signature .signature {
    max-width: 100% !important;
}

.custom_signature .signature canvas {
    border: 1px solid #f5f5f5;
    margin: 0 !important;
    background: #fbfbfb;
}

.custom_signature {
    padding: 15px 0;
}

.custom_buttons .editbtn {
    min-width: auto;
    padding: 5px 18px;
}

.bill-main-copy span {
    float: none;
    display: inline-flex !important;
    padding: 0 7px 0 0 !important;
    display: -webkit-inline-flex !important;
}

.pay-request {
    /*color: #d5a617;*/
    color: #15b9b3;
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 12px;
}

span.icon-active {
    color: #15b9b3;
}

.sk-circle {
    margin: 20px auto 0;
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.request-job span.edit-request {
    color: #292929;
}

.notificaton-popup {
    position: fixed;
    right: 20px;
    top: 120px;
    z-index: 999;
    display: block;
}


/*.notificaton-popup.block{
    display:block;
}*/

.icon-order {
    min-width: 300px;
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.icon-order img {
    width: 100px;
    padding-top: 15px;
}

.noti-content {
    min-width: 330px;
    max-width: 330px;
    padding: 10px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.okbtn {
    background: #fa842f;
    text-align: center;
    display: inline-block;
    min-width: 90px;
    border-radius: 20px;
    margin-top: 15px;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
}

.box1 {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.38);
}

.okbtn:hover {
    color: #fff;
}


/*here*/

.notification-alert {
    position: fixed;
    top: 40px;
    right: 20px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    border-radius: 5px;
    width: 260px;
    padding: 15px 10px;
}

.notification-alert .notification-img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 10px;
    float: left;
}

.notification-alert .notification-message {
    float: left;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    padding-left: 10px;
    border-left: 1px solid #cccccc36;
}

.notification-message p {
    font-size: 14px;
}

.cross-notification {
    position: absolute;
    right: 0;
    color: #212529;
    font-size: 12px;
}

.cross-notification:hover {
    text-decoration: none;
    color: #212529;
}

.cross-notification:focus {
    outline: none;
}

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

.mess_count {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    background: #FA842F;
    color: #fff;
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 11px;
    font-weight: bold;
    margin-top: 9px;
    margin: 0 !important;
}

.chat_count {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    background: #fff;
    color: #f58220;
    font-size: 12px;
    font-weight: bold;
    margin-top: 9px;
    margin: 0 !important;
    display: inline-block;
}

.notification-img img {
    width: 100%;
    height: 100%;
}

.no-media-page {
    box-shadow: 2px 2px 5px rgba(156, 156, 156, 0.31);
    -webkit-box-shadow: 2px 2px 5px rgba(156, 156, 156, 0.31);
    border-radius: 4px 4px;
    -webkit-border-radius: 4px 4px;
}

.list-items.new-notification {
    background: rgba(245, 135, 40, 0.09);
}

.list-items.review-page {
    padding: 0px;
    overflow: hidden;
    display: flex;
}

.list-items.review-page .list-content {
    float: none;
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    padding: 5px 0;
}

.put-review ul {
    margin: 0;
    padding: 0;
}

.put-review ul li {
    padding: 0;
    display: inline-block;
    font-size: 30px;
    line-height: 22px;
    margin: 0 2px;
}

.put-review ul li a {
    display: block;
    padding: 0 2px;
    color: #000;
    font-size: 18px;
}

.put-review {
    display: flex;
    vertical-align: top;
    border-bottom: 1px solid rgba(204, 204, 204, 0.21);
    border-top: 1px solid rgba(204, 204, 204, 0.21);
    align-items: center;
    justify-content: center;
}

.header {
    background: #ffffff;
    height: 85px;
    position: relative;
    z-index: 66;
    display: flex;
    align-items: center;
}
.header .logo-sm{
    width: 85px;
    padding-top: 13px;
}
.header .logo-sm img{
    width: 100px;
    background: #fff;
    border-radius: 50%;
    padding: 7px;
}
button.navbar-toggler {
    display: none;
}

.not-media .list-action-left,
.not-media .list-action-left .small_name {
    height: 38px;
    width: 38px;
}

.list-items.new-notification h6 {
    font-weight: 600;
    color: #000000;
}

.list-items.new-notification i.default_name {
    color: #8a8a8a !important
}

.list-items.not-media h6 {
    text-transform: uppercase;
}

.list-items.not-media i.default_name {
    color: #8a8a8a;
}


/****/

.inputs-fil input {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    padding: 6px 15px 6px;
    height: 35px;
}

.form-control {
    font-size: 13px;
    height: 38px !important;
    padding: 8px 15px !important;
}

.filter-btn {
    display: inline-flex !important;
    display: -webkit-inline-flex;
    margin-left: 30px;
}

.custom-menu {
    padding: 0;
}

.custom-menu ul {
    padding: 0;
    margin: 0;
}

.custom-menu li {
    padding: 0;
    margin: 0;
}

.custom-menu li a {
    display: block;
    padding: 10px 10px;
    color: rgb(118, 118, 118);
    border-bottom: 1px solid rgb(242, 242, 242);
    width: 100%;
    font-size: 12px;
}

.white-box.review_box {
    border: 1px solid #f1f1f1;
    margin-right: 15px;
}

.exp-details-pop i.close_box {
    top: 8px;
    right: 5px;
}

.exp-details-pop {
    width: 100%;
}

.assist_box md-checkbox {
    margin: 0;
}

.inputs-fil select {
    border-radius: 50px;
    color: #949494;
}

.list-content:hover a h6 {
    color: #000000;
}

.dropdown-menu.show {
    top: 10px !important;
}

.search span.dropdown {
    padding: 8px 15px;
    border: 1px solid #ced4da;
    border-radius: 50px;
    display: inline-block;
    height: 38px;
    width: 100%;
}

#rating_slider .owl-prev {
    align-items: flex-start;
    margin-left: -23px;
    background: #000;
    padding: 5px;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

#rating_slider .owl-nav {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    z-index: -1;
}

#rating_slider .owl-next {
    align-items: flex-end;
    margin-right: -23px;
    background: #000;
    padding: 5px;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

#rating_slider .owl-dots .owl-dot span {
    border: 1px solid #000 !important;
    height: 8px;
    width: 8px;
    display: inline-flex;
    border-radius: 100%;
}

#rating_slider .owl-dots .owl-dot.active span {
    background: #000 !important;
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.job-filter .date::before {
    right: 14px;
}

.search .filter-btn {
    max-width: inherit !important;
    margin: 0;
    padding: 7px 20px;
    margin: 0 4px;
}

.search {
    display: flex;
}

.w-100.p-details {
    overflow: hidden;
}

.btn.filter-op,
h5.statusheading button.btn {
    padding: 4px 20px 0;
    margin: -4px 10px 0 0;
    line-height: 22px;
}

.download-space a {
    display: inline-block;
    max-width: 160px;
}

.fc-content {
    padding: 3px 0;
    border-radius: 6px !important;
}

a.fc-day-grid-event.fc-h-event.fc-event {
    border-radius: 4px;
    padding: 1px 3px;
    font-weight: 600;
    margin-bottom: 2px !important;
    cursor: pointer;
    font-size: 13px;
    letter-spacing: 0.6px;
}

.btn-theame {
    background: #000000;
    color: #fff;
}

.filter-op {
    font-size: 16px;
    font-weight: bold;
    line-height: 0 !important;
    padding: 0 !important;
    width: 60px;
    height: 30px;
    background: #000000;
    margin: 15px 8px 0 0;
    color: #fff;
    position: absolute;
    right: 15px;
    z-index: 7;
    margin: 0 !important;
}

.review-pop {
    min-width: 450px;
    max-width: 450px;
}

.edit-request {
    cursor: pointer;
}

.custom-popover {
    background-color: #fff;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding-left: 10px;
    padding-right: 10px;
}

.event-short-close {
    position: absolute;
    right: -20px;
    top: -23px;
}

.custom-popover .list-content h6 {
    text-align: left;
}

span.icon-briefcase {
    color: #d5a617;
}

span.icon-card {
    color: #927ff1;
}

.explore_list {
    position: relative;
}

.mapview {
    width: 500px;
}

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

agm-map {
    height: 100%;
}

.otherlink {
    border-top: 1px solid #dde3e3;
    border-bottom: 1px solid #dde3e3;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 0;
    color: #313131 !important;
    font-weight: 500 !important;
}


/* body.pos-relative.md-dialog-is-showing {
    position: relative !important;
    height: 100%;
} */

.list-content i.fa.fa-user {
    margin-right: 4px;
}

.profile-popup {
    width: 500px;
}

.pop-details h4 {
    margin: 0;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 5px;
}

.profile-popup .title-section {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 0 0 -15px;
}

.br-top {
    border-top: 1px solid #f1f1f1;
}

.map-popup #map {
    height: 400px;
    width: 100%;
}

a.btn.map-view {
    padding: 4px 8px;
    font-size: 12px;
}

a.btn.map-view:hover {
    color: #fff;
}

.md-dialog-container {
    top: 0 !important;
}

body.md-dialog-is-showing {
    top: 0 !important;
}

.tech-dashboard-list .list-items {
    box-shadow: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.custom-calendar-ic {
    background: transparent;
    box-shadow: none !important;
    font-size: 18px;
    position: absolute;
    top: 13px;
    z-index: 1;
    left: 250px;
}

.custom-calendar-ic:hover,
.custom-calendar-ic:focus,
.custom-calendar-ic:active {
    box-shadow: none !important;
}

.small,
small {
    font-size: 90% !important;
    font-weight: 400;
}

.expense_slider {
    padding: 0 10px;
}

.expense_slider .owl-nav .owl-prev {
    position: absolute;
    top: 42%;
    left: -7px;
}

.expense_slider .owl-nav .owl-next {
    position: absolute;
    top: 42%;
    right: -7px;
}

.expense_slider .expense-items {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #000;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.expense-items h6.float-right strong {
    color: #000;
}

.expense-img {
    width: 45px;
    height: 27px;
    border-radius: 3px;
}

.expense-img img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.expense-items .icon-invoice:hover {
    color: #000;
}

.expense-items h6 {
    color: #7b7979;
}

.expense-items a {
    color: #7b7979;
}

a.tech-team {
    padding: 5px 10px;
    border-radius: 0 !important;
    color: #000000;
    display: inline-block;
    border: none;
    box-shadow: none !important;
}

span.patient-edit {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.patient-details h5 {
    display: flex;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.lightbox-modal.fade.in {
    opacity: 1 !important;
}

.modal-backdrop.fade {
    opacity: .5 !important;
}

.lightbox-image-container img {
    width: 100%!important;
    height: 100% !important;
}

.lightbox-modal .modal-dialog {
    transform: none !important;
}

.lightbox-nav .icon-multiply {
    font-size: 15px !important;
}

.lightbox-modal .modal-content {
    background: transparent !important;
    cursor: auto !important;
}

.lightboxnavigations a:first-child {
    position: absolute;
    display: inline-block;
    align-items: center;
    top: 50%;
    height: 100%;
    left: -60px;
    box-shadow: none !important;
    color: #fff;
    font-size: 30px !important;
    cursor: pointer;
}

.lightboxnavigations a:last-child {
    position: absolute;
    display: inline-block;
    align-items: center;
    top: 50%;
    height: 100%;
    right: -60px;
    box-shadow: none !important;
    color: #fff;
    font-size: 30px !important;
    cursor: pointer;
}

.lightboxnavigations a:hover {
    color: #fff !important;
}

.modal.lightbox-modal {
    cursor: url("../../assets/images/cancel.png"), auto;
}

.lightbox-nav {
    display: none;
}

.job-tabs md-content {
    overflow: hidden !important;
    padding: 15px 0 0 15px;
}

.btns-slect a {
    background: #000;
    padding: 2px 10px 2px 4px;
    border-radius: 20px !important;
    color: #fff;
    border: 1px solid #000;
    font-weight: 400;
    cursor: pointer;
    overflow: hidden;
    align-items: center;
    display: flex;
    justify-content: center;
}

.btns-slect a i {
    color: #ffffff;
    padding: 0;
    position: relative;
    left: 0;
    font-weight: bolder;
    font-size: 16px;
    display: inline-block;
    margin-right: 3px;
}

.check-all {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.check-all md-checkbox {
    margin: 0;
}

.btns-slect a:hover {
    color: #fefefe;
}

button.btn.job-sidebar {
    position: fixed;
    left: 0;
    background: #000000;
    z-index: 9;
    display: none;
    top: 80px;
    border-radius: 0 4px 4px 0 !important;
    color: #ffff;
    padding: 10px 13px 10px 10px;
    -webkit-border-radius: 0 4px 4px 0 !important;
}



.loginbtn a i.fas:hover {
    color: #fff;
}

.btns-slect {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.tech-btns .btn-group {
    border: 1px solid #000000;
    border-radius: 5px;
}

a.tech-team.btn.open {
    background: #000;
    color: #fff;
    border: none;
}

.search .dropdown {
    position: relative;
}

.search .dropdown .drop-arrow {
    position: absolute;
    right: 13px;
    top: 12px;
}

.btns-slect a i:hover {
    color: #fff;
}

a.tech-team.btn.bakc-btn {
    padding: 2px 10px 2px 6px !important;
    align-items: center;
}

a.tech-team.btn.bakc-btn i.fas.fa-chevron-left {
    font-size: 13px;
    margin-right: 7px;
}

.new-job-notification a {
    background: rgba(116, 251, 99, 0.17);
    border-radius: 0;
    padding: 8px 8px !important;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.14) !important;
    -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.14) !important;
    border-left: 4px solid #000;
    font-weight: 600;
    color: #656565;
    min-width: 250px;
}

.new-job-notification {
    display: flex;
    display: -webkit-flex;
    margin: 0 0;
    justify-content: center;
}

.new-job-notification i.fas.fa-plus {
    margin-right: 6px;
}

.dashboard-support {
    padding: 40px;
    margin-top: -70px;
}

.other span.fa.fa-close {
    position: absolute;
    right: 0;
    top: 27%;
}

.form-group.other {
    position: relative;
}

.bt-t-p p {
    border-top: 1px solid #efefef;
    padding: 4px 0 0 0;
    color: #ccc;
    font-size: 11px;
}

.head-exp {
    max-width: 120px;
}


/**chat**/

.my-chat {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    background: #fff;
    /*height: 400px;*/
    right: -1px;
    max-width: 300px;
    width: 100%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    box-shadow: 0 0 27px rgba(51, 51, 51, 0.25);
}

.chat-box {
    overflow-y: auto;
    height: 312px;
    background: #fff;
}

.main-msg {
    padding: 8px;
    max-width: 180px;
    border-radius: 4px;
    min-width: 115px;
    background: #fff1e6;
    color: #403d3e;
    position: relative;
    text-align: right;
}

.chat-msg.justify-content-start .main-msg {
    order: 12;
    margin-left: 15px;
    text-align: left;
    background: #efefef;
}

.chat-header {
    background: #000;
    padding: 10px 10px;
}

.chat-footer {
    background: #d6d4d4;
    padding: 8px 8px;
    position: relative;
}

.chat-header h5 {
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 0;
}

.chat-footer input {
    width: 100%;
    height: 33px;
    border-radius: 4px;
    border: none;
    padding: 10px 70px 10px 10px;
}

.chat-footer input[type="submit"] {
    background: #403d3e;
    position: absolute;
    top: 8px;
    right: 8px;
    color: #ffffff;
    width: auto;
    padding: 0 16px;
    text-transform: capitalize;
}

.close-chat i.fa {
    font-size: 16px;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
}

.list-content p.mess_count {
    right: 0;
    top: -7px;
    color: #fff !important;
    font-size: 12px;
    height: 20px;
    width: 20px;
    padding: 0px;
}

.main-user:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -6px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #fff1e6;
    border-bottom: 0;
    border-left: 0;
    margin-left: 0;
    margin-bottom: 0;
    top: 0px;
}

.chat-msg.justify-content-start .main-msg:after {
    left: -8px;
    top: 0px;
    transform: rotate(90deg);
    border-top-color: #efefef;
    border-bottom: 0;
    border-left: 0;
}

.img-pro {
    height: 24px;
    width: 24px;
    overflow: hidden;
    border-radius: 55px;
    margin: -8px 0 0 0;
}

.img-pro img {
    width: 100%;
    height: 100%;
}

.chat-msg p {
    color: #d6d6d6;
    font-size: 11px;
}

.main-msg h6 {
    margin-bottom: 0;
}

.chat-msg.justify-content-start p {
    margin-left: 16px;
}

a.chat-btn {
    padding: 4px 8px;
    font-size: 12px;
    margin-top: 15px;
    display: inline-block;
}

a.chat-btn:hover {
    color: #fff;
}

.no-chat img {
    max-width: 110px;
}

.no-chat {
    text-align: center;
    padding: 60px 0;
}

.no-chat p {
    color: #c7c7c7;
    text-transform: capitalize;
    margin-top: 15px;
}

span.close-chat {
    cursor: pointer;
}

.date-heading {
    background: #fce9da;
    padding: 7px 15px;
    border: 1px solid #ffca9f;
}

.date-heading p {
    margin: 0;
    color: #3c3c3c;
    font-weight: 600;
}

.time input,
.date input {
    position: relative;
    z-index: 9;
}

* {
    word-wrap: break-word;
}

.list-items i.fas.fa-angle-right {
    display: none;
}

.list-action-right .text-muted.float-left.mr-2 {
    margin-right: 0 !important;
}

.JobsList {
    position: relative;
}

.loginbx .btn.signbtn {
    min-width: 120px;
}

.pos-inharit {
    position: inherit;
}

.font15 {
    font-size: 15px;
}

.width-calc-65 {
    width: calc(100% - 65px);
}

.front img {
    width: 72px;
}

.video-frame iframe {
    width: 100%;
    height: 100%;
    min-height: 300px;
}

.video-frame {
    padding: 0 15px 0 0;
}

button.signbtn.get_btn {
    width: 100%;
    max-width: inherit;
    padding: 10px;
    border: none;
    border-radius: 50px !important;
    margin-top: 20px;
    font-size: 22px;
}

.inputs input {
    padding: 8px !important;
    height: 50px !important;
    border-radius: 5px;
}

section.form_Section {
    background: #f1f1f1;
    border-bottom: 1px solid #e0e0e0;
}

.city_images_list li {
    width: 33.33%;
    padding: 15px;
    border-radius: 4px;
    overflow: hidden;
}

.city_images_list ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

.city_images_list li img {
    width: 100%;
}

.city_box {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}

.city_box .city_details {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 5px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
}

.city_box h2 {
    margin: 0;
    color: #fff;
    font-size: 25px;
}

/****/

.advantages {
    position: relative;
    width: 100%;
    background: #403d3e;
}

.left-img .advantages-block {
    padding-left: 50%;
    padding-right: 0;
    text-align: left;
}

.left-bar img {
    width: 100%;
}

.advantages-item-top {
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    margin-bottom: 30px;
}

.advantages-item-ico img {
    max-width: 60px;
}

.advantages-item-ico {
    padding-right: 20px;
}

h4.advantages-item-title {
    color: #fff;
    margin: 0;
}

.about-section h2 {
    font-size: 28px;
    color: #000!important;
}

.advantages-item-bottom a.btn {
    background: #000000;
    border: 1px solid #000; 
}

.advantages-item-bottom a.btn:hover {
   background-color: transparent;
}

.advantages-list ul {
    padding: 0;
}

.advantages-list ul li {
    margin-bottom: 5px;
}

.advantages-item-bottom a.btn:hover {
    color: #403d3e;
    color: #fff;
}

.left-bar {
    height: 100%;
    background: url(../images/advantages-1a.jpg);
    margin-left: -15px;
    background-position: center;
    background-size: cover;
}

.col-6.advantages-block {
    padding-top: 10px;
    padding-bottom: 60px;
}

#advanceTech .col-12 {
    text-align: center;
}

#advanceTech .col-12 p {
    text-align: left;
}

#advanceTech img {
    max-width: 400px;
    margin: 0 auto;
}

section#new_video {
    background: #d0dcea;
    padding: 60px 0;
}

#footer .header-social-links li a {
    color: #cbcdcc;
    font-size: 16px;
    background: #fff;
    height: 30px;
    width: 30px;
    display: flex;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0;
    margin: 0 1px;
    text-align: center;
    align-items: center;
    justify-content: center;
    -ms-align-items: center;
    -ms-justify-content: center;
}

.app_screens {
    text-align: center;
}

.app_screens img {
    margin: 0 auto;
}

.app_screens img {
    max-width: initial !important;
}

.mobile-show {
    display: none;
}

.mobile-show #main_slider .owl-stage-outer {
    background: url(../images/mobile_bg.png);
    background-position: center;
    background-size: cover;
}

.select_clinic_modal {
    max-width: 720px;
    min-width: 720px;
}

.select_clinic_btn {
    padding: 5px 0px !important;
    border: none !important;
    border-bottom: 1px solid #efefef !important;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal;
    background: transparent;
    font-size: 13px;
    border-radius: 0 !important;
    -webkit-border-radius: 0;
    min-height: 38px;
    color: #989898;
    box-shadow: none !important;
    text-align: left;
    text-transform: capitalize;
    position: relative;
}

.select_clinic_btn:focus {
    box-shadow: none !important;
}

.select_clinic_btn::after {
    content: '\f105';
    font-family: fontAwesome;
    font-size: 16px;
    color: #333;
    right: 4px;
    top: 4px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    width: 25px;
    height: 23px;
    text-align: right;
    background: #fff;
}

.selected_clinic {
    border: 1px solid rgba(165, 165, 165, 0.2);
}
.select_patient ul {
    padding: 0;
    margin: 0;
}
.select_patient {
    background: #efeef3;
    padding: 10px 20px 10px 40px;
}
.select_patient i.close_box {
    margin-top: 0;
}
.profile_patient {
    width: 55px;
    border-radius: 100%;
    height: 55px;
    margin: 1px 0 0 -40px;
    background: #efeef3;
    padding: 10px;
}

.profile_patient img {
    width: 100%;
}

.select_patient li {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11);
    margin-bottom: 12px;
}
.select_patient h3 {
    font-size: 15px;
    color: #000000;
}
.select_patient .pop_header {
    margin-bottom: 10px;
}
.select_patient p {
    color: #7a7a7a;
}
.select_patient md-radio-button .md-on,
.select_patient md-radio-button .md-off {
    height: 20px !important;
    width: 20px !important;
}
.date_ern {
    font-size: 13px;
    color: #a0a0a0;
}
.earn_btn .btn {
    border-radius: 0 !important;
    border: none;
    box-shadow: none !important;
    padding: 8px 22px;
}
.btn-group.earn_btn {
    border-radius: 8px;
    overflow: hidden;
}
.earn_jobs {
    max-height: 550px;
    overflow-y: hidden;
    margin: 0 -15px 0 0;
}
.water_mark {
    position: absolute;
    font-size: 50px;
    font-weight: bolder;
    text-transform: uppercase;
    right: 100px;
    transform: rotate(-40deg);
    color: rgba(0, 0, 0, 0.1);
    top: 300px;
}
/*****/
.new_bg {
    background: url(../images/operation_second2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding-bottom: 140px;
}
.new_bg h1 {
    font-size: 50px;
    color: #fff;
    text-align: center;
    
}
.new_bg h2 {
    text-align: center;
    color: #fff;
    font-size: 32px;
    
}
.new_bg  h3 {
    text-align: center;
    font-size: 20px;
    margin: 0 0 20px;
    color: #fff;
    
}
.new_bg  p {
    font-weight: 300;
    font-size: 16px;
}
p.bottom-content {
    font-style: italic;
    font-size: 13px;
    position: absolute;
    bottom: 20px;
    left: 40px;
    right: 40px;
    text-align: center;
}
.content_new h3 {
    color: #000000;
    font-size: 28px;
    padding-left: 15px;
    border-left: 4px solid #000000;
    margin-bottom: 15px;
    text-transform: uppercase;   
}
.content_new ul {
    padding: 0 0  0 20px;
    margin: 0 0 20px;
}

.content_new ul li {
    list-style-type: disc;
    list-style-position: inside;
    color: #000;
}
section.reward_section {
    background: #fff;
}
.heading h1 {
    font-weight: 300;
}

.heading h1 span.theme-color {
    color: #000000;
}
.head_logo img {
    max-width: 85px !important;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 4px solid #000000;
}
.extra_gap {
    padding: 21px 0;
}

/**new form**/
.new-setup .loginbx {
    padding: 25px 25px;
    max-width: 500px;
    margin: 0 auto;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    /* display: inline-block; */
    
}
.new-setup .fbbtn {
    max-width: 210px;
}
.loginbx .create-account{
 font-weight: 600;
 text-decoration: underline;
}

/**/
.kit-boxes{
    display: flex;
    margin-bottom: 20px;
}
.small-box , .large-box{
    width: 100%;
}
.signbtn, .btn-orange{
    display: initial!important;
    margin: inherit;
}
.pop_header:after{
    display: none;
}
.kit-boxes h5{
  font-size: 15px;
  margin-bottom: 15px;
}
.pop_header h2{
   font-size: 17px;
}
.cancel-btn{
    background-color: #403d3e;
}

.kit_detail{
    background: rgba(0, 0, 0, 0.09);
    padding: 12px 15px;
    border-radius: 3px;
}

.earn_btn{
    position: relative;
    display: -ms-inline-flexbox;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.rating-box{
    border: 1px solid #f1f1f1;
   /* display: flex;
    display: -webkit-flex;*/
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.rate_back{
    background: #4a963e;
    color: #fff;
    padding: 2px 8px;
    height: 19px;
}


.video-frame .player .vp-title .vp-title-header h1 a:hover{
    color: #fff!important;
    }

    .display-block{
        display:inline-block !important;
    }