@charset "utf-8";

/* CSS Document */

.color-green {
    color: #3daf2c !important;
    text-align: right;
}

.color-orange {
    color: #f98315 !important;
}

.doctor-home1 {
    padding: 20px 0px;
}

.doctor-home1-icons {
    text-align: center;
    margin-bottom: 20px;
}

.bg-orange-bar {
    background: url(../images/orange-bar.png) no-repeat;
    background-size: 60px;
    height: 40px;
    background-position: 50% 50%;
    color: #fff;
    padding: 8px 0px;
    font-family: 'open-sans-regular';
}

.bg-black-bar {
    background: url(../images/black-bar.png) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

.doctor-home1-icons-inner h6 {
    color: #3daf2c;
    font-family: 'open-sans-regular';
}

.doctor-home1-div1 {
    width: 88%;
    margin: auto;
}

.doctor-home1-icons-inner img {
    width: 45%;
}

@media(min-width: 768px) {
    .doctor-home1-icons-inner img {
        width: 40%;
    }
}

.doctor-home1-div2 h5,
.doctor-home1-div3 h6,
.doctor-home1-div3 h5 {
    font-family: 'open-sans-regular';
    font-size: 14px;
    color: #676767;
    margin: 0;
}

.bordered-col {
    border: 1px solid #e1e1e1;
    width: 95% !important;
    float: none !important;
    margin: auto;
    padding: 10px !important;
    min-height: 35px !important;
    margin-bottom: -1px;
}

.bordered-col img {
    vertical-align: middle;
    width: 15px;
}

.doctor-home1-div2 {
    margin-top: 20px;
}

.doctor-home1-div3 h6 {
    font-size: 16px;
    text-align: center;
}

.doctor-home1-div3 h6 span {
    font-size: 17px;
}

.news-div span.news-date {
    font-family: 'open-sans-regular';
    font-size: 11px;
    color: #9e9e9e;
}

.news-div {
    background: url(../images/news-icon2.png) no-repeat;
    background-position: 96% 77%;
    background-size: 18px;
}

.news-div .bordered-col {
    height: 80px;
    padding: 15px 20px !important;
}

.invite-appointments .first-block {
    background-size: contain !important;
}

.my-alert-main .days-div.green-active {
    background-color: #3daf2c;
    color: #fff;
}

.invite-appointments .doctor-home1-div2 {
    margin-bottom: 14px;
}

.reschedule-appointments .doctor-home1-div2 {
    margin-top: 0px;
}

.color-green {
    color: #3daf2c;
}

.border-btm {
    width: 95%;
    margin: auto;
    background-color: #e1e1e1;
    height: 2px;
}

.invite-appointments .row-details {
    border: none;
    margin-bottom: 0;
    padding: 0px 0px !important;
}

.invite-appointments h6 {
    font-family: 'open-sans-lt';
}

.invite-appointments h6 span {
    font-family: 'open-sans-regular';
}

.doctor-home1-icons-inner h3 {
    font-family: 'open-sans-regular';
    margin: 0;
    color: #f98315;
}

.reschedule-appointments .bg-orange-bar {
    background-size: contain;
}

.reschedule-appointments-div-inner span.prefix {
    width: 30%;
    font-size: 13px;
}

.reschedule-appointments-div-inner span.prefix.msg {
    width: 20%;
}

.reschedule-appointments-div-inner .input-field .prefix ~ input {
    margin-left: 35%;
    width: 60%;
    height: 30px;
    text-align: center;
}

.reschedule-appointments-div-inner .input-field .prefix ~ textarea {
    width: 80%;
    margin-left: 20%;
    min-height: 20px;
    height: 20px;
    padding: 0;
}

.reschedule-appointments-div1 {
    background-color: #f2f2f2;
    padding: 15px 0px;
}

.reschedule-appointments .create-custom-div1 {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}

.bg-color-white {
    background-color: #fff;
}

.bg-color-grey {
    background-color: #f2f2f2;
}

.color-orange {
    background-color: #f98315;
}

.color-orange1 {
    color: #f98315 !important;
}

.create-custom-div1.bg-color-grey {
    background-color: #f2f2f2;
    border: 1px solid #e1e1e1;
}

span.block {
    display: inline-block;
    padding: 6px 0px;
    margin: 10px 0px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 10px;
    width: 38px;
    text-align: center;
}

.block-div {
    position: absolute;
    bottom: 0;
}

.reschedule-appointments-div-inner table td {
    vertical-align: top;
}

.carousel {
    height: 200px;
}

.carousel .carousel-item {
    width: 320px;
}

.slider-div {
    padding: 0px 15px;
}

.slider-div .create-custom-div1 {
    width: 100%;
    margin: inherit;
}

.clock-icon {
    width: 14px;
    vertical-align: middle;
    margin-top: 0px !important;
}

.cancel-btn {
    width: 17px;
    vertical-align: middle;
}

.create-custom-div1 .bg-orange-bar {
    background-size: contain;
}

.cat-divs {
    width: 20%;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #e1e1e1;
    height: 90px;
    float: left;
    border-bottom: 1px solid #e1e1e1;
}

.cat-divs.active h5 {
    color: #3daf2c;
}

.all-appointments .create-custom-div1 {
    border-radius: 3px;
    margin-top: 10px 0;
}

.all-appointments h5 {
    font-family: 'open-sans-regular';
    font-size: 14px;
}

.color-blue {
    color: #028ed2;
}

.all-appointments h5.color-blue img {
    vertical-align: middle;
}

.search-apt {
    position: relative;
}

.search-apt input {
    padding-left: 100px;
    border-radius: 20px;
    box-sizing: inherit;
}

.color-grey {
    color: #9e9e9e;
}

.search-apt label {
    position: absolute;
    top: 11px;
    left: 11px;
}

.search-apt2 input {
    padding-left: 40px;
    box-sizing: inherit;
    border-radius: 20px;
    background: url(../images/clock-icon.png) no-repeat;
    background-position: 6% 50%;
    background-color: #fff;
    width: 48% !important;
}

.del-appointment .delete-icon {
    background: none;
    background-color: #3daf2c;
    color: #fff;
}

.del-appointment .delete-icon .row {
    display: table;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}

.del-appointment .delete-icon .row .col.s6 {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.select-patient .close {
    margin-top: 0px;
    width: 15px;
    top: 14px;
}

.book-now {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 20px 0px;
}

.consulting-search .doc-list-div2.upper-tab {
    width: 75%;
    margin: auto;
}

.search-consult input {
    background: url(../images/from-date.png) no-repeat;
    background-position: 6% 50%;
    background-color: #fff;
    background-size: 14px;
}

.create-mng-div2 {
    width: 100%;
}

.create-mng-div2 .circular-img-div {
    width: 33.33%;
    float: left;
    text-align: center;
}

.created-slot {
    width: 90%;
    margin: auto;
    background-color: #f8d7b9;
    height: 37px;
    border-radius: 20px;
    margin-bottom: 13px;
    padding: 10px 14px;
}

.created-slot h5 {
    display: block;
    margin: 0;
    text-align: left;
}

.slot-date {
    color: #b49b85 !important;
}

.slotcreated {
    margin-top: 30px;
    width: 100%;
    float: left;
}

.off-schedules.test-details-form {
    margin-top: 30px;
}

.active-blue {
    color: #00bdfd;
}

.declined {
    color: #e30606;
}

.active-blue div {
    width: 23px;
    height: 23px;
    float: left;
    background-color: #00bdfd;
    text-align: center;
    border-radius: 50%;
}

.declined div {
    background-color: #e30606;
}

.active-blue div img {
    width: 10px;
    height: 10px;
    background-color: #00bdfd;
    border-radius: 50%;
}

.declined div img {
    background-color: #e30606;
}

.invited div img,
.invited div {
    background-color: #3daf2c;
}

.invited {
    color: #3daf2c;
}

.manage-doctors .add-recipient {
    float: none;
}

.manage-doctors .days-col h5 {
    font-family: 'open-sans-regular';
    font-size: 14px;
    color: #6b6b6b;
}

.attached-docs li {
    display: inline;
    padding: 0px 5px;
}

.attached-docs li img {
    vertical-align: middle;
}

.consulting-response tr {
    border-bottom: 0px !important;
}

.visit-det-head {
    padding: 10px 0px;
}

.consulting-response .show-cat {
    position: absolute;
    top: 5px;
    right: 10px;
}

.consulting-response .add-recipient {
    margin-top: 12px;
}

.line-brk {
    position: absolute;
    right: 2px;
    top: 0px;
    height: 120px !important;
}

.colr-9e9e9e {
    color: #9e9e9e !important;
}

.view-edit-respond .first-block {
    width: 200px;
}

.border-btm-heading {
    height: 1px;
    background-color: #000;
    width: 30px;
    margin: auto;
}

.view-edit-respond td h5.center-align {
    font-size: 30px;
    line-height: 22px;
}

.view-edit-respond td h5.center-align span {
    font-size: 13px;
}

.manage-doctors .days-col h5 img {
    vertical-align: middle;
}

.add-recipient img {
    width: 13px;
    height: 13px;
}

.circular-img {
    border: 1px solid gray;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: auto;
}

.circular-img img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.plus-btn {
    position: absolute;
    top: 10px;
    right: -30px;
    width: 27px;
    height: 27px;
    background-color: transparent;
    color: #f98315;
    border: 1px solid #f98315;
}

.plus-btn i {
    color: #f98315;
}

.clinic-home .block-div {
    position: relative;
}

.clinic-home .block-div2 {
    margin: 10px 0px;
}

.clinic-home .block-div2 span {
    display: inline-block;
    margin-right: 15px;
    font-size: 13px;
    color: #00bdfd;
}

.mar-rt-zero {
    margin-right: 0px !important;
}

.clinic-home .block-div span img {
    vertical-align: middle;
}

.clinic-home.all-appointments td h5 {
    line-height: 20px;
}

.switch-profile {
    font-size: 13px;
    font-family: 'open-sans-lt';
    color: #fff;
}

.calendar-div-inner {
    width: 74%;
    margin: auto;
    margin-top: 20px;
    background-color: #f2f2f2;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: 'open-sans-regular';
}

.calendar-icon-div {
    padding: 8px;
    border-radius: 4px;
    color: #fff;
    background: url(../images/arrow-top.png) no-repeat;
    background-color: #3daf2c;
    background-position: 96% 50%;
}

.calendar-icon-div1 {
    padding: 8px;
    border-radius: 0px;
    color: #fff;
    width: 100%;
    background-color: #3daf2c;
    background-position: 96% 50%;
}

.calendar-text-div {
    padding: 8px;
    font-size: 13px;
}

.create-manage-clinic .days-div {
    width: 100%;
}

.clinic-broadcast .phonebook-table {
    margin-top: 5px;
}

.clinic-broadcast .doc-list-div2.upper-tab {
    width: 100% !important;
}

.textarea-box {
    border: 1px solid #e1e1e1;
    height: 90px;
    padding: 0px 10px;
    padding-top: 37px;
    text-align: center;
    background: url(../images/pen-grey.png) no-repeat;
    background-position: 98% 92%;
    background-size: 12px;
    color: #9e9e9e;
    font-family: 'open-sans-regular';
}

.create-prescription-div4 .reply a {
    color: #3daf2c !important;
    padding: 6px 20px;
}

.clinic-broadcast .create-prescription-div4 {
    margin-top: 20px;
}

.clinic-broadcast .create-prescription-div4 label {
    font-size: 13px !important;
}

.bg-color-grey span {
    font-family: 'open-sans-regular';
    font-size: 13px;
}

.clinic-broadcast .bg-color-grey {
    padding: 8px 0px;
}

@media (max-width: 560px) {
    .cat-divs {
        height: 80px;
    }
    .cat-divs img {
        width: 35px;
    }
    .cat-divs h5 {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .bg-orange-bar {
        font-size: 12px;
        background-size: 50px;
    }
    .select-patient .close {
        right: 5px;
    }
    .tab1,
    .tab2 {
        font-size: 11px !important;
    }
    .btn-manage-blocks,
    .active-blue {
        width: 100% !important;
    }
    .active-blue {
        margin-bottom: 10px;
    }
    .view-edit-respond .first-block {
        width: 135px;
    }
    .line-brk {
        width: initial !important;
    }
    .view-edit-respond .first-block.right-align p {
        text-align: center;
    }
}

@media (max-width: 440px) {
    .consulting-response .strip2 {
        height: 58px !important;
    }
    .doctor-home1-div1 {
        width: 100%;
    }
    .doctor-home1-icons-inner h6 {
        font-size: 12px;
    }
    .doctor-home1-div2 h5,
    .doctor-home1-div3 h6,
    .doctor-home1-div3 h5 {
        font-size: 11px;
    }
    .doctor-home1-div3 h6 span {
        font-size: 13px;
    }
    .doctor-home1-div2 {
        margin-bottom: 10px;
    }
    .news-div .bordered-col {
        padding: 15px 10px !important;
    }
    .news-div {
        background-position: 95% 84%;
    }
    .invite-appointments .table-doctor-list td h6 {
        font-size: 11px;
        margin: 2px 0px;
        line-height: 15px;
    }
    .consulting-search .doc-list-div2 .tab_overlap {
        margin-right: -30px !important;
    }
    .consulting-search .doc-list-div2.upper-tab {
        width: 85%;
    }
    .consulting-search.all-appointments h5 {
        font-size: 12px;
    }
    .consulting-search.all-appointments h5.color-blue img {
        width: 12px;
    }
}

@media (max-width: 420px) {
    .cat-divs h5 {
        font-size: 10px;
    }
    .cat-divs {
        padding: 10px 2px;
    }
    .search-apt2 input {
        padding-left: 30px;
        background-size: 15px;
    }
    .search-consult input {
        background-position: 7% 50%;
        background-size: 12px;
    }
}

@media (max-width: 400px) {
    .tab2 {
        width: 40% !important;
    }
    .tab2 a {
        padding-left: 0px !important;
    }
    /*.tab1 a {
        padding-left: 10px !important;
        font-size: 9px !important;
    }*/
}

@media (max-width: 380px) {
    .cat-divs img {
        width: 28px;
    }
    .reschedule-appointments-div-inner .input-field .prefix ~ textarea {
        width: 75%;
        margin-left: 25%;
    }
    .cat-divs {
        height: 70px;
    }
    .cat-divs h5 {
        font-size: 9px;
    }
    .all-appointments h5.color-blue img {
        width: 12px;
    }
    .all-appointments h5.color-blue {
        font-size: 11px;
    }
    .clinic-home.all-appointments td h5 {
        font-family: 'open-sans-regular';
        font-size: 13px;
        line-height: 16px;
    }
    span.block {
        width: 32px;
        font-size: 13px;
    }
    .clinic-home .block-div2 span {
        font-size: 11px;
    }
    .clinic-home .block-div span img {
        width: 17px;
    }
    .clinic-broadcast .create-prescription-div4 label {
        font-size: 12px !important;
    }
    .circular-img {
        width: 60px;
        height: 60px;
    }
    .circular-img img {
        width: 60px;
        height: 60px;
    }
    .circular-img-div h5 {
        font-size: 12px;
    }
}

@media (max-width: 360px) {
    .line-brk {
        right: 4px;
    }
    .view-edit-respond .first-block {
        width: 120px;
    }
}

.maincalendarDiv {
    width: 100%;
}

.innercalendarDiv {
    width: 80%;
}

.calendar-div {
    margin-top: 6%;
}


/*5.2*/

.body-main-container2 {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.add-dcotor-btn2 {
    text-align: left;
    border-radius: 20px;
    border: 1px solid #bfbfbf;
    min-height: 35px;
    padding-left: 15px;
    font-size: 12px;
    color: #3daf2c;
    background-color: #f5f5f5;
    background-image: url(../images/arrow-btm3.png);
    background-repeat: no-repeat;
    background-position: 96% 14px;
    width: 95%;
    margin-left: -3px;
}

.add-dcotor-btn2:focus {
    outline: none;
    background-color: #f5f5f5;
}

.add-dcotor-details-div2 {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.location-dd2,
.doctor-type-dd2,
.doctor-fee-txtbox2 {
    width: 86%;
    margin-left: 6%;
    float: left
}

.location-dd2 select,
.doctor-type-dd2 select,
.doctor-fee-txtbox2 select {
    background-color: transparent;
    display: block;
    border-bottom: 1px solid #a8a8a8;
    font-size: 12px;
    outline: none;
    height: 30px;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: 3px;
    width: 89%;
    display: inline-block;
    float: left;
    background-image: url(../images/arrow-btm2-gray.png);
    -webkit-appearance: initial;
    background-repeat: no-repeat;
    background-position: 98% 15px;
    background-size: 10px;
}

.location-dd2 img,
.doctor-type-dd2 img,
.doctor-fee-txtbox2 img {
    width: 20px
}

.location-below-dd2,
.location-below-dd2,
.doctor-type-below-dd2 {
    width: 86%;
    margin-left: 6%;
    float: left;
}

.location-below-dd2 img,
.location-below-dd2 img,
.doctor-type-below-dd2 img {
    float: left;
    margin-top: 4px;
    margin-left: 5px;
    width: 8px;
}

.location-below-dd2 label,
.location-below-dd2 label,
.doctor-type-below-dd2 label {
    float: left;
    font-size: 12px !important;
    width: 89%;
    text-align: left;
    border-bottom: 1px solid #9e9e9e;
    min-height: 20px;
}

.add-img-div {
    float: left;
    margin-top: 13px;
    margin-left: 5px;
}

.add-img-div img {
    float: left
}

.doctor-fee-div img {
    float: left
}

.doctor-fee-div {
    float: left;
    margin-top: 13px;
    margin-left: 5px;
}

.days-selection-div2 {
    width: 90%;
    margin-left: 5px;
    float: left;
}

.days-selection-item2 {
    width: 23%;
    float: left;
    padding-left: 5%;
    border: 1px solid #c1c1c1;
    border-radius: 14px;
    line-height: 21px;
    padding-top: 4px;
    background-color: white;
    margin-top: 12px;
    margin-right: 2%;
}

.days-selection-chckbox2 {
    float: left;
}

.days-selection-chckbox2 input {
    position: relative !important;
    left: 0 !important;
    z-index: 9 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block;
}

.days-selection-textbox2 {
    float: left;
    margin-left: 3px;
    margin-top: -1px;
    font-size: 12px;
}

.time-selection-div2 {
    float: left;
    width: 90%;
    margin-left: 5px;
    margin-top: 20px;
}

.time-from2 {
    float: left;
    width: 40%;
    margin-right: 7%;
}

.time-to2 {
    float: left;
    width: 40%;
}

.time-from2 input,
.time-to2 input {
    margin-bottom: 0;
    border: 1px solid #c4c4c4;
    height: 35px;
    padding-left: 4%;
    width: 96%;
    font-size: 13px;
    border-radius: 3px;
    background-color: white;
}

.time-from2 input {
    /*background-image:url(../images/from-textl.png);*/
    background-repeat: no-repeat;
    background-position: 95% 16px;
    background-size: 22px;
}

.time-to2 input {
    /*background-image:url(../images/to-text.png);*/
    background-repeat: no-repeat;
    background-position: 95% 15px;
    background-size: 10px;
}

.add-icon2 {
    float: left;
    width: 12%;
    height: 100%;
}

.add-icon2 img {
    width: 25px;
    margin-top: 6px;
}

.mark-calender-div2 {
    float: left;
    width: 100%
}

.mark-calender-div2 button {
    margin-top: 20px;
    border: 1px solid #dddddd;
    border-radius: 21px;
    color: #4cb43d;
    font-size: 13px;
    min-width: 110px;
    min-height: 35px;
    padding-left: 35px;
    padding-right: 10px;
    background-image: url(../images/calenderl.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px;
    background-color: white;
}

.days-slected-div {
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    width: 90%;
    margin-left: 5%;
}

.days-slected-div-item {
    float: left;
    width: 16.5%
}

.days-selected-day {
    color: #616161;
    line-height: 11px;
    font-size: 12px;
}

.days-slected-date {
    color: #a1a1a1;
    font-size: 10px
}

.border-bottom {
    float: left;
    width: 57%;
}

.border-bottom img {
    width: 60.5%;
    margin-left: 18%;
}

.time-selected-div {
    float: left;
    width: 67%;
    font-size: 11px;
}


/*5.4*/

.body-main-container {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.add-dcotor-btn {
    width: 100%;
    text-align: left;
    border-radius: 20px;
    border: 1px solid #bfbfbf;
    min-height: 35px;
    padding-left: 15px;
    font-size: 12px;
    color: #3daf2c;
    background-color: #f5f5f5;
    background-image: url(../images/arrow-up.png);
    background-repeat: no-repeat;
    background-position: 96% 14px;
    width: 90%
}

.add-dcotor-btn:focus {
    outline: none;
    background-color: #f5f5f5;
}

.add-dcotor-details-div {
    margin-top: 20px;
    background-color: #fff; /*#f5f5f5;*/
    float: left;
    width: 100%;
}

.location-dd,
.doctor-type-dd,
.doctor-fee-txtbox {
    width: 90%;
    margin: auto;
}

.location-dd select,
.doctor-type-dd select {
    background-color: transparent;
    display: block;
    border-bottom: 1px solid #a8a8a8;
    font-size: 13px;
    outline: none;
    background-image: url(../images/arrow-btm2-gray.png);
    -webkit-appearance: initial;
    background-repeat: no-repeat;
    background-position: 98% 15px;
    background-size: 10px;
}

.doctor-fee-txtbox {
    padding-right: 10px
}

.doctor-fee-txtbox input {
    font-size: 13px;
    color: #676767;
    padding-left: 10px;
}

.days-selection-div {
    width: 90%;
    margin-left: 5%;
    float: left;
}

.days-selection-item {
    width: 23%;
    float: left;
    padding-left: 5%;
    border: 1px solid #c1c1c1;
    border-radius: 14px;
    line-height: 21px;
    padding-top: 4px;
    background-color: white;
    margin-top: 12px;
    margin-right: 2%;
}

.days-selection-chckbox {
    float: left;
}

.days-selection-chckbox input {
    position: relative !important;
    left: 0 !important;
    z-index: 9 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block;
}

.days-selection-textbox {
    float: left;
    margin-left: 3px;
    margin-top: -1px;
    font-size: 12px;
}

.time-selection-div {
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-top: 20px;
}

.time-from {
    float: left;
    width: 40%;
    margin-right: 7%;
}

.time-to {
    float: left;
    width: 40%;
}

.time-from input,
.time-to input {
    margin-bottom: 0;
    border: 1px solid #c4c4c4;
    height: 35px;
    padding-left: 4%;
    width: 96%;
    font-size: 13px;
    border-radius: 3px;
    background-color: white;
}

.time-from input {
    /*background-image:url(../images/from-textl.png);*/
    background-repeat: no-repeat;
    background-position: 95% 16px;
    background-size: 22px;
}

.time-to input {
    background-image: url(../images/to-text.png);
    background-repeat: no-repeat;
    background-position: 95% 15px;
    background-size: 10px;
}

.add-icon {
    float: left;
    width: 12%;
    height: 100%;
}

.add-icon img {
    width: 25px;
    margin-top: 6px;
}

.mark-calender-div {
    float: left;
    width: 100%
}

.mark-calender-div button {
    margin-top: 20px;
    border: 1px solid #dddddd;
    border-radius: 21px;
    color: #4cb43d;
    font-size: 13px;
    min-width: 110px;
    min-height: 35px;
    padding-left: 35px;
    padding-right: 10px;
    background-image: url(../images/calenderl.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px;
    background-color: white;
}

.consulting-response .strip2 ul li {
    display: inline;
    padding: 0px 10px;
}

.consulting-response .strip2 {
    height: 40px;
}

.left-date {
    background-color: #848484;
    vertical-align: middle;
    padding: 10px 0px !important;
    color: #fff;
    font-size: 13px;
}

.right-change {
    padding: 10px 0px !important;
    color: #fff;
}

.right-change img {
    vertical-align: middle;
    width: 16px;
    margin-right: 10px;
}

.msg-detail-date {
    width: 130px;
    margin: 20px auto !important;
    text-align: center;
    background-color: #cdf2ff;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
}


/*---------------------- LEFT ARROW BOX FOR CHAT ----------- S T A R T -----------*/

.arrow_box_left {
    position: relative;
    background: transparent;
    padding: 10px;
}

.arrow_box_left:after,
.arrow_box_left:before {
    right: 99.5%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_left:after {
    width: 0;
    height: 0;
    border-top: 11px solid #fff;
    border-left: 12px solid transparent;
    top: 0;
    border-right: 1px solid #fff;
}

.arrow_box_left:before {
    width: 0;
    height: 0;
    border-top: 13px solid #e1e1e1;
    border-left: 14px solid transparent;
    top: -2px;
}


/*---------------------- LEFT ARROW BOX FOR CHAT ----------- E N D -----------*/


/*---------------------- RIGHT ARROW BOX FOR CHAT ----------- S T A R T -----------*/

.arrow_box_right {
    position: relative;
    background: transparent;
    padding: 10px;
}

.arrow_box_right:after,
.arrow_box_right:before {
    left: 99.5%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_right:after {
    width: 0;
    height: 0;
    border-top: 11px solid #fff;
    border-right: 12px solid transparent;
    top: 0;
    border-left: 1px solid #fff;
}

.arrow_box_right:before {
    width: 0;
    height: 0;
    border-top: 13px solid #e1e1e1;
    border-right: 14px solid transparent;
    top: -2px;
}


/*---------------------- LEFT ARROW BOX FOR CHAT ----------- E N D -----------*/

.msg-block {
    width: 87%;
    margin: auto;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
    margin-bottom: 20px;
    border-radius: 5px;
}

.msg-block h6 {
    font-family: 'open-sans-regular';
}

.time-div {
    position: absolute;
    right: 6px;
    bottom: 0;
    color: #9a9a9a;
    font-size: 12px;
}

.color-dark {
    background-color: #ffefe1;
}

.color-dark.arrow_box_left:after {
    border-top: 23px solid #ffefe1;
    border-right: 1px solid #ffefe1;
}

.color-dark.arrow_box_right:after {
    border-top: 23px solid #ffefe1;
    border-left: 1px solid #ffefe1;
}

.consulting-response .fees {
    position: relative;
    top: -27px;
    right: -15px;
}

i.chart-cross {
    position: absolute;
    top: 12px;
    right: 3px;
}

.doc-setting-preset .created-slot {
    height: auto;
    min-height: 40px;
}

.doc-setting-preset .days-drpdown h5 {
    text-align: center;
    font-size: 13px;
}

.doc-setting-preset .bg-black-bar {
    width: 66px;
    text-align: center;
}

.offset-div {
    width: 50%;
    margin: auto;
}

.doc-setting-preset-alert .plus-btn {
    position: absolute;
    top: 6px;
    right: -6px;
}

.doc-setting-preset-alert .search-pallet {
    border-top: 1px solid #9e9e9e;
    border-bottom: 1px solid #9e9e9e;
    margin: 20px 0px;
}

.doc-setting-preset-alert .created-slot {
    background-color: #f9eadc;
}

.doc-setting-preset-alert .slotcreated i.chart-cross {
    top: 3px;
}

.doc-setting-preset-alert .form1 {
    border-bottom: 1px solid #9e9e9e;
    margin-bottom: 20px;
}

.doc-setting-preset-alert .form2 h6 {
    margin-bottom: 15px;
}

.footer-bg-green {
    background-color: #3daf2c;
    color: #fff;
}

.footer-bg-green h6 {
    color: #fff;
}