img{
    image-orientation: from-image;
    max-width: 100%;
}
#appointment_datepicker .bootstrap-datetimepicker-widget table td.day {
    background-color: #27c24c;
    color: #fff;
    border-radius: 0;
    border: solid 2px #fff;
}
#appointment_datepicker .bootstrap-datetimepicker-widget table td.active, #appointment_datepicker .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #1a9c39;
    color: #fff;
}
#appointment_datepicker .bootstrap-datetimepicker-widget table td.disabled, #appointment_datepicker .bootstrap-datetimepicker-widget table td.disabled:hover {
    background-color: #c4ebc3;
}
#appointment_timepicker a.appointment_time_select {
    font-size: 16px;
    line-height: 22px;
}
#appointment_timepicker a.appointment_time_select.active{
    color:#428bca;
    /*color: #27c24c;*/
    /*font-weight: bold;*/
}

.weekly-table-appointment{
    display: none;
}
/*
.radio.apn-type {
    min-height: 50px;
} */

.provider_plan_combo{
    width:100%;
}
.bussiness_url{
    height:42px;
}
.inactive-user{
    color:#ccc;
}
.additional-scroll{
    max-height: 400px;
    overflow: auto;
}
@media (max-width: 479px) {
    .pull-right.thred-btn {
        float:none!important;
        text-align: left;
        margin-top: 5px;
    }
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label, .has-color {
    color: #ff0000;
}
.has-error .form-control, .has-error .form-control:focus  {
    border-color: #ff0000;
    box-shadow: none;
}
.ui-widget-content {
    background: #ffffff;
    border: 1px solid #aaaaaa;
    color: #222222;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-menu {
    display: block;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
}
.ui-autocomplete {
    cursor: default;
    left: 0;
    position: absolute;
    top: 0;
}
.ui-front {
    z-index: 99999 !important;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-menu .ui-menu-item {
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    margin: 0;
    min-height: 0;
    padding: 3px 1em 3px 0.4em;
    position: relative;
}

#LoadingImage, #InsuranceLoadingImage {
    background: rgba(255,255,255,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
}
#LoadingImage img, #InsuranceLoadingImage img{
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px;
    position: absolute;
}

#connecting {
    background: rgba(255,255,255,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
}
#call_transfering {background: rgba(255,255,255,0.5); width: 100%; height: 100%; position: fixed; z-index: 99999999;}

/*.navi-wrap { position: fixed;z-index: 1060;}*/

.left-menu-container{
    height: 100%;
    padding-bottom: 50px;
}
.left-menu-container-inner{
    height: 100%;
    overflow: auto;
}
.macro_btn{
    background-image: url("../img/m-icon.png");
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px auto;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 5px;
    position: relative;
    top: 3px;
}
/*.menu-toggle-big{width:200px;}*/
.menu-toggle-small{
    width:112px;
}
/*::-webkit-scrollbar {
    width: 12px;
    border-radius:1px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    box-shadow: inset 0 0 6px;
    border-radius: 10px;

}
::-webkit-scrollbar-thumb {
    background-color: #FF991E;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}*/

#add-staff-type-form .st-icon-img-div{
    width: calc(100% - 193px);
    float: left;
}
#add-staff-type-form .icon-img-disp, .add-grp-section .icon-img-disp{
    position: relative;
    width: 65px;
    height: 65px;
    display: inline-block;
    float: left;
    margin-left: 30px;
    clear: right;
}
#add-staff-type-form #icon_img_remove, .add-grp-section #icon_img_remove{
    font-size: 20px;
    line-height: 1;
    display: inline-block;
    color: #ff0000;
    font-weight: 700;
    cursor: pointer;
    position: absolute;
    top: -10px;
    right: -10px;
}
.p-savenext-btn{
    margin-top: 100px;
}
#s_recruiter{
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.44);
    padding: 0 15px;
    width: 50%;
    border-radius: 5px;
}

.promemship .form-group {
    display: inline-block;
    width: 100%;
}
.ins-collapse {
    /* display: inline-block; */
    /* width: 100%; */
    cursor: pointer;
    padding: 8px 58px 8px 8px;
    /* text-align: right; */
    background-color: #EAEDF1;
    color: #4E5264;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}
.ins-collapse span{
    /* float: left; */
}
.ins-collapse-main .az-ins-block-main {
    display: inline-block;
}
.ins-collapse .fa-chevron-down{
    position: absolute;
    top:12px;
    right: 8px;
    color: #4E5264;
}
.ins-collapse.open .fa-chevron-down{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.ins-collapse-main{
    margin-bottom: 5px;
}

#add-appointment-type-form i + .tooltip {
    z-index: 1024 !important;
}
#add-appointment-type-form .appt-tags + .select2-container {
    z-index: 111 !important;
}
.refund-btn {
    position: absolute;
    right: 50px;
    margin-top: -35px
}
@media (max-width: 479px) {
    .refund-btn {
        position: relative;
        right: auto;
        margin-top: 0;
        left: 40%;
    }
    #add-staff-type-form .st-icon-img-div{
        width: 100%;
    }


}
.fb-tab-content{
    padding: 15px;
    background-color: #fff;
    border: 1px solid #dee5e7;
    border-top-width: 0;
    border-radius: 0 0 2px 2px;
    margin-left: -1px;
    margin-right: -1px;
    overflow-y: auto;
}
.fb-main{
    padding: 15px;
    background-color: #fff;
    border: 1px solid #dee5e7;
    border-top-width: 0;
    border-radius: 0 0 2px 2px;
}
.fb-button{
    background-color: #f8941e !important;
    border-color: #f8941e !important;
    color: #ffffff !important;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
#firstTab_filter{
    float: right;
    margin-bottom: 5px;
}
#secondTab_filter{
    float: right;
    margin-bottom: 5px;
}
#thirdTab_filter{
    float: right;
    margin-bottom: 5px;
}
#stafftype_filter{
    float: right;
    margin-bottom: 5px;
}
.put_contact{
    cursor: pointer;
}
.dataTables_filter input{
    margin-left: 5px;

}
.unread{
    background-color: #dee5e7 !important;
}
.staftypemsg{

    padding:  10px;
    text-align: center;
}
.put_stafftype_contact{
    cursor: pointer;
}

/* Start CSS for Calling system */

#call_modal #inner_page .img-box{
    float: left;
    position: relative;
    width: 50%;
    padding:2px;
}
#call_modal #inner_page img{
    width: 100%;
}
#call_modal .view-image{
    float:right;
}
#call_modal .margin-bottom {
    margin-bottom:20px;
    clear: both;
}
#call_modal .btn_blue {
    background:#00b8f0;
    border: 0 none;
    border-radius: 50px;
    color: rgb(255, 255, 255);
    padding: 0px;
    width: 100px;
    margin: 0 auto;
    display: block;
    margin-top:30px;
}
.btn_red {
    background:#ff4a68;
    border: 0 none;
    border-radius: 50px;
    color: rgb(255, 255, 255);
    padding: 10px;
    width: 100px;
    margin: 0 auto;
    display: block;
    margin-top:30px;
}
.voice_btn_red {
    background: transparent;
    border: 0 none;
    border-radius: 50px;
    padding: 2px;
    width: 25px;
}
#call_modal .inner-content {
    margin: 5px auto;
    /*width: 90%;*/
    height: calc(100vh - 285px);
}
#call_modal .btn_orng {
    background: rgb(230, 141, 37) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 50px;
    color: rgb(255, 255, 255);
    display: block;
    margin: 0 auto;
    padding: 10px 15px;
    width: auto;
    font-size: 14px;
}
#call_modal .white_bg {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 5px;
    margin: 30px 0;
    padding: 40px;
}



#call_modal label {
    font-weight: normal;
}
#call_modal .modal-body {
    padding: 30px 15px;
}
#call_modal .modal-content {
    background-color: rgb(78, 84, 99);
    border: 0 none;
    border-radius: 6px 0 0 6px;
    color: rgb(255, 255, 255);
    float: left;
    padding: 10px;
    width: 100%;
    box-shadow: none !important;
    max-height: calc(100vh - 30px);
    /*overflow-y: auto;*/
}
#call_modal .modal-dialog {
    margin: 0 auto !important;
    max-width: 100%;
    padding: 0;
    width:1284px;
    background-clip: padding-box;
    background-color:#4E5463;

    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    /*top:15px;*/
}
#call_modal .close {
    color: #fff !important;
}
#call_modal .chat_cont {
    float: left;
    width: 25%;
}
#call_modal .img_bg {
    background: rgb(45, 197, 244) none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 100px;
}
#call_modal .modal-title {
    display: inline-block;
    line-height: 1.42857;
    margin: 0 0 0 15px;
    font-weight:light;
}
#call_modal ul{
    margin:0;
    padding:0;
    list-style:none;
}
#call_modal .share-screen {
    background: rgba(0, 0, 0, 0) url("images/border_bg.png") no-repeat scroll 0 0;
    color: rgb(255, 255, 255);
    padding: 10px 23px 10px 15px ;
    background-size: 100% 100%;
}
#call_modal .video-icons li {
    display: inline-block;
    padding:0 10px;
}
#call_modal ul.video-icons {
    display: inline-block;
    vertical-align: middle;
}
#call_modal ul.video-icons li a.circle {
    /*border: 1px solid rgb(106, 111, 124);*/
    border-radius: 50%;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    width: 40px;
}
#call_modal .left {
    display: block;
    width: 61%;
}
#call_modal .right {
    display: inline-block;
    text-align: right;
    width: 100%;
}

#call_modal a:hover,a:active,a:focus {
    text-decoration:none !important;
    outline:none !important;
    color:inherit
}
#call_modal .content-img {
    display: inline-block;
    position: relative;
    width: 75%;
}
#call_modal .modal-body {
    /*display: inline-block;*/
    padding: 5px 0 5px;
    position: relative;
}
#call_modal .info {
    /*  left: 0;
      position: absolute;
      right: 0;
      bottom: 0;
      margin: 0 auto;*/
    padding:0 15px;
}
#call_modal .name-left {
    display: inline-block;
    vertical-align: middle;
    width:49%;
}
#call_modal .name-left h3{
    font-weight:light;
}
#call_modal .dura-right {
    display: inline-block;
    width: 50%;
    text-align:right;
}
#call_modal .call {
    background:#f25a6c;
    border-radius: 50%;
    height:26px;
    /*  line-height: 30px;*/
    position: absolute;
    text-align: center;
    width: 26px;
    /*margin:5px 0 0 5px;*/
    bottom: 25px;
    left: calc(50% - 12px);
    display: none;
}
#call_modal .viw-img {
    text-align: right;
}
#call_modal .more-img {
    display: inline-block;
    width: 100%;
    float: left;
}
#call_modal .img-box .info {
    text-align: center;
    line-height: 15px;
}
#call_modal .img-box .dura-right {
    width: 49%;
}
/*#call_modal .img-box{width:33.33%; float:left; position:relative;}*/
#call_modal .more-img .img-box {
    /* float: left; */
    /* display: table; */
    padding-bottom: 5px;

}
#call_modal .modal-footer {
    text-align: left;
}
#call_modal .end-call {
    background:#f25a6c;
    padding:10px  15px ;
    border-radius: 50px;
    color: #fff;
    width:140px;
    text-align:center;
    display:inline-block;
}
#call_modal .modal-footer {
    padding: 5px;
    border-top: 0;
}
#call_modal .modal-footer {
    display: table;
    position: relative;
    width: 100%;
}
#call_modal .footer-cont {
    display: table-cell;
    width: 33.33%;
    vertical-align:middle;
    font-size:14px;
}
#call_modal .footer-cont span{
    font-size:20px;
}
#call_modal .footer-cont img{
    padding-right:10px;
}
/*.modal-footer .share-screen {
  background: rgba(0, 0, 0, 0) url("images/border2_bg.png") no-repeat scroll 0 0 / 100% 100%;
  color: rgb(255, 255, 255);
  font-size: 12px;
  padding: 10px 15px 10px 25px;
}*/
#call_modal .add_new_call {
    bottom: 57px;
    color: rgb(79, 84, 97);
    /*display: none;*/
    font-size: 20px;
    position: absolute;
    width: 450px;
    left: 11px;
    margin: auto;
    height: 228px;
    z-index: 99999;
    top: auto;
    right: auto;
    padding: 0;
}
/*#call_modal .modal-content.active{margin:0 auto; float:none; display:block; width:100%;}*/
#call_modal .add_new_call label{
    font-size:14px;
}
#call_modal .add_new_call .white_bg {
    border-radius: 10px;
    padding: 20px;
    margin:0;
}
#call_modal .add_new_call::after {
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top: 8px solid rgb(255, 255, 255);
    content: "";
    left: 0;
    margin-left: 23px;
    position: absolute;
    bottom: -8px;
    top: auto;
    border-bottom: transparent;
}
#call_modal .new_call {
    cursor:pointer;
    /*border: 1px solid rgba(255,255,255,0.2);*/
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 36px;
    text-align: center;
    width: 40px;
    margin-right: 15px;
}
#call_modal .new_call > img {
    display: inline-block;
    margin: 0 auto;
    padding: 0 7px;
}

#call_modal .modal-body {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
#call_modal .modal-dialog {
    display: inline-block;
    width: 100%;
}
#call_modal {
    max-width: 100%;
    /*  width: 1285px;*/
    margin:0 auto;
    z-index: 10000;
}

#call_modal .inner-modal{
    width:80%;
    margin:0 auto !important;
}
#call_modal .chat_cont {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    float: left;
    font-size: 12px;
    line-height: 15px;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 25%;
    z-index: 11111;
    right: 0;
    bottom: 0;
    overflow:auto;
    top:0;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    color: #58666e;
}

#call_modal .semi_bold{
    font-weight:600;
}
#call_modal .light{
    font-weight:300;
}
#call_modal .sky_bg, .chat-modal .sky_bg {
    background: rgb(239, 250, 253) none repeat scroll 0 0;
    border: 1px solid rgb(187, 235, 250);
    border-radius: 5px;
    margin-left: 30px;
    min-width: 107px;
    padding: 10px;
    text-align: left;
    width: auto !important;
    display: inline-block;
    float: right;
}
#call_modal .text_msg, .chat-modal .text_msg
{
    clear: both;
    display: block;
    margin-left: 10px;
}

#call_modal .text_msg p.pull-right.light, .chat-modal .text_msg p.pull-right.light {
    clear:both;
}
#call_modal .dark_sky, .chat-modal .dark_sky  {
    background: rgb(187, 235, 250) none repeat scroll 0 0;
    clear: both;
    margin-right: 30px;
    padding: 10px;
    text-align: left;
    border-radius: 5px;
}
#call_modal .time-left, .chat-modal .time-left{
    float: right !important;
    margin-right: 30px;
}
#call_modal .send_btn{
    clear:both;
    display:inline-block;
}
#call_modal .send_btn > hr {
    margin: 20px 0 10px;
}
#call_modal .send_btn .btn_blue {
    position: absolute;
    right: 3px;
    /*top: -30px;*/
    width: 26px;
    bottom: 3px;
    height: 26px;
}
#call_modal .send_btn .form-group {
    float: left;
    position: relative;
    width: 80%;
}
#call_modal .send_btn {
    clear: both;
    display: inline-block;
    padding: 15px 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0 15px;
}
#call_modal .inner_chat_cont {

    overflow: auto;
    padding-right: 10px;
}
#call_modal .send_btn .form-control.input_text {
    border-radius: 10px;
    height:32px;
    width: 100% !important;
    border:1px solid #9de4fa;
    background:#e6f8fd;
    padding-right:30px;
    max-height: 70px;
    line-height: 1.2;
    min-height: 32px;
    overflow: hidden;
}
#call_modal .send_btn span{
    display: inline-block;
    font-size:14px;
    margin: 10px 0;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight:bold;
    cursor: pointer;
}
#call_modal .inner-content > div {
    display: inline-block;
    width: 100%;
    height: 100%;
}
#call_modal .chat_cont .close_btn {
    font-size: 18px;
    text-align: right;
    cursor:pointer;
    color:#2DC5F4;
    font-weight:600;
    font-size:20px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9999;
}
#call_modal .make-new-call {
    border-right: 1px solid rgb(222, 227, 229);
    display: table;
    height: 100%;
    min-height: 544px;
    padding: 0;
}
#call_modal .make-new-call span{
    background:#00c3ff;
    color:#fff;
    padding:15px 20px;
    text-align:center;
    display:block;
}
#call_modal .make-new-call_cont {
    display: table-row;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
}
#call_modal .content-img img {
    width: 100%;
}
#call_modal .img-box img {
    width: 100%;
    height: 100%;
}
#call_modal .call img {
    width: auto !important;
    height: auto !important;
}
#call_modal .chat-image {
    bottom: 0;
    position: absolute;
    right: -15px;
    top: 49%;
    cursor:pointer;
}

.break-url {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

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

    #call_modal .right {
        width: 100% !important;
    }
    .left {
        display: inline-block;
        text-align: center;
        width: 100% !important;
    }
    .my-thread > .arrow.left {
        display: inline-block;
        text-align: center;
        width: 0% !important;
    }
    #call_modal .inner-modal{
        width: 100%;
    }

}
@media only screen and (max-width: 768px) {
    #call_modal .modal-content {
        width: 100%;
    }
    #call_modal .modal-header {
        padding: 0;
    }
    #call_modal .video-icons li {
        display: inline-block;
        padding: 0 5px;
    }
    #call_modal ul.video-icons {
        margin-bottom: 10px;
    }
    #call_modal .inner-content {
        margin: 15px auto 0;
        width: 100%;
    }
    #call_modal .modal-body {
        padding: 0;
    }
    #call_modal .modal-dialog {
        float: none;
        width: 100%;
    }
    #call_modal .chat_cont {
        width: 100% !important;
    }
    #call_modal .modal-body {
        padding: 10px 0 30px;
    }
    #call_modal .chat_cont {
        /*position: relative;*/
        position: absolute;
    }
    #call_modal .call-content {
        width: 100% !important;
        margin-bottom: 15px;
    }
    #call_modal .chat-window.window{
        bottom: 0;
    }
    #call_modal .chat-window.window .window-content{
        margin-top: 25px;
        background-color: #e9edf1;
    }
    #call_modal .chat-window.window .add-chat-main .chat-section{
        padding-bottom: 65px;
    }
    #call_modal .chat-window .chat-bottom-fields{
        max-width: 100%;
        margin: 0 auto 15px;
    }
    #call_modal .chat-window .title-panel ul li:first-child span {
        white-space: normal;
        overflow: hidden;
        text-overflow: inherit;
        width: auto;
        float: none;
    }
    #call_modal  .chat-window.window .window-controls{
        position: relative;
    }
    #call_modal .inner_chat_cont {
        overflow: auto;
        padding-right: 10px;
        height: 225px;
    }
    #call_modal .inner-content{
        height: calc(100vh - 510px);
    }
    #call_modal .modal-header{
        padding: 25px 15px 0 15px;
    }

    #call_modal .add_new_call {
        width: 276px;
    }

/*    #call_modal .modal-dialog{
        height: auto !important;
    }*/
/*    .modal-open #call_modal{
        overflow-y: scroll;
    }*/
}
@media only screen and (max-width:640px) {
    #call_modal .left {
        width: 47%;
    }
    #call_modal .info {
        font-size: 9px;
    }
    #call_modal footer-cont {
        display: block;
        font-size: 14px;

        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    #call_modal .modal-footer {/*display: block;*/
        width: 100%;
    }
    #call_modal .add_new_call {/*bottom: 163px; max-width: 100%;*/
        width: 276px;
    }

}

/* CSS for incomin modal */
.popup_accept {
    background: rgb(77, 84, 100) none repeat scroll 0 0;
    padding: 15px;
}

.popup_accept .img_bg {
    background: rgb(45, 197, 244) none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 100px;
    line-height: 100px;
    margin:20px auto 20px;
    text-align: center;
    width: 100px;
}
.popup_accept h2.modal-title {
    color: rgb(255, 255, 255);
    text-align: center;
    margin-bottom: 10px;
}
.reject_btn{
    background:#ff4a68;
}
.popup_accept .modal-footer button{
    border-radius:50px;
    padding:10px 30px;
    border:0;
    color:#fff;
}
.accept_btn{
    background:#00d059;
}
.popup_accept .modal-header {
    border-bottom: 0;
    padding: 0;
    color:#fff;
    font-size:16px;
}
.popup_accept .modal-footer {
    border-top: 0 none;
    padding: 15px;
    text-align: center;
}
.accept_popup .modal-dialog {
    width:300px;
}

.popup_accept .modal-header .close {
    margin-top: -33px;
}

/* End CSS for incomin modal */

.addcont_close {
    text-align: right;
    cursor: pointer;
    font-weight: 600;
    font-size: 20px;
    line-height: 0px;
}

.fullscreen{
    width: 1820px;
    height: 1000px;
    position: fixed;
    left: 0px;
    top: 0px;
}

video.display_pic {
    vertical-align: middle;
}

#call_modal #selfVideo{
    display: none;
}
.main_cont {
    bottom: 100px;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 32px;
}

.file-list{
    text-align: left;
    padding-bottom: 5px;
    padding-left: 14px;
}

.fullsize{
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
/* End CSS for Calling system */


/* CSS for Calling History page*/
.history .vbox-left {
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    overflow: auto;
    width: auto;
    height:calc(100vh - 144px);
}
.history .vbox-left1 {
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    overflow: auto;
    width: auto;
    height:calc(100vh - 200px);
    position: relative;
}
.history .people_call img {
    margin: 6px 0 0;
}
.history .chat-leftpanel-w {
    width:30%;
}

.history .white_bg {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    padding: 40px;
    margin:15px 0;
}
.history .white_bg_notification {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    padding: 12px;
    margin:15px 0;
    overflow-y:auto;
    height: calc(100vh - 300px);
    margin-top: 1px !important;
}
.history .white_bg_notification_header {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    padding: 12px;
    margin:15px 0;
    margin-bottom: 0px !important;
    /*overflow-y:scroll;*/
    /*height: calc(100vh - 200px)*/
}
.triage-notification-lst-div, .phone-notification-lst-div{
    background-color: #F2F2F2;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
}
.triage-notification-lst-div .patient-name, phone-notification-lst-div .patient-name{
    min-width: 80%;
}
.btn_blue {
    background:#2bd56b;
    border: 0 none;
    border-radius: 50px;
    color: rgb(255, 255, 255);
    display: block;
    margin: 30px auto 0;
    padding: 10px;
    width: 100px;
}
.history .nav img {
    margin-right: 15px;
}
.history .tab .nav > li > a {
    display: block;
    padding: 10px 40px;
    position: relative;
}
.history .nav > li > a:hover, .nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
    /*border-bottom: 2px solid;*/
}
.history .chat_ul li.active {
    background: #f1eadf;
}
#new_call{
    display:none;
}
.history .chat_ul li{
    padding:15px;
    color:#4f5461;
}
.history .chat_ul h5 {
    background: rgb(240, 243, 244) none repeat scroll 0 0;
    margin: 0;
    padding: 10px;
    font-size:13px;
}
.history .people_call {
    display: inline-block;
    vertical-align: middle;
    width: 82%;
}
.history .call_img {
    display: inline-block;
    width: 15%;
}
.history .people_call p , .participents p{
    margin: 0;
}
.history .people_name{
    display:inline-block;
    width:100%;
    font-size:13px;
}
.history .time{
    display:inline-block;
    width:100%;
    font-size:12px;
}
.history .chat_ul li {
    border-bottom: 1px solid #f0f3f4;
    color: rgb(79, 84, 97);
    padding: 15px;
    cursor: pointer
}
.history .participents {
    width: 40%;
    float:left;
    padding:0 5px;
    font-size:13px;
}
.history .participents .heading {
    display: inline-block;
    padding: 5px 10px;
    width: 100%;
    text-transform:uppercase;
}
.history .orng{
    color:#f79727;
}
.history .participents ul {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    width: 100%;
    overflow: auto;
    max-height: calc(100vh - 174px);
}
.history .participents ul li{
    padding:15px;
    border-bottom:1px solid #f0f3f4;
    display: inline-block;
    width: 100%;
}

.history .people_part {
    float:left;
    width:70%;
}
.history .call-time {
    float: right;
}

.history .chat_main {
    border-left: 1px solid #dfe3e5;
    border-right: 1px solid #dfe3e5;
    float: left;
    padding: 0 5px;
    width: 40%;
}
.history .coming_msg {
    clear: both;
    display: block;
    margin-right: 30px;
}
.history .call_chat_cont {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    float: left;
    font-size: 12px;
    line-height: 15px;
    padding: 15px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
    overflow: auto;
    max-height: calc(100vh - 174px);
}
.history .okay_see.sky_bg {
    bottom: 0;
    position: absolute;
    right:15px;
}
.history .margin-bottom {
    margin-bottom: 20px;
}
.history .text_msg {
    clear: both;
    display: block;
}
.history .coming_msg .dark_sky {
    background: rgb(187, 235, 250) none repeat scroll 0 0;
    border-radius: 5px;
    clear: both;
    display: inline-block;
    margin: 0;
    padding: 10px;
    text-align: left;
    width: auto !important;
    float:left;
}
.history .img-marg{
    margin-top:5px !important;
}
.history .coming_msg span {
    display: block;
    text-align: left !important;
    clear: both;
}

.history .sky_bg {
    background: rgb(239, 250, 253) none repeat scroll 0 0;
    border: 1px solid rgb(187, 235, 250);
    border-radius: 5px;
    display: inline-block;
    float: right;
    margin-left: 30px;
    min-width: 107px;
    padding: 10px;
    text-align: left;
    width: auto !important;
}
.history .text_msg  .pull-right {
    clear: both;
    float: right !important;
}
.history .chat_main .heading {
    display: inline-block;
    font-size: 13px;
    padding: 7px;
    text-align: center;
    width: 100%;
}
.history .attachment .heading{
    font-size:13px;
    text-align:left;
    text-transform:uppercase;
    padding:7px 10px;
    width:100%;
    display:inline-block;
}
.history .attachment {
    display: block;
    float: left;
    width: 40%;
}
.history .attachment_cont .white_bg {
    border: 1px solid #fff;
    border-radius: 5px;
    float: left;
    margin: 0 0px 0 2px;
    padding: 0;
    width: 19%;
}
.history .attachment_cont .white_bg img {
    width: 100%;
}
.history .attachment_cont .image{
    position:relative;
}
.history .veiw_save{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.history .veiw_save span a {
    border: 1px solid #23b7e5;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin: 5px 0;
    padding: 1px 5px;
    text-align: center;
}
.history .veiw_save > span {
    text-align: center;
    display: block;
}
.history .nav-tabs > li:hover > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    border-color: transparent;
}
.history .tab .nav-tabs > li:hover > a, .tab .nav-tabs > li.active > a, .tab .nav-tabs > li.active > a:hover {
    background: transparent none repeat scroll 0 0;
    border-bottom: 2px solid #23b7e5 !important;
    border-color: transparent transparent #000;
}
.history .participents .status{
    font-size:10px;
    font-weight:300;
}

#mws-validate .ibutton {
    display: inline-block;
    height: auto;
    margin: 0;
    width: auto;
}
.history .chat_ul li:hover,.chat_ul li:focus {
    background: #f1eadf;
}

.history .footer_height{
    height:50px;
}
@media (max-width:768px){
    .history .participents {
        float: none;
        width: 100%;
    }
    .history .chat_main {
        border-left: 0 none;
        border-right: 0 none;
        float: none;
        width: 100%;
    }
    .history .attachment {
        float: none;
        width: 100%;
    }

}

#call_modal .videoSize{
    width: 100%;
    height: calc(100% - 20px);
}
.parent_insurance{
    /* border: 1px solid #cfdadd; */
}

.phar-ins-info .form-group, .ins-info .form-group{
    display: inline-block;
    width: 100%;
}

#call_modal .full-video{
    /*    width: 100vw;
        height: 100vh;
        position: absolute;
        top: 0px;
        left: 0px;*/


    background-color: #B6B8BC;
    display: none;
    height: calc(100vh - 20px);
}
#call_modal .full-video > div{
    height:100%;
}
#call_modal .img-box .info{
    background-color: #4E5463;
}

#call_modal .call-content{
    width:75%;
    overflow-y: auto;
    max-height: calc(100vh - 40px);
}

#call_modal .full-view{
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100vw - 35px);
    height: calc(100vh - 35px);
    /*background: linear-gradient(to bottom, rgba(178, 180, 184,1) 0%,rgba(255,255,255,0) 25%, rgba(255,255,255,0) 80%, rgba(178, 180, 184,1) 100%)*/
}

#call_modal .make-full-modal{
    width: 100% !important;
}

#call_modal .make-full-modal .modal-dialog{
    top: 0px !important;
    height: 100vh !important;
}

#call_modal .content-img .img-box{
    height: 100%;
    width: 100%;
}

#call_modal .fullscr_icon{
    position: absolute;
    right: 0px;
    bottom: 10px;
}

#call_modal .more.img video{
    height:25%;

}

#call_modal .main_page{
    height: 100%;
}
.appt_alert{
    line-height: 20px;
    width:70px;
    display: inline-block;
    margin-right: 5px !important;
}

#call_modal .modal-header {
    border-bottom: 0;
    /*height: 100px;*/
    padding: 25px 15px;
}


.bottom-right .jq-icon-info, .bottom-left .jq-icon-info{
    background-color: #23b7e5 !important;
    background-image:url(../img/Received_call.png);
    color: white;
}

.bottom-right .jq-icon-warning, .bottom-left .jq-icon-warning{
    background-color: #23b7e5 !important;
    background-image:url(../img/Missed_call.png);
    color: white;
    float: left;
}

.jq-toast-wrap.bottom-right, .jq-toast-wrap.bottom-left{
    bottom: 35px !important;
}

/*
.icons-panel{
    width: 10%;
    float: left;
}
.icons-panel > div{
    margin: auto !important;
}
.inner-content{
    width: 90%;
    float: left;
}*/

body > #frame_close{
    position: fixed;
    top: -41px;
    left: 0px;
    right: 0px;
    width: 100%;
    /*height: 40px; */
    background-color: rgb(255, 255, 225);
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(136, 136, 136);
    z-index: 99999999;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    transform: translateY(40px);
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*line-height: 37px;*/
}

#frame_close .close_msg {
    float: right;
    height: 100%;
    /* width: 10%; */
    cursor: pointer;
    font-weight: 600;
    vertical-align: middle;
    padding-right: 10px;
    display: inline;
}
.chat-container2{
    border-spacing: 0;
    height: 439px;
    min-height: 240px;
    position: relative;
    width: 100%;
    overflow:scroll;
}


.chat-container2 .arrow.left {
    border-right-color: #f8941e !important;
}

#selfDiv{
    position: absolute;
    left:10px;
    top: 10px;
}

/*
Copied from app blade by PN as on 13 Sep, 2016
*/
.green-font {
    color:#3cbd6d;
}
.orange-font {
    color:#f79727;
}
.blue-font {
    color:#4a97de;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /*.wrapper-md{padding: 55px 20px 20px !important;}*/
}

.center{
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
    .center{
        width: 100%;
    }
    .center-inner {
        width: auto;
        max-width: 260px;
        right: 0;
        left: 0;
        top: 0;
        margin: auto;
        padding: 5px 5px 0;
        position: absolute;
        text-align: center;
        border: 3px solid var(--az-primary-color);
        background: rgba(255,255,255,1); /* bottom: 0; */
        display: table;
    }
}
@media (min-width: 768px) {
    .center-inner {
        width: 500px;
        margin: 0 auto;
        padding: 5px 5px 0;
        text-align: center;
        max-width: 500px;
        border: 3px solid var(--az-primary-color);
        background: rgba(255,255,255,1);
    }
}


/*@media (min-width: 1024px) {
  table#secondTabCus .col-lg-2-4{height: 115px !important;}
}
@media (max-width: 480px) {
  table#secondTabCus .col-lg-2-4{
    height: 145px !important;
    width: 33% !important;
  }
}
@media (max-width: 1023px) {
  table#secondTabCus .col-lg-2-4{
    height: 145px !important;
    width: 25% !important;
  }
}*/
@media (min-width: 1024px) {
    table#secondTabCus .col-lg-2-4{
        height: 115px !important;
    }
}
@media (max-width: 480px) {
    table#secondTabCus .col-lg-2-4{
        /*height: 145px !important;*/
        width: 100% !important;
    }
}
@media (max-width: 1023px) {
    table#secondTabCus .col-lg-2-4{
        /*height: 145px !important;*/
        width: 100% !important;
    }
}

@media (max-device-width: 1024px) {
    div.patient-profile-edit > .modal-dialog{
        width: 90% !important;
    }
}
@media (min-width: 1025px) {
    div.patient-profile-edit > .modal-dialog{
        width: 55% !important;
    }
}
/* ------------------------------------------------------ */
/* ---------------------Plan Assessment--------------------------------- */

.assessmentplan-container2{
    border-spacing: 0;
    max-height: 300px;
    position: relative;
    width: 100%;
    overflow:auto;
}


.assessmentplan-container2 .arrow.left {
    border-right-color: #f8941e !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-autocomplete li:hover, .ui-autocomplete li:focus {
    cursor: pointer;
    background: #006080;
    color: #fff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    border: none;
    background: transparent;
    font-weight: normal;
    color: inherit;
}


/*following code is used to loading animation added By Ravi*/
.no-js #loader {
    display: none;
}
.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}
.se-pre-con {
    z-index: 1111;
    /*    -moz-opacity: .75;
        -webkit-opacity: .75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        opacity: 0.75;*/
    backgroundColor: '#000';

    /*    filter: alpha(opacity=75);*/
    background: rgba(171,174,185,0.75);
    width: 100% !important;
    height: 100% !important;
    top: 0;
    background-size: 200px !important;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    overflow: hidden;
}
.se-pre-con img, .se-pre-con svg{
    width: 200px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#connecting svg{
    height: 150px;top: -40px;position: relative;margin-bottom: -80px;width: 50px;
}
.se-pre-con0 {
    z-index: 1111;
    -moz-opacity: .75;
    -webkit-opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    opacity: 0.75;
    backgroundColor: '#000';

    filter: alpha(opacity=75);
    background: url(../img/Azova_Loading.gif) center no-repeat #ABAEB9;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    background-size: 200px !important;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    overflow: hidden;
}
.se-pre-conemr-1 {
    z-index: 1111;
    -moz-opacity: .75;
    -webkit-opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    opacity: 0.75;
    backgroundColor: '#000';

    filter: alpha(opacity=75);
    background: url(../img/MedPrime_Loading.gif) center no-repeat #ABAEB9;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    background-size: 200px !important;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    overflow: hidden;
}
.hg{
    height: 61px;
}
@media (max-width: 340px) and (min-width: 320px) {
    .hg{
        height: 74px;
    }
}


/*.se-pre-con2 {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: url(../img/logo.png) center no-repeat #fff;
}*/


.search-textbox{
    width:175px;
    margin-top:4px;
}
.search-manage{
    float: right;
    margin-right:25px;
}

/* this is used to put astrik sign in label for that need to add required class in label tag*/
label.required{
    /* padding-right: 4px;
    padding-top: 2px; */
    position: relative;
    /* vertical-align: middle; */
}
label.required:after{
    content:"*" ;
    color:red
}
.filtered-patient {
    display: inline-block;
    max-height: 40px;
    overflow: auto;
    width: 100%;
    margin-bottom: 10px;
}
.set-txt-box {
    position: relative;
    width: 80%;
}
.set-txt-box .form-control{
    background: transparent;
    border-radius: 0;
    margin-bottom: 15px;
    color: #FFF;
    padding: 5px 30px 5px 10px;
}
/*.set-txt-box button{
    border: 0;
    background: none;
    position: absolute;
    top: 5px;
    right: 8px;
    z-index: 1000;
    font-size: 16px;
}*/
.set-txt-box button{
    border: 0;
    /* background: none; */
    position: absolute;
    top: 0px;
    right: -58px;
    /* z-index: 1000; */
    font-size: 16px;
    width: 49px;
    height: 31px;
}
.set-txt-box .form-control::-webkit-input-placeholder {
    color: #fff;
}
.set-txt-box .form-control::-moz-placeholder {
    color: #fff;
}
.set-txt-box .form-control:-ms-input-placeholder {
    color: #fff;
}
.set-txt-box .form-control:-moz-placeholder {
    color: #fff;
}
#postmessage1 + div + span{
    display: none;
}

/* start Css for chat box of vsee*/
/* Commented Code to apply new CSS START*/
/* .chat-modal.modal-content { height: 360px; position: fixed; border: 0; top: 120px; right: 40px; overflow: hidden; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2); box-shadow: 0 10px 20px rgba(0, 0, 0, .2); cursor: move;}
.chat-modal .modal-header { padding: 8px 10px; position: absolute; width: 100%; top: 0px; left: 1px; background: #FFF; z-index: 100; }
.chat-modal .modal-body { height: 100%; padding-top: 55px; padding-bottom: 65px; overflow: auto; }

.chat-modal .modal-body::-webkit-scrollbar { width: 5px; background: #e2e2e2; }
.chat-modal .modal-body::-webkit-scrollbar-thumb { background: #23b7e5; }
.chat-modal .modal-body::-webkit-scrollbar-thumb:window-inactive { background: #23b7e5; }

.chat-modal .modal-body .top-text p { margin: 0 0 5px; }
.chat-modal .modal-footer { position: absolute; width: 100%; bottom: 0; left: 1px; background: #FFF; z-index: 100; padding: 10px; }

.chat-modal .modal-footer textarea.form-control { max-height: 32px; height: 32px; overflow: auto; min-height: inherit; border: 1px solid #9de4fa; background: #e6f8fd; border-radius: 10px 10px 0 10px; padding-right: 40px; }
.chat-modal .modal-footer .form-group{ position: relative; margin: 0; float: left; width: calc(100% - 50px); }
.chat-modal .modal-footer .btn-blue { background: #00b8f0; border: 0 none; border-radius: 50%; color: rgb(255, 255, 255); padding: 0px; width: 26px; margin: 0; display: block; height: 26px; position: absolute; top: 4px; right: 5px; }

.chat-modal .modal-footer .send-msg{ display: inline-block; font-size: 14px; margin: 7px 0; text-transform: uppercase; vertical-align: middle; font-weight: bold; cursor: pointer; }

.chat-modal .add_new_call { width: 70%; position: absolute; background: #FFF; border: 1px solid #e2e2e2; border-radius: 5px; top: 100%; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1); box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }
.chat-modal .add_new_call:after {  content: " "; position: absolute; top: -5px; left: 20px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #23b7e5; }
.chat-modal .white_bg { padding: 15px; margin: 0; background: transparent; }
.chat-modal .main_cont { position: relative; top: 0px; font-size: 13px; color:#58666e; text-align: center; }

.chat-modal .text_msg{ margin-left: 0; }
.chat-modal .dark_sky  { display: inline-block; }
.chat-modal .time-left{ width: 100%; margin-right: 0; }

.chat-modal .text_msg { width: 100%; display: inline-block; text-align: left; }
.chat-modal .text_msg .light { font-size: 12px; color: #a5a5a5; }
.chat-modal .inner_chat_cont p{ margin: 0; }
.chat-modal .inner_chat_cont .margin-bottom { margin-bottom: 10px; }

@media (min-width: 768px) {
  .chat-modal.modal-content { width: 340px; }
}

.window { position: fixed; top: 50px; right: 50px; width: auto; height: auto;  background-color: white;
  border-radius: 4px; z-index: 5; overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  transition: top 0.5s 0s cubic-bezier(0.1, 1.2, 0.3, 1), transform 0.5s 0s cubic-bezier(0.1, 1.2, 0.3, 1), width 0.5s 0.5s cubic-bezier(0.1, 1.2, 0.3, 1), opacity 0.3s; }
.window .window-controls { position: absolute; top: 0; left: 0; z-index: 9; height: 30px; width: 60px; z-index: 1000; }
.window .window-controls .maximize { display:none; background-color: #f8941e; position: absolute; top: -30px; opacity: 0; left: 0; z-index: 9; width: 200px; height: 30px; text-align: center; line-height: 30px; color: #FFF; cursor: pointer; transition: opacity .3s .5s, top 0s .8s; }
.minimized .window {
    top: 100% !important;
    transform: translate(-10%, -30px);
    width: 200px !important;
    opacity: .5;
    left: auto !important;
    right: 0 !important;
}
.minimized .window:hover { opacity: 1; }
.minimized .window .maximize { display:block; top: 0; opacity: 1; transition: opacity .3s .5s, top 0s .5s; }
.window .window-controls .maximize i { font-size: 18px; margin-right: 5px; }
.window .window-controls .maximize a{ line-height: 25px; background: #FFF; width: 25px; height: 25px; float: right; border-radius: 50%; color: #ff0000; margin: 2px 5px 0 0; }

.window .window-controls .maximize a span {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
} */
/* Commented Code to apply new CSS START*/
.btn-green {
    background: #2bd56b;
    border-color: #2bd56b;
    color: #FFF;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.btn-green:hover, .btn-green:focus {
    background: #17b753;
    border-color: #17b753;
    color: #FFF;
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

/*end Css for chat box of vsee*/

.col-md-3.col-sm-6.m-b-md.appointment_visit_type.appointment_visit_type {
    vertical-align: top;
    float: none;
    display: inline-block;
    text-align: left;
    width: calc(100% / 4 - 24px) !important;
    border: 1px solid #9A9CA5;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
}
.availability_main .appointment_visit_type_inner .i-checks{
    padding-left: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'latoregular';
}
.availability_main .appointment_visit_type_inner .modality_instrction{
    word-break: break-all;
}
.availability_main .cclinic-details{
    padding: 15px 15px 0 15px;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    /*height: 380px;*/
    flex: 1 1 auto;
}
.availability_main .cclinic-details-no-height{
    /*height: 215px;*/
}
.availability_main .btn_bottom_section{
    padding: 10px 15px 15px 15px;
}
.appointment_visit_type .hidden{
    height: 0px!important;
}
.availability_main .appointment_visit_type_inner{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.availability_main .cclinic-details .radio{
    margin: 0;
}
.remainingtext{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    background-color: rgb(20 19 19 / 80%);
    text-align: right;
    font-size: 12px;
    color: #fff;
}
.appt-img{
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}
.appt-img img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#appointment_treatment_type .panel{
    margin-bottom: 0;
}

/* ---------- appointment detail view ---------- */
.patient-info-panel .panel-default > .panel-heading,
.patient-info-panel .panel-default > .panel-footer {
    border-color: #f6f8f8;
    border-bottom: 1px solid #dee6e8;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}
.patient-info-panel .panel-default > .panel-heading{
    overflow: hidden;
}
.patient-info-panel .panel-default {
    border-color: #dee6e8;
    border-radius: 0;
    box-shadow: none;
}
.patient-info-panel .patient-info-all-btn{
    width: 100%;
    display: inline-block;
}
.patient-info-panel .patient-info-all-btn .appt-detail-opt{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
}
.patient-info-panel .patient-info-all-btn .appt-detail-opt li{
    display: inline-block;
    margin: 0 0 15px;
}
.patient-info-panel .patient-info-all-btn .appt-detail-opt li:first-child{
    float: left;
}
/* .patient-info-panel .patient-info-all-btn .btn{
    border: 0;
    box-shadow: none;
    padding: 7px 14px;
    border-radius: 4px;
}
.patient-info-panel .patient-info-all-btn .btn-orange{
    background: #f79727;
    color: #FFF !important;
}
.patient-info-panel .patient-info-all-btn .btn-orange:hover,
.patient-info-panel .patient-info-all-btn .btn-orange:focus{
    background: #fb8d0c;
} */
.patient-info-panel h2 small{
    width: auto;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 8px;
}
.patient-info-panel h2, .patient-info-panel #appt_pro_name, .patient-info-panel h2 #patname{
    margin: 10px 0 20px;
    font-size: 22px;
    font-weight: bold;
    color: #4e5264;
}
.patient-info-panel h2 span {
    font-size: 14px;
    font-weight: normal;
}
.patient-info-panel .patient_headshot_img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    border: 1px solid rgb(0 0 0 / 19%);
    flex: 0 0 auto;
}
.patient-info-panel .patient_headshot_img a{
    height: 100%;
}
.patient-info-panel .patient_headshot_img .thumb-wrapper {
    padding: 0px;
    border: none;
    max-height: 100%;
}
.patient-info-panel .patient-headshot-name-main {
    display: flex;
    align-items: center;
}
.patient-info-panel h2 .patname-span{
    margin: 0 !important;
    padding-right: 10px;
}
.patient-info-details{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 30px;
}
.patient-info-details ul{
    list-style-type: none;
    padding: 0 40px 0 0;
    margin: 0 40px 0 0;
    line-height: 21px;
    display: inline-block;
    border-right: 1px solid #f7f7f7;
    vertical-align: top;
    min-height: 140px;
}
.patient-info-details ul:last-child{
    border: 0;
    padding: 0;
    margin: 0;
}
.patient-info-details ul label{
    min-width: 100px;
}
.patient-info-all-btn .appt-detail-opt ul li {
    display: block;
    margin: 0;
}
.patient-info-all-btn .appt-detail-opt ul li:first-child{
    float: none;
}
.patient-info-details ul li{
    display: table;
    word-break: break-all;
}
.patient-info-details ul.list-unstyled li{
    display: list-item;
    word-break: normal;
}
.patient-info-details ul li label{
    display: table-cell;
}
.treckers .stopButton:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid #fff;
    border-bottom: 7px solid #fff;
    border-left: 12px solid #fff;
    margin: 4px 7px 0 0;
    float: left;
}
.patient_info_edit .bootstrap-datetimepicker-widget > ul,
.patient_info_edit .bootstrap-datetimepicker-widget > ul li{
    width: 100% !important;
    max-width: 100% !important;
}
.acc-holder-div .tab-content{
    border-top-width: 1px;
}
.acc-holder-div {
    display: inline-block;
    width: 100%;
}
.az-chart-comp-signature {max-width: 400px;}
@media(max-width: 767px){
    .patient-info-panel .patient-info-all-btn .appt-detail-opt{
        text-align: left;
    }
    .patient-info-panel .patient-info-all-btn .appt-detail-opt li:first-child{
        float: none;
    }
    .patient-info-details .bg-info{
        white-space: normal;
    }
    .patient-info-details ul li .appt-det{
        width: 100%;
        display: inline-block !important;
        padding-left: 15px !important;
    }
    .patient-info-panel .patient-info-details ul li label {
        display: inline-block;
    }
    .patient-info-panel .patient-info-details ul label{
        min-width: auto;
    }
    .az-chart-comp-signature {margin: auto;}
    .az-chart-comp-signature .text-right{ text-align: center;}
}
@media (max-width: 1100px){
    .patient-info-panel .patient-info-details ul{
        width: 100%;
    }
}

@media(max-width: 992px){
    .patient-info-details ul{
        width: 100%;
        border-right: 0;
        padding: 0 0 20px;
        margin: 0 0 20px;
        min-height: inherit;
        border-bottom: 1px solid #dcdce0;
    }
    .patient-info-details{
        padding-left: 15px;
    }
    .patient-info-details ul{
        width: 100%
    }
    .patient-info-panel .patient-info-details ul {
        width: 100%;
    }
}
@media(max-width: 767px){
    .patient-info-panel .patient-info-all-btn .appt-detail-opt{
        text-align: left;
    }
    .patient-info-panel .patient-info-all-btn .appt-detail-opt li:first-child{
        float: none;
    }
    .patient-info-details .bg-info{
        white-space: normal;
    }
    .patient-info-details .appt_main_patient_div .flax-row{display: block;}
    .patient-info-details .appt_main_patient_div .flax-row .col-sm-4{max-width: 100%;}
}
@media (min-width: 992px) and (max-width: 1100px) {
    .patient-info-details {
        padding-left: 0;
    }
    .patient-info-details ul {
        padding: 0 15px 0 0;
        margin: 0 15px 0 0;
        width: 31%;
    }
}
@media (min-width: 992px){
    /*.patient-info-details ul:last-child{ max-width: 40%; }*/
    .patient-info-details ul:last-child{
        max-width: 40%;
    }
}
@media(max-width:567px){
    .patient-info-panel .patient-headshot-name-main{flex-wrap: wrap;}
    .patient-info-panel h2 .patname-span {padding-right: 0;width: calc(100% - 50px);font-size: 19px !important;}
}

/*
Added by PN as on 3 Dec, 2016
Multiple status assignment to an appointment...
*/
.appoint-btn{
    padding: 0;
    border-radius: 3px;
    float: left;
    background: transparent;
    color: #333;
    margin-bottom: 10px;
    display: table;
    cursor: pointer;
    margin-right: 10px;
    cursor: default;
}
.appoint-btn .appoint-btn-inner {
    background: #4e5264;
    color: #FFF;
    padding: 5px 0;
    border-radius: 3px;
    cursor: pointer;
}
.appoint-btn label span {
    padding: 0;
    display: inline-block;
    color: inherit;
    vertical-align: middle;
    font-size: inherit;
    line-height: normal;
}
.appoint-btn a,
.appoint-btn p,
.appoint-btn span{
    font-size: 12px;
    display: table-cell;
    margin: 0;
    color: #FFF;
    padding: 5px 8px;
    vertical-align: middle;
    cursor: pointer;
}
.appoint-btn a{
    background: #393F53;
    border-radius: 5px;
    border: 1px solid #646567;
    padding: 0 8px;
}
.appoint-btn a.az-appt-note-remove{
    background: transparent;
    border-radius: 0px;
    border: none;
    padding: 5px 8px;
}
.updated_appointment a{
    background: #23B7E5;
    border-color: #23B7E5;
    padding: 0 8px;
}
.appoint-btn a span{
    padding: 0;
}
.appoint-btn i{
    font-size: 10px;
    display: table-cell;
    margin: 0;
    color: #FFF;
    padding-left: 10px;
    line-height: 27px;
    vertical-align: middle;
}
.appoint-btn .fa-pencil{
    font-size: 14px;
}
.appointment-status .popover-content {
    padding: 0;
}
.appointment-status .editable-input,
.form-inline .form-group,
.appointment-status .editable-input .form-control{
    width: 100%;
    border: 0;
}
.editable-cancel {
    display: none;
}
.editable-buttons {
    position: absolute;
    top: 5px;
    right: 5px;
}
.editable-container.popover{
    min-width: 300px;
}
.editable-buttons .btn-success{
    padding: 0 10px;
    border-radius: 10px;
}
.popover-title{
    color: #333;
}
.appointment-status .editable-click,
.appointment-status a.editable-click,
.appointment-status a.editable-click:hover{
    border-bottom: 0;
}

.appoint-btn .popover-content{
    padding: 5px 10px;
    color: #666;
    font-size: 12px;
}
.model-appointment textarea.form-control {
    min-height: 160px;
    border: 0;
}
.model-appointment .btn-success{
    padding: 2px 15px;
    border-radius: 15px;
}
.model-appointment .modal-header {
    padding: 10px 15px;
    background: rgba(0,0,0,0.02);
}
.model-appointment .modal-header h4{
    font-size: 16px;
    font-weight: 600;
}
.model-appointment .modal-header i{
    margin-right: 5px;
}
.model-appointment .modal-header .close {
    margin-top: 2px;
}
.model-appointment .modal-footer {
    padding: 8px 15px;
}
.model-appointment .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.model-appointment.modal {
    text-align: center;
    padding: 0!important;
}
.model-appointment.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.model-appointment .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.selected-option-show{
    padding: 0 15px;
}
/* ---------------------------------------------------- */

.appointment-list-table tr.unread {
    background-color: #dee5e7 !important;
}
.table-striped > tbody > tr.unread:nth-child(odd) > td,
.table-striped > tbody > tr.unread:nth-child(odd) > th{
    background-color: transparent;
}

a.appt-detail-acc-holder-info {
    background-color: #4bcdb9;
    color: #dcf2f8;
    padding:5px;
    border-radius:5px;
}
a.appt-detail-emergency-info {
    background-color: #4bcdb9;
    color: #dcf2f8;
    padding:5px;
}
a.appt-detail-acc-holder-info:hover,
a.appt-detail-acc-holder-info:focus,
a.appt-detail-acc-holder-info:active {
    color: #dcf2f8;
}

a.appt-detail-acc-holder-info-self {
    background-color: #eaedf1;
    color: #bcbcbc;
    padding:5px;
    border-radius:5px;
}
a.appt-detail-acc-holder-info-self:hover,
a.appt-detail-acc-holder-info-self:focus,
a.appt-detail-acc-holder-info-self:active{
    color: #bcbcbc;
}
#add_manual_content a{
    color: #fab96d;

}
.engine-3{
    width: 75%;
    display: inline-block;
}
.engine-3img{
    height:80px;
    display: inline-block
}
/*@media(min-width: 992px){
  .message-section { height: 100%; }
  .message-section .app-content .app-content-body { height: 100%; float: none; }
  .message-section .app-content .hbox .col .vbox-left { height: auto; overflow: visible; box-shadow: none; }
  .message-section .app-content .hbox .col { overflow: hidden; background: #FFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  .message-section .app-content .hbox .col .vbox { height: calc(100% - 170px); }
  .message-section .app-content .hbox .col .bg-white { height: 100%; display: block; }
  .message-section .app-content .hbox .col.chat-leftpanel-w > div { height: 100%; overflow: auto; }
  .message-section .app-content .hbox .col .panel.b-a{ position: absolute; width: 100%; bottom: 0; margin: 0; }
}*/


/*
Added by PN as on 6 Mar, 2017
Modification apply because of for new design of appointment list page
*/
/*appointments list*/
.appointments-list {
    width: 100%;
    background: #FFF;
}
.appointments-table {
    width: 100%;
    display: table;
}
.appointments-table .tr {
    width: 100%;
    display: table-row;
}
.appointments-table .tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.appointments-table .tr .td {
    display: table-cell;
    vertical-align: top;
    padding: 10px 10px;
    border-top: 1px solid #edf1f2;
}
/*.appointments-table .tr:last-child .td { border-bottom: 1px solid #edf1f2; }*/
.appointments-table .tr.title {
    font-weight: bold;
    color: #58666e;
    background: #FFF;
}
.appointments-table .tr .td span {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #929292;
}
.appointments-table .tr .td .action-btn-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.appointments-table .tr .td .action-btn-list > li {
    float: left;
    margin-right: 2px;
}
.wordbreak {
    white-space: normal !important;
}
@media (max-width: 768px) {
    .mobile-font-13 {
        font-size: 13px;
    }
    .appointments-table .tr:nth-child(odd) {
        background-color: #FFF;
    }
    .appointments-table .tr {
        width: 100%;
        display: inline-block;
        border-bottom: 15px solid #f0f3f4;
        padding: 5px;
    }
    .appointments-table .tr:last-child {
        border-bottom: 0;
    }
    .appointments-table .tr.title {
        display: none;
    }
    .appointments-table .tr .td {
        float: left;
        width: 50%;
        border: 0;
        position: relative;
        padding-top: 25px;
    }
    .appointments-table .tr .td:before {
        content: attr(data-th);
        position: absolute;
        top: 7px;
        left: 10px;
        font-weight: bold;
        font-size: 12px;
    }
    .appointments-table .tr .mobile-full-width {
        width: 100%;
    }
    .appointments-table .tr .td.mobile-screen-btn {
        width: 100%;
        text-align: right;
        padding: 10px 10px;
        border-top: 1px solid #f0f3f4;
    }
    .appointments-table .tr .td .action-btn-list {
        float: right;
    }
    .appointments-table .tr .td .action-btn-list li {
        margin-right: 7px;
    }
}
@media (min-width: 992px) {
    .appointments-table .app-status {
        width: 18%;
    }
    .appointments-table .app-visit-reason {
        width: 20%;
    }
    .appointments-table .app-act-btn {
        width: 11%;
    }
}
.completed-label,.completed-label:hover {
    color: #2bd56b !important;
    font-weight: bold;
    background-color: #edf1f2;
    border-color: #c7d3d6;
}
.completed,.completed:hover {
    color: #ffffff !important;
    font-weight: bold;
    border-color: #c7d3d6;
    background-color: #2bd56b;
}
.threadview .completed-label{
    background-color: #2bd56b;
    color: #ffffff !important;
}
/*input text field bottom border css Start.
Use this(input-text-field-line) common class in parent div*/
.input-text-field-line .form-control {
    border: 0;
    border-bottom: 1px solid #A9ABAE;
    border-radius: 0;
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
}
.input-text-field-line label {
    font-weight: bold;
    letter-spacing: 0.50px;
    /* font-size: 13px; */
    margin-bottom: 0;
}
.input-text-field-line .input-group .input-group-addon,
.input-text-field-line .input-group.bootstrap-touchspin .btn {
    background-color: #f3f3f3;
    border: 0;
    border-radius: 0;
    border: 1px solid #c4cdd0;
}
/* .input-text-field-line .input-group.bootstrap-touchspin .bootstrap-touchspin-down {
    border-right: 2px solid #FFF;
} */
.input-text-field-line .bootstrap-touchspin .form-control{
    border: 1px solid #c4cdd0;
}
.input-text-field-line .bootstrap-touchspin-postfix{
    border-left: none !important;
}
.input-text-field-line .bootstrap-touchspin-prefix{
    border-right: none !important;
}
/* .input-text-field-line select.form-control, */
.input-text-field-line textarea.form-control {
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #c4cdd0;
    border-radius: 4px;
}
.input-text-field-line .input-group .form-control {
    padding-left: 10px;
}
.input-text-field-line .input-group .btn {
    height: 40px;
    line-height: 28px;
}
.input-text-field-line .required_astrik {
    color: red;
    line-height: 16px;
}
.input-text-field-line .input-close .form-control {
    padding-right: 20px;
}
.input-text-field-line .input-close {
    position: relative;
}
.input-text-field-line .input-close .remove {
    position: absolute;
    top: 0;
    right: 0;
    color: #f05050;
}
.input-text-field-line .or-option {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #c5c5c5;
    font-weight: bold;
    padding: 5px 0;
    margin-bottom: 15px;
    background: #f7f7f7;
}
.input-text-field-line .chosen-container,.input-text-field-line .chosen-container input.default {
    width: 100% !important;
}
.input-text-field-line .chosen-container-single .chosen-single {
    padding: 6px 0;
    border: 0 !important;
    border-bottom: 1px solid #c4cdd0 !important;
    border-radius: 0;
    background: #fff !important;
    height: 40px;
}
.input-text-field-line .chosen-container-single .chosen-drop{
    margin-top: 0px !important;
}
.input-text-field-line .bootstrap-filestyle .form-control {
    border: 1px solid #c4cdd0;
}
/*input text field bottom border css End.*/



.small-text-and-color {
    font-size: 13px;
    color: #a9a9a9;
}
.m-t-zero {
    margin-top: 0;
}
.font-normal {
    font-weight: normal !important;
}

/*quick referral form*/
.referral-form .white-bg {
    background: #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 0px;
}
.referral-form .white-bg h2 {
    margin: 10px 0 13px;
    font-size: 18px;
    color: var(--az-primary-color);
    letter-spacing: 0.25px;
}
.referral-form .white-bg .radio label {
    font-weight: normal;
    font-size: 14px;
}
.referral-form .white-bg .gender-radio .radio {
    margin-top: 5px;
    margin-bottom: 5px;
}
.referral-form .white-bg .input-group {
    margin-top: 10px;
}
.referral-form .white-bg .referral-form-footer {
    padding-top: 15px;
    margin-top: 20px;
    border-top: 1px solid #f0f3f4;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.referral-form label.required{
    padding-top: 0px;
    vertical-align: inherit;
}

/*assessment msg css*/
.assessment-msg {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.assessment-msg .msg-text {
    width: auto;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 5px;
    border: 1px solid #f8941e;
    font-size: 14px;
}
.assessment-msg .msg-text ul {
    padding: 0;
    margin: 0 0 10px;
    list-style-type: none;
    display: table;
    width: 100%;
}
.assessment-msg .msg-text ul li {
    display: table-cell;
    vertical-align: top;
}
.assessment-msg .msg-text ul .date {
    font-size: 12px;
    color: #bbb;
    padding: 0 0 0 2px;
}
.assessment-msg .msg-text p {
    margin: 0;
}

/*topbar css changes*/
.topbar-btn .btn-primary, .topbar-btn .btn-info {
    padding: 5px 7px;
    margin: 8px 5px 8px 0;
    float: left;
}
.navbar-btn {
    padding: 6px 10px;
}
.az-macro-msg-code-blk input[type="text"]{padding-right:40px;}
.az-macro-msg-code-blk button{position:absolute; top: 2px; right: 3px;}
@media (min-width: 768px) and (max-width: 990px) {
    .navbar-collapse {
        padding-right: 10px;
        padding-left: 10px;
    }
    .navbar-btn {
        padding: 6px 5px;
    }
    .topbar-btn .btn-primary, .topbar-btn .btn-green {
        padding: 5px 3px;
        margin: 10px 2px 10px 0;
        font-size: 12px;
    }
}

.ins-div-custom{
    width: 100%;
    display: inline-block;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}


.pdf-popup {
    width: 100%;
    height: 100%;
    padding: 30px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1060;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.pdf-popup .dark-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
}
.pdf-popup .popup-pdf-content {
    width: 50%;
    height: 100%;
    margin: 0px auto;
    background: #FFF;
    overflow: auto;
    z-index: 100;
    position: relative;
    padding: 25px;
    border: 5px solid #a7a7a7;
}
.pdf-popup .pdf-close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.6;
    z-index: 100;
}

#Iframe-Master-CC-and-Rs {
    height: 100%;
    overflow: hidden;
}
.responsive-wrapper {
    position: relative;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}
.responsive-wrapper iframe {
    width: 100%;
    height: 100%;
}
.center-block-horiz {
    margin-left: auto !important;
    margin-right: auto !important;
    height: 100%;
}

@media(max-width: 768px){
    .responsive-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }
}
@media(max-width: 767px){
    .pdf-popup .popup-pdf-content {
        width: 95%;
    }
    .nav-right-menu {
        height: 300px;
        overflow: auto;
    }
    .patient-info-details .patient_info_edit{
        float: none !important;
    }
    .current-det-pro{
        display: inline-block;
        width: 100%;
    }
}
.nav-right-menu-desktop {
    max-height: 300px;
    overflow: auto;
}

/*sidebar css*/
.sidebar-bottom-link a {
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
}
.sidebar-bottom-link a i {
    position: relative;
    float: left;
    width: 40px;
    margin: -10px -10px;
    margin-right: 5px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}

@media (min-width: 768px) {
    .sidebar-bottom-link  {
        position: fixed;
        bottom: 0;
        z-index: 1000;
        width: 200px;
        background: #2f3446;
    }
    .left-menu-container-inner {
        height: 100%;
    }
    .app-aside-folded .sidebar-bottom-link a span {
        display: none;
    }
    .app-aside-folded .sidebar-bottom-link {
        width: 60px;
    }
}

.container{
    width: auto;
    max-width: 1170px;
}
.select-company-combo {
    position: relative;
    padding-right: 90px;
}
.select-company-combo .btn {
    position: absolute;
    top: 5px;
    right: 0;
}
/*Profile page*/

.ach_signature{
    position: relative;
}
.ach_signature .btn-primary{
    position: absolute !important;
    right: -100px !important;
    bottom: 20px !important;
}

.profile-title{
    margin: 10px 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #eeeeee;
    font-size: 26px;
    color: #f8941e;
}
.white-bg {
    background: #FFF;
}
.upload-file-list {
    list-style-type: none;
    width: 100%;
    display: inline-block;
    padding: 0;
}
.upload-file-list li {
    float: left;
    border-radius: 5px;
    margin-right: 10px;
    width: 150px;
    text-align: center;
    position: relative;
}
.upload-file-list li img {
    width: 100%;
}
.upload-file-list li div {
    position: relative;
    line-height: 0;
    font-size: 10px;
}
.upload-file-list li div .attch_title{
    font-size: 14px;
    position:relative;
    padding-top:3px;
}
.upload-file-list li .glyphicon-remove{
    color: #f50000;
    margin-left: 5px;
    cursor: pointer;
    position:absolute;
    top:0px;
    right:0px;
}
.booked_minute{
    min-width: 150px !important;
}
.upload-file-list li .attachment-box-img{
    border: 1px solid #ccc;
    height: auto;
    line-height: 150px;
    overflow: hidden;
}



/*.thanks-model .modal-dialog { margin-top: 10%; }*/
.thanks-model .modal-content {
    padding: 60px 0;
    text-align: center;
}
.thanks-model .modal-body {
    padding: 20px;
    font-size: 22px;
    letter-spacing: 0.25px;
}
.thanks-model .modal-body h4  {
    font-size: 32px;
    margin-bottom: 15px;
    font-weight: bold;
    letter-spacing: 0.50px;
}
.thanks-model .modal-backdrop.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.thanks-model .modal-body p {
    margin-bottom: 20px;
}

.thanks-model .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.thanks-model.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}
.forward .innerdiv {
    background: #4A97DE;
    padding: 0 6px;
    color: #FFF;
    margin: 0 -5px 5px;
}
.forward .innerdiv a {
    color: #FFF;
}
.forward .innerdiv a:hover, .forward div a:focus {
    color: #FFF;
}
.forward {
    position: relative;
    overflow: hidden;
    padding: 0 5px 5px;
}

.thread-fix-style {
    height: 18px !important;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.thread-fix-style h1, .thread-fix-style h2, .thread-fix-style h3, .thread-fix-style h4, .thread-fix-style h5, .thread-fix-style p, .thread-fix-style ul li {
    font-size: 14px !important;
    margin: 0 !important;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.thread-fix-style ul {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.consent-form .modal-dialog {
    height: 95%;
}
.consent-form .modal-content {
    height: 100%;
    border: 0;
    position: relative;
    overflow: auto;
}


.consent-form .modal-header {
    width: 100%;
    text-align: center;
    background: #FFF;
    padding: 15px 20px;
}
.consent-form .modal-dialog {
    width: 600px;
}
.consent-form .modal-sub-header {
    width: 100%;
    background: #F7F9FB;
    padding: 15px 20px 20px;
    border-bottom: 1px solid #e5e5e5;
}
.consent-form .modal-sub-header p{
    color: #9497A0;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}
.consent-form .modal-sub-header h2{
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    position: relative;
}
.consent-form .modal-sub-header h2:after{
    content: " ";
    width: 60px;
    height: 5px;
    background: #878FC2;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.consent-form .modal-sub-header .table-main{
    display: table;
    width: 100%;
}
.consent-form .modal-sub-header .table-main .table-left{
    display: table-cell;
    width: 80%;
    vertical-align: middle;
    padding-right: 20px;
}
.consent-form .modal-sub-header .table-main .table-right{
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    text-align: right
}
.consent-form .modal-sub-header .form-control{
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    padding: 8px 10px;
    height: auto;
    font-size: 16px;
    color: #3E45B8;
    margin: 0;
}
.consent-form .modal-body{
    padding: 0;
}
.consent-form .modal-body .modal-body-padding{
    padding: 15px 20px;
    background: #EAEDF1;
}
.consent-form .modal-body .form-group {
    margin-bottom: 20px;
}
.consent-form .modal-body .form-control {
    margin: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #4BCDB9;
    color: #7D808B;
}
.consent-form .modal-body label {
    color: #4E5264;
    text-transform: uppercase;
    font-size: 15px;
}
.consent-form .modal-body .form-control::-webkit-input-placeholder {
    color: #b5b5b5;
}
.consent-form .modal-body .form-control::-moz-placeholder {
    color: #b5b5b5;
}
.consent-form .modal-body .form-control:-ms-input-placeholder {
    color: #b5b5b5;
}
.consent-form .modal-body .form-control:-moz-placeholder {
    color: #b5b5b5;
}
.consent-form .modal-body .title-label p{
    display: inline-block;
    color: #FFF;
    font-size: 16px;
    background-color: #4BCDB9;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.consent-form .modal-body hr {
    border-top: 1px solid #d8d8d8;
    margin-top: 0;
}
.consent-form .modal-body .text-content-collapse {
    height: 100px;
    overflow: hidden;
    margin-bottom: 30px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    padding: 0 15px 15px;
    border-radius: 5px;
}
.consent-form .modal-body .text-content-collapse:after{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 58%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 58%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.consent-form .modal-body .text-content-collapse .view-more{
    position: absolute;
    bottom: 0px;
    right: 15px;
    color: #337ab7;
    z-index: 2;
}
.consent-form .modal-body .height-change{
    height: auto;
}
.consent-form .modal-body .height-change:after{
    z-index: -1;
}
.consent-form .modal-body .height-change .view-more{
    display: none;
}
.consent-form .modal-body .signature-section > p{
    margin-bottom: 20px;
}
.consent-form .modal-body .signature-section label{
    color: #182589;
}
.agree-check-box .i-checks {
    padding-left: 30px;
    letter-spacing: 0.25px;
    margin-top: 10px;
}
.agree-check-box .i-checks > i {
    margin-right: 10px;
    margin-left: -30px;
}
.consent-form .modal-body .btn-primary {
    padding: 6px 25px;
}
.consent-form .modal-footer{
    text-align: left;
    padding: 15px 20px;
}
.consent-form .modal-footer .img-two img{
    margin-right: 15px;
}
.consent-form .modal-footer .privacy-notificarion {
    width: 100%;
    display: inline-block;
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
    color: #337ab7;
    position: relative;
}
.consent-form .modal-footer .privacy-notificarion:after {
    font-family: 'FontAwesome';
    content: "\f105";
    display: table;
    color: #bdbec1;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto 0;
}
.consent-form .modal-footer .privacy-notificarion.collapsed:after {
    content: "\f107";
}




@media(max-width: 767px){
    .consent-form .modal-dialog {
        width: 100%;
    }
    .consent-form .modal-sub-header .table-main .table-left{
        width: 100%;
        padding: 10px 0 0;
    }
    .consent-form .modal-dialog {
        margin: 0;
        height: 100%;
    }
    .consent-form .modal-content{
        border-radius: 0;
    }

    #vaccination_submit + b{
        width: 100%;
        display: inline-block;
        padding: 15px 0;
    }

    .white-bg-form .form-inline .all-btn .btn {
        margin-bottom: 5px;
        float: none !important;
    }
    .thanks-model .modal-content {
        padding: 20px 0 0;
    }
    .thanks-model .modal-body h4 {
        font-size: 22px;
    }
}



.name_section{
    font-weight: normal;
}
.bottom-border {
    width: 100%;
    display: inline-block;
    border-bottom: 1px dashed #dee5e7;
}

#non-scheduled-modal .modal-dialog {
    height: 100%;
    padding: 20px 0;
    margin: 0px auto;
}
#non-scheduled-modal .modal-content {
    height: 100%;
    overflow: auto;
}

.step-main-div {
    position:relative;
    padding-left: 40px;
}
.step-main-div .number-icon {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background-color: #e2e2e2;
}

.right-menu-video-icon {
    background: #23b7e5;
    padding: 2px 5px;
    color: #FFF !important;
    margin-right: 5px;
    border-radius: 2px;
    font-size: 11px;
}

.weekly-table-appointment a  {
    color: #f8941e;
}
.weekly-table-appointment a.appointment_time_select.active {
    color: #428bca;
}

.user-detail-box {
    width: 31.10%;
    display: table;
    padding: 10px 0px 10px 30px;
    position: relative;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    float: left;
    margin: 0 1% 15px;
}
.user-detail-box .img-left, .user-detail-box .detail-right {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
}
.user-detail-box .img-left {
    width: 25%;
    border-right: 1px solid #e2e2e2;
}
.user-detail-box .detail-right {
    width: 75%;
}
.user-detail-box .detail-right h3 {
    font-size: 20px;
    color: #23b7e5;
    margin: 0 0 5px;
}
.user-detail-box .detail-right p {
    margin: 0;
}
.user-detail-box .raido-inline {
    position: absolute;
    top: 0;
    left: 8px;
    bottom: 0;
    margin: auto 0;
    height: 22px;
}


/*message section full*/
.message-section {
    height: 100%;
}
.message-section .app-content .app-content-body {
    height: 100%;
    float: none;
}
.message-section .app-content .hbox .col .vbox-left {
    height: calc(100vh - 162px);
    box-shadow: none;
}
.message-section .app-content .hbox .col {
    overflow: hidden;
    background: #FFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.message-section .app-content .hbox .col .vbox {
    height: calc(100% - 168px);
}
.message-section .app-content .hbox .col .vbox + .panel.b-a {
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.message-section .app-content .hbox .col .bg-white {
    height: 100%;
    display: block;
}
.message-section .app-content .hbox .col.chat-leftpanel-w > div {
    height: 100%;
    overflow: auto;
}
.message-section .app-content .hbox .col .vbox + .panel.b-a {
    z-index: 100;
}
@media(max-width: 767px){
    .message-section .app-content .hbox .chat-leftpanel-w .wrapper {
        padding: 10px 5px;
    }
    .message-section .app-content .hbox .chat-leftpanel-w .wrapper .btn-default {
        padding: 10px 6px;
    }
    .message-section .app-content .hbox #thread_view {
        height: calc(100% - 41px);
    }
    .message-section .app-content .hbox .col .vbox {
        height: calc(100% - 188px);
    }
}

.participant-list li {
    background: #cacaca;
    padding: 2px 10px;
    border-radius: 20px;
    margin: 0 10px 10px 0;
    vertical-align : middle;
}
.participant-list li a {
    font-size: 12px;
    margin-left: 8px;
    color: #666;
}
.participant-list li a:hover {
    color: #000;
}

/* progress bar style */
#progressbox {
    border: 1px solid #92C8DA;
    padding: 1px;
    position:relative;
    width:400px;
    border-radius: 3px;
    margin: 10px 0;
    /*    display:none;*/
    text-align:left;
}
#progressbar {
    height:20px;
    border-radius: 3px;
    background-color: #77E0FA;
    width:1%;
}
#statustxt {
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
    color: #000000;
}
.progressbox1 {
    border: 1px solid #92C8DA;
    padding: 1px;
    position:relative;
    width:400px;
    border-radius: 3px;
    margin: 10px 0;
    /*    display:none;*/
    text-align:left;
}
.progressbar1 {
    height:20px;
    border-radius: 3px;
    background-color: #77E0FA;
    width:1%;
}
.statustxt1 {
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
    color: #000000;
}
.custom-col-sm{
    /*width: 8.33%;*/
    float: left;
}
@media(max-width: 767px){
    #progressbox1 {
        width: 100%;
    }
    .remove-attach {
        margin-top: 5px;
    }
    .remove-attach + p {
        display: inline-block !important;
    }
    #progressbox {
        width: 100%;
    }
}

.chating-msg .navbar-right .dropdown-backdrop {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
}
.dropdown-menu {
    z-index: 10000;
}

.bottom-line-tab.user-account .nav > li > a {
    padding: 10px 10px;
}

.bxslider li {
    position: relative;
}
.bxslider li a {
    display: inline-block;
    background: #f10000;
    color: #FFF;
    padding: 5px 7px;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
}
.medical-records .form-control {
    margin: 0;
}



/* New chat modal */
.bg-orange {
    background: #F79727;
}
.chat-window.window {
    position: relative; /*bottom: 15px; right:15px;*/
    width: 100%;
    height: 100%;
    background-color: white; /*border-radius: 8px; border: 1px solid #23b7e5;*/
    z-index: 5000;
    overflow: hidden;
}
.chat-window.window .window-controls {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    border-bottom: 1px solid #E9EDF1;
}
.chat-window.window .window-controls .maximize {
    background-color: #FFF;
    position: absolute;
    top: -60px;
    opacity: 0;
    left: 0;
    z-index: 9;
    width: 350px;
    height: auto;
    line-height: 30px;
    color: #FFF;
    cursor: pointer;
    transition: opacity .3s .5s, top 0s .8s;
}
.chat-window.window .window-content {
    width: 100%;
    height: calc(100% - 25px);
    display: inline-block;
    margin-top: 25px;
}
.minimized .chat-window.window {
    left: auto !important;
    right: 15px !important;
    top: calc(100% - 64px) !important;
    width: 350px;
    height: 55px !important;
    box-shadow: -17.101px 26.985px 40px 0px rgba(37, 40, 52, 0.12);
    -webkit-box-shadow: -17.101px 26.985px 40px 0px rgba(37, 40, 52, 0.12);
    -moz-box-shadow: -17.101px 26.985px 40px 0px rgba(37, 40, 52, 0.12);
}
.minimized .chat-window.window .maximize {
    top: 0;
    opacity: 1;
    transition: opacity .3s .5s, top 0s .5s;
}
.minimized .chat-window.window .maximize .title-panel {
    display: block;
    padding: 8px 10px 8px 40px;
}
.minimized .chat-window.window .maximize .title-panel .bg-info {
    position: absolute;
    top: 14px;
    left: 6px;
}
.minimized .chat-window.window .title-panel,
.minimized .chat-window.window .window-content {
    display: none;
}
.chat-window .title-panel {
    width: 100%;
    display: inline-block;
    padding: 10px 10px;
}
.chat-window .title-panel ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: table;
    width: 100%;
}
.chat-window .title-panel ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
    font-size: 16px;
    color: #7C808C;
    position: relative;
}
.chat-window .title-panel ul li:first-child {
    width: 100%;
}
.minimized .chat-window.window .maximize .title-panel ul li:first-child {
    font-size: 14px;
}
.minimized .chat-window.window .maximize .title-panel ul li:first-child > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 155px;
    float: left;
}
.chat-window .title-panel ul li a {
    font-size: 16px;
    display: inline-block;
    padding: 0px 0px;
    border-radius: 50px;
    color: #BABCBE;
    line-height: 30px;
    text-align: center;
}
.chat-window.window .add-chat-main {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.chat-window.window .add-chat-main .add-section {
    width: calc(100% - 400px);
    display: inline-block;
    float:left;
    height: 100%;
    background: #FFF;
    position: relative;
    vertical-align: top;
}
.chat-window.window .add-chat-main .add-section .add-title {
    width: 100%;
    display: inline-block;
    padding: 10px 10px;
    background: #23b7e5;
    color: #e4e4e4;
    font-size: 18px;
    text-align: center;
}
.chat-window.window .add-chat-main .add-section .add-title span {
    color: #FFF;
}
.chat-window.window .add-chat-main .chat-section {
    width: 100%;
    display: inline-block;
    float: right;
    height: 100%;
    background: #E9EDF1;
    position: relative;
    padding-bottom: 60px;
}
.chat-window.window .add-chat-main .chat-section .msg-thread {
    width: 100%;
    padding: 15px 15px;
    height: 100%;
    overflow-y: auto;
}
.hide-advertise .add-chat-main .add-section {
    display: none !important;
    width: 0;
}
.chat-window.window.hide-advertise {
    width: 100%;
}
.minimized .chat-window.window.hide-advertise {
    width: 350px !important;
}
.chat-window .chat-bottom-fields {
    width: auto;
    max-width: 600px;
    margin: 0 auto 20px;
    padding: 0px 10px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.chat-window .chat-input-main {
    position: relative;
    padding-right: 40px;
    margin: 0;
}
.chat-window .chat-input-main .form-control {
    border-radius: 10px;
    height: auto;
    border: 0;
    padding-right: 40px;
    min-height: 40px;
    max-height: 40px;
    width: calc(100% - 32px);
    float: right;
    margin-left: 0;
}
.chat-window .chat-input-main .editor-box {
    position: absolute;
    top: 0;
    right: 50px;
    line-height: 40px;
    font-size: 20px;
    color: #7D808B;
}
.chat-window .chat-input-main .pic-upload, .chat-window .chat-input-main .pic-upload-section {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    font-size: 20px;
    color: #23b7e5;
}
.chat-window .chat-input-main .btn {
    position: absolute;
    top: 2px;
    right: 0;
}
.chat-window .chat-input-main ul li {
    font-size: 12px;
    float: left;
    line-height: 36px;
}
.chat-window .chat-input-main ul li a {
    display: inline-block;
    line-height: 36px;
    border-top: 1px solid transparent;
}
.chat-window .chat-input-main ul li .b-c-orange {
    border-color: #F79727;
}
.chat-window .chat-input-main ul li .b-c-blue-2 {
    border-color: #23B7E5;
}
.chat-window .chat-input-main ul li .b-c-red-1 {
    border-color: #F25A6C;
}
.chat-window .btn-editor {
    display: none;
    background: #FFF;
    padding: 5px 5px;
    border-radius: 5px;
    position: absolute;
    bottom: 110%;
    float: left;
    right: 50px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=25, Direction=0, Color=#000000)";
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.2);
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=25, Direction=135, Color=#000000);
}
.chat-window .btn-editor:after {
    content: " ";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: 100%;
    right: 15px;
}
.chat-window .chating-msg-main {
    width: 100%;
    display: inline-block;
    margin: 0 0 5px;
}
.chat-window .chating-msg {
    width: 70%;
    position: relative;
    cursor: pointer;
}
.chat-window .chating-msg > div {
    font-size: 13px;
    padding: 10px 10px;
    border-radius: 5px;
    clear: both;
    margin-bottom: 5px;
    position: relative;
}
.chat-window .chating-msg .chat-date {
    color: #a9abae;
    font-size: 12px;
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
}
.chat-window .chating-msg.l-msg-chat {
    color: #7D808B;
    padding-left: 0px;
    float: left;
}
.chat-window .chating-msg.l-msg-chat div {
    float: left;
}
.chat-window .chating-msg.l-msg-chat .user-icon {
    position: absolute;
    top: 0;
    left: 0;
}
.chat-window .chating-msg.l-msg-chat .chat-date {
    text-align: left;
}
.chat-window .chating-msg.r-msg-chat {
    color: #FFF;
    padding-right: 0px;
    float: right;
}
.chat-window .chating-msg.r-msg-chat div {
    float: right;
}
.chat-window .chating-msg.r-msg-chat .user-icon {
    position: absolute;
    top: 0;
    right: 0;
}
.chat-window .chating-msg.r-msg-chat .chat-date {
    text-align: right;
}
.add_new_call {
    width: 250px;
    padding: 15px 15px;
    margin-top: 10px;
    position: absolute;
    right: 0;
    background: #FFF;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    top: 100%;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}
.add_new_call:after {
    content: " ";
    position: absolute;
    top: -5px;
    right: 14px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #23b7e5;
}
.chat-window .chat-input-main + input + .bootstrap-filestyle {
    display: none;
}
.instru {
    width: 100%;
    background: #FFF;
    padding: 10px 10px;
    border-radius:5px;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 15px;
}
@media(max-width: 1280px){
    /*#call_modal .chat_cont{width: 25%;}*/
}
@media(max-width: 767px){
    .appt-det-msg-box .vbox {
        height: 200px;
    }
    .chat-window.window {
        width: 100%;
        right: 0;
        bottom: 20px;
        z-index: 5000;
    }
    .chat-window.window .window-controls .maximize {
        width: 100%;
    }
    .minimized .chat-window.window {
        top: calc(100% - 62px);
        width: 300px;
    }
    .chat-window.window .window-controls .maximize {
        top: -100%;
    }
    .chat-window .title-panel ul li {
        font-size: 15px;
    }
    .chat-window .title-panel ul li:nth-child(2) {
        display: none;
    }
    .chat-window.window .add-chat-main .add-section {
        display: none;
    }
    .chat-window .title-panel ul li:first-child span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 155px;
        float: left;
    }
}
.qickconsult input.patient_input {
    border: 2px solid #23b7e5 !important;
}
.qickconsult .i-checks > i {
    border: 1px solid #23b7e5 !important;
}

.peerappt input.patient_input {
    border: 2px solid #23b7e5 !important;
}
.peerappt .i-checks > i {
    border: 1px solid #23b7e5 !important;
}

.online-provider {
    background: #27c24c;
    border-radius: 4px;
}
.online-provider i {
    color: #1e8a38;
}
.msg-provider {
    background: #333;
    border-radius: 4px;
    font-size: 11px;
    margin-right: 3px;
}
.msg-provider i {
    color: #FFF;
}
.notify-call-camera-icon {
    border:1px solid #fff;
    padding: 0px 3px !important;
    display: inline-block;
}

.ui-autocomplete li {
    width: 100%;
    display: inline-block;
    padding: 5px 10px 5px 30px !important;
    border-bottom: 1px solid #e2e2e2;
}
.ui-autocomplete .ui-autocomplete-category {
    padding: 5px 10px !important;
    background: #e2e2e2;
}
.book_another {
    white-space: normal;
}
/*Mobile screen menu fix*/
@media (max-width: 767px) {
    .off-screen {
        position: fixed;
    }
}

.h2-style {
    color: #7c808c;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
}

/* Release Note Popup CSS By Ravi on 2017-07-12*/
.release-note {
    position: absolute;
    bottom: 5px;
    right: 70px;
    z-index: 1006;
    font-size: 10px;
    padding: 3px 10px;
}
.release-note-modal .modal-content {
    overflow: hidden;
}
.release-note-modal .modal-header {
    background: #f79727;
    padding: 10px 15px;
}
.release-note-modal .modal-header h4 {
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.25px;
}
.release-note-modal .modal-body {
    padding: 0;
}
.release-note-modal .modal-body .note-detail {
    padding: 15px 15px;
    background: #FFF;
}
.release-note-modal .modal-body .note-detail:nth-of-type(odd) {
    background: #f1f1f1;
}
.release-note-modal h3 {
    font-size: 20px;
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}
.release-note-modal ol {
    margin: 0 0;
    padding: 0;
    counter-reset: item;
}
.release-note-modal ol>li {
    margin: 0;
    padding: 0 0 5px 30px;
    text-indent: -30px;
    list-style-type: none;
    counter-increment: item;
}
.release-note-modal ol>li:before {
    display: inline-block;
    width: 22px;
    padding-right: 6px;
    font-weight: bold;
    text-align: right;
    content: counter(item) ".";
    color: #565656;
}

.jq-toast-wrap .jq-toast-single{
    float:left;
}

.chat-history {
    width: 100%;
    display: inline-block;
    padding: 15px 15px;
    background: #FFF;
}
.chat-history .thread-list-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 420px;
    overflow: auto;
}
.chat-history .thread-list-ul li {
    padding: 0;
}
.chat-history .thread-list-ul li a {
    width: 100%;
    display: inline-block;
    padding: 15px 15px;
    border-bottom: 1px solid #e2e2e2;
}
.chat-history .history-thread-detail {
    width: 100%;
    height: 350px;
    overflow: auto;
    padding: 15px 15px;
    border: 1px solid #e2e2e2;
    background: #f0f3f4;
}
.chat-history .call_msg_main {
    height: 350px;
    overflow: auto;
}
.chat-history .thread-list-ul li.active a,
.chat-history .thread-list-ul li a:hover {
    background: #e2e2e2;
}

.tab-content #thread_view .vbox {
    height: 232px;
}
.disable-add-new{
    /*pointer-events: none;
    cursor: default;*/
}
/*Toaster Message START*/
.toast-msg {
    width: 100%;
    display: inline-block;
    padding-top: 3px !important ;
}
.toast-msg-span {
    display: inline-block;
    padding: 20px 0px 0px 0px !important;
    border-radius: 3px;
    font-size: 11px;
    margin: 0 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    position: relative;
}
.toast-msg-span:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #FFF;
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 1;
}
.toast-msg-span:before {
    content: "Message";
    width: 55px;
    display: inline-block;
    background: #23b7e5;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}
/*.toast-msg .toaster-view-detail{ padding: 3px 6px; border: 0; font-weight: normal; float: right; }*/
.toast-msg .toaster-view-detail{
    float: right;
    color: #fff;
    font-size: 11px;
    border-bottom: 0px !important;
    text-decoration: underline;
}
/*Toaster Message END*/
.edit-quote-show {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
}
.edit-quote-hide {
    display: none;
}
.welcome-message {
    text-align: center;
    padding: 10px 10px;
    display: inline-block;
    width: 100%;
}
.welcome-message span {
    display: inline-block;
    background: #e9edf1;
    padding: 2px 15px;
    border-radius: 5px;
}
.welcome-message-calldetail {
    text-align: center;
    padding: 10px 10px;
    display: inline-block;
}
.welcome-message-calldetail span {
    display: inline-block;
    background: #e9edf1;
    padding: 2px 15px;
    border-radius: 5px;
}

/**Confirm box Vsee**/
.vc-confirm-confirm {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 100000;
    letter-spacing: 0.50px;
}
.vc-confirm-confirm:after {
    content: " ";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
.vc-confirm-confirm .vc-container {
    width: auto;
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    margin-top: 10%;
    color: #FFF;
    font-size: 13px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 5px;
}
.vc-confirm-confirm .btn-lg {
    padding: 8px 30px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}
.vc-confirm-confirm h2 {
    font-size: 20px;
    color: #FFF;
    margin: 0 0 15px;
    line-height: 30px;
}
.vc-confirm-confirm p {
    margin-bottom: 20px;
}
.vc-confirm-confirm p span {
    font-weight: bold;
    margin-right: 5px;
    color: #f8941e;
}
.thread-type-img {
    width: 20px;
    margin-right: 5px
}
.thread-type-folder {
    width: 20px;
    margin-right: 5px;
    font-size: 17px;
    margin-left: 2px;
}

.required_astrik {
    text-decoration: none !important;
    border: none !important;
}

/*Make Appointment Steps CSS Start*/
.treatment-type-box{
    --az-treatment-type-color: #fff;
    background-color: var(--az-secondary-color);
    color: var(--az-treatment-type-color);
    padding: 10px 40px;
    position: relative;
}
.treatment-type-box .treatment_type_chosen{
    font-size: 18px;
    line-height: 27px;
}
.treatment-type-box .treatment_type_edit{
    color: var(--az-treatment-type-color);
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
}
.titlebox{
    padding: 10px 40px;
    background-color: #fff;
    border-bottom: 1px solid #dee5e7;
}
.titlebox .title{
    font-size: 28px;
    color: #4E5264;
    line-height: 28px;
}
.titlebox .subtxt{
    font-size: 16px;
    color: #7D808B;
}
.make-app-steps {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
    position: fixed;
    z-index: 1000;
    border-bottom: 1px solid #dee5e7;
    --step-bgcolor:#fff;
    --step-color:#006080;
    --step-active-bgcolor:#006080;
    --step-active-color:#fff
}
.hide-sidebar-menu .make-app-steps{margin-top: 0px;}
.make-app-steps ul {
    list-style-type: none;
    margin: 0 0 0px;
    padding: 0;
    text-align: center;
    width: 100%;
    display: table;
    overflow: hidden;
}
.make-app-steps ul li {
    display: table-cell;
    margin-left: -3px;
}
.make-app-steps ul li a {
    width: 100%;
    display: inline-block;
    padding: 5px 15px 5px 45px;
    background: var(--step-bgcolor);
    color: var(--step-color);
    border-radius: 0;
    position: relative;
    font-size: 16px;
}
.triangle {
    width: 0px;
    height: 0px;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid var(--step-bgcolor);
    position: absolute;
    top: 0px;
    right: -16px;
    z-index: 2;
}
.triangle:before {
    content: "";
    border: solid var(--step-active-bgcolor);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 21px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: -22px;
    right: 8px;
}

/* do not change */
.make-app-steps ul li .secondary_color{
    background: #FFF!important;
}
.make-app-steps ul li.active .secondary_color{
    background-color: var(--step-active-bgcolor)!important;
}
.make-app-steps ul li .secondary_text_color{
    color: #4E5264!important;
}
.make-app-steps ul li.active .secondary_text_color{
    color: var(--step-active-color)!important;
}
.make-app-steps ul li.active .triangle{
    border-left-color: var(--step-active-bgcolor)!important;
}
.make-app-steps ul li.active .triangle:before{
    border-color: var(--step-active-color);
}
/* do not change */
@media(max-width:991px){
    .triangle {
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 17px solid var(--step-bgcolor);
        top: 0px;
        right: -16px;
    }
}

@media(max-width:767px){
    .triangle{
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-left: 13px solid var(--step-bgcolor);
        right: -12px;
    }
    .triangle:before {
        padding: 10px;
        top: -11px;
        right: 3px;
    }
}
.make-app-steps ul li:first-child a {
    padding: 5px 15px;
}
/* .make-app-steps ul li.active a {
    background: #006080;
    color: #FFF;
} */
.make-app-steps .steps-content {
    width: 100%;
    display: inline-block;
    background: #FFF;
    padding: 20px 20px;
    border: 1px solid #dee5e7;
    margin-top: 0;
    border-radius: 5px;
    text-align: left;
    min-height: 200px;
}
.make-app-steps ul li a .span-2 {
    display: none;
}
.make-app-steps ul li a.disabled {
    pointer-events: none;
    cursor: default
}
.make-app-steps + div {
    padding-top: 33px;
}
.make-app-steps + .edit-wrapper-md {
    padding-top: 70px;
}
.make-app-steps.hidden + .wrapper-md {
    padding-top: 15px;
}
.make-app-steps .step-width-4 li {
    width: 25%;
}
.make-app-steps .step-width-5 li {
    width: 20%;
}
.make-app-steps .step-width-6 li {
    width: 16.66%;
}
.makeappo-bottomcheckbox{
    margin-top: 15px;
    margin-bottom: 15px;
}
.pagecontentsection{padding: 16px 0 115px 0;}
.makeappo-btnsec{
    padding: 3px 0;
    background-color: #F7F9FB;
    position: fixed;
    bottom: 33px;
    z-index: 111;
}
.makeappo-btnsec .btn{
    width: 100%;
    max-width: 200px;
    border-radius: 60px;
    margin: 7px;
    font-size: 18px;
    font-weight: 600;
    padding: 6px 15px;
}
.makeappo-btnsec{
    width: calc(100% - 230px);
    right: 0;
}
.app-aside-folded .makeappo-btnsec{
    width: calc(100% - 112px);
    right: 0;
}
.hide-sidebar-menu .makeappo-btnsec{
    left: 0;
    width: 100%;
}
.add-dependentbtn{
    border-radius: 60px;
    border: 1px solid var(--az-primary-color);
    background:  #FFF;
    width: 190px;
    color: #4E5264;
    font-size: 16px;
    padding: 8px 0;
    display: inline-block;
    text-align: center;
}
.makeapponote{
    color: #4E5264;
    font-weight: 700;
    font-size: 16px;
    padding: 0 10px;
}

.timeslotholdnote{
    color: #CD4B13;
    font-weight: 700;
    font-size: 14px;
    float: right;
    margin-top: 3px;
}

.policymodal .modal-header{
    border: none;
}
.policymodal .tab-container{
    border-radius: 8px;
    background: #F7F9FB;
    padding: 16px;
    margin: 0;
}
.policymodal .nav-tabs a{
    border: none;
    color: #4E5264;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600;
}
.policymodal .nav-tabs .active a{
    border-radius: 6px 6px 0 0;
    border: none;
    color: #4E5264;
}
.policymodal .nav-tabs > li:hover > a,
.policymodal .nav-tabs > li.active > a,
.policymodal .nav-tabs > li.active > a:hover,
.policymodal .nav-tabs > li.active > a:focus,
.policymodal .tab-content,
.policymodal .nav-tabs{
    border: none;
}
.policymodal .modal-footer{
    text-align: center;
    border: none;
    padding-top: 0;
}
.policymodal .modal-footer .btn{
    border-radius: 60px;
    width: 190px;
    background-color: var(--az-primary-color);
    border-color: var(--az-primary-color);
    font-size: 16px;
    color: #fff;
    padding: 8px 0;
}
.policymodal .modal-dialog{
    width: auto;
    max-width: 1180px;
}
.ins-add-more-btn .btn{
    border: 1px solid var(--az-primary-color);
    background-color: #fff;
    color: #4E5264;
    border-radius: 60px;
    font-size: 16px;
    padding: 8px 15px;
}
.couponcodediv{
    display: flex;
}
.couponcodediv .btn{
    width: 142px;
    flex: 0 0 auto;
    border: 1px solid var(--az-primary-color);
    background-color: #fff;
    border-radius: 60px;
    padding: 5px 5px;
}
@media (max-width: 800px) {
    .makeappo-btnsec{bottom: 0px;}
}
@media (max-width: 767px) {
    .make-app-steps {
        margin-top: 0;
        padding-top: 5px;
        background: #f0f3f4;
    }
    .make-app-steps ul li {
        width: auto;
        word-break: break-all;
        vertical-align: top;
    }
    .make-app-steps ul li a {
        padding: 5px 10px;
        font-size: 11px;
    }
    .make-app-steps ul li:first-child a {
        padding: 5px 10px;
    }
    .make-app-steps ul li a:after {
        right: -10px;
        width: 10px;
    }

    .make-app-steps ul li a .span-2 {
        display: block;
    }
    .make-app-steps ul li a .span-1 {
        display: none;
    }

    .make-app-steps + div {
        padding-top: 31px;
    }
    .make-app-steps + .edit-wrapper-md {
        padding-top: 45px;
    }

    .make-app-steps .step-width-4 li {
        width: auto;
    }
    .make-app-steps .step-width-5 li {
        width: auto;
    }
    .make-app-steps .step-width-6 li {
        width: auto;
    }
    .makeappo-btnsec .btn{
        max-width: 170px;
        margin: 5px;
        font-size: 16px;
        padding: 6px 15px;
    }
    .treatment-type-box{padding: 8px 24px;}
    .treatment-type-box .treatment_type_chosen {font-size: 16px;line-height: 20px;}
    .titlebox {padding: 8px 24px;}
    .titlebox .title{font-size: 24px; line-height: 32px;}
    .treatment-type-box .treatment_type_edit{right: 5px;}
    .pagecontentsection{padding: 16px 0 85px 16px;}
    .makeapponote{font-size: 14px;}
    .couponcodediv{flex-wrap: wrap;}
    .couponcodediv .btn{margin-top: 15px;}
    .couponcodediv .m-r-sm{margin-right: 0;}
}
@media (max-width: 991px) {
    .makeappo-btnsec,.app-aside-folded .makeappo-btnsec,.hide-sidebar-menu .makeappo-btnsec{
        left: 0;
        width: 100%;
        right: 0;
    }
}
/*Make Appointment Steps CSS End*/

@media(max-width: 767px){
    .medical-records .form-control {
        margin-bottom: 10px;
    }
    .medical-records .input-group .form-control {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .appointments-table .action-btn-list li:first-child {
        float: right !important;
    }
    .appointments-table .action-btn-list .popover {
        font-size: 13px;
        max-width: 225px;
    }
    .appointments-table .action-btn-list .popover-title,
    .appointments-table .action-btn-list .popover-content {
        padding: 9px 12px;
    }
    .appointments-table .action-btn-list .popover-content ul li {
        width: 100%;
        display: inline-block;
    }

}
.opacity-fifty {
    opacity: 0.5
}
.profile_psw #pswd_info, .aggrpwd .pswd_info {
    top: 100%;
    left: 0;
}
.profile_psw #pswd_info::before, .aggrpwd .pswd_info::before {
    top: -16px;
    left: 15px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.error-red {
    color:red;
    font-size: 12px;
}
.vacc_sidebar_icon{
    width:20px;
    margin-right: 16px;
}

@media (max-width: 767px) {
    .lbl_select_existing .select_medical_record{
        width: 68%;
    }
    #thread_view .wrapper-sm {
        height: auto !important;
    }
    #thread_view .wrapper-sm .text-ellipsis {
        display: inline-block;
        overflow: visible;
        text-overflow: inherit;
        white-space: inherit;
    }
    .ot-pro-label {
        white-space: normal;
        display: inline-block;
    }
    .user-detail-box {
        width: 98%;
    }
}
.dropdown-menu > li > a.btn-info {
    margin: 5px !important;
}
.dropdown-menu > li > a.btn-info:hover {
    background-color: #23b7e5 !important;
}

.choose-file-grp {
    display: table;
    width: 100%;
}
.choose-file-grp .col-sm-10 {
    float: none;
    display: table-cell;
    padding: 0;
    width: 100%;
    vertical-align: top;
}
.choose-file-grp .col-sm-2 {
    float: none;
    display: table-cell;
    padding: 0;
    width: auto;
    vertical-align: top;
}
.choose-file-grp .input-group {
    margin-bottom: 0;
}
@media (max-width: 1170px) {
    .label-height-fix label {
        min-height: 25px;
    }
}

.two-img-profile .t-c-thumb {
    left: -11%;
    width: 60%;
    height: 100%;
    top: 0px;
    position: absolute;
    z-index: 2;
    overflow: hidden;
}
.two-img-profile .t-c-thumb img {
    height: auto;
    width: auto;
    max-width: 200%;
    left: -50%;
    position: relative;
}
.two-img-profile .b-c-thumb {
    right: -11%;
    left: auto;
    width: 60%;
    height: 100%;
    top: 0px;
    position: absolute;
    z-index: 2;
    overflow: hidden;
}
.two-img-profile .b-c-thumb img {
    width: auto;
    height: auto;
    max-width: 200%;
    left: -50%;
    position: relative;
}

.three-img-profile .t-c-thumb {
    left: 0;
    right: auto;
    width: 100%;
    height: 50%;
    top: 0px;
    position: absolute;
    z-index: 2;
    overflow: hidden;
}
.three-img-profile .b-l-thumb {
    left: -11%;
    right: auto;
    width: 60%;
    height: 50%;
    top: auto;
    bottom: -1px;
    position: absolute;
    z-index: 2;
    overflow: hidden;
    margin-top: 2px;
}
.three-img-profile .b-r-thumb {
    right: -11%;
    left: auto;
    width: 60%;
    height: 50%;
    top: auto;
    bottom: -1px;
    position: absolute;
    z-index: 2;
    overflow: hidden;
    margin-top: 2px;
}
.three-img-profile img {
    width: 100%;
    height: auto;
}

.four-img-profile .t-l-thumb  {
    left: -11%;
    right: auto;
    width: 60%;
    height: 50%;
    top: 0px;
    position: absolute;
    z-index: 2;
    overflow: hidden;
}
.four-img-profile .t-r-thumb  {
    right: -11%;
    left: auto;
    width: 60%;
    height: 50%;
    top: 0px;
    position: absolute;
    z-index: 2;
    overflow: hidden;
}
.four-img-profile .b-l-thumb {
    left: -11%;
    right: auto;
    width: 60%;
    height: 50%;
    top: auto;
    bottom: -1px;
    position: absolute;
    z-index: 2;
    overflow: hidden;
    margin-top: 2px;
}
.four-img-profile .b-r-thumb {
    right: -11%;
    left: auto;
    width: 60%;
    height: 50%;
    top: auto;
    bottom: -1px;
    position: absolute;
    z-index: 2;
    overflow: hidden;
    margin-top: 2px;
}
.four-img-profile img {
    width: 100%;
    height: auto;
}


.browse-btn-style .btn-bs-file{
    position:static !important;
}
@media (max-width: 767px) {
    .message-section {
        height: auto;
    }
    .message-section .app-content .hbox .col .vbox + .panel.b-a {
        position: static;
    }

    .release-note {
        background: no-repeat;
        color: #32b7e6 !important;
        border: 0;
        bottom: 0;
        right: 50px;
    }
    .open .dropdown-toggle.btn-info
    {
        color: #19a9d5 !important;
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }
}
@media (max-width: 1170px) {
    .label-height-fix label {
        min-height: 25px;
    }
}
.browse-btn-style .btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
}
.browse-btn-style .bootstrap-filestyle {
    display: none;
}

.active > .text-active,
.active .text-active {
    display: inline-block !important;
}
.text-active,
.active .text,
.active .text {
    display: none !important;
}

@media (max-width: 1170px) {
    .label-height-fix label {
        min-height: 25px;
    }
}
.vsee-x-class{
    color: #FFF;
    opacity: 1;
    text-shadow:none;

}
.vsee-x-class:hover{
    color: #FFF;
}

.transform1{
    transform:rotate(0deg);
}
.transform3{
    transform:rotate(180deg);
}
.transform6{
    transform:rotate(90deg);
}
.transform8{
    transform:rotate(270deg);
}

#addressBookModel .group-manage-modal {
    display: none
}
.iebrowser {
    position: static !important;
}
.iebrowser {
    position: static !important;
}
.browse-delete-btn {
    margin:0;
    padding: 6px 4px;
}
.browse-delete-btn:hover, .browse-delete-btn:focus {
    color: #000000;
}
.m-l-min-20 {
    margin-left: -20px;
}
.medical-records .add-file-structure .bootstrap-filestyle{
    width: calc(100% - 22px);
    float: left;
}

.img-zoom-pdf-popup {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1060;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.img-zoom-pdf-popup .dark-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
}
.img-zoom-pdf-popup .popup-pdf-content {
    width: 30%;
    border-radius: 10px;
    margin: 30px auto;
    background: #FFF;
    overflow: auto;
    z-index: 100;
    position: relative;
    padding: 15px;
}
.img-zoom-pdf-popup .popup-pdf-content > a {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: rgba(255, 255, 255, 0.7);
    width: 20px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
}
.appointments-list .btn-default {
    border-color: #25b7e6;
}
.appointments-list .badge.bg-info {
    background-color: #FFF;
    color: #57666d;
    border: 2px solid #25b7e6;
    margin-bottom: 1px;
}
.appointments-table .tr .td .action-btn-list li a.view-chart-lable {
    color: green !important;
}
.appointments-table .tr .td .action-btn-list li a.secure-message-lable {
    color: #25b7e6 !important;
}


/*****
Added by:Uttam Solanki
Purpose: For Image zoom in and zoom out
*****/

.zoom-img-modal {
    text-align: center;
    position: fixed !important;
    bottom: 0 !important;
}
.zoom-img-modal .modal-dialog {
    width: auto;
    display: inline-block;
    margin-top: 50px;
    z-index: 10000;
}
.zoom-img-modal .modal-backdrop {
    z-index: -1;
}
.zoom-img-modal .modal-content {
    z-index: 100;
}
.zoom-img-modal .modal-content {
    border-radius: 0;
}
.zoom-img-modal .modal-body {
    padding: 0;
    position: relative;
}
.zoom-img-modal .modal-body .img-responsive {
    width: auto;
    max-width: 600px;
    min-width: 200px;
}
.zoom-img-modal .header-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.zoom-img-modal .header-modal .close {
    background: rgba(255, 255, 255, 0.8);
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    margin: 10px 10px;
    outline: none;
}
.zoom-img-modal .zoom-modal {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: 0 auto;
    text-align: center;
    z-index: 1000;
}
.zoom-img-modal .zoom-modal a {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    border-radius: 40px;
    color: #FFF;
    vertical-align: middle;
}
.zoom-img-modal .zoom-modal a .glyphicon-zoom-out {
    display: none;
}

.zoom-in .modal-dialog {
    width: 70%;
    height: 70%;
    overflow: hidden;
}
.zoom-in .modal-content {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.zoom-in .modal-body .img-responsive {
    width: auto;
    max-width: inherit;
    min-width: 100%;
}
.zoom-in .zoom-modal a .glyphicon-zoom-out {
    display: inline-block;
}
.zoom-in .zoom-modal a .glyphicon-zoom-in {
    display: none;
}
.zoom-img-modal .zoom-modal a .glyphicon{
    line-height: inherit;
}

@media(max-width: 767px){
    .zoom-img-modal .modal-dialog {
        max-width: 75%;
    }
    .zoom-img-modal .modal-body .img-responsive {
        width: auto;
        max-width: 100%;
        min-width: 200px;
    }
    .zoom-in .modal-dialog {
        width: 95%;
        max-width: 95%;
        overflow: hidden;
    }
    .zoom-in .modal-body .img-responsive {
        width: auto;
        max-width: inherit;
        min-width: 100%;
    }
}
/***
    Added by: hitesh Patel
    Purpose:  Under appointment records document list view goes ot side
***/
.doclist table tr th, .doclist table tr td {
    word-break: break-all;
}

.doclist table .az-my-appt-date {min-width:180px; width: 180px;}
.doclist table .az-my-appt-gen {min-width:220px; width: 220px;}
.doclist table .az-my-appt-gen2 {min-width:280px; width: 280px;}
.doclist table .az-my-appt-act {min-width:80px; width: 80px;}

.addbook-image-div{
    width:75px;
    height:75px;
    float:left;
    border-radius:50%;
    overflow: hidden;
    margin-right: 15px;
    position: relative
}
.addbook-image{
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.new-conversation-popup .address-book-content .table {
    width: 100%;
}
.new-conversation-popup .address-book-content .table tr th:nth-child(1),
.new-conversation-popup .address-book-content .table tr td:nth-child(1) {
    width: 50%;
    word-break: break-all;
}
.new-conversation-popup .address-book-content .table tr th:nth-child(2),
.new-conversation-popup .address-book-content .table tr td:nth-child(2) {
    width: 25%;
}
.new-conversation-popup .address-book-content .table tr th:nth-child(3),
.new-conversation-popup .address-book-content .table tr td:nth-child(3) {
    width: 25%;
}
.new-conversation-popup .address-book-content .table tr th:nth-child(4),
.new-conversation-popup .address-book-content .table tr td:nth-child(4) {
    display: none;
}
.new-conversation-popup .address-book-content .table tbody {
    font-size: 12px;
}
.new-conversation-popup .address-book-content .addbook-image-div {
    width: 50px;
    height: 50px;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
}
.new-conversation-popup .address-book-content .addbook-image-div + div {
    padding-left: 60px;
    min-height: 51px;
}
.new-conversation-popup .address-book-content .addbook-image-div + div p:first-child {
    font-weight: bold;
    color: #4E5264;
}
.new-conversation-popup .address-book-content .addbook-image-div + div p {
    margin: 0;
}
.new-conversation-popup .address-book-content .group-manage-modal {
    display: none;
}
.new-conversation-popup .address-book-content .tab-content {
    max-height: 300px;
    overflow: auto;
}
.new-conversation-popup .address-book-content .dataTables_filter {
    display: none;
}
/*.new-conversation-popup .address-book-content .table tr { cursor: pointer; }*/

.new-conversation-popup .address-book-content .table tr td.pname {
    pointer-events: none
}

.new-conversation-popup .address-book-content .table tr.selected {
    background-color: #ddf6ff;
}
.new-conversation-popup .address-book-content .table tr.selected td {
    background-color: #ddf6ff;
}
/*.new-conversation-popup .address-book-content .table .put_contact{ pointer-events: none }*/

.new-conversation-popup .address-book-content .secondTabCus tr th:nth-child(1),
.new-conversation-popup .address-book-content .secondTabCus tr td:nth-child(1) {
    width: 50%;
    position: relative;
    float: left;
    min-height: 65px;
}
.new-conversation-popup .address-book-content .secondTabCus tr th:nth-child(2),
.new-conversation-popup .address-book-content .secondTabCus tr td:nth-child(2) {
    width: 63%;
}
.new-conversation-popup .address-book-content .secondTabCus tr th:nth-child(5),
.new-conversation-popup .address-book-content .secondTabCus tr td:nth-child(5) {
    display: none;
}

/*Added the class for desktop app purpose.*/
.hide-for-desktop-app .app-header {
    background: #FFF;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}
/*.hide-for-desktop-app .app-aside,
.hide-for-desktop-app .navbar-collapse.collapse { display: none !important; }*/
.hide-for-desktop-app .app-aside {
    display: none !important;
}
.hide-for-desktop-app .app-content {
    margin-left: 0;
}
.hide-for-desktop-app .app-header .bg-dark {
    background-color: #FFF;
}
.hide-for-desktop-app .hide-for-desktop {
    display: none !important;
}
.hide-for-desktop-app .azova-favicon{
    padding: 7px 8px;
    margin-right: 2px;
    margin-left: -5px;
    background: #f79627;
    font-size: 14px;
}
.balance_due,.balance_due:hover{
    background-color: #27c24c;
    padding: 3px 18px;
    border-color: #27c24c;
    margin: 2px 0 2px 7px;
}

#appointment_payment .table .btn-group {
    width: 130px;
}

.patient-info-all-btn .dropdown-menu > li > a {
    padding: 5px 55px 5px 15px;
    position: relative;
}
.patient-info-all-btn .dropdown-menu > li > a .badge.bg-primary {
    position: absolute;
    top: 6px;
    right: 35px;
}
.patient-info-all-btn .dropdown-menu > li > a .badge.bg-info {
    position: absolute;
    top: 6px;
    right: 4px;
}

.edit_cancel_ach_field{
    position: absolute;
    bottom: 20px;
    right: 15px;
}
.cancel_cheque_img, .update_cheque_img {
    padding-left: 5px;
}
.cartdiv .list-group + .panel-footer {
    border-top-width: 0;
    display: inline-block;
    width: 100%;
}
.checkout-cart-items .btn-group .btn-default.active {
    background: #f79727;
    color: #FFF !important;
    border-color: #e28518;
}
#clinic_image {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

/* group setup main */
.group-setup-main p.rem_loc{
    margin: 0 20px 0 0;
    width: auto;
    display: inline-block;
    font-size: 17px;
    text-align: right;
}
.color-blue {
    color: #23b7e5 !important;
}
.btn-light-blue {
    background: #D9F5FC;
    border-color: #D9F5FC;
    color: #23b7e5 !important;
}
.group-setup-main .dropdown {
    position: absolute;
    top: 0;
    right: 0;
}
.group-setup-main .dropdown > a {
    padding: 19px 15px;
    display: inline-block;
    color: #D2D3D7;
}
.group-setup-main .dropdown .dropdown-menu {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    z-index: 10000;
    left: -126px;
    width:160px;
}
.group-setup-main .dropdown .dropdown-menu:after {
    content: " ";
    position: absolute;
    top: -10px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #d2d4d5;
}
.group-setup-main .dropdown .dropdown-menu > li {
    position: relative;
}
.group-setup-main .dropdown .dropdown-menu > li > a {
    padding: 10px 15px;
    color: #7E828E;
    white-space: normal;
}
.group-setup-main .dropdown .dropdown-menu .divider {
    margin: 0;
}
.group-setup-main .dropdown .dropdown-menu > li:last-child a {
    color: #FF4A68;
}
.group-setup-main .dropdown .dropdown-menu > li .i-switch {
    position: absolute;
    top: 10px;
    right: 10px;
}

.group-setup-main .bottom-line-tab .nav-tabs {
    background: transparent;
    border-bottom: 0;
}
.group-setup-main .bottom-line-tab .nav-tabs > li.active > a {
    border-bottom: 2px solid #ddd;
}
.group-setup-main .nav > li > a:hover, .group-setup-main .nav > li > a:focus,
.group-setup-main .bottom-line-tab .nav-tabs > li.active > a {
    background: transparent !important;
    border-bottom-color: #f8941e !important;
}
.group-setup-main .bottom-line-tab .tab-ul-border {
    width: 100%;
    position: relative;
    display: inline-block;
    z-index: 1;
}
.group-setup-main .bottom-line-tab .tab-ul-border:after {
    content: " ";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: #d2d2d2;
    z-index: -1;
}
.group-setup-main h2 {
    font-size: 22px;
    color: #5F6375;
    margin: 0 0 15px;
}
.group-setup-main .btn-link {
    background: #F7F9FB;
    border-color: #FFF;
    color: #23b7e5;
}
.group-setup-main .add-grp-section {
    width: 100%;
    display: inline-block;
    padding: 15px 5px 0;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0px 1px 6px 0px rgba(42, 45, 59, 0.06);
    margin: 15px 0 10px;
}
.group-setup-main .add-grp-section .form-table {
    width: 100%;
    display: inline-block;
}
.group-setup-main .add-grp-section .form-table .form-group {
    float: left;
    padding: 0 10px;
}
.group-setup-main .add-grp-section .form-table .form-group .btn-default {
    line-height: 26px;
    font-weight: 600;
}
.group-setup-main .add-grp-section .form-table .form-group .btn-light-blue {
    border-radius: 5px;
}
.group-setup-main .add-grp-section .form-table .form-group .btn-light-gray {
    display: none;
    background: #F2F2F3;
    border-color: #F2F2F3;
    color: #B2B4B7 !important;
    border-radius: 5px;
}
.group-setup-main .add-grp-section .form-table .btn-group-div {
    float: right;
    text-align: right;
}
.group-setup-main .add-grp-section .add-more-detail {
    display: none;
}
.group-setup-main .show-more-form {
    width: 100%;
    display: inline-block;
    position: relative;
}
.group-setup-main .show-more-form .add-grp-section {
    box-shadow: 0px 10px 60px 0px rgba(42, 45, 59, 0.2);
}
.group-setup-main .show-more-form .form-table .form-group .btn-light-gray,
.group-setup-main .show-more-form .add-more-detail {
    display: block;
}
.group-setup-main .show-more-form .form-table .form-group .btn-light-blue {
    display: none;
}
.group-setup-main .grp-list.panel-group .panel + .panel {
    margin-top: 3px;
}
.group-setup-main .grp-list .panel-default .panel-heading {
    background-color: #ffffff;
    border: 0;
}
.group-setup-main .grp-list .panel-default {
    border: 0;
    box-shadow: none;
}
.group-setup-main .grp-list .panel-heading {
    padding: 0 0;
}
.group-setup-main .grp-list .panel-heading h4 {
    position: relative;
    display: table;
    width: 100%;
}
.group-setup-main .grp-list .panel-heading h4 > a {
    padding: 20px 15px 20px 65px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 35%;
}
.group-setup-main .grp-list .panel-heading h4 .copy-link {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 15px;
    color: #7C808C;
    width: 65%;
}
.group-setup-main .grp-list .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\2212";
    float: right;
    color: grey;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    line-height: 55px;
    width: 50px;
    background: #F7F9FB;
    text-align: center;
}
.group-setup-main .grp-list .panel-heading .accordion-toggle.collapsed:after {
    content: "\002b";
    color: #f8941e;
}
.group-setup-main .grp-list .panel-collapse {
    background: #f0f3f4;
}
.group-setup-main .grp-list .grp-list-panel {
    background: #F7F9FB;
    padding: 7px 15px 7px 65px;
    margin-bottom: 3px;
    position: relative;
    display: table;
    width: 100%;
}
.group-setup-main .grp-list .grp-list-panel:last-child {
    margin-bottom: 0;
}
.group-setup-main .grp-list .grp-list-icon,
.group-setup-main .grp-list .grp-list-title {
    display: table-cell;
    vertical-align: top;
}
.group-setup-main .grp-list .grp-list-icon {
    width: 30px;
    padding: 0 15px 0 0;
}
.group-setup-main .grp-list .grp-list-panel h3 {
    font-size: 15px;
    color: #5F6375;
    margin: 0 0 0px;
}
.group-setup-main .grp-list .grp-list-panel p {
    margin: 0;
    color: #9c9c9c;
}

.group-setup-main .grp-list .in-active {
    padding-right: 60px;
}
.group-setup-main .grp-list .in-active:after {
    content: " ";
    width: 18px;
    height: 16px;
    margin: auto;
    background: url(../img/icon-in-active-1x.png) no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
}
.group-setup-main .grp-list .in-active .grp-list-icon,
.group-setup-main .grp-list .in-active .grp-list-title {
    opacity: 0.5;
}

.group-setup-main .i-switch {
    border: 1px solid #A9ABAE;
    background: none;
    vertical-align: middle;
}
.group-setup-main .i-switch input:checked + i:after {
    margin-left: 14px;
    background: #27c24c;
}
.group-setup-main .i-switch i:after {
    margin-left: 2px;
    background-color: #A9ABAE;
}
.group-setup-main .i-switch i:before {
    border: 1px solid #a9abae;
}
.group-setup-main .provider-list {
    width: 100%;
    display: table;
    border-radius: 2px;
    background: #FFF;
    padding: 10px 30px 10px 0;
    margin-bottom: 2px;
    position: relative;
}
.group-setup-main .provider-list .prov-icon,
.group-setup-main .provider-list .prov-name,
.group-setup-main .provider-list .prov-grp {
    display: table-cell;
    vertical-align: middle;
    padding: 0 1%;
}
.group-setup-main .provider-list div p {
    margin-bottom: 0;
}
.group-setup-main .provider-list div span {
    color: #A9ABAE;
}
.group-setup-main .provider-list .prov-icon {
    width: 82px;
    min-width: 82px;
    max-width: 82px;
    text-align: center;
}
.group-setup-main .provider-list .prov-name {
    width: 43%;
}
.group-setup-main .provider-list .prov-grp {
    width: 43%;
}
.group-setup-main .provider-list.header-title {
    background: #F7F9FB;
    color: #4D5266;
    padding: 8px 30px 8px 0;
}
.group-setup-main .provider-list .prov-grp ul li {
    background: #E9EDF1;
    color: #7C808C;
    padding: 1px 5px;
    border-radius: 3px;
    margin-right: 5px;
}

.grp-setup-modal .modal-content {
    overflow: hidden;
}
.grp-setup-modal .modal-header, .grp-setup-modal .modal-footer {
    padding: 10px 15px;
    border-color: #E9EBED;
    background: #F7F9FB;
}
.grp-setup-modal .modal-title {
    color: #4D5266;
}
.grp-setup-modal .modal-body {
    padding: 20px 15px;
}
.grp-setup-modal .add-provider-left,
.grp-setup-modal .add-provider-right {
    padding: 0 30px;
}
.grp-setup-modal .payment-totle {
    width: 100%;
    display: inline-block;
}
.grp-setup-modal .totle-display {
    min-width: 130px;
    text-align: right;
    font-size: 22px;
    background: #F7F9FB;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    color: #B0B2B4;
    font-weight: bold;
    margin-bottom: 15px;
}
.grp-setup-modal .cupon-code {
    position: relative;
}
.grp-setup-modal .cupon-code .form-control {
    padding-right: 75px;
}
.grp-setup-modal .cupon-code .btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.grp-setup-modal input[type="file"] {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background-color: transparent;
    color: transparent;
}

.group-setup-main .staff-type-tab .provider-list .prov-az-name {
    display: table-cell;
    vertical-align: middle;
    padding: 0 1%;
}
.group-setup-main .staff-type-tab .provider-list .prov-name,
.group-setup-main .staff-type-tab .provider-list .prov-grp,
.group-setup-main .staff-type-tab .provider-list .prov-az-name {
    width: 31.33%
}
.group-setup-main .staff-type-tab .provider-list .prov-az-name p {
    display: none;
}
.agg-group-list h4.panel-title small{
    width: 100%;
    display: inline-block;
    margin: 7px 0 0 0;
}
.agg-group-list h4.panel-title > a{
    padding: 20px 15px 15px 65px;
}
.tab-container .provider-add-form {
    width: 100%;
    display: inline-block;
}
.az-grp-name{
    width: 56% !important;
}
@media (max-width: 991px){
    .az-grp-name {
        width: 50% !important;
    }
}
@media (max-width: 767px){
    .group-setup-main .staff-type-tab .provider-list {
        padding: 10px 0;
    }
    .group-setup-main .staff-type-tab .provider-list .prov-icon {
        vertical-align: top;
    }
    .group-setup-main .staff-type-tab .provider-list .prov-name,
    .group-setup-main .staff-type-tab .provider-list .prov-grp {
        width: 47%;
        display: inline-block;
    }
    .group-setup-main .staff-type-tab .provider-list.header-title .prov-az-name {
        display: none;
    }
    .group-setup-main .staff-type-tab .provider-list .prov-az-name {
        width: 100%;
        display: inline-block;
        margin-top: 5px;
    }
    .group-setup-main .staff-type-tab .provider-list .prov-az-name p {
        display: block;
    }
    .group-setup-main .grp-list .panel-heading h4 .copy-link span { /*white-space: nowrap;*/
        width: 100% !important; /*overflow: hidden; text-overflow: ellipsis;*/
        display: inline-block;
        float: left;
    }
    .group-setup-main .grp-list .panel-heading h4 > a {
        width: 50%;
        float: left;
    }
    .group-setup-main .grp-list .panel-heading h4 .copy-link {
        padding: 20px 10px;
        width: 45%;
        float: left;
    }
    .group-setup-main .grp-list .panel-heading h4{
        display: inline-block;
    }
    #clinic_image img {
        /*        width: 100%;*/
    }
    #download-model .modal-body {
        height: -webkit-fill-available;
        overflow: auto;
    }
    .az-grp-name {
        width: 100% !important;
    }
}
@media (max-width: 400px){
    .group-setup-main .grp-list .panel-heading h4 > a{
        width: 100%;
    }
    .group-setup-main .grp-list .panel-heading h4 .copy-link{
        width: 100%;
    }
    .group-setup-main .grp-list .panel-heading h4 .copy-link{
        padding: 5px 10px;
    }
    .group-setup-main .grp-list .panel-heading h4 .copy-link span:last-child{
        padding: 9px 0;
    }

}
@media (min-width: 768px){
    .group-setup-main .add-grp-section .form-table .form-group:nth-child(1), .group-setup-main .add-grp-section .form-table .form-group:nth-child(2) {
        width: 50%;
    }
    .group-setup-main .add-grp-section .form-table .form-group:nth-child(3), .group-setup-main .add-grp-section .form-table .form-group:nth-child(4) {
        width: 50%;
    }
    .group-setup-main .show-more-form {
        height: 205px;
    }
    .group-setup-main .show-more-form .add-grp-section {
        position: relative;
        top: 0;
        left: 0;
        z-index: 100;
    }
}
@media (min-width: 992px){
    .grp-setup-modal .add-provider-left {
        border-right: 1px solid #E9EBED;
    }
    .group-setup-main .add-grp-section .form-table .form-group:nth-child(1), .group-setup-main .add-grp-section .form-table .form-group:nth-child(2) {
        width: 28%;
    }
    .group-setup-main .add-grp-section .form-table .form-group:nth-child(3), .group-setup-main .add-grp-section .form-table .form-group:nth-child(4) {
        width: 28%;
    }
    .group-setup-main .add-grp-section .form-table .btn-group-div {
        width: 10%;
    }
    .group-setup-main .show-more-form {
        height: 95px;
    }
}
@media (min-width: 1200px){
    .grp-setup-modal .modal-lg {
        width: 1170px;
    }
}

.group-setup-main .grp-list .panel-collapse .panel-heading {
    background: #f7f9fb;
}
.group-setup-main .grp-list .panel-collapse .panel-default {
    background: #f7f9fb;
    margin-left: 55px;
}
.display-inline-button{
    position: absolute;
    bottom: 20px;
    right: 15px;
}
.availability_main{
    width: 100%;
    background-color: #fff;
    display: inline-block;
    position: relative;
}
.availability_main .availability_top h2{
    margin: 0;
    text-align: center;
    margin-bottom: 10px;
}
.availability_main .availability_top p{
    text-align: center;
    font-size: 18px;
}
.availability_main .availability_top span{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.availability_main .appointmen_type{
    text-align: center;
}
.availability_main .treatment_type h3{
    text-align: center;
    margin: 20px 0 20px 0;
}
.availability_time .heading_row {
    padding: 0 30px;
}
.availability_time .availability_time_inner{
    border: 1px solid rgba(0, 0, 0, 0.54);
    border-radius: 5px;
    padding: 5px
}
.availability_time .heading_row .heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    text-align: center
}
.availability_time .heading_row .heading label{
    margin: 0;
    font-size: 18px;
    margin-right: 100px;
}
.availability_time .heading_row .heading span{
    display: inline-block;
}
.availability_main .availability_time {
    padding: 0 15px 15px 15px;
    width: 100%;
    display: none;
    position: absolute;
    top: 128px;
    left: 0;
    background-color: #fff;
    z-index: 1;
    margin-bottom: 20px
}
.availability_main .availability_time.curant{
    display: block;
    z-index: 11;
}
.availability_main .availability_time_teble {
    display: inline-block;
    width: 100%;
    position: relative;
}
.availability_time .availability_time_col {
    width: calc(100% /7 - 1px);
    display: inline-block;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, 0.16);
}
.availability_time .availability_time_col:last-child{
    border-right: none;
}
.availability_time .times a{
    --az-text-color:#fff;
    --az-active-text-color:#fff;
    font-size:12px;
    background-color: var(--az-secondary-color);
    padding: 5px 0px;
    display: inline-block;
    border-radius: 30px;
    color: var(--az-text-color);
    text-transform: uppercase;
    margin: 5px 2px;
    float: left;
    width: calc(100% / 3 - 5px);
}
.availability_time .times a.active{
    background-color: var(--az-primary-color);
    color: var(--az-active-text-color);
    font-weight: normal;
}
.availability_time .day_date_title .day{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-size: 12px;
}
.availability_time .day_date_title .date{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.availability_time .heading_row .heading{
    text-align: center;
    font-size: 18px;
}
.availability_time .times {
    height: 157px;
    overflow-y: auto;
    margin: 20px 0 0 0;
    text-align: center;
}
.availability_time .times .no_availability_label{
    background-color: #8d8e91;
    padding: 0 0;
    border-radius: 30px;
}
/*.availability_time .times::-webkit-scrollbar { width: 0px;}*/
.availability_time button.load_more_btn {
    background-color: transparent;
    border: none;
    float: right;
}
.availability_time .times .no_availability_label {
    background-color: #8d8e91;
    padding: 11px 17px;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
}
/*.availability_time .availability_time_row.first_row {margin-bottom: 20px;}*/
.availability_main .btn-primary{
    position: relative;
    border-radius: 100px;
}
.availability_main .Availability.btn_arrow:before{
    content: "";
    background-image: url(../images/arrow_bold.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 28px;
    height: 21px;
    position: absolute;
    top: 53px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1024;
}

.availability_main .treatment_type label.raido-inline.i-checks{
    min-height: 43px;
    margin-top: 20px;
}
.availability_main .treatment_row{
    position: relative;
    display: inline-block;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
/*.availability_main .treatment_row{
   position: relative;
    display: inline-block;
    width: 100%;
}*/
.availability_main .availability_top {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.availability_top .img{
    width: 270px;
    display: inline-block;
}
.availability_top .img img{
    width: 100%;
    max-width: 100%;
    display: inline-block;
}
.availability_main .btn-info:hover,.availability_main  .btn-info:focus{
    color: #ffffff !important;
    background-color: #19a9d5;
    border-color: #189ec8;
}
.availability_main .heading_row .arow_btn a{
    position: absolute;
    top: 17px;
    width: 27px !important;
    height: 27px;
    z-index:9999;
}
.availability_main .heading_row .arow_btn a span{
    border: solid var(--az-secondary-color);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
    width: auto !important;
}
.availability_main .heading_row .arow_btn a.right{
    right: 30px;
}
.availability_main .heading_row .arow_btn a.left {
    left: 30px;
}
.availability_main .heading_row .arow_btn a.right .a_right{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin: 6px 6px 0 0;
}
.availability_main .heading_row .arow_btn a.left .a_left{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin: 6px 0 0 6px;
}
.availability_main .treatment_type .col-sm-3{
    position: static;
}
.availability_main .treatment_type .col-sm-3 img{
    width: 100%;
    max-width: 100%;
}
.availability_main .treatment_type .col-sm-3 .img,.availability_main .treatment_type .col-sm-3 img{
    min-height: 305px;
    height: 305px;
}
.availability_btns {
    padding: 0 0 10px 0;
    display: inline-block;
    width: 100%;
}
.availability_time .heading .time_zone_drop label{
    margin: 0 0 5px 0;
    font-size: 16px;
    width: 141px;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.availability_time .time_zone_drop .form-control {
    width: 100%;
    float: left;
    display: inline-block;
}
.availability_time .time_zone_drop{
    width: 350px;
    display: inline-block;
    vertical-align: middle;
}
.time_zone_drop.country_select{
    width: 10px!important;
}
.availability_time .heding_section{
    display: inline-block;
    float: left;
}
.border_remove{
    border: none !important
}
.availability_time .heading_row .heading.border_remove {
    margin-bottom: 0;
    padding-bottom: 0;
}
.availability_time .availability_time_teble p{
    font-size: 20px;
}
.availability_time .btn-disabled{
    pointer-events: none;
    opacity: 0.3;
}
.az-test-verification-note {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 55px);
    padding-left: 10px;
}
.availability_main .connectionbtn{
    border-bottom: 1px solid #9A9CA5;
    border-top: 1px solid #9A9CA5;
    padding-bottom: 10px;
    padding-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.availability_main .connectionbtn label{
    position: relative;
    margin: 10px 10px 0 0;
    cursor: pointer;
    display: block;
    /* -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; */
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.availability_main .connectionbtn_2 label{
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
}
.availability_main .connectionbtn_3 label{
    -ms-flex: 0 0 calc(33.333333% - 8px);
    flex: 0 0 calc(33.333333% - 8px);
    max-width: calc(33.333333% - 8px);
}
.availability_main .connectionbtn label input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.availability_main .connectionbtn label:last-of-type{
    margin-right: 0;
}
.availability_main .connectionbtn span {
    --az-connectionbtn-bg-color:#fff;
    --az-connectionbtn-color: #4E5264;
    --az-connectionbtn-border-color: #9A9CA5;
    --az-connectionbtn-active-bg-color:var(--az-primary-color);
    --az-connectionbtn-active-color: #fff;
    --az-connectionbtn-active-border-color: var(--az-primary-color);
    background: var(--az-connectionbtn-bg-color);
    border: 1px solid var(--az-connectionbtn-border-color);
    border-radius: 4px;
    color: var(--az-connectionbtn-color);
    padding: 5px 5px;
    font-size: 14px;
    font-family: 'latoregular';
    line-height: 13px;
    text-align: center;
    height: 55px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.availability_main .connectionbtn span svg {
    width: 100%;
}
.availability_main .connectionbtn_1 span svg{
    width: auto;
    margin-right: 4px;
}
.availability_main .connectionbtn label input:checked + span {
    background: var(--az-connectionbtn-active-bg-color);
    color: var(--az-connectionbtn-active-color);
    border-color: var(--az-connectionbtn-active-border-color);
}
.availability_main .connectionbtn label input:checked + span path{
    fill: var(--az-connectionbtn-active-color);
}


.availability_main .sub_category_div{
    border-bottom: 1px solid #9A9CA5;
    border-top: 1px solid #9A9CA5;
    padding-bottom: 10px;
    padding-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.availability_main .sub_category_div label{
    position: relative;
    margin: 10px 10px 0 0;
    cursor: pointer;
    display: block;
    /* -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; */
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.availability_main .sub_category_div_2 label{
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
}
.availability_main .sub_category_div_3 label{
    -ms-flex: 0 0 calc(33.333333% - 8px);
    flex: 0 0 calc(33.333333% - 8px);
    max-width: calc(33.333333% - 8px);
}
.availability_main .sub_category_div label input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.availability_main .sub_category_div label:last-of-type{
    margin-right: 0;
}
.availability_main .sub_category_div span {
    background: #FFF;
    border: 1px solid #9A9CA5;
    border-radius: 4px;
    color: #4E5264;
    padding: 5px 5px;
    font-size: 14px;
    font-family: 'latoregular';
    line-height: 13px;
    text-align: center;
    height: 55px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.availability_main .sub_category_div span svg {
    width: 100%;
}
.availability_main .sub_category_div_1 span svg{
    width: auto;
    margin-right: 4px;
}
.availability_main .sub_category_div label input:checked + span {
    background: #FF991A;
    color: #fff;
    border-color: #FF991A;
}
.availability_main .sub_category_div label input:checked + span path{
    fill: #fff;
}
.availability_main .sub_category_div .visit-title{
    font-size: 16px;
  line-height: 24px;
  font-family: 'latobold';
  width: 100%;
}
.availability_main .btn_bottom_section .apn-type{
    padding: 0;
}
.availability_main .btn_bottom_section .availprice{
    color: #737684;
    font-size: 18px;
    line-height: 32px;
    font-family: 'latobold';
    display: block;
}
.availability_main .cclinic-details .visit-title{
    font-size: 16px;
    line-height: 24px;
    font-family: 'latobold';
    width: 100%;
}
.availability_main .app-name-radio{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 41px;
    word-break: break-word;
}
.membership_preview .appointmentlist{
    width: 100%;
}
/* Appointment chart page - reschedule marketplace appointment modal popup style - start */
.marketplace-listing-modal .modal-dialog{
    width: auto;
    max-width: 980px;
}
.marketplace-listing-modal .az-doc-pic{
    position: relative;
    width: 80px;
    height: 80px;
    float: left;
}
.marketplace-listing-modal .doc-profile-pic{
    width: 80px;
    height: 80px;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #026389;
}
.marketplace-listing-modal .doc-profile-pic img{
    max-width: 100%;
}
.marketplace-listing-modal .az-active-green{
    width: 20px;
    height: 20px;
    background-color: #3CBD6D;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 4px;
    display: inline-block;
    z-index: 11;
}
.marketplace-listing-modal .mp-doc-detail{
    width: calc(100% - 90px);
    padding: 0px 0 0 15px;
    float: left;
}
.marketplace-listing-modal .az-doc-name{
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    color: #026389;
}
.marketplace-listing-modal .az-doc-speciality{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #000;
}
.marketplace-listing-modal .az-doc-network{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #000;
}
.marketplace-listing-modal .az-doc-patients-accepts{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #026389;
}
.marketplace-listing-modal .mp-doc-detail .form-control{
    border: none;
    border-bottom: 1px solid #A9ABAE;
    padding: 5px;
    color: #000;
    max-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.marketplace-listing-modal .left-side{
    width: calc(100% - 438px);
    float: left;
}
.marketplace-listing-modal .right-side{
    width: 438px;
    float: left;
}
.marketplace-listing-modal .timing-btn {
    border: none;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding: 3px 0;
    margin: 5px 0;
    cursor: pointer;
    background-color: #026389;
    color: #fff;
}
.marketplace-listing-modal .timing-btn.az-btn-dash {background-color: transparent; color: #333; cursor: default;}
.marketplace-listing-modal .timing-btn.az-btn-dash:hover {box-shadow: none;}
.marketplace-listing-modal .timing-btn:hover{
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 60%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 60%);
}
.marketplace-listing-modal .availability-date-section .time-section-mian .time-section,
.marketplace-listing-modal .availability-date-section .datesections > div{
    padding: 0px 7px;
    text-align: center;
    border-right: 1px solid #A9ABAE;
}
.marketplace-listing-modal .availability-date-section .datesections > div:last-child,
.marketplace-listing-modal .availability-date-section .time-section-mian .time-section:last-child{
    border-right: none
}
.marketplace-listing-modal .availability-date-section{
    position: relative;
    padding: 0 20px;
    width: 404px;
    float: right;
}
.marketplace-listing-modal .availability-date-section .datesections span{
    color: #000;
}
.marketplace-listing-modal .availability-date-section .datesections > div {
    color: #026389;
    padding-bottom: 10px;
}
.marketplace-listing-modal .availability-date-section .time-section-mian .time-section,
.marketplace-listing-modal .availability-date-section .datesections > div{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
}
.marketplace-listing-modal .availability-date-section .datesections,
.marketplace-listing-modal .availability-date-section .time-section-mian{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.marketplace-listing-modal .availability-date-section .az-left-arrow,
.marketplace-listing-modal .availability-date-section .az-right-arrow{
    border: solid #000000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    top: 5px;
}
.marketplace-listing-modal .availability-date-section .az-left-arrow{
    left: 7px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.marketplace-listing-modal .availability-date-section .az-right-arrow{
    right: 7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.marketplace-listing-modal .az-today-span{
    display: block;
    font-size: 10px;
    line-height: 0;
    text-align: center;
    color: rgb(2, 99, 137);
    padding-top:5px;
}
.marketplace-listing-modal .az-calendar-icon{
    position: relative;
    background-color: transparent;
    border: none;
    width: 24px;
    padding: 0;
    float: left;
}
.marketplace-listing-modal .az-calendar-icon img{
    max-width: 100%;
}
.marketplace-listing-modal .mp-listing-list{
    margin-bottom: 15px;
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #A9ABAE;
}
.marketplace-listing-modal .loadmorelink a{
    text-decoration: none;
    color: #026389;
    font-weight: bold;
    font-size: 16px;
}
.marketplace-listing-modal .search-bar{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #A9ABAE;
}


.marketplace-listing-modal .mp-pagination {
    width: 100%;
    display: inline-block;
    text-align: right;
    float: left;
    background-color: #fff;
    margin: 0 0 15px 0;
    padding-right: 15px;
}
.marketplace-listing-modal .mp-pagination ul li {
    float: left;
    display: inline-block;
}
.marketplace-listing-modal .mp-pagination ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
.marketplace-listing-modal .mp-pagination ul li a, .marketplace-listing-modal .mp-pagination ul li select {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #eaedf1;
    display: inline-block;
    margin: 10px 3px;
    border-radius: 3px;
    font-size: 14px;
    color: #000;
    line-height: 30px;
}
.marketplace-listing-modal .mp-pagination ul li a:hover, .marketplace-listing-modal .mp-pagination ul li.active a {
    text-decoration: none;
    background-color: #026389;
    color: #fff;
}
.marketplace-listing-modal .az-book-visit-btn {
    color: #fff;
    background-color: #026389;
    padding: 5px 5px;
    text-align: center;
    border: none;
    width: 300px;
    font-weight: 500;
    font-size: 16px;
    margin: 10px 0 0 0;
}
.marketplace-listing-modal .az-without-timing p {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
}
.marketplace-listing-modal .availability-date-section .time-section-mian .time-section {
    max-height: 170px;
    overflow: auto;
}
/* width */
.marketplace-listing-modal .time-section::-webkit-scrollbar {
    display: none;
}

/* Track */
.marketplace-listing-modal .time-section::-webkit-scrollbar-track {
    display: none;
}

/* Handle */
.marketplace-listing-modal .time-section::-webkit-scrollbar-thumb {
    display: none;
}
.az-appt-pro-list {
    max-height: 400px;
    overflow: auto;
    min-height: 280px;
}
/* Appointment chart page - reschedule marketplace appointment modal popup style - end */

/*responsive start*/
@media(max-width: 1600px){
    .availability_time .times a{
        font-size: 11px;
        width: calc(100% / 3 - 4px);
    }
    .availability_time .times{
        height: 136px;
    }
    .availability_time .times .no_availability_label{
        padding: 7px 15px;
    }
    .availability_main .treatment_type .col-sm-3 .img, .availability_main .treatment_type .col-sm-3 img {
        min-height: 255px;
        height: 255px;
    }

}
@media(max-width: 1590px){
    .availability_time .times a{
        width: calc(100% / 2 - 4px);
    }
}
@media(max-width: 1460px){
    .show-sidebar-menu .col-md-3.col-sm-6.m-b-md.appointment_visit_type.appointment_visit_type{
        width: calc(100% / 3 - 24px) !important;
    }
}
@media(max-width: 1333px){
    .availability_time .times {
        height: 130px;
    }
}
@media(max-width: 1199px){
    .availability_main  .m-r-md {
        margin-right: 5px;
    }
    .availability_main  .btn-lg{
        font-size: 14px;
        padding: 6px 8px;
        display: inline-block;
    }
    .availability_time .availability_time_col{
        width: calc(100% / 5);
        margin-bottom: 20px;
    }
    .mobile_calender .availability_time_col {
        width: calc(100% / 7);
    }
    .availability_main .Availability.btn_arrow:before{
        top: 40px;
    }
    .availability_main .treatment_type .col-sm-3 .img, .availability_main .treatment_type .col-sm-3 img {
        min-height: 176px;
        height: 176px;
    }
    .availability_time .heading .time_zone_drop label{
        font-size: 14px;
    }
    .availability_time .time_zone_drop {
        width: 250px;
    }
    .availability_time .times a {
        font-size: 14px;
        width: calc(100% / 3 - 6px);
    }
    .group-setup-main p.rem_loc {
        margin: 0 10px 0 0;
        font-size: 16px;
    }
    .availability_main .heading_row .arow_btn a.right{
        right: 10px;
    }
    .availability_main .heading_row .arow_btn a.left {
        left: 10px;
    }
    .show-sidebar-menu .col-md-3.col-sm-6.m-b-md.appointment_visit_type.appointment_visit_type{
        width: calc(100% / 2 - 24px) !important;
    }

}
@media(max-width: 1150px){
    .availability_time .availability_time_col{
        width: calc(100% / 4);
    }
    .mobile_calender .availability_time_col {
        width: calc(100% / 7);
    }
    .availability_time .heading_row .heading label{
        width: 100%;
        margin-right: 0;
    }
    .heding_section{
        width: 50%;
    }
    .availability_time .time_zone_drop .form-control{
        width:100%;
    }
    .availability_main .cclinic-details .availprice{font-size: 16px;}
}
@media(max-width: 991px){
    .availability_main .treatment_type .col-sm-3{
        width: 50%;
        display: inline-block;
        float: left;
    }
    .availability_time .availability_time_col{
        width: calc(100% / 3);
    }
    .mobile_calender .availability_time_col {
        width: calc(100% / 7);
    }
    .col-md-3.col-sm-6.m-b-md.appointment_visit_type.appointment_visit_type{
        width: calc(100% / 2 - 24px) !important;
    }
}
@media(max-width: 767px){
    .availability_main .treatment_type .col-sm-3{
        width: 100%;
    }
    .availability_time .availability_time_col {
        width: calc(100% / 2);
    }
    .mobile_calender .availability_time_col {
        width: calc(100% / 8);
    }
    /*.availability_time .heading_row .heading label{margin-right: 30px;}*/
    .availability_main .treatment_type .col-sm-3 .img, .availability_main .treatment_type .col-sm-3 img{
        height: auto;
        min-height:1px;
    }
    .availability_time .time_zone_drop .form-control {
        width: 100%;
    }
    .availability_time .time_zone_drop {
        width: 100%;
    }
    .group-setup-main .add_location_btn{
        margin: 0;
        margin: 0 0 10px 0;
    }
    .group-setup-main p.rem_loc{
        width: 100%;
        margin: 0 10px 5px 0;
    }
    .availability_time_teble_mobile .times{
        max-height: 400px;
        overflow-x: hidden
    }
    .avaibility_conti{float: none!important;margin-left: auto;}
    .availability_main .connectionbtn span{font-size: 14px;}

}
@media(max-width: 660px){
    .show-sidebar-menu .col-md-3.col-sm-6.m-b-md.appointment_visit_type.appointment_visit_type,.col-md-3.col-sm-6.m-b-md.appointment_visit_type.appointment_visit_type{width: 100% !important;}

}
@media(max-width: 576px){
    .availability_main .heading_row .arow_btn a{
        width: 15px !important;
    }
    .mobile_calender_inner {
        padding: 0 18px;
    }
    .mobile_calender .day_date_title .date{
        width: 23px;
        height: 23px;
        line-height: 23px;
    }
    .availability_main .availability_time{
        padding: 0 0px 15px 0px;
    }
    .mobile_calender .day_date_title .day{
        font-size: 12px;
    }
    .availability_time .availability_time_col{
        margin-bottom: 10px;
    }

}
@media(max-width: 479px){
    .availability_time .availability_time_col {
        width: calc(100% / 1);
    }
    .availability_time .time_zone_drop {
        width: 100%!important;
        margin-top: 10px;
    }
    .availability_time .time_zone_drop.time_zone_drop_non_location{
        width: calc(100% - 40px);
    }
    .mobile_calender .availability_time_col {
        width: calc(100% / 7);
    }
    .availability_time .time_zone_drop {
        width: 100%;
        margin-top: 10px;
    }
    .heding_section {
        width: 100%;
    }
    .col-md-3.col-sm-6.m-b-md.appointment_visit_type.appointment_visit_type {
        width: 100% !important;
    }
}
@media(max-width: 1333px){
    .availability_time .times a {
        font-size: 12px;
        width: calc(100% / 2 - 6px);
    }
}
/*@media(max-width: 1199px){
    font-size: 14px;
    width: calc(100% / 3 - 6px);
}*/

/*responsive start end*/

.invite_new_user_popup button.close {
    position: absolute;
    top: 0;
    right: 9px;
    z-index: 9999;
    bottom: 0;
    margin: auto;
    font-size: 25px;
    opacity: 0.5;
}
.invite_new_user_popup .modal-content .ui-widget{
    font-family: 'Nunito', sans-serif;
}
.invite_new_user_popup .modal-header{
    position: relative;
}
.invite_new_user_popup .modal-body{
    display: inline-block;
}
.invite_new_user_popup .modal-header h5{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.invite_new_user_popup p{
    color: rgb(77, 81, 101);
    font-size: 16px;
    font-weight: 600;
}
.invite_new_user_popup .modal-dialog{
    width: 890px;
}
.invite_new_user_popup .ui-widget-content{
    border-right: none;
    border-left: none;
}
.invite_new_user_popup .ui-accordion-content{
    padding-top: 10px;
}
.invite_new_user_popup .ui-state-hover,.invite_new_user_popup .ui-state-focus{
    background-color: transparent;
}
.invite_new_user_popup h3{
    font-size: 16px;
    color: rgb(77, 81, 101);
    margin-top: 15px;
}
.invite_new_user_popup .btn_semp{
    background-color: transparent;
    border: none;
    display: inline-block;
    font-weight: 600;
    color: rgb(77, 81, 101);
    font-size: 16px;
    margin: 19px 15px 0 0;
    padding: 0;
}
.invite_new_user_popup .btn-primary{
    border-radius: 35px;
    display: inline-block;
    font-weight: 600;
    padding: 4px 15px;
    font-size: 18px;
    margin: 10px 0 0 0;
}
.invite_new_user_popup .users .user {
    display: inline-block;
    width: 139px;
    position: relative;
}
.invite_new_user_popup .users .user_img{
    height: 190px;
    border-radius: 10px 10px 0 0;
    width: 100%;
    display: inline-block;
    text-align: center;
    overflow: hidden;
}
.invite_new_user_popup .users .user_img img{
    display: inline-block;
    width: 100%;
}
.invite_new_user_popup .users .user_info{
    height: 77px;
    border-radius:0 0 10px 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    line-height: 77px;
    position: absolute;
    bottom: 43px;
    width: 93px;
    left: 0;
    right: 0;
    margin: auto;
}
.invite_new_user_popup .user_info p{
    color: #fff;
    line-height: normal;
    margin: 0;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
}
.invite_new_user_popup .users {
    text-align: center;
    background: rgba(246, 247, 250, 0.87);
}
.invite_new_user_popup label.custom_radio .checkmark, .invite_new_user_popup label.custom_ckbox .checkmark{
    height: 26px;
    width: 26px;
    background-color: rgb(234, 238, 242);
    border: 2px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}
.invite_new_user_popup label.custom_radio {
    position: absolute;
    top: 4px;
    right: 10px;
}
.invite_new_user_popup label.custom_radio .checkmark:after,.invite_new_user_popup label.custom_ckbox .checkmark:after{
    background-image: url(../images/thread-view-info-nav@2x.png);
    background-repeat: no-repeat;
    border-radius: 0;
    background-position: -337px -1px;
    background-size: 560px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 50%;
}
.invite_new_user_popup .user_fill_details label{
    margin: 0;
    color: rgb(77, 81, 101);
    font-size: 16px;
    width: 125px;
    float: left;
    position: relative;
    height: 42px;
}
.invite_new_user_popup .user_fill_details label .color-red-1{
    position: absolute;
    top: 2px;
    left: -10px;
    margin: auto;
    display: inline-block;
}
.invite_new_user_popup .user_fill_details .info_text{
    background-color: rgb(247, 249, 251);
    border: 1px solid rgb(234, 238, 242);
    border-radius: 5px;
    height: 40px;
    width: calc(100% - 125px);
    padding: 0 10px;
}
.invite_new_user_popup .user_fill_details {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}
.invite_new_user_popup .user_fill_details .col-sm-6{
    margin-bottom: 15px;
}
.invite_new_user_popup .user_fill_details .btn-primary{
    margin: 0 15px 0 0;
    padding: 5px 19px;
    font-size: 14px;
    border: none;
    font-weight: normal;
}
.share-pat-rec-modal .modal-body {
    max-height: 635px;
}
label.custom_radio {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.custom_radio input, label.custom_ckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
}
label.custom_radio input:checked  .checkmark, label.custom_ckbox input:checked  .checkmark {
    background-color: transparent;
}
label.custom_radio .checkmark:after, label.custom_ckbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
label.custom_radio input:checked + .checkmark:after, label.custom_ckbox input:checked + .checkmark:after {
    display: block;
}
.invite_new_user_popup .user_fill_details label.error {
    color: red;
    font-size: 12px;
    margin-top: 4px;
    height: auto;
    width: auto;
    position: absolute;
    bottom: -11px;
    left: 141px;
}
.grp-setup-modal .filter-pro-half{
    width: 48%;
}
#emr_privacy_agreement .modal-dialog{
    width: 820px;
}

.ins-img-blk{
    display: inline-block;
    width: 100%;
}
.ins-img-blk > div{
    position: relative;
    display: inline-block;
    width: 130px;
    margin-right: 15px;
}
.ins-img-blk > div label{
    width: 100%;
}
.ins-img-blk .fa-times{
    position: absolute;
    top: 19px;
    right: -6px;
    color: red;
    cursor:pointer;
}
.ins-img-blk > div img{
    width: 100%;
}
/*.ass-pln-serch .dropdown-menu .close-btn {background-color: transparent; padding: 0; line-height: 1; border: none; font-size: 22px; position: absolute; top: 1px; right: 6px; color: #4F5363;}*/
.insurance_required{
    display: inline-block;
    width: 100%;
}
.treatment_type .insurance_required {
    display: inline-block;
    width: auto;
    margin: 0;
    /* float: left; */
}
.adjust-pro-availability .avail-slot {
    display:inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.adjust-pro-availability .slot-select-before, .adjust-pro-availability .slot-select-after {
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-color: transparent;
    width: 75px;
    height: 30px;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
.adjust-pro-availability .slot-select-val-before,.adjust-pro-availability .slot-select-val-after{
    border: 1px solid rgba(0, 0, 0, 0.25);
    background-color: transparent;
    width: 75px;
    height: 30px;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
.adjust-pro-availability .avail-slot span{
    display: inline-block;
    margin: 5px 0 0 0;
    font-size: 16px;
}
.visit-report .row-white {
    background-color: #FFFFFF !important;
}
.visit-report .row-grey {
    background-color: #E9ECF0 !important;
}
.visit-report table tr td {
    padding: 5px !important;
}
.visit-report table tr td:last-child, .visit-report table tr td:first-child {
    text-align: left !important;
}

.ref_code{
    display: inline-block;
    position: relative;
    width: 100%;
}
.ref_code .ref_code_view{
    position: absolute;
    top: 35px;
    right: 0;
    width: 300px;
    padding: 0px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    height: 0;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ref_code .ref_code_txt{
    width: 100%;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.36);
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 0 10px;
}
.ref_code_view.open{
    opacity: 1;
    height: 114px;
    padding: 15px;
}

.container #groups .input-group-addon {
    cursor:pointer;
}
/* Appointment detail - Patient edit CSS start */
.patient-info-details .patient_info_edit{
    display: inline-block;
    float: left;
    width: 65%;
}
.patient-info-details .patient_info_edit label{
    width: 100%;
}
.patient-info-details .patient_info_edit .txt_box{
    border-radius: 5px;
    border:1px solid rgba(88, 102, 110, 0.71);
    display: inline-block;
    width: 100%;
    height: 34px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    margin-bottom: 5px;
}
.patient-info-details .patient_info_edit .patient_info_edit_width_div .pat_edit_box{
    width: 100%;
    display: inline-block;
    padding-right: 15px;
}
.patient-info-details .patient_info_edit .patient_info_edit_width_div{
    width: 450px;
    display: inline-block;
}
.patient-info-details .patient_info_edit .patient_info_edit_width_div .part_one{
    width: 150px;
    display: inline-block;
    padding-right: 15px;
    float: left;
}
.patient-info-details .patient_info_edit .patient_info_edit_width_div .part_two{
    width: calc(100% - 150px);
    display: inline-block;
    padding-right: 15px;
    float: left;
}
.patient-info-details .patient_info_edit .patient_info_edit_width_div .part_half{
    width: 50%;
    display: inline-block;
    padding-right: 15px;
    float: left;
}
.patient-info-details .patient_info_edit .patient_info_edit_width_div .part_state{
    width: 110px;
    display: inline-block;
    padding-right: 15px;
    float: left;
}
.patient-info-details .patient_info_edit .patient_info_edit_width_div .part_zip{
    width: 110px;
    display: inline-block;
    float: left;
}
.patient-info-details .patient_info_edit .patient_info_edit_width_div .pat_edit_box .radio{
    margin: 5px 0 0 0;
    display: inline-block;
}
.patient-info-details .patient_info_edit .patient_info_edit_width_div .cancel_pat_btn{
    background-color: transparent;
    border: none;
    font-weight: bold;
}
.pat_insurance_details .ac_btn{
    background-color: transparent;
    border: 1px solid #E9EEEE;
    border-radius: 3px;
    margin: 2px;
}
.pat_insurance_details .ac_btn .fa-close{
    color: #ff0000;
}
.pat_insurance_details{
    width: 100%;
    display: inline-block
}
.pat_insurance_details table tbody td{
    background-color: #FAFBFC;
    border-bottom: 1px solid #E9EEEE;
    border-top: 1px solid #E9EEEE;
    padding: 5px;
}
.pat_insurance_details table thead tr td:last-child,
.pat_insurance_details table tbody tr td:last-child {
    text-align: right;
}
.pat_insurance_details table thead tr td{
    padding: 5px;
    font-weight: bold;
}
.pat_insurance_details table tfoot tr td{
    padding: 15px 5px 5px 5px;
    color: #C7CFD2;
}
.pat_insurance_details{
    margin: 10px 0 0 0;
}

.pati_edit_drop_down {
    display: inline-block;
    position: relative;
}
.pati_edit_drop_down .pati_drop_down_menu {
    width: 210px;
    display: none;
    background-color: #fff;
    position: absolute;
    right: -100%;
    z-index: 111;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=0, Color=#000000)";
    -moz-box-shadow: 0 4px 12px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 4px 12px 2px rgba(0,0,0,0.1);
    box-shadow: 0 4px 12px 2px rgba(0,0,0,0.1);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=135, Color=#000000);
}
.pati_edit_drop_down .pati_drop_down_menu a{
    display: inline-block;
    width: 100%;
    padding: 10px;
    font-weight: 600;
    background-color: #fff;
}
.pati_edit_drop_down .pati_drop_down_menu .child_pat_opt a{
    border-bottom: 1px solid rgba(0, 0, 0, 0.09019607843137255);
}
.pati_edit_drop_down .pati_drop_down_menu .child_pat_extra_opt a{
    border-top: 1px solid rgba(0, 0, 0, 0.09019607843137255);
}
.pati_edit_drop_down .pati_drop_down_menu .child_pat_opt a:last-of-type {
    border-bottom: none;
}
/*.pati_edit_drop_down .pati_drop_down_menu a:nth-child(even){background-color: #f7f9fb;}*/
.pati_edit_drop_down .pati_drop_down_menu a:hover{
    background-color: #f7f9fb;
}
.pati_edit_drop_down .pati_drop_down_arrow{
    background-color: #58666D;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
}
.pati_edit_drop_down .pati_drop_down_arrow span{
    border: solid #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 0px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: -3px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 5px;
    height: 5px;
}
.pati_edit_drop_down.open .pati_drop_down_arrow span{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 1px;
}
.pati_edit_drop_down .child_pat_opt {
    max-height: 300px;
    overflow: auto;
    display: inline-block;
    width: 100%;
}

/* Quick Cahrt - Start */
.qchart-insurance-div .form-group{
    margin: 0;
}
/* Quick Cahrt - End */
.az-disabled {
    opacity: 0.5;
}
/* Appointment detail - Patient edit CSS end */
/* Insurance list CSS - Start */
.insurance_listing .insurance_list:nth-child(odd){
    background-color: #fff;
}
.insurance_listing .insurance_list:nth-child(even){
    background-color: #edf1f2;
}
.insurance_listing table{
    margin: 0;
}
.insurance_listing table tr > td,.insurance_listing table tr > th{
    padding: 8px 10px;
    width: 30%;
    white-space: nowrap;
}
.insurance_listing table tr > th{
    border-top: none;
}
.insurance_listing table tr > th:first-child{
    padding-left: 30px;
}
.insurance_listing table tr > th.insurance_action,.insurance_listing table tr > td.insurance_action{
    text-align: center;
    width: 100px;
}
.insurance_listing .insurance_list_details table{
    margin: auto;
    margin-bottom: 10px;
    width: 60%;
}
.insurance_listing .insurance_list_details{
    padding: 0 15px;
}
.insurance_listing .insurance_list_details .table-bordered > tbody > tr > td {
    border-color: #d4d7d8;
}
.btn-go-top {
    border-radius: 50%;
    padding: 0;
    text-align: center;
    width: 35px;
    height: 35px;
}
.btn-go-top i {
    display: block;
    line-height: 28px;
    font-size: 36px;
}
.time_zone_drop.country_select {
    width: 100px!important;
    text-align: left;
}
.time_zone_drop.country_select a{
    font-size: 11px;
}
/* Insurance list CSS - End */
@media(max-width:991px){
    .invite_new_user_popup .modal-dialog {
        width: 666px;
    }
    .invite_new_user_popup p, .invite_new_user_popup h3{
        font-size: 18px;
    }
    .patient-info-details .patient_info_edit,.patient-info-details .patient_info_edit .patient_info_edit_width_div{
        width: 100%;
    }
    .patient-info-details .patient_info_edit .patient_info_edit_width_div .part_one{
        width: calc(100% / 3);
    }
    .patient-info-details .patient_info_edit .patient_info_edit_width_div .part_two{
        width: calc(100% - 100% / 3);
    }
    .patient-info-details .patient_info_edit .patient_info_edit_width_div .part_zip,
    .patient-info-details .patient_info_edit .patient_info_edit_width_div .part_state{
        width: 25%;
    }
    .availability_time .time_zone_drop {
        width: 212px;
    }
}
@media(max-width:767px){
    .invite_new_user_popup .modal-dialog{
        margin: auto
    }
    .invite_new_user_popup .modal-dialog {
        width: 520px;
    }
    #emr_privacy_agreement .modal-dialog{
        width: auto;
    }
    .share-pat-rec-modal .modal-body {
        max-height: 100%;
    }
    .adjust-pro-availability .avail-slot span{
        width: 100%;
    }
    .container #groups .input-group {
        margin-bottom: 5px;
    }
    .pat_insurance_details{
        overflow: auto;
    }
    .pat_insurance_details table{
        width: 800px;
    }
    .availability_time .time_zone_drop.time_zone_drop_non_location {
        width: calc(100% - 125px);
    }
    .time_zone_drop.country_select{
        margin-right: 0 !important;
    }
}
@media (max-width: 600px){
    .patient-info-details .patient_info_edit .patient_info_edit_width_div .part_one,
    .patient-info-details .patient_info_edit .patient_info_edit_width_div .part_two,
    .patient-info-details .patient_info_edit .patient_info_edit_width_div .part_half,
    .patient-info-details .patient_info_edit .patient_info_edit_width_div .part_zip,
    .patient-info-details .patient_info_edit .patient_info_edit_width_div .part_state{
        width: 100%;
    }
}
@media(max-width:567px){
    .invite_new_user_popup .modal-dialog {
        width: 455px;
    }
    .invite_new_user_popup p, .invite_new_user_popup h3 {
        font-size: 16px;
    }
    .invite_new_user_popup h3{
        font-size: 14px;
    }
    .grp-setup-modal .filter-pro-half{
        width: 100%;
        margin-right: 0px !important;
    }
    .ref_code .ref_code_view{
        width: 280px;
    }
}
@media(max-width:479px){
    .invite_new_user_popup .modal-dialog {
        width: 285px;
    }
    .invite_new_user_popup h3{
        display: inline-block;
    }
    .invite_new_user_popup h3 span{
        display: inline-block;
        margin-top: 5px;
    }
    .invite_new_user_popup .user_fill_details .info_text{
        width: 100%;
    }
    .invite_new_user_popup .user_fill_details label{
        width: 100%;
        height: auto;
    }
    .invite_new_user_popup .user_fill_details label.error{
        bottom: -20px;
        left: 18px;
    }
    .availability_time .time_zone_drop.time_zone_drop_non_location {
        width: 100%
    }
    .time_zone_drop.country_select a{
        margin-top: 0;
    }
}
#video-on a.circle {
    border: 2px solid #ff4a68;
}
.agreement_doc table th,.agreement_doc table td {
    border: 1px solid #58666e;
    padding: 5px;
}
.agreement_doc h3{
    display: inline-block;
    width: 100%;
}
@media(max-width: 567px) {
    .agreement_doc table.m-l-lg {
        margin-left: 0;
    }
    .agreement_doc h3 {
        font-size: 20px;
    }
}
.avaibility_conti{
    z-index: 9999;
}
.callmsg{
    word-break: break-all;
}
@media(max-width: 767px){
    #treatment_packages .appointment_visit_type{
        width: 100%;
        display: inline-block;
    }
}
#emr_privacy_agreement .nav-tabs li.active a, #emr_privacy_agreement .nav-tabs li.active a:hover{
    border-color: #dee5e7;
}
.nopadding{
    padding: 0 !important;
}
.enc_history{
    position: absolute;
    top: 30px;
    paddign:0 !important ;
    left: 0;
    width: 250px;
    background: #F1F4F7;
    border: 1px solid #32b7e6;
    z-index: 10;
    height: auto;
    max-height: 250px;
    overflow: auto;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
    min-height: 186px;
}
.enc_history_ul{
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0;
    text-align: right;
}
.enc_history li{
    padding: 2px 10px 2px 10px;
    border-bottom: 1px solid #fff;
}
.enc_history li:hover{
    background: #e6e9ec;
}
.enc_history.dropdown-menu > li > a {
    padding: 5px 5px;
}
.enc_history.dropdown-menu > li > a:hover{
    color: #333
}
.patient-info-panel .appt_dos_cal{
    position: relative;
    display: inline-block;
    width:200px;
}
.appt_dos_cal_parent{
    padding-left: 30px;
}
@media (max-width: 1100px) {
    .appt_dos_cal_parent{
        padding-left: 0px;
    }
    .patient-info-panel .appt_dos_cal{
        width:121px;
    }
}

/*.multi-select-appointment{display: inline-block;width: 100%;}*/
.enc_history_ul .dropdown-backdrop{
    position: static;
    z-index: 0;
}
.apptlistondemand ul.dropdown-menu:after {

    content: " ";
    position: absolute;
    top: -10px;
    left: 8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #d2d4d5;
}
.apptlistondemand .dropdown-menu{
    left: -14px;
    margin: 5px 0 0;
    padding: 0;
}
.apptlistondemand .dropdown .dropdown-menu > li > a {
    padding: 10px 15px;
    color: #7E828E;
    white-space: normal;
}

.startstopreceving-btn{
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    padding: 8px;
    border-radius: 5px;
    background-color: #f5f5f5;
}

.no-appointment-msg{
    display: inline-block;
    width: calc(100% - 255px);
}
@media(max-width: 767px){
    .no-appointment-msg{
        width: 100%;
        margin-top: 35px;
    }
    .availability_time_teble_mobile .no-appointment-msg{
        margin-top: 1px!important;
    }
    .appt-ins .m-t-sm {
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .appt-ins label{
        margin-bottom: 0;
    }
}



/*Group History css start*/
.group-history-list .group-history-image{
    vertical-align: middle;
    display: table-cell;
    padding: 5px 10px;
    width: 60px;
}
.group-history-list .group-history-image-inner{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}
.group-history-list{
    width: 100%;
    display: table;
    border-bottom: 1px solid rgba(0, 0, 0, 0.37);
}
.group-history-list:last-of-type{
    border-bottom: none;
}
.group-history-list .group-history-image img{
    width: 100%;
}
.group-history-list .group-history-name{
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
}
.group-history-list .group-history-handle{
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
    width: 82px;
}
.group-history-list .group-history-action{
    display: table-cell;
    vertical-align: middle;
    width: 85px;
    padding: 5px 10px;
}
.group-history-list .group-history-date {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
    padding: 5px 10px;
}
.group-history-list .group-history-handle p,
.group-history-list .group-history-date p,
.group-history-list .group-history-name p{
    word-wrap: break-word;
    white-space: pre-wrap;
}
.view_grouo_history_modal .modal-body{
    max-height: 400px;
    overflow: auto;
}
/*Group History css end*/

.group-additional-services {
    width: 70% !important;
}
.group-additional-services .additional_services_list_grp {
    height: 200px;
    overflow-y: auto;
}
.group-additional-services .az-addition-services-section,
.group-additional-services .az-addition-services-section .az-addition-services-listing{
    display: inline-block;
    width: 100%;
}
.group-additional-services .az-addition-services-section .az-addition-services-heading{
    padding: 5px 0 5px 0;
    background-color: transparent;
    border: 0;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
}
.group-additional-services .az-addition-services-section .az-addition-services-list {
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 10px;
}
.group-additional-services .az-switch {
    position: absolute;
    left: 0;
    top: 0;
}
.group-pharmacy-hours {
    width: 100% !important;
}

/*Pharmacy Hours css start*/

/*Admin side appointment list table design CSS start*/
#cc_appointmenttype > .dataTables_wrapper{
    position: relative;
}
/*#cc_appointmenttype > .dataTables_wrapper > .row > .col-xs-6:last-of-type{position: absolute; top: -66px;right: 0;text-align: right;}
#cc_appointmenttype > .dataTables_wrapper > .row > .col-xs-6:last-of-type .form-control{width: 50%;}
#cc_appointmenttype > .dataTables_wrapper > .row > .col-xs-6:last-of-type label{width: 100%;margin-left: 0;}
*/
#cc_appointmenttype > .dataTables_wrapper table td{
    padding-bottom: 5px;
    padding-top: 5px;
    display: table-cell;
    vertical-align: inherit;
    width: 50%
}
.cust_clinic_div  .dataTables_wrapper tbody {
    display:block;
    max-height:350px;
    overflow:auto;
}
.cust_clinic_div .dataTables_wrapper thead,.cust_clinic_div .dataTables_wrapper tbody tr {
    display:block;
    width:100%;
    table-layout:fixed;
}
.cust_clinic_div  .appoitnmentTypesList tbody {
    display:block;
    max-height:350px;
    overflow:auto;
}
.cust_clinic_div .appoitnmentTypesList thead,.cust_clinic_div .appoitnmentTypesList tbody tr {
    display:block;
    width:100%;
    table-layout:fixed;
}
.search_all{
    right: 0;
    text-align: right;
}
.search_all label{
    width: 100%;
    margin-left: 0;
}
#cc_appointmenttype .dataTables_wrapper .dataTables_filter,#cc_appointmenttype .dataTables_wrapper .dataTables_info {
    display: none;
}
.search_all .form-control{
    width: 150px;
    display: inline-block;
    float: right;
}
.search_all .control-label{
    display: inline-block;
    width: auto;
    padding: 7px 10px 0 0;
}
.appoitnmentTypesListt-table-scroll .appoitnmentTypesList td{
    padding: 10px 0;
}
.appoitnmentTypesListt-table-scroll .appoitnmentTypesList td:first-child{
    width: 400px;
}
.customclinic-table-scroll .appoitnmentTypesList td:first-child{
    width: 400px;
}
.appoitnmentTypesListt-table-scroll .appoitnmentTypesList td .limited-quantity-text{
    width: 170px;
    display: inline-block;
    padding-left: 10px;
}
.appoitnmentTypesListt-table-scroll .appoitnmentTypesList td .limited-quantity-text .form-control{
    width: 100%;
}
.appoitnmentTypesListt-table-scroll .appoitnmentTypesList td .form-control{
    width: 150px;
}
.customclinic-table-scroll{
    width: 100%;
    display: inline-block;
}
@media(max-width:1300px){
    .appoitnmentTypesListt-table-scroll .appoitnmentTypesList{
        width: 1100px;
    }
    .appoitnmentTypesListt-table-scroll {
        width: 100%;
        display: inline-block;
        overflow-x: auto;
    }
}
@media(max-width:767px){
    .search_all {
        right: auto;
        text-align: left;
    }
    .search_all .form-control{
        float: none;
    }
    .customclinic-table-scroll .appoitnmentTypesList{
        width:600px;
    }
    .customclinic-table-scroll{
        overflow-x: auto;
    }
}
/*Admin side appointment list table design CSS end*/

.eligibility .nav > li > a {
    padding: 6px 28px;
    border-radius: 6px 6px 0 0;
    background: #F7F9FB;
}
.eligibility .nav > li.active  a {
    background: #fff;
}
.eligibility .tab-content{
    background-color: #fff;
}
.eligibility .search-icon{
    max-width: 180px;
    min-width: 180px;
    width: auto;
    float: right;
    background-image: url("https://signup.azova.com/img/search.png");
    background-repeat: no-repeat;
    background-position: 7px 50%;
    padding: 6px 12px 6px 30px !important;
}
.eligibility .form-control{
    border: 1px solid #DBDEDF;
}
.eligibility .select_benefit_drop_down{
    max-width: 230px;
    min-width: 230px;
    width: auto;
    float: left;
}
.eligibility .i-switch i:before{
    background-color: #A9ABAE;
}
.eligibility table .i-checks{
    margin: 0;
    padding: 0;
}
.eligibility table > tbody > tr > th,.eligibility table > tbody > tr > td{
    vertical-align: middle;
}
.eligibility table{
    margin-bottom: 0;
}
.eligibility .accou_active:before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #3CBD6D;
    border-radius: 50%;
    margin-right: 8px;
}
.eligibility .accou_not_active:before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #F25A6C;
    border-radius: 50%;
    margin-right: 8px;
}
.eligibility .bottom-line-tab .nav > li > a{
    background-color: transparent;
    font-weight: 600;
    padding: 0 0 21px 0;
    margin: 0 10px 0 0;
}
.eligibility .bottom-line-tab .nav > li.active > a{
    border-bottom: 2px solid #23B7E5;
    color: #23B7E5;
}
.eligibility .bottom-line-tab .nav > li.active > a:hover, .eligibility .bottom-line-tab .nav > li.active > a:focus{
    border: 0;
    border-bottom: 2px solid #23B7E5;
}
.eligibility .bottom-line-tab .nav-tabs {
    border-bottom: 2px solid #DBDEDF;
}
.eligibility .bottom-line-tab .nav > li{
    /*margin-top: 8px;*/
}
.eligibility .bottom-line-tab .nav .search_li{
    float: right;
    padding-bottom: 15px;
    margin-top: 0;
}
.eligibility .search_enrollees{
    width: 160px;
    max-width: 160px;
    min-width: 160px;
    padding-left: 12px;
}
.eligibility .checkbox .cr{
    border-radius: 0;
    border-color: #DBDEDF;
    margin: 0;
}
.eligibility .search_appointments {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}
.eligibility .search_appointments.assessment-search-onenter, .eligibility .search_appointments.program_util, .eligibility .search_appointments.flag-search-onenter{
    padding-left: 12px;
}
.eligibility .close{
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 0.7;
}
.eligibility .modal-header{
    padding-right: 30px;
}
.eligibility .modal-footer{
    text-align: center;
    border-top: 0;
}
.eligibility .custom_file_uplod input{
    position: absolute;
    top: 0;
    right: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    width: 100%;
    bottom: 0;
    left: 0;
}
.eligibility .custom_file_uplod {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-image: url(../images/file_upload.png);
    background-repeat: no-repeat;
    width: 128px;
    height: 128px;
    background-size: 100%;
    margin: 20px 0;
}
.eligibility .tab-container-enrollees >  li{
    padding-right: 10px;
}
.benefits_groups .b_group{
    border-radius: 6px;
    border: 2px solid #026389;
    width: 160px;
    margin: 0 10px;
    padding: 15px 13px 15px 13px;
    display: inline-block;
    vertical-align: top;
}
.benefits_groups .b_group .b_group_img{
    min-height: 96px;
    text-align: center;
    margin-bottom: 15px;
}
.benefits_groups .b_group .b_group_img img{
    max-width: 100%;
    max-height: 96px;
}
.benefits_groups .b_group_name p{
    color: #026389;
    line-height: 20px;
    font-weight: 600;
}
.benefits_groups .b_group_name{
    margin: 0 0 15px 0;
}
.benefits_groups .b_group .checkbox .cr{
    border-radius: 50%;
    border-width: 2px;
    border-color: #026389;
}
.benefits_groups .blue-2 label input[type="checkbox"]:checked + .cr {
    background: #026389;
    color: #FFF;
}
.eligibility .invite_selected_modal textarea{
    height: 224px;
    resize: none;
}
.invite_selected_modal .center_checkbox .checkbox .cr{
    border-radius: 50%;
    margin-right: 10px;
}
.invite_selected_modal .center_checkbox .checkbox {
    display: inline-block;
}
.invite_selected_modal .tamplate_name_div{
    padding-top: 20px;
}

.create_groups_modal .modal-dialog{
    max-height: calc(100vh - 60px);
}
.create_groups_modal .modal-body{
    max-height: calc(100vh - 167px);
    overflow-y: auto;
}

.invite_selected_modal .modal-dialog{
    max-height: calc(100vh - 60px);
}
.invite_selected_modal .modal-body{
    max-height: calc(100vh - 167px);
    overflow-y: auto;
}

.mananage_benefits_modal .modal-dialog{
    max-height: calc(100vh - 60px);
}
.mananage_benefits_modal .modal-body{
    max-height: calc(100vh - 167px);
    overflow-y: auto;
}

/* Post Registration Popup */
.post_registration_popup .modal-title svg{
    vertical-align: middle;
    margin-right: 16px;
}
.post_registration_popup .modal-dialog{
    max-width: 800px;
    width: auto;
}
.post_registration_popup .modal-header{
    border-bottom: 0;
}
.post_registration_popup .modal-body > p{
    text-align: justify;
    font-size: 16px;
    line-height: 24px;
    color: #4E5264;
}
.post_registration_popup .modal-footer{
    text-align: center;
    border: 0;
}
.post_registration_popup .panel-default .panel-heading{
    background-color: transparent;
}
.post_registration_popup .panel-heading{
    border: none;
    border-radius: 0;
    padding: 10px 0px;
}
.post_registration_popup .panel-body{
    font-size: 16px;
    padding: 0px 0px 10px 0px;
    color: #4E5264;
}
.post_registration_popup .panel-group .panel {
    border-radius: 0px;
    border: 0;
    box-shadow: none;
}
.post_registration_popup .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 0;
}
.post_registration_popup .panel-title a{
    font-weight: 700;
    position: relative;
    color: #4E5264;
    font-size: 16px;
    display: block;
    padding: 0 25px 0 0;
}
.post_registration_popup .panel-group {
    margin-bottom: 0px;
}
.post_registration_popup .acc_arrow{
    border: solid #4E5264;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    top: 6px;
    right: 5px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.post_registration_popup .collapsed .acc_arrow{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 3px;
}
.post_registration_popup .modal-dialog{
    max-height: calc(100vh - 60px);
}
.post_registration_popup .modal-content{
    max-height: calc(100vh - 60px);
}
.post_registration_popup .modal-body{
    max-height: calc(100vh - 220px);
    overflow: auto;
}
.post_registration_popup .registration_btn a{
    width: 360px;
    white-space: normal;
}
.post_registration_popup .registration_complete_screen h3{
    margin: 40px 0;
}
.post_registration_popup .modal-footer .btn{
    color: #4E5264;
    font-size: 14px;
    font-weight: 700;
    background-color: transparent;
}
.post_registration_popup .btn{
    white-space: normal;
}
@media(max-width:767px){
    .post_registration_popup .modal-dialog{
        max-height: calc(100vh - 20px);
    }
    .post_registration_popup .modal-content{
        max-height: calc(100vh - 20px);
    }
    .post_registration_popup .modal-body {
        max-height: calc(100vh - 190px);
    }
}
@media(max-width:480px){
    .post_registration_popup .registration_btn a {
        width: 255px;
    }
}

/* Post Registration Popup End */
@media(max-width:767px){
    .eligibility .table-responsive{
        margin-bottom: 5px;
    }
    .create_groups_modal .modal-dialog {
        max-height: calc(100vh - 20px);
    }
    .create_groups_modal .modal-body {
        max-height: calc(100vh - 130px);
    }

    .mananage_benefits_modal .modal-dialog {
        max-height: calc(100vh - 20px);
    }
    .mananage_benefits_modal .modal-body {
        max-height: calc(100vh - 130px);
    }

    .invite_selected_modal .modal-dialog {
        max-height: calc(100vh - 20px);
    }
    .invite_selected_modal .modal-body {
        max-height: calc(100vh - 130px);
    }
}

.covid_Credentials .sharetext{
    font-size: 12px;
    color: #98a6ad;
    float: right;
}
.covid_Credentials .covid_userinfo .userimg{
    border-radius: 50%;
    overflow: hidden;
    width: 80px;
    height: 80px;
    float: left;
}
.covid_Credentials .covid_userinfo .userimg img{
    max-width: 100%;
}
.covid_Credentials .covid_userinfo .userbio{
    float: left;
    padding-left: 15px;
}
.test_list_statu .text_test{
    float: left;
    width: calc(100% - 80px);
}
.test_list_statu .edit_test{
    width: 80px;
    padding-left: 15px;
    float: right;
}

/* for covid credentials */

/* to manage three dots html in eligibility assessment tab */
.eligibility .ellipsis_dropdown{
    display: inline-block;
}
.eligibility .ellipsis_dropdown .dropdown-menu{
    left: auto;
    right: 100%;
}
.eligibility .ellipsis_dropdown .dropdown-menu > li > a{
    padding: 3px 5px;
}
.eligibility .table-responsive{
    overflow-y: auto;
}

/* to manage patient profile covid credentials details */
.covid_credentials_web .sharetext{
    font-size: 12px;
    color: #98a6ad;
    float: right;
}
.covid_credentials_web .covid_userinfo .userimg{
    width: 80px;
    height: 80px;
    float: left;
}
.covid_credentials_web .covid_userinfo .userimg img{
    border-radius: 50%;
    width: 80px;
    height: 80px;
    float: left;
}
.covid_credentials_web .covid_userinfo .userimg img{
    max-width: 100%;
}
.covid_credentials_web .covid_userinfo .userbio{
    float: left;
    padding-left: 15px;
}
.covid_credentials_web .nav > li > a {
    padding: 6px 28px;
    border-radius: 6px 6px 0 0;
    background: #F7F9FB;
}
.covid_credentials_web .nav > li.active  a {
    background: #fff;
}
.covid_credentials_web .tab-content{
    background-color: #fff;
}
.covid_credentials_web > .nav-tabs{
    border-bottom:none;
}/*  AW-8158 */
.tests_lists_status .add_remove_btn a{
    display: inline-block;
}
.test_list_statu1 .edit_test_btn{
    right: 0;
    top: 0;
}
.test_list_statu1 .test_title_text{
    padding-right: 25px;
}
.test_list_statu1 .photoid_img{
    max-height: 75px;
}
.share_result_qr {
    max-width: 380px;
    margin: 40px 0;
}
.share_result_qr .qr_code_img{
    margin: 60px 0 60px 0;
}

.azva-modal-dialog-centered{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (30px * 2));
}
.azva-model-common .modal-header h3{
    margin: 0;
}
.azva-model-common h6{
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 11px 0;
}
.azva-model-common button.close{
    position: absolute;
    top: 1px;
    right: 4px;
    font-size: 27px;
    line-height: 1;
    z-index: 9999;
}
.azva-model-common .modal-content{
    border-radius: 0;
}
.azva-model-common .modal-body{
    padding: 15px 30px;
}
.azva-model-common .az-model-proceed-botton{
    font-weight: 500;
    font-size: 16px;
    background-color: #026389;
    color: #fff;
    border: none;
    padding: 6px 0;
    width: 300px;
    margin: 0 auto 0 auto;
    display: block;
}
.azva-model-common .az-model-bottom-txt{
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    margin: 20px 0 0 0;
}
.azva-model-common .modal-dialog{
    width: 470px;
}
.azva-model-common .az-comm-text-fild-group{
    margin: 0 0 20px 0;
}
.azva-model-common .az-timing-btn{
    border: none;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding: 3px 0;
    font-family: inherit;
    color: inherit;
    background-color: inherit;
    margin: 5px 0;
    cursor: pointer;
}
.azva-model-common .curr_state-model-text{
    margin: 10px 0 0 0;
}
.azva-model-common #appt_criteria_contents{
    word-wrap: break-word;
}
.az-btn-continue {
    background-color: #026389;
    color: #fff;
}
.modal-dialog-centered{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (30px * 2));
    justify-content: center;
}
/*
    Created by SanitP For mobile Availiblity
*/
.availability_main .availability_time_teble_mobile .heading_row .arow_btn a{
    top: -2px;
}
.availability_time_teble_mobile .month_div{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 20px !important;
    margin-bottom: 15px;
}
.mobile_calender .day_date_title .date{
    width: 32px;
    height: 32px;
    width: 32px;
    height: 32px;
    border: 1px solid transparent;
    border-radius: 50%;
    line-height: 32px;
    color: #7D808B;
    text-align: center;
    font-weight: 14px;
    cursor: pointer;
}
/*.mobile_calender .times{overflow-y: visible !important;}*/
.availability_time_teble_mobile .mobile_calender .availability_time_col{
    float: initial !important;
    border-right:0px !important
}
.mobile_calender .day_date_title .day{
    color: #A9ABAE;
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 13px;
}
.mobile_calender .day_date_title.active .date{
    --az-secondary-text-color:#fff;
    color: var(--az-secondary-text-color);
    background-color: var(--az-secondary-color);
    border-color: var(--az-secondary-color);
}
.mobile_calender .day_date_title.has_availiblity .date{
    border-color: var(--az-secondary-color);
}
.mobile_calender .day_date_title.active .day{
    color: var(--az-secondary-color);
    font-weight: bold;
}
.mobile_calender .day_date_title .today_day{
    color: var(--az-primary-color);
}
.mobile_calender .day_date_title.active .today_day{
    color: var(--az-primary-color);
    font-weight: bold;
}
.mobile_calender .day_date_title .today{
    --az-primary-text-color:#fff;
    border-color: var(--az-primary-color) !important;
    color: var(--az-primary-color);
}
.mobile_calender .day_date_title.active .today{
    color: var(--az-primary-text-color);
    background-color: var(--az-primary-color);
    border-color: var(--az-primary-color);

}
.availability_time_teble_mobile .heading_row .arow_btn a span{
    border: solid var(--az-secondary-color);
    border-width: 0 2px 2px 0;
    padding: 4px;
}
.mobile_calender_inner{
    padding: 0 30px;
}
.availability_time_teble_mobile .heading_row {
    padding-left: 0;
    padding-right: 0;
}
.availability_time_teble_mobile .heading_row .arow_btn a.left{
    left: 0px;
}
.availability_time_teble_mobile .heading_row .arow_btn a.right{
    right: 0px;
}
.availability_main .availability_time_teble_mobile .mobile_calender .heading_row .arow_btn a {
    top: 27px;
}
.availability_time_teble_mobile .times a{
    border-radius: 6px;
    font-size: 14px;
    width: 120px;
    padding: 10px 0px;
    margin: 5px 5px;
    float: none;
    vertical-align: top;
}
.availability_time_teble_mobile .times{
    border-top: 1px solid #DBDEDF;
    padding: 10px 0 0 0;
}
.availability_time .availability_time_teble_mobile .times {
    height: auto;
    overflow-y: auto;
    margin: 20px 0 0 0;
    text-align: center;
}
.book_now_section_mobile{
    background-color: #fff;
    padding: 20px;
    width:100%;
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index:1111;
}
.book_now_section_mobile p{
    margin: 0;
    text-align: left;
}
.book_now_section_mobile .avl_text_section{
    float: left;
}
.book_now_section_mobile .btn{
    float: right;
}

h4#clinic_sub_title ol {
    padding: 0;
    list-style-position: inside;
}
h4#clinic_sub_title {
    max-width: 500px;
    margin: auto;
}

@media (max-width: 767px){
    /*.avaibility_conti{display: none;}*/
    .availability_time .availability_time_row.first_row{
        margin-bottom: 0 !important;
    }
    .availability_time .heading_row {
        padding: 0 0px;
    }
    .availability_time .heading_row .heading{
        padding: 15px 15px;
    }
    availability_time .times{
        overflow-y: visible !important;
    }
}
@media(max-width: 767px){
    .azva-model-common .modal-dialog{
        margin: 30px auto;
    }
    .azva-model-common .modal-dialog{
        width: 100%;
    }
}
@media(max-width: 480px){
    .azva-model-common .az-model-proceed-botton{
        width: 100%;
    }
}
.phone-error-message .iti{
    width: 250px;
}
.phone-error-message .error{
    position: absolute;
}
.iti__country-list{
    z-index: 3 !important;
}

.az-eli-url > span{
    width: 105px;
    margin-right: 7px;
    margin-top: 7px;
    display: inline-block;
    float: left;
}
.az-eli-url .input-group{
    width: calc(100% - 115px);
    float: left;
}
.az-eli-url{max-width: 540px;}
.az-eli-url .input-group img{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 11;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
}
.az-eli-url .input-group-addon {padding: 6px 6px;}
.az-eli-url .form-control{padding: 6px 5px;}
.az-eligibility-settings {
    /* max-width: 540px;
    margin-left: auto; */
}
@media (max-width: 1199px){
    .az-eli-url .input-group{
        width: 100%;
    }
}
@media (max-width: 767px){
    .az-eligibility-settings {margin-left: 0;margin-top: 10px;}
    .navi-wrap {
        position: inherit;
        width: auto;
    }
    .p-savenext-btn {
        margin-top: 0px;
    }
    .additional-scroll{
        max-height: 250px;
    }
    .marketplace-listing-modal .left-side{width:100%;padding-bottom: 30px;float: none;}
    .marketplace-listing-modal .availability-date-section {width: 100%;float: none;}
    .marketplace-listing-modal .right-side {width: 100%;float: none;}
}
/*.membership_purchase_product .Availability.btn_arrow:before {
    content: "";
    background-image: url(../images/arrow_bold.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 28px;
    height: 21px;
    position: absolute;
    top: 467px;
    right: 0;
    margin: auto;
    z-index: 1059;
}
.membership_purchase_product .availability_time_inner{
    margin-top :-13px;
}*/
.appointment_sub_category{
    background-color: #F7F9FB;
    padding: 15px;
    margin-top: 15px;
}
.appointment_sub_category_label{
    vertical-align:middle;
}
.appointment_sub_category .i-checks{
    padding: 0!important;
}
.appointment_sub_category svg{
    margin-right: 5px;
    vertical-align: middle;
}
.scheduling_appointment .modal-dialog{
    width: auto;
    max-width: 700px;
}
textarea.fun-txhigt-textarea::-webkit-scrollbar {
    /* display: none; */
}
/* Assessments and Surveys Modal Css Start */
.asseandsurveysmodal .modal-body{
    padding: 32px 0 56px 0;
    background-color: #F7F9FB;
    overflow: hidden;
}
.asseandsurveysmodal .logo-sec{
    border-radius: 180px;
    text-align: center;
    padding: 40px 0;
    transform: scale(1.04);
    background-color: #fff;
    margin-bottom: 40px;
}
.asseandsurveysmodal .logo-sec img{
    max-height: 57px;
}
.asseandsurveysmodal .btn-section{
    display: flex;
    gap: 20px;
    max-width: 260px;
    margin: auto;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 10px;
}
.asseandsurveysmodal .btn-section a{
    border: 2px solid #43B08B;
    background-color: #43B08B;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 100px;
    white-space: normal;
    padding: 16px;
    flex: 0 0 auto;
    width: 100%;
}
.asseandsurveysmodal .btn-section a:hover,
.asseandsurveysmodal .btn-section a:focus,
.asseandsurveysmodal .btn-section a:active{
    background-color: #fff;
    color: #43B08B;
}
/* Assessments and Surveys Modal Css End */
.marketplace_configurator .partial-active-provider td .new-switch{
    background-color: #f8941e;
    border: 1px solid #f8941e;
}
/*All Ready in Call Modal Start*/
.allreadyincallmodal .modal-dialog{
    width: auto;
    max-width: 400px;
}
.allreadyincallmodal label{
    color: #4E5264;
    font-size: 16px;
    padding-left: 16px;
}
.allreadyincallmodal svg{
    flex: 0 0 auto;
}
.allreadyincallmodal .mainwrapper{
    display: flex;
}
.allreadyincallmodal .modal-footer{
    border: none;
    text-align: center;
}
.allreadyincallmodal .modal-footer .btn{
    width: 120px;
    padding: 8px 0;
    font-size: 16px;
    margin: 5px;
    border-radius: 8px;
}
.allreadyincallmodal .modal-footer .btn-cancel{
    border-color: #006080;
    color: #006080;
    background-color: #fff;
}
.allreadyincallmodal .modal-footer .btn-endcall{
    background-color: #006080;
    color: #fff;
    border-color: #006080;
}
/*All Ready in Call Modal End*/

.timezone-selectdiv{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: baseline;
}
.timezone-selectdiv .col-sm-4{
    flex: 0 0 auto;
}
.followup-selectdiv{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: baseline;
}
.followup-selectdiv .col-sm-4{
    flex: 0 0 auto;
}
@media (max-width: 767px){
    .timezone-selectdiv .col-sm-4,.followup-selectdiv .col-sm-4{width: 100%;}
}

.zoom-img-modal .slide_message_img{
    position: absolute;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: auto 0;
    top: 0;
    bottom: 0;
    font-size: 20px;
    background-color: rgb(0 0 0 / 53%);
    border-radius: 50%;
}
.zoom-img-modal .slide-left{
    left: 5px;
}
.zoom-img-modal .slide-right{
    right: 5px;
}
.patlogouttxtbox{
    background: #EAEDF1;
    padding: 8px 15px;
}
.patlogouttxt{
    color: #4E5264;
    font-size: 16px;
    float: left;
}
 .eligibility-settings-model {
    max-width: 804px;
    width: auto;
}
.eligibility-settings-title{
    margin: 10px 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #DBDEDF;
    font-size: 20px;
    color: #4E5264;
    font-weight: 600;
    size: 20px;
    line-height: 23px;
}
.eligibility-url-input-group {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.text-align-center {
    text-align: center !important;
}
.appt-intake-goalname{
    resize: vertical;
}
.mbmbackbtn{
    padding: 10px 25px 10px 0px;
    display: inline-block;
}
.refund-modal textarea.form-control {
    min-height: 50px;
}
.show_purchase_history svg { transition: 0.5s }
.history_arrow svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}