section.bg1.pharmacy-panel {
    background-image: url(../images/pharma-bg3.png);
    padding: 90px 0px 30px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.welcome-form.pharmacy {
    background: transparent;
    padding: 0;
}

.pharmacy-panel .box-type1 {
    background: #fff;
}

.pharmacy .copyright-text {
    height: auto;
}

.pharmacy .copyright-text p a {
    color: #fff;
    font-size: 13px;
}

.footer-copyrights.pharmacy .row {
    display: flex;
    align-items: center;
}

.pahrmacy-footer-bottom {
    text-align: center;
    border-top: 1px solid #02fcfa1c;
    margin-top: 10px;
    padding-top: 10px;
}

.pahrmacy-footer-bottom a {
    color: #fff;
}

section.bg1.pharmacy {
    background-image: url(../images/pharma-bg.png);
    padding: 90px 0px 30px 0px;
    background-size: cover;
    background-position: center;
}

.pharmacy .welcome-form {
    background: transparent;
    padding: 0;
}

header.header-style2.pharmacy-header {
    background: linear-gradient(90deg, #022044, #02fcfa);
}

.pharmacy-header button#dropdownMenu1 {
    color: #314b68 !important;
    font-size: 22px;   
}

.pharmacy-header button#dropdownMenu1 i.fa.fa-caret-down {
    color: #314b68;
}

section.all-steps-sec.pharma-steps input.form-control {
    border: none;
    height: 45px;
}

.pharmacy-head-top .sidebar-logo {
    background: #012044;
}

.language-menu.pharma button#dropdownMenu1 {
    width: max-content;
    padding: 6px 10px;
    margin: 0 15px 0 0;
    background: #012044 !important;
    color: #fff !important;
}

section.sidebar-left.pharmacy-head-top {
    background: url(../images/pharma-icn.png);
    position: fixed;
    left: 0px;
    top: 0px;
    max-height: 100%;
    overflow: auto;
    min-height: 100%;
    background-position: center;
}

.title-main {
    font-size: 26px;
}

section.pharmacy-dashboard {
    padding: 60px 0 30px 0;
    text-align: center;
}

.pharma-dash-wrapper {
    position: relative;
    background: #072041 !important;
    padding: 45px 15px 18px 15px;
    border-radius: 8px;
}

h3.prescription-reqst {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}

h4.number-count {
    color: #fff;
    font-size: 36px;
}

.pharma-dash-wrapper .icon i {
    background: #02faf9;
    height: 70px;
    width: 70px;
    font-size: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.pharma-dash-wrapper .icon {
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.row.dashboard-bottom-row {
    padding-top: 70px;
}

.pharma-dash-wrapper .icon i:hover {
    box-shadow: 0 0 3px 3px #102c4e;
    transition: .8s;
}

.prescpt-table {
    overflow: scroll;
}

.prescription-details {
    float: left;
    width: 100%;
    padding: 50px 30px;
}

h1.requests-title {
    font-size: 32px;
    padding-bottom: 20px;
}

.prescript-list-form {
    background: #fff;
    padding: 30px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 3px 3px #01204445;
    border-radius: 7px;
}

.btn-green {
    background: #02e9eb !important;
    color: #000 !important;
    border-color: #02e9eb !important;
}

.prescript-bottom-form {
    padding-top: 60px;
}

.pharmacy-act .myacc-inner {
    padding: 30px;
    background: #fff;
    margin-bottom: 40px;
    box-shadow: 0 0 3px 4px #01204430;
    border-radius: 6px;
}

.pharmacy-act .myacc-inner .imgUp .imagePreview {
    border-radius: 100%;
}

.pharma-image-profile {
    padding: 20px 0;
    text-align: center;
}

.pharma-image-profile label.btn {
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    margin: 0 10px;
}

.pharma-image-profile label.btn:hover {
    color: #fff !important;
}

.req-table .box-type3 {
    box-shadow: 0 0 3px 3px #343a402b;
    margin: 40px 0;
    padding: 25px;
}

.prs-rqst-table table th p {
    width: max-content;
    margin: 0;
    font-size: 15px;
}

.req-table .sec-head3 h3 {
    background: #374f6b;
    color: #fff;
    padding: 8px 12px;
    font-style: italic;
    text-transform: uppercase;
}

a.btn.accept-btn {
    background: #022f50;
    color: #fff;
    padding: 8px 30px;
    margin-right: 10px;
}

a.btn.reject-btn {
    background: #02f4f3;
    padding: 8px 30px;
}

.pres-tab {
    background: #fff;
    box-shadow: 0 0 3px 3px #343a402b;
    border-radius: 8px;
    padding: 25px;
    margin: 40px 0 20px 0;
    max-width: 85%;
}

.dwnld-btn {
    text-align: center;
    padding: 25px 0;
}
h2.presct-detials {
    font-style: italic;
    letter-spacing: 1px;
    padding-bottom: 12px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Roboto Slab';
    border-bottom: 5px solid #02556f38;
    margin-bottom: 22px;
}

.dwnld-btn a {  
    background: #022f50;
    color: #fff;
    padding: 12px 30px;
    border-radius: 6px;
}

.pres-details-table p.title {
    text-align: left;
    color: #024764 !important;
    font-weight: 500;
    padding: 10px 0;
    margin: 0;
}

.pres-details-table td p {
    text-align: right;
    color: #024764;
}

.pres-details-table  tr {
    border-bottom: 1px dotted #c7dadf;
}

.dwnld-btn a:hover {
    background: #02f4f3;
    color: #000;
}

a.btn.complete-btn {
    background: #022f50;
    color: #fff;
    padding: 8px 30px;
    margin-right: 10px;
}

div#exampleModal-confirm .modal-content , div#exampleModal-reject  .modal-content {
    background: linear-gradient(165deg, #022044, #02fcfa);
    border: none;
    color: #fff !important;
    box-shadow: 0 0 3px 3px #0297a69e;
}

.modal-content a.continue-btn , .modal-content a.reject-btn  {
    background: #022e4f;
    color: #ffff;
    padding: 6px 20px;
    margin-right: 15px;
}

.modal-content a.cancel-btn , .modal-content a.reapprove-btn {
    background: #02fcfa;
    padding: 6px 20px;
}

a.reapprove-btn:hover {
    color: #000 !important;
}
.modal-dialog {
    margin: 4.75rem auto;
}

a.btn.complete-btn:hover {
    background: #02fcfa !important;
    color: #000;
}

div#exampleModal-reject .reject-approve-btn-d {
    padding-top: 20px;
}

.modal-header {
    border-bottom: 1px solid #028e9f;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.vertical-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.vertical-tabs {
  position: relative;
 
}
.tabs {
  position: relative;
  float: left;
  padding-left: 0;
  margin-top: 0px;
  margin-bottom: 0px;
}
.tabs li {
  position: relative;
  list-style: none;
}
.tabs li:after {
  content: "";
  display: table;
  clear: both;
}
.tabs li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 2px 3px;
  text-decoration: none;
  text-align: center;
  background-color: #fbfbfb;
}
.tabs li.active a {
  z-index: 2;
}
.tabs-content .content {
  display: none;
  padding: 10px;
}
.tabs-content .content.active {
  display: block;
}

.tabs-content {
    width: 65%;
    padding-left: 60px !important;
    margin: 0 auto;
    background: #f5f5f5;
    height: 100% !important;
    min-height: 470px;
    padding: 10px;
}

.tab-title.active .chat-left-tab {
    background: linear-gradient(90deg, #022044, #02fcfa);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 10px;
}

h5.chat-timming {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    margin-bottom: 2px;
}

p.chat-status {
    margin: 0;
    font-size: 14px;
}
.chat-user-img img {
    height: 65px;
    width: 65px;
    border-radius: 100%;
    border: 2px solid #eee;
    padding: 2px;
    margin-right: 10px;
}


.tab-title .chat-left-tab {
    background: #02f1f1;
    color: #000;
    display: flex;
    align-items: center;
    padding: 10px;
}

.SearchInput {
    position: relative;
    padding: 0px 0 20px 0;
}

input#chat-search-input {
    border: none;
    border-bottom: 2px solid #023152;
    padding-left: 30px;
}

.left-side-tabs {
    display: flex;
    flex-flow: column;
    width: 35%;
    padding-right: 10px;
}

.SearchInput i {
    position: absolute;
    bottom: 31px;
    left: 7px;
}

.chat-content .chat-top {
    display: flex;
    align-items: center;
}

.chat-content .chat-top h5 {
    margin-bottom: 2px;
}

p.date-time-chat {
    padding-top: 20px;
    text-align: right;
    font-size: 14px;
    color: #b7b7b7;
    font-weight: 500;
    border-bottom: 1px solid #dfdbdb;
    padding-bottom: 5px;
}

.message-box {
    padding: 6px 10px;
    border-radius: 6px 0 6px 0;
    position: relative;
    background: rgb(2 241 241 / 14%);
    border: 2px solid rgb(2 241 241 / 29%);
    color: #6c6c6c;
    font-size: 12px;
    margin-bottom: 10px;
    width: max-content;
}

.message-box-holder {
    width: 100%;
    margin: 0 0 15px;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}

.message-partner {
    background: rgba(0, 114, 135, .1);
    border: 2px solid rgba(0, 114, 135, .1);
    align-self: flex-start;
}

.message-sender {
    font-size: 12px;
    margin: 0 0 15px;
    color: #30649c;
    align-self: flex-start;
}

.message-box:after {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid rgb(150 243 243);
    border-right: none;
    bottom: -22px;
    right: 10px;
}

.message-partner:after {
    right: auto;
    bottom: auto;
    top: -22px;
    left: 9px;
    border: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 114, 135, .2);
    border-left: none;
}

.chat-input-holder {
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.chat-input {
    resize: none;
    padding: 5px 10px;
    height: 40px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #999999;
    flex: 1;
    border: none;
    background: rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.attachment-panel {
    padding: 3px 10px;
    text-align: right;
}

input.message-send {
    background: #022448;
    color: #fff;
    border-color: #022448;
}

.attachment-panel a {
    color: #022448;
    padding: 2px;
}