body {
    unicode-bidi: bidi-override !important;
}

input[name="full_name_arabic"] {
    text-align: right;
    direction: rtl;
}

.box-tab .tab-content {
    min-height: 500px;
}

.modal-body .tab-content {
    min-height: auto !important;
}

.notification_container {
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 20px;
    padding: 0 20px;
    z-index: 99;
}

.designarea {
    float: left;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

.canvas-container {
    margin: auto;
}

.canvascontainer {
    width: 500px;
    height: 500px;
    clear: both;
    margin: auto;
}

#CanvasContainerModal .modal-body {
    padding: 0;
}

.annotation_controls {
    float: left;
    width: 100%;
    padding: 5px;
    border-bottom: solid 1px #eee;
}

.annotation_controls ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.annotation_controls ul li {
    float: left;
    margin-right: 10px;
}

input[type=range] {
    margin: auto;
    outline: none;
    padding: 0;
    width: 50%;
    height: 6px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #473e4f), color-stop(100%, #51475a));
    background-image: -webkit-linear-gradient(#473e4f, #51475a);
    background-image: -moz-linear-gradient(#473e4f, #51475a);
    background-image: -o-linear-gradient(#473e4f, #51475a);
    background-image: linear-gradient(#33485d, #33485d);
    background-size: 30% 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    cursor: pointer;
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    box-shadow: none;
    border: none;
    background: transparent;
    -webkit-appearance: none;
}

input[type=range]::-moz-range-track {
    box-shadow: none;
    border: none;
    background: transparent;
}

input[type=range]::-moz-focus-outer {
    border: 0;
}

input[type=range]::-webkit-slider-thumb {
    width: 14px;
    height: 14px;
    border: 0;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-appearance: none;
}

input[type=range]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border: 0;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1);
}

.notification {
    background: #80ce26;
    top: 20px;
    text-align: center;
    position: relative;
    padding: 5px 12px;
    float: none;
    font-size: 15px;
    color: #fff;
    max-width: 600px;
    margin: auto;
    border-radius: 30px;
    width: 100%;
}

.arabic_layout {
    text-align: right;
    direction: rtl;
}

.notification.success {
    background: #80ce26;
}

.notification.error {
    background: #F44336;
}

.notification p {
    color: #fff;
    margin: 0;
}

.notifications-footer {
    text-align: center;
    padding: 10px 5px;
    border-top: solid 2px #0000000d;
}

.sidebar-panel {
    top: 0;
}

.append_questionote .help {
    width: 100%;
    clear: both;
    margin: 0 !important;
    display: table;
}

.append_questionote .row {
    display: flex;
    flex-wrap: wrap;
}

.append_questionote .row>[class*='col-'] {
    display: flex;
    flex-direction: column;
}

.markasread {
    float: right;
    color: #444;
    cursor: pointer;
}

.notification .close {
    position: absolute;
    right: 20px;
    top: 7px;
    opacity: 1;
}

.chosen-container .chosen-drop {
    min-width: 100px;
}

.main_loader {
    display: none;
    font-size: 100px;
    color: #0065b1;
    padding: 10% 0;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.37);
    width: 100%;
    z-index: 99999;
    text-align: center;
    height: 100%;
}

.transparent_bg {
    background: transparent;
}

.main_heading_ {
    font-size: 20px;
    font-weight: 500;
    color: #0065b1;
}

.viewentries .form-group label {
    font-weight: bold;
    color: #555;
}

.controls_view {
    padding: 5px;
    border-bottom: solid 1px #ccc;
}

.rpt .main_heading_ {
    margin: 0;
}

.main_table table thead,
.table thead {
    background: #33485d;
    color: #fff;
}

.main_table table thead>tr>th,
.table thead>tr>th {
    border: #253546 solid 1px !important;
}

.main_table table tbody tr {
    transition-duration: 0.3s;
    background: #f1f1f1 !important;
}

.main_table table.appointment_table tbody tr {
    border-left: 4px solid transparent;
}

.main_table table.appointment_table tbody tr.cancelled {
    border-left: 4px solid #F44336;
}

.main_table table.appointment_table tbody tr.confirmed {
    border-left: 4px solid #2196F3;
}

.main_table table.appointment_table tbody tr.arrived {
    border-left: 4px solid #CDDC39;
}

.main_table table.appointment_table tbody tr.seen {
    border-left: 4px solid #8BC34A;
}

.main_table table.appointment_table tbody tr.normal {
    border-left: 4px solid #0065b1;
}

.main_table table.appointment_table tbody tr.being_seen {
    border-left: 4px solid #CDDC39;
}

.main_table table.appointment_table tbody tr.inactive {
    border-left: 4px solid #FFC107;
}

.main_table table.appointment_table tbody tr.rescheduled {
    border-left: 4px solid #009688;
    ;
}

.main_table table.appointment_table tbody tr:hover {
    border-width: 4px;
}

.append_to_be_sent {
    float: left;
    width: 100%;
    margin: 30px 0 20px 0;
    border-top: solid 2px #eee;
    border-bottom: solid 2px #eee;
    padding: 20px 0;
    height: 100%;
    background: #f1f1f1;
}

.append_to_be_sent ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.append_to_be_sent ul li {
    width: 100%;
    float: left;
    font-size: 15px;
    padding: 5px;
}

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

ul.page li {
    display: inline-block;
    margin: 5px;
    padding: 5px 9px;
    min-width: 40px;
    color: #fff;
    background: #8c8c8c;
    border-radius: 30px;
    text-align: center;
}

ul.page li:hover {
    background: #2196F3 !important;
}

ul.page li.current {
    background: #0065b1 !important;
}

.table_not_found {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #c7c7c7;
}

.table_not_found i {
    font-size: 70px;
    color: #ccc;
}

.table_not_found span {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.overlay {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 9999 !important;
    background-color: rgba(0, 0, 0, 0.7);
}

#draggable {
    z-index: 99999999;
    max-width: 900px;
    width: 100%;
    margin: 40px auto !important;
    position: relative !important;
    background: #fff;
}

#draggable .popup_gradients {
    overflow: auto;
    height: 600px !important;
    padding-bottom: 80px;
    padding-top: 60px;
    width: 100% !important;
}

#draggable .popup_gradients .first-row {
    float: left;
    width: 100%;
    padding: 16px 10px;
    background: #33485d;
    position: absolute;
    margin-bottom: 20px;
    top: 0;
    left: 0;
    z-index: 9;
}

#draggable .popup_gradients .first-row .top_panl_popup {
    float: left;
    width: 100%;
}

#draggable .popup_gradients .first-row .top_panl_popup span {
    font-size: 16px;
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, "Roboto", sans-serif, sans-serif;
}

.top_tabbed_menu ul {
    list-style: none;
}

.top_tabbed_menu ul li a {
    font-family: "Helvetica Neue", Helvetica, Arial, "Roboto", sans-serif, sans-serif !important;
}

.popup_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: #fff;
    box-shadow: -1px 0 5px rgba(0, 0, 0, 0.27);
    z-index: 9;
}

.cloae_ic {
    float: right;
}

.cloae_ic .closebt {
    font-size: 18px;
    color: #33485d;
    padding: 6px 8px;
    width: 30px;
    background: #fff;
    height: 30px;
    float: left;
    border-radius: 100%;
    text-align: center;
}

.loading {
    padding: 60px;
    width: 100%;
    clear: both;
    text-align: center;
    font-size: 50px;
    color: #33485d;
    position: relative !important;
    top: 0 !important;
}

.grid3 {
    float: left;
    width: 100%;
}

.grid8 {
    float: none !important;
}

.grid8.full-width {
    width: 100%;
}

.form-control {
    border-radius: 0 !important;
}

.form-group select,
input[type="text"] {
    border-color: #e4e4e4;
    font-weight: 400;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: border 300ms linear;
    -moz-transition: border 300ms linear;
    -o-transition: border 300ms linear;
    transition: border 300ms linear;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-group select,
input[type="text"] {
    display: block;
    width: 100%;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.ui-corner-all,
.ui-autocomplete {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.33);
}

.ui-corner-all li,
.ui-autocomplete li {
    width: 100%;
    padding: 5px 1px !important;
    border-bottom: solid 1px #eee;
    border-radius: 0 !important;
}

.ui-corner-all li a,
.ui-autocomplete li a {
    font-family: "Helvetica Neue", Helvetica, Arial, "Roboto", sans-serif, sans-serif;
    padding: 0 !important;
    box-shadow: none !important;
    color: #333 !important;
    border: none !important;
}

.ui-corner-all li:hover a,
.ui-autocomplete li:hover a {
    background: transparent;
    border: none;
}

.ui-corner-all li:hover,
.ui-autocomplete li:hover {
    background: #eee;
}

.lnh37 i {
    line-height: 37px !important;
}

.fc-content table thead {
    background: #273748;
    color: #fff;
}

.user_avatar {
    width: 130px;
    height: 130px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
    position: relative;
    border: solid 2px #ffffff;
    float: left;
    margin: 6px;
    margin-right: 20px;
    margin-left: 20px;
}

.user_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.user_avatar .up_button {
    position: absolute;
    bottom: -36px;
    padding: 5px;
    width: 100%;
    text-align: center;
}

.info_ul {
    float: left;
}

.info_ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.info_ul ul li {
    margin: 5px 0;
    padding: 0px;
}

.info_ul ul li .inf i {
    width: 30px;
    height: 30px;
    color: #0574b7;
    text-align: center;
    position: relative;
    font-size: 15px;
    line-height: 1.4;
    margin-right: 10px;
}

.info_ul ul li .inf span {
    font-size: 15px;
}
.patient_alerts {
    float: left;
}
.add_new_alert {
  float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 7px 0;
    border-radius: 100%;
    background: #ececec;
    border: solid 1px #dcdcdc;
    margin-left: 11px;
}
.patient_alerts .p_alert {
  float: left;
  margin: 0;
  background: #e8e8e8;
  border-radius: 30px;
  padding: 0;
  overflow: hidden;
  margin-bottom: 10px;
  border: solid 1px #dcdcdc;
  min-width: 90px;
  margin-right: 10px;
}

.loadmore.ldalerts {
    float: left;
    width: 100%;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    color: #555;
}

.loadmore.ldalerts:hover {
    border-radius: 4PX;
    color: #555;
    background: #e2e2e278;
}
.noalert {
    float: left;
    padding: 10px;
    text-align: center;
    width: 100%;
    font-style: italic;
}
.patient_alerts .p_alert .alert_content {
  padding: 4px;
  float: left;
  color: #F44336;
}

.patient_alerts .p_alert .danger {
  float: right;
    padding: 7px;
    color: #F44336;
}

.patient_alerts .p_alert .alert_foot {
    float: left;
    width: 100%;
    overflow: hidden;
}

.patient_alerts .p_alert .alert_foot ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.patient_alerts .p_alert .alert_foot ul li {
    display: inline-block;
    width: 100%;
}

.patient_alerts .p_alert .alert_foot ul li a {
    float: left;
    padding: 5px 10px;
    width: 100%;
    background: #e2e2e2;
    color: #F44336;
}
.panel-primary>.panel-heading {
    color: white;
    background-color: #33485d;
    border-color: #203040;
}

.white_bg {
    background-color: #fff;
}

.attachments_ .attachment_container .attach {
    padding: 10px;
    background: #f5f5f5;
    border-radius: 4px;
    margin: 10px;
}

.attachments_ .attachment_container .attach .attachments_preview {
    width: 100%;
    height: 151px;
    overflow: hidden;
    background: #fff;
    text-align: center;
}

.attachments_ .attachment_container .attach .attachments_preview .icon_font {
    font-size: 80px;
    line-height: 1.7;
}

.attachments_ .attachment_container .attach .attachments_preview .icon_img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.attachments_ .attachment_container .attach .attachment_details {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.attachments_ .attachment_container .attach .attachment_details .title {
    font-size: 16px;
    margin: 5px 0;
    float: left;
    width: 100%;
    word-break: break-all;
}

.attachments_ .attachment_container .attach .attachment_details .action {
    padding: 5px 0;
}

.attachments_ .attachment_container .attach .attachment_details .action button {
    margin-right: 10px;
}
.attachments_ .attachment_container .attach:nth-child(3n+1){
    clear:left;
} 
.imganview .canvas-container{
    display:none;
}
.onloadcanvas {
    position:absolute;
    left:0;
    top:0;
    width:1000px;
    height:1000px;
    visibility:hidden;
}
.attached_form {
    margin-left: -20px !important;
    margin-right: -20px !important;
    background: #33485d;
    margin-top: -14px;
    padding: 10px 0;
}
.editor_container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0,0,0,0.5);
}
.attached_form .les_input {
    box-shadow: none !important;
}

.file-drop-area {
    border-radius: 3px;
    position: relative;
    width: 450px;
    max-width: 100%;
    margin: 0 auto;
    padding: 6px 0;
    background: #fff;
    transition: 0.2s;
}

.file-drop-area.is-active {
    background-color: #eee;
}

.fake-btn {
    background-color: #000000;
    border-radius: 3px;
    color: #fff;
    padding: 10px 15px;
    margin-right: 8px;
    font-size: 12px;
    text-transform: uppercase;
}

.file-msg {
    font-size: small;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: calc(100% - 130px);
    vertical-align: middle;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.file-input:focus {
    outline: none;
}

.form_uploading {
    display: none;
    float: left;
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.doc_preview {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    background: #fff;
}

.doc_preview .doc_prev_header {
    float: left;
    width: 100%;
    height: 50px;
    background: #eee;
    padding: 10px;
    box-shadow: 2px 0 7px rgba(0, 0, 0, 0.44);
    z-index: 9999;
}

.doc_preview .doc_prev_header .title {
    float: left;
    margin: 0;
    font-size: 16px;
    padding: 7px;
}

.doc_preview .doc_prev_header .action ul {
    list-style: none;
}

.doc_preview .doc_prev_header .action ul li {
    display: inline-block;
}

.doc_preview .doc_prev_header .action ul li a.remove_close {
    float: left;
    padding: 8px;
    background: #d0d0d0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
}

.doc_preview .prev_container {
    float: left;
    width: 100%;
    height: 100%;
    padding-top: 0px;
}

.doc_preview .prev_container iframe {
    float: left;
    width: 100%;
    height: 100%;
    padding-top: 0;
    z-index: 999;
}

.messages_container {
    float: left;
    width: 100%;
    border: solid 1px #eee;
    border-radius: 4px;
}

.messages_container .messages_list {
    float: left;
    width: 100%;
    max-height: 500px;
    overflow: auto;
}

.messages_container .messages_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.messages_container .messages_list ul li {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.messages_container .messages_list ul li .message {
    padding: 0;
    margin: 10px;
    border-radius: 4px;
    background: rgba(20, 138, 255, 0.2);
}

.messages_container .messages_list ul li .message.right_msg {
    background: rgba(139, 195, 74, 0.36);
}
.messages_container .messages_list ul li .message .driveshare {
    width: 200px;
    overflow: hidden;
}
.messages_container .messages_list ul li .message .driveshare .icon {
    width: 100%;
    height: 150px;
    background-size: cover !important;
    background-color: rgba(0,0,0,0.2);
    background-repeat: no-repeat;
    background-position: center;
}
.messages_container .messages_list ul li .message .driveshare .flname {
    font-size: 14px;
    margin: 10px;
    word-break: break-all;
}
.messages_container .messages_list ul li .message p {
    padding: 10px 10px;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: pre-wrap;
}

.messages_container .messages_list ul li .message .date {
    padding: 2px 10px;
    float: left;
    width: 100%;
    border-top: solid 1px rgba(0, 0, 0, 0.09);
    font-size: 11px;
    color: rgba(102, 102, 102, 0.52);
    font-style: italic;
}

.messages_container .messages_list ul li .message.right_msg .date {
    text-align: right;
}

.messages_container .messages_list ul li .message.left_msg .date {
    text-align: left;
}

.messages_container .messages_list ul li .message .image_prev {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: auto;
    padding: 10px;
}

.messages_container .messages_list ul li .message .image_prev img {
    object-fit: contain !important;
    height: 100%;
    width: 100%;
}

.messages_container .message_send {
    float: left;
    width: 100%;
}

.messages_container .message_send .form_input {
    border-top: solid 1px #eee;
}

.messages_container .message_send .form_input textarea {
    width: 100%;
    border: none;
    outline: 0;
    padding: 20px 10px;
}

.messages_container .message_send .form_input .input_actions {
    width: 100%;
    border-top: solid 1px #eee;
    padding: 9px 5px;
}

.messages_container .file_selected {
    display: none;
    float: left;
    width: 100%;
    padding: 2px 4px;
    border-top: solid 1px #eee;
}
.messages_container .file_selected_drive {
    display: none;
    float: left;
    width: 100%;
    padding: 2px 4px;
    border-top: solid 1px #eee;
}
.load_more_ {
    display: none;
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0;
}
.clickable_link {
    color:#337ab7 !important;
}
.no_messages {
    float: left;
    width: 100%;
    padding: 5px;
    text-align: center;
    background: #eee;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

table.responsive span[data-type="responsive"] {
    display: none;
    font-weight: bold;
    color: #444 !important;
}

@media only screen and (max-width: 768px) {
    table.responsive {
        background: transparent !important;
        border-color: transparent !important;
    }
    table.responsive span[data-type="responsive"] {
        display: inline-block;
        width: 45%;
        color: #a8a8a8;
        vertical-align: top;
    }
    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr {
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
        display: block;
    }
    html.ie9 table.responsive,
    html.ie9 table.responsive thead,
    html.ie9 table.responsive tbody,
    html.ie9 table.responsive th,
    html.ie9 table.responsive td,
    html.ie9 table.responsive tr {
        float: left;
        clear: both;
        width: 100%
    }
    table.responsive tr {
        margin: 20px 0;
    }
    table.responsive td {
        border: none;
    }
    table.responsive th {
        display: none;
    }
}

.modal-content {
    border-radius: 0 !important;
    border: none;
}

.modal-header {
    background: #33485d;
}

.modal-header .close {
    color: #fff;
    opacity: 1;
    text-shadow: none;
}

.modal-title {
    color: #fff;
}

input.error {
    border-color: #d96557 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.listed {
    overflow: hidden;
    float: left;
    width: 100%;
    background: #ccc;
}

.listed label {
    float: left;
    width: 100%;
    font-size: 16px;
    padding: 5px 10px;
    background: #eee;
    border-bottom: 1px #c5c5c5 solid;
}

.listed_text {
    width: 100%;
    float: left;
    clear: both;
    padding: 5px 10px;
}

.no_found {
    text-align: center;
    float: left;
    width: 100%;
    padding: 40px 0;
}

.no_found i {
    font-size: 50px;
    color: #ccc;
}

.no_found span {
    float: left;
    width: 100%;
    margin: 10px 0;
    font-size: 16px;
    color: #ccc;
    font-weight: bold;
}

.ui-corner-all,
.ui-autocomplete {
    z-index: 9999999;
}

.lft_pg_rip_mn {
    float: left;
    width: 276px;
}

.lft_pg_rip_mn {}

.lft_pg_rip_mn h2 {
    color: #707070;
    margin: 0px;
    padding: 10px 0 0 0px;
    font-weight: normal;
}

.lft_pg_rip_mn .lft_links {
    padding: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-top: 10px;
    background-color: #f7f7f7;
}

.lft_pg_rip_mn .lft_links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.13);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.13);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.07)
}

.lft_pg_rip_mn .lft_links ul li {
    padding: 0px;
    border-bottom: 1px solid #e7e7e7;
    padding: 5px;
    background: #f9f8f8;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f8f8', endColorstr='#f0f0f0', GradientType=0);
    font-weight: normal;
}

.lft_pg_rip_mn .lft_links ul li.active {
    background: #d9d9d9;
    -moz-box-shadow: inset 0px 0px 7px 3px #cfcfcf;
    -webkit-box-shadow: inset 0px 0px 7px 3px #cfcfcf;
    box-shadow: inset 0px 0px 7px 3px #cfcfcf;
}

.lft_pg_rip_mn .lft_links ul li.active a {
    color: #29a5e3;
}

.lft_pg_rip_mn .lft_links ul li.active:hover {
    background: #d9d9d9;
    background: -moz-linear-gradient(top, #d9d9d9 0%, #d9d9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(100%, #d9d9d9));
    background: -webkit-linear-gradient(top, #d9d9d9 0%, #d9d9d9 100%);
    background: -o-linear-gradient(top, #d9d9d9 0%, #d9d9d9 100%);
    background: -ms-linear-gradient(top, #d9d9d9 0%, #d9d9d9 100%);
    background: linear-gradient(top, #d9d9d9 0%, #d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#d9d9d9', GradientType=0);
}

.lft_pg_rip_mn .lft_links ul li:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(top, #fff 0%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f0f0f0', GradientType=0);
    cursor: pointer;
}

.lft_pg_rip_mn .lft_links ul li a {
    padding: 5px 0px 0px 0px;
    font-size: 14px;
}

.lft_pg_rip_mn .lft_links ul li a:hover {
    background: none;
}

.lft_pg_rip_mn .lft_links ul li p {
    padding: 5px 10px 10px 10px;
}

.lft_pg_rip_mn h2 {
    color: #707070;
    margin: 0px;
    padding: 10px 0 0 0px;
    font-weight: normal;
    font-size: 18px;
}

/* Section Styles ==================================================== */

.company_note_1 {
    font-size: 11px;
    color: #e7724f;
    padding: 3px 0 0 0px;
    display: block;
}

.lft_pg_rip_mn .lft_links ul li a {
    padding: 5px 0px 0px 0px;
    font-size: 14px;
    border: none !important;
}

.prof_img {
    width: 150px;
    height: 150px;
    margin: 10px auto 10px auto;
    float: left;
    text-align: center;
    border: solid 1px #ccc;
}

.prof_img input {
    float: left;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    background: #eee;
    border: solid 1px #ccc;
}

.prof_img img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
}

.prof_img button {
    margin-top: 10px;
}

.clear {
    clear: both;
}

.lft_links {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.11);
    padding: 0px 0;
    overflow: hidden;
}

.lft_links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lft_links ul li {
    float: left;
    width: 100%;
}

.lft_links ul li a {
    float: left;
    width: 100%;
    padding: 9px 10px;
    border-bottom: solid 1px #eee;
}

.lft_links ul li:hover a {
    background: #f5f5f5;
}

.lft_links ul li.active_lft_link a {
    color: #ffffff;
    background: #33485d;
}

.input_note {
    font-size: 12px;
    color: #FF9800;
    float: left;
    width: 100%;
    margin: 5px 0;
}

.map_container {
    width: 100%;
    height: 400px;
}

.schd .menu_op {
    float: left;
    width: 100%;
    padding: 0;
    border-bottom: solid 1px #eee;
    margin-bottom: 0;
}

.schd .menu_op ul {
    list-style: none;
    margin: 0;
}

.schd .menu_op ul li {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    font-weight: bold;
}

.schd .avblity_cantent {
    float: left;
    width: 100%;
}

.schd .avblity_cantent .field_set {
    padding-top: 13px;
}

.schd .avblity_cantent .multi_field {
    float: left;
    margin-right: 20px;
}

.mt_15 {
    margin-top: 15px !important;
}

.w_100 {
    width: 100px;
}

.per_note {
    font-size: 12px;
    color: #888888;
}

.mn_loop_list {
    margin-left: 88px;
    height: 45px;
    width: 500px;
}

.floatL {
    display: block;
    float: left;
}

.mt_10 {
    margin-top: 10px;
}

.bg_frame {
    position: relative;
}

.bg_frame {
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
}

.menu_op ul li a {
    float: left;
    width: 100%;
    padding: 11px 10px;
    border-radius: 4px 4px 0 0;
    border: solid 1px #eee;
    border-bottom: none;
}

.menu_op ul li.active_menu a {
    background: #eee;
}

.displayNone {
    display: none;
}

.select_set {
    border-color: #e4e4e4;
    font-weight: 400;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: border 300ms linear;
    -moz-transition: border 300ms linear;
    -o-transition: border 300ms linear;
    transition: border 300ms linear;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select_set {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.schd a.t_blue {
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px 10px;
    margin: 8px 0 !important;
    background: #3F51B5;
    color: #fff;
    border-radius: 4px;
}

.schd a.t_orange {
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px 10px;
    margin: 8px 0 !important;
    background: #FF9800;
    color: #fff;
    border-radius: 4px;
}

.sms_det_container {
    padding: 5px 20px;
    background: #fff;
    border-radius: 4px;
}

.sms_det_container .sms_credit {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sms_det_container .sms_credit li {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.sms_det_container .sms_credit li .btn {
    width: 100%;
}

.prof_arrow {
    float: right;
    padding: 3px;
}

.main-panel>.header .navbar-text {
    margin-top: 13px;
    margin-bottom: 18px;
    margin-right: 15px;
    margin-left: 15px;
    font-size: 20px;
}

.sidebar-panel>.brand {
    background-color: #33485d !important;
}

.brand {
    width: 100%;
    height: 100px;
    display: block;
    clear: both;
    float: left;
    text-align: center;
}

.brand .brand-logo:not(.nn) {
    margin-top: 40.5px;
    margin-bottom: 17.5px;
    float: none;
    padding: 0 25px;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9 *100);
    filter: alpha(opacity=0.9 *100);
}

.brand .brand-logo:not(.nn) img {
    height: 48px;
    width: 60%;
    object-fit: contain !important;
}

.sidebar-panel>nav {
    top: 132px;
}

.btn-warning {
    color: white;
    background-color: #FF9800;
    border-color: #ff9800;
}

.pagination {
    width: 100%;
}

.chosen-container {
    width: 100% !important;
}

.chosen-container-single .chosen-single {
    background: #fff !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-color: #ccc !important;
    line-height: 30px !important;
    width: 100%;
}

.label_div_ {
    margin-top: 8px;
}

.label_div_.no {
    margin-top: 0 !important;
}

.modal-body .box-tab .nav-tabs {
    padding-left: 40px;
    border-bottom: solid 1px #ccc;
}

.modal-body .box-tab .nav-tabs li {
    border: solid 1px #ccc !important;
    border-bottom: none !important;
    margin: 0 10px;
}

.next_action_ {
    width: 100%;
    text-align: center;
    display: block;
    float: left;
    padding: 10px 17px;
    font-size: 16px;
    margin-bottom: 30px;
    background: rgba(33, 150, 243, 0.25);
    border-radius: 4px;
}

.next_action_ a {
    padding: 5px;
    background: #F44336;
    color: #fff !important;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 40px;
}

.popup_loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    display: none;
}

.popup_loader .loading {
    padding: 14% 0 !important;
}

.tab_list_badge {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 26px;
    padding: 5px;
    top: 6px;
    text-align: center;
    background: #F44336;
    color: #fff;
    border-radius: 8px;
}

.bootstrap-timepicker-widget table td input {
    border: 0;
    height: auto !important;
    padding: 5px 0 !important;
    margin: 5px !important;
}

.sweet-alert p {
    color: #adadad;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.form-control.validation_error {
    border-color: #a30 !important;
}

.note_append_container {
    text-align: center;
}

.notifications-list li.notseen {
    background: #4cc3d91c;
}

.notifications-list {
    max-height: 340px;
    overflow-y: scroll;
}

.notifications-list {
    list-style: none;
    padding: 0;
}

.notifications-list li {
    border-bottom: 1px solid #e4e4e4;
    text-align: left;
}

.notifications-list li a {
    position: relative;
    display: block;
    padding: 15px;
}

.notifications-list .time {
    display: block;
    font-size: 12px;
}

@media screen and (max-width: 700px) {
    .box-tab .nav-tabs li a span {
        display: none;
    }

    .box-tab .nav-tabs li a i {
      display:block !important;
    }
}

.form-group .help {
    margin-left: 10px;
    font-size: 12px;
    color: #ccc;
    font-style: italic;
}

.form-group.section_break {
    margin: 20px 0;
}

.form-group.section_break label {
    font-size: 16px;
    font-weight: bold;
    clear: both;
}

.form-group.section_break span.help {
    color: #555;
    font-style: normal;
    margin: 0 3px;
}

.clickable {
    cursor: pointer;
}

.tableform .table thead tr th {
    border: solid 1px #eee !important;
    color: #555;
    background: #fff;
}

.tableform.headingbold .table thead tr th {
    font-weight: 700;
}

.printModal {
    font-family: sans-serif;
    display: flex;
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    left: 0;
    top: 0;
    position: absolute;
    color: #0460b5;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .91)
}

.printClose {
    position: absolute;
    right: 10px;
    top: 10px
}

.printClose:before {
    content: "\00D7";
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 100;
    line-height: 1px;
    padding-top: .5em;
    display: block;
    font-size: 2em;
    text-indent: 1px;
    overflow: hidden;
    height: 1.25em;
    width: 1.25em;
    text-align: center;
    cursor: pointer
}

.printSpinner {
    margin-top: 3px;
    margin-left: -40px;
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 2px solid #0460b5;
    border-radius: 50%;
    animation: spin .75s infinite linear
}

.printSpinner::after,
.printSpinner::before {
    left: -2px;
    top: -2px;
    display: none;
    position: absolute;
    content: '';
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit
}

.printSpinner,
.printSpinner::after,
.printSpinner::before {
    display: inline-block;
    border-color: transparent;
    border-top-color: #0460b5;
    animation-duration: 1.2s
}

.printSpinner::before {
    transform: rotate(120deg)
}

.printSpinner::after {
    transform: rotate(240deg)
}

@keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.appendcanvas {
    width:100%;
}

.document_preview {
    float: left;
    padding: 3px;
    background: #a7bf8b75;
    max-width: 300px;
    width:100%;
}

.document_preview .icon {
    float: left;
    font-size: 20px;
    padding: 10px;
    border: solid 1px #aabf93;
    background: #aabf93;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    color: #585858;
}
.document_preview .prev_details {
    float: left;
    padding: 3px;
    width: 70%;
}
.document_preview .prev_details .filename {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.document_preview .prev_details .filesize {
    font-size: 10px;
    color: #717171;
}

.document_buttons {
    width: 100%;
    position: relative;
}

.document_buttons .button_doc {
    float: left;
    width: 50%;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border-right: solid 1px #c1d7a8;
}
.document_buttons .button_doc:hover {
    background: #a7bf8b75;
}


.row_msg #messagesystem {
    width: 100%;
    min-width: 360px;
    height: 92vh;
    min-height: 300px;
    background: #E6EAEA;
  }
  @media screen and (max-width: 360px) {
    .row_msg #messagesystem {
      width: 100%;
      height: 100vh;
    }
  }
  .row_msg #messagesystem #sidepanel {
    float: left;
    min-width: 280px;
    max-width: 340px;
    width: 40%;
    height: 100%;
    background: #e2e2e2;
    color: #f5f5f5;
    overflow: hidden;
    position: relative;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel {
      width: 58px;
      min-width: 58px;
    }
  }
  .row_msg #messagesystem #sidepanel #profile {
    width: 80%;
    margin: 25px auto;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile {
      width: 100%;
      margin: 0 auto;
      padding: 5px 0 0 0;
      background: #32465a;
    }
  }
  .row_msg #messagesystem #sidepanel #profile.expanded .wrap {
    height: 210px;
    line-height: initial;
  }
  .row_msg #messagesystem #sidepanel #profile.expanded .wrap p {
    margin-top: 20px;
  }
  .row_msg #messagesystem #sidepanel #profile.expanded .wrap i.expand-button {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
  }
  .row_msg #messagesystem #sidepanel #profile .wrap {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    -moz-transition: 0.3s height ease;
    -o-transition: 0.3s height ease;
    -webkit-transition: 0.3s height ease;
    transition: 0.3s height ease;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap {
      height: 55px;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap img {
    width: 50px;
    border-radius: 50%;
    padding: 3px;
    border: 2px solid #e74c3c;
    height: auto;
    float: left;
    cursor: pointer;
    -moz-transition: 0.3s border ease;
    -o-transition: 0.3s border ease;
    -webkit-transition: 0.3s border ease;
    transition: 0.3s border ease;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap img {
      width: 40px;
      margin-left: 4px;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap img.online {
    border: 2px solid #2ecc71;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap img.away {
    border: 2px solid #f1c40f;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap img.busy {
    border: 2px solid #e74c3c;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap img.offline {
    border: 2px solid #95a5a6;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap p {
    float: left;
    margin-left: 15px;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap p {
      display: none;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap i.expand-button {
    float: right;
    margin-top: 23px;
    font-size: 0.8em;
    cursor: pointer;
    color: #435f7a;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap i.expand-button {
      display: none;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin: 70px 0 0 0;
    border-radius: 6px;
    z-index: 99;
    line-height: initial;
    background: #435f7a;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap #status-options {
      width: 58px;
      margin-top: 57px;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options.active {
    opacity: 1;
    visibility: visible;
    margin: 75px 0 0 0;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap #status-options.active {
      margin-top: 62px;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #435f7a;
    margin: -8px 0 0 24px;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap #status-options:before {
      margin-left: 23px;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul {
    overflow: hidden;
    border-radius: 6px;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 30px 18px;
    display: block;
    cursor: pointer;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li {
      padding: 15px 0 35px 22px;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li:hover {
    background: #496886;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li span.status-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px 0 0 0;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li span.status-circle {
      width: 14px;
      height: 14px;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    margin: -3px 0 0 -3px;
    background: transparent;
    border-radius: 50%;
    z-index: 0;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
      height: 18px;
      width: 18px;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li p {
    padding-left: 12px;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li p {
      display: none;
    }
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
    background: #2ecc71;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #2ecc71;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
    background: #f1c40f;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #f1c40f;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
    background: #e74c3c;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #e74c3c;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
    background: #95a5a6;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #95a5a6;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #expanded {
    padding: 100px 0 0 0;
    display: block;
    line-height: initial !important;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #expanded label {
    float: left;
    clear: both;
    margin: 0 8px 5px 0;
    padding: 5px 0;
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #expanded input {
    border: none;
    margin-bottom: 6px;
    background: #32465a;
    border-radius: 3px;
    color: #f5f5f5;
    padding: 7px;
    width: calc(100% - 43px);
  }
  .row_msg #messagesystem #sidepanel #profile .wrap #expanded input:focus {
    outline: none;
    background: #435f7a;
  }
  .row_msg #messagesystem #sidepanel #search {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    font-weight: 300;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #search {
      display: none;
    }
  }
  .row_msg #messagesystem #sidepanel #search label {
    position: absolute;
    margin: 10px 0 0 20px;
  }
  .row_msg #messagesystem #sidepanel #search input {
    font-family: "proxima-nova",  "Source Sans Pro", sans-serif;
    padding: 10px 0 10px 46px;
    width: 100%;
    border: none;
    background: #c3c3c3;
    color: #f5f5f5;
  }
  .row_msg #messagesystem #sidepanel #search input:focus {
    outline: none;
    background: #435f7a;
  }
  .row_msg #messagesystem #sidepanel #search input::-webkit-input-placeholder {
    color: #f5f5f5;
  }
  .row_msg #messagesystem #sidepanel #search input::-moz-placeholder {
    color: #f5f5f5;
  }
  .row_msg #messagesystem #sidepanel #search input:-ms-input-placeholder {
    color: #f5f5f5;
  }
  .row_msg #messagesystem #sidepanel #search input:-moz-placeholder {
    color: #f5f5f5;
  }
  .row_msg #messagesystem #sidepanel #contacts {
    height: calc(100% - 100px);
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .row_msg #messagesystem #sidepanel #contacts ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #contacts {
      height: calc(100% - 149px);
      overflow-y: scroll;
      overflow-x: hidden;
    }
    .row_msg #messagesystem #sidepanel #contacts::-webkit-scrollbar {
      display: none;
    }
  }
  .row_msg #messagesystem #sidepanel #contacts.expanded {
    height: calc(100% - 334px);
  }
  .row_msg #messagesystem #sidepanel #contacts::-webkit-scrollbar {
    width: 8px;
    background: #2c3e50;
  }
  .row_msg #messagesystem #sidepanel #contacts::-webkit-scrollbar-thumb {
    background-color: #4c9fde;
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact {
    position: relative;
    padding: 10px 0 15px 0;
    font-size: 0.9em;
    cursor: pointer;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #contacts ul li.contact {
      padding: 6px 0 46px 8px;
    }
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact:hover {
    background: #d8d8d8;
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact.active {
    background: #f3f3f3;
    border: none;
    border-right: 5px solid #01457b;
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact.active span.contact-status {
    border: 2px solid #32465a !important;
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap {
    width: 88%;
    margin: 0 auto;
    position: relative;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap {
      width: 100%;
    }
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap span {
    position: absolute;
    left: 0;
    margin: -2px 0 0 -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #2c3e50;
    background: #95a5a6;
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap span.online {
    background: #2ecc71;
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap span.away {
    background: #f1c40f;
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap span.busy {
    background: #e74c3c;
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin-top: 7px;
    margin-right: 10px;
    border: solid 2px #c3c3c3;
    object-fit: cover;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap img {
      margin-right: 0px;
    }
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap .meta {
    padding: 5px 0 0 0;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap .meta {
      display: none;
    }
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap .meta .name {
    font-weight: 600;
    color:#525252;
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap .meta .preview {
    margin: 5px 0 0 0;
    padding: 0 0 1px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    color: #00000061;
  }
  .row_msg #messagesystem #sidepanel #contacts ul li.contact .wrap .meta .preview span {
    position: initial;
    border-radius: initial;
    background: none;
    border: none;
    padding: 0 2px 0 0;
    margin: 0 0 0 1px;
    opacity: .5;
  }
  .row_msg #messagesystem #sidepanel #bottom-bar {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .row_msg #messagesystem #sidepanel #bottom-bar button {
    float: left;
    border: none;
    width: 50%;
    padding: 10px 0;
    background: #32465a;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 0.85em;
    font-family: "proxima-nova",  "Source Sans Pro", sans-serif;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #bottom-bar button {
      float: none;
      width: 100%;
      padding: 15px 0;
    }
  }
  .row_msg #messagesystem #sidepanel #bottom-bar button:focus {
    outline: none;
  }
  .row_msg #messagesystem #sidepanel #bottom-bar button:nth-child(1) {
    border-right: 1px solid #2c3e50;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #bottom-bar button:nth-child(1) {
      border-right: none;
      border-bottom: 1px solid #2c3e50;
    }
  }
  .row_msg #messagesystem #sidepanel #bottom-bar button:hover {
    background: #435f7a;
  }
  .row_msg #messagesystem #sidepanel #bottom-bar button i {
    margin-right: 3px;
    font-size: 1em;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #bottom-bar button i {
      font-size: 1.3em;
    }
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem #sidepanel #bottom-bar button span {
      display: none;
    }
  }
  .row_msg #messagesystem .content {
    float: right;
    width: 60%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem .content {
      width: calc(100% - 58px);
      min-width: 300px !important;
    }
  }
  @media screen and (min-width: 900px) {
    .row_msg #messagesystem .content {
      width: calc(100% - 340px);
    }
  }
  .row_msg #messagesystem .content .contact-profile {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f5f5f5;
  }
  .row_msg #messagesystem .content .contact-profile img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin: 9px 12px 0 9px;
    object-fit: cover;
  }
  .row_msg #messagesystem .content .contact-profile p {
    float: left;
  }
  .row_msg #messagesystem .content .contact-profile .social-media {
    float: right;
  }
  .row_msg #messagesystem .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer;
  }
  .row_msg #messagesystem .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 20px;
  }
  .row_msg #messagesystem .content .contact-profile .social-media i:hover {
    color: #435f7a;
  }
  .row_msg #messagesystem .content .messages {
    height: auto;
    min-height: calc(100% - 167px);
    max-height: calc(100% - 167px);
    overflow-y: scroll;
    overflow-x: hidden;
    width:100%;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem .content .messages {
      max-height: calc(100% - 105px);
    }
  }
  .row_msg #messagesystem .content .messages::-webkit-scrollbar {
    width: 8px;
    background: rgba(0, 0, 0, 0);
  }
  .row_msg #messagesystem .content .messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .row_msg #messagesystem .content .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
  }
  .row_msg #messagesystem .content .messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
  }
  .row_msg #messagesystem .content .messages ul li.sent img {
    margin: 6px 8px 0 0;
  }
  .row_msg #messagesystem .content .messages ul li.sent p {
    background: #01457b;
    color: #f5f5f5;
  }
  .row_msg #messagesystem .content .messages ul li.replies img {
    float: right;
    margin: 6px 0 0 8px;
  }
  .row_msg #messagesystem .content .messages ul li.replies p {
    background: #f5f5f5;
    float: right;
  }
  .row_msg #messagesystem .content .messages ul li img {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    object-fit: cover;
    padding: 5px;
  }
  .row_msg #messagesystem .content .messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    max-width: 205px;
    line-height: 130%;
    white-space: pre-wrap;
  }
  @media screen and (min-width: 735px) {
    .row_msg #messagesystem .content .messages ul li p {
      max-width: 300px;
    }
  }
  .row_msg #messagesystem .content .message-input {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
    box-shadow: -1px 0 3px #0000003d;
  }
  .row_msg #messagesystem .content .message-input .wrap {
    position: relative;
  }
  .row_msg #messagesystem .content .message-input .wrap textarea {
    font-family: "proxima-nova",  "Source Sans Pro", sans-serif;
    float: left;
    border: none;
    width: 100%;
    padding: 11px 32px 10px 8px;
    font-size:17px;
    color: #32465a;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem .content .message-input .wrap input {
      padding: 15px 32px 16px 8px;
    }
  }
  .row_msg #messagesystem .content .message-input .wrap input:focus {
    outline: none;
  }
  .row_msg #messagesystem .content .message-input .wrap .attachment {
    position: relative;
    padding: 14px;
    border-right: 1px solid #ccc;
    left: 0;
    z-index: 4;
    margin-top: 0;
    font-size: 1.1em;
    color: #435f7a;
    opacity: .5;
    cursor: pointer;
    float:left;
  }
  .message-input .selectedfile {
    float:left;
  }
  .message-input .selectedfile .filename {
    float: left;
    padding: 12px;
    font-size: 14px;
  }
  .message-input .selectedfile button {
    background: #a30 !important;
    padding: 5px 10px !important;
    position: relative;
    top: 8px;
  }

  .message-input .selectedfiledrive {
    float:left;
  }
  .message-input .selectedfiledrive .filename {
    float: left;
    padding: 12px;
    font-size: 14px;
  }
  .message-input .selectedfiledrive button {
    background: #a30 !important;
    padding: 5px 10px !important;
    position: relative;
    top: 8px;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem .content .message-input .wrap .attachment {
      margin-top: 17px;
      right: 65px;
    }
  }
  .row_msg #messagesystem .content .message-input .wrap .attachment:hover {
    opacity: 1;
  }
  .row_msg #messagesystem .content .message-input .wrap button {
    float: right;
    border: none;
    width: 50px;
    padding: 18px 0;
    cursor: pointer;
    background: #32465a;
    color: #f5f5f5;
  }
  @media screen and (max-width: 735px) {
    .row_msg #messagesystem .content .message-input .wrap button {
      padding: 16px 0;
    }
  }
  .row_msg #messagesystem .content .message-input .wrap button:hover {
    background: #435f7a;
  }
  .row_msg #messagesystem .content .message-input .wrap button:focus {
    outline: none;
  }

  .noconv {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 20px;
    padding: 100px 0;
  }
  .noconv i {
    font-size: 100px;
    color: #01457b;
  }
  
  .noconv span {
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0;
    display: block;
    color: #949494;
  }

  .sent .timesent {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #b9b9b9;
    font-style: italic;
    margin-top: 5px;
  }

  .replies .timesent {
    float: right;
    width: 100%;
    font-size: 11px;
    color: #b9b9b9;
    font-style: italic;
    text-align: right;
    margin-top: 5px;
  }

  .imgerr {
    font-size: 12px;
    color: #a0a0a0;
  }

  .replies .imgerr {
    padding: 10px;
    float: right;
    background: #dedede;
    border-radius: 4px;
  }

  .sent .imgerr {
    padding: 10px;
    float: left;
    background: #0b3e65;
    border-radius: 4px;
  }

  .replies .driveanch {
    float:right;
    clear:both;
    }
    .sent .driveanch {
    float:left;
    clear:both;
    }
  .messages .loadmorediv {
    float: none;
    width: 200px;
    border-radius: 30px;
    padding: 10px;
    text-align: center;
    color: #fff;
    margin: 10px auto;
    background: #01457b;
    border: solid 1px #01457b;
    box-shadow: 1px 0 8px #0000002e;
    clear:both;
  }
  .messages .nomoremessages {
    display: none;
    float: left;
    width: 100%;
    padding: 10px;
    clear: both;
    text-align: center;
    background: #eee;
    font-size: 12px;
    margin-bottom: 10px;
  }
  .ui-autocomplete {
    z-index:999999999 !important;
  }


  .row_msg #messagesystem .content .messages ul li .driveshare {
    width: 200px;
    overflow: hidden;
    float:right;
  }
  .row_msg #messagesystem .content .messages ul li.sent .driveshare {
    background: #01457b;
    border-radius:4px;
    float:left;
  }
  .row_msg #messagesystem .content .messages ul li .driveshare .icon {
    width: 100%;
    height: 150px;
    background-size: cover !important;
    background-color: rgba(0,0,0,0.2);
    background-repeat: no-repeat;
    background-position: center;
  }
  .row_msg #messagesystem .content .messages ul li .flname {
    font-size: 14px;
    margin: 10px;
    word-break: break-all;
    float: left;
  }
  .row_msg #messagesystem .content .messages ul li.sent .flname {
    color:#fff;
  }
  .notread{
    border-left: solid 2px #ff5722;
    background: #01457b40;
  }
  .badgebox{
    opacity: 0;
}

.badgebox + .badge{
    text-indent: -999999px;
  	width: 27px;
}

.badgebox:focus + .badge{
    box-shadow: inset 0px 0px 5px;
}
.badgebox:checked + .badge{
    text-indent: 0;
}

.numhighlight {
    font-size: 16px;
    background: #eaeaea;
    padding: 5px;
    border-radius: 4px;
}
.brdmsg {
    white-space:pre-wrap;
}


.row_msg .document_viewer {
    float: left;
    background: #01457b;
    border-radius: 4px;
    overflow: hidden;
}
.row_msg .document_viewer .document_preview {
  float: left;
  padding: 3px;
  background: #013965;
  max-width: 300px;
  width:100%;
}

.row_msg .document_viewer .document_preview .icon {
  float: left;
  font-size: 20px;
  padding: 5px 10px;
  border: solid 1px #013965;
  background: #012542;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  color: #ffffff;
}
.row_msg .document_viewer .document_preview .prev_details {
  float: left;
  padding: 3px;
  width: 70%;
}
.row_msg .document_viewer .document_preview .prev_details .filename {
  float: left;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
}

.row_msg .document_viewer .document_preview .prev_details .filesize {
  font-size: 10px;
  color: #d8d8d8;
}

.row_msg .document_viewer .document_buttons {
  width: 100%;
  position: relative;
}

.row_msg .document_viewer .document_buttons .button_doc {
  float: left;
  width: 50%;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-right: solid 1px #013965;
  color: #fff;
}
.row_msg .document_viewer .document_buttons .button_doc:last-child {
  border:none;
}
.row_msg .document_viewer .document_buttons .button_doc:hover {
  background: #012542;
}


.row_msg .replies .document_viewer {
    float: right;
    background: #fff;
}
.row_msg .replies .document_viewer .document_preview {
    float: left;
    padding: 3px;
    background: #f3f3f3;
    max-width: 300px;
    width: 100%;
    color: #333;
}
.row_msg .replies .document_viewer .document_preview .icon {
    float: left;
    font-size: 20px;
    padding: 5px 10px;
    border: solid 1px #e4e4e4;
    background: #ececeb;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    color: #848484;
}
.row_msg .replies .document_viewer .document_preview .prev_details .filename {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #848484;
    white-space: nowrap;
}
.row_msg .replies .document_viewer .document_preview .prev_details .filesize {
    font-size: 10px;
    color: #b3b3b3;
}
.row_msg .replies .document_viewer .document_buttons .button_doc {
    float: left;
    width: 50%;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border-right: solid 1px #f3f3f3;
    color: #848484;
}
.row_msg .replies .document_viewer .document_buttons .button_doc:hover {
    background:#f3f3f3;
}

.row_msg .replies .message_image_prev {
    padding: 5px;
    float: right;
    background: #fff;
    border-radius: 4px;
}
.row_msg .sent .message_image_prev {
    padding: 5px;
    float: left;
    background: #01457b;
    border-radius: 4px;
}

.row_msg .loadmorec {
    position: absolute;
    border: 0;
    bottom: 0;
    padding: 10px;
    text-align: center;
    background: #01457b;
    width: 100%;
    cursor: pointer;
    box-shadow: 0 -1px 10px #00000059;
}

.msgcount_ico {
    padding-top: 7px;
    position: absolute;
    right: 53px;
    top: 10px;
}

.image_u_list .imgrow {
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
}

.navigation_form {
    float: right;
    padding: 0 10px;
    color: #fff;
    font-size: 24px;
    position: relative;
    top: -4px;
}

.navigation_form .next {
    padding-left: 5px;
    padding-right: 40px;
}
.navigation_form .next i {
    right:0;
    left:auto;
}


#wait{
    display:none;
    position:absolute;
      top:50%;
      left:50%;
      z-index:1000;
  }
  
  @-webkit-keyframes line-scale-pulse-out {
    0% {
      -webkit-transform: scaley(1);
      transform: scaley(1);
    }
    50% {
      -webkit-transform: scaley(0.4);
      transform: scaley(0.4);
    }
    100% {
      -webkit-transform: scaley(1);
      transform: scaley(1);
    }
  }
  
  @keyframes line-scale-pulse-out {
    0% {
      -webkit-transform: scaley(1);
      transform: scaley(1);
    }
    50% {
      -webkit-transform: scaley(0.4);
      transform: scaley(0.4);
    }
    100% {
      -webkit-transform: scaley(1);
      transform: scaley(1);
    }
  }
  
  .line-scale-pulse-out > div {
    background-color: #47ECBA;
    width: 10px;
    height: 100px;
    border-radius: 2px;
    margin: 10px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
    animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  }
  
  .line-scale-pulse-out > div:nth-child(2),
  .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: -0.4s !important;
    animation-delay: -0.4s !important;
  }
  
  .line-scale-pulse-out > div:nth-child(1),
  .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: -0.2s !important;
    animation-delay: -0.2s !important;
  }
  

  .datepicker.dropdown-menu {
      z-index:9999 !important;
  }

  .spaceusage {

    position: absolute;
    width: 100%;
    bottom: 0;
    height: 50px;
    left: 0;
    z-index: 99999999999;
    background: #24374a;
    padding: 0 19px;
  }

  .spaceusage .progress {
    margin-bottom: 0;
    margin-top: 20px;
    border-radius: 30px;
  }
  .spaceusage .progress .progress-bar {
      background-color:#009ef5;
  }
  .spaceusage .progress .spacetext {
    color: #fff;
    font-size: 11px;
    float: right;
    right: 20px;
    position: absolute;
    z-index: 999;
    top: 25px;
  }

  .layout-small-menu .spaceusage .progress .spacetext {
    display:none;
  }

  .sidebar-panel > nav {
      padding-bottom:40px;
  }
  .fc-event, .fc-event:hover {
    color:#000 !important;
  }

  .rotate90 {
    transform: rotate(90deg)!important;
    -webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg)!important;
  }
.rotate180 {
    transform: rotate(180deg)  !important;
    -webkit-transform: rotate(180deg)!important;
    -ms-transform: rotate(180deg) !important;
  }
.rotate270 {
    transform: rotate(270deg) !important;
    -webkit-transform: rotate(270deg)  !important;
    -ms-transform: rotate(270deg) !important;
  }

  .lgico {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
  }

  .lgico:hover {
    color:#fff;
  }


  .wysihtml5-sandbox {
    height:80px !important;
  }

  ul.wysihtml5-toolbar .btn{
    height: 20px !important;
    line-height: 20px !important;
    min-width: 20px !important;
  }
  
  .notification_patients {
    float: left;
    width: 100%;
    margin: 10px 0;
  }

  .notification_patients ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .notification_patients ul li {
    float: left;
    width: 100%;
    background: #f5f5f5;
    border-bottom: solid 1px #ccc;
    padding: 6px;
  }

  .notification_patients ul li .details {
    float: left;
    position: relative;
    top: 7px;
    font-size: 14px;
  }

  .notification_patients ul li .actions {
    float:right;
  }

  .undername {
    width:100%;
    float:left;
  }

  .impname {
    font-weight:bold;
  }
  .brand-logo.mini {
    display:none;
  }
  .layout-small-menu .brand-logo {
    display:none;
  }

  .layout-small-menu .brand {
    height:56px;
  }

  .layout-small-menu .brand-logo.mini {
    display: block;
    visibility: visible;
    float: left;
    width: 100%;
    margin-top: 0;
    padding: 5px 0;
  }
  .layout-small-menu .brand-logo.mini img {
    height: 50px;
    width: 50px;
  }

  .noresult {
    width: 100%;
    padding: 10px;
    text-align: center;
    display: table;
  }

  .noresult i {
    font-size: 50px;
  }

  .noresult span {
    width: 100%;
    float: left;
    margin: 20px 0;
    font-size: 16px;
  }

  .dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.patient-box.box-tab .nav-tabs li a {
  padding: 11px 8px;
  overflow: visible;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #00000008;
  margin: 0 2px;
}

.patient-box.box-tab .nav-tabs li:first-child a {
  margin:0;
  margin-right:2px;
}
.patient-box.box-tab .nav-tabs li a i {
  display:none;
}

.patient-box.box-tab .nav-tabs li.active a, .box-tab .nav-tabs li.active a:hover {
  color: #ffffff;
  background: #4dc3d9;
}

.patient-box.box-tab .nav-tabs {
  border-bottom:solid 3px #4dc3d9;
}

.patient-box.box-tab .nav-tabs li a .tab_list_badge {
  width: 20px;
    height: 20px;
    padding: 0;
    top: -11px;
    right: 0;
}

.layout-fixed-header .main-panel > .header.patient-head {
  position: relative;
    width: 100%;
    margin: 0;
    height: auto;
    padding-left: 0;
    background: transparent;
    border: none;
}

.patient-head .profile_data {
  float: left;
    margin: 20px;
    margin-bottom:5px;
}
.patient-head .profile_data .profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
  float: left;
  border: solid 2px #11689f;
  position:relative;
  box-shadow:none;
}

.patient-head .profile_data .profile-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.patient-head .profile_data .profile-pic:hover {
  box-shadow: 0 0 3px #00000096;
}

.patient-head .profile_data .details {
  float: left;
  margin-left: 10px;
  font-size: 12px;
}

.patient-head .profile_data .details .patientname {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.patient-content .box-tab {
  float: left;
  width: 100%;
}

.edit_profile_button {
  font-size: 11px;
  background: transparent;
  color: #333;
  border: none;
  border-radius: 30px;
}
.edit_profile_button:hover {
  background:#f59911;
}

.patient-head.header .navbar-nav {
  position: relative;
  top:30px;
}

.patient-head.header .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  max-height: 59px;
  border-radius: 5px;
    margin-left: 5px;
}

.profile-pic-upload {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #00000070;
  color: #fff;
  border: none;
  width: 100%;
  height: 21px;
  border-radius: unset;
  text-align: center;
  font-size: 10px;
}

.patient-head .profile_data .profile-pic:hover .profile-pic-upload,  .profile-pic-upload.uploading {
  display:block;
}

.app_form_tab {
  width:100%;
  float:left;
}

.app_form_tab ul {
  list-style:none;
  padding:0;
  margin:0;
}
.app_form_tab ul li {
  display: inline-block; 
}
.app_form_tab ul li a {
  padding: 10px 20px;
  float: left;
  border-radius: 30px;
  background: #e4e4e4;
    color: #555;
}   
.app_form_tab ul li.active a,.app_form_tab ul li:hover a {
  background: #0264b0;
  color: #fff;
}

.video-icon-app {
  width: 30px;
  height: 30px;
  background: #2fcc70;
  color: #fff;
  padding: 9px;
  border-radius: 100%;
}

.fc-event.regular-appointment,.fc-event.walkin-appointment {
  background: rgba(0, 159, 255, 0.43) !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-image: initial !important;
  border-left: 4px solid rgb(0, 123, 197)  !important;
  padding: 0 !important;
}
.fc-event.chosed {
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-image: initial !important;
  padding: 0 !important;
}
.fc-event.ev-00b341 {
  background: #00b34169 !important;
  border-left: 4px solid #00b341  !important;
}

.fc-event.ev-e91e63 {
  background: #e91e6378 !important;
  border-left: 4px solid #e91e63  !important;
}

.fc-event.ev-0096fa {
  background: #0096fa63 !important;
  border-left: 4px solid #0096fa  !important;
}


.fc-event.ev-ff9300 {
  background: #ff930091 !important;
  border-left: 4px solid #ff9300  !important;
}

.fc-event.ev-ab00b6 {
  background: #ab00b673 !important;
  border-left: 4px solid #ab00b6  !important;
}

.fc-event.ev-ffeb00 {
  background: #ffeb005e !important;
  border-left: 4px solid #ffeb00  !important;
}

.fc-event.ev-9e9e9e {
  background: #9e9e9e4d !important;
  border-left: 4px solid #9e9e9e  !important;
}

.fc-event.ev-ff2726 {
  background: #ff27268a !important;
  border-left: 4px solid #ff2726  !important;
}

.fc-event.ev-ff2726 {
  background: #ff27268a !important;
  border-left: 4px solid #ff2726  !important;
}

.fc-event.ev-000000 {
  background: #0000005c !important;
  border-left: 4px solid #000000  !important;
}



.fc-event .fc-time{
  padding: 5px;
  display: block;
  box-sizing: border-box;
}
.fc-event .fc-title{
  padding: 5px;
  display: block;
  font-weight: 700;
}
.fc-event.video-visit{
  background: #a7ffeb !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-image: initial !important;
  border-left: 4px solid #368e7a !important;
  padding: 0 !important;
}

.fc-event .fcicon {
  float: left;
  padding: 2px 5px;
}

.fc-event.from_front_end_pending {
  background: linear-gradient(217deg, rgb(253, 158, 101) 0%, rgb(253, 158, 101) 1%, rgb(255, 255, 255) 10%, rgb(253, 158, 101) 3%, rgb(253, 158, 101) 0%) !important;
  border-left:4px solid #e06e2a !important;
}

.fc-event.from_front_end {
  background: linear-gradient(217deg, #009ef5 0%, rgb(0, 158, 245) 1%, rgb(255, 255, 255) 10%, rgb(0, 158, 245) 3%, rgb(0, 158, 245) 0%) !important;
  border-left:4px solid rgb(0, 123, 197)  !important;
}

.fc-event.video-visit.from_front_end_pending {
  background: #a7ffeb !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-image: initial !important;
  border-left: 4px solid #368e7a !important;
}

.fc-event.video-visit.from_front_end {
  background: linear-gradient(217deg, #a8ffeb 0%, rgb(168, 255, 235) 1%, rgb(255, 255, 255) 10%, rgb(168, 255, 235) 3%, rgb(168, 255, 235) 0%) !important;
  border-left: 4px solid rgb(55, 142, 122) !important;
}



.autocomplete {
  position: relative;
}

.autocomplete-results {
  padding: 0;
  margin: 0;
  border: 1px solid #dadada;
  height: auto;
  overflow: auto;
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 9;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: none;
  max-height: 400px;
}

.autocomplete-results .loading {
  font-size: 20px;
}
.autocomplete-result {
  list-style: none;
  text-align: left;
  padding: 4px 2px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-result.is-active,
.autocomplete-result:hover {
  background-color: #0c71fe;
  color: white;
}

.selected-diagnosis {
  padding: 3px 10px 3px 10px;
  background: #0065b140;
  border-radius: 5px;
  border: solid 1px #8cb7d8;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  color: #484848;
  align-items: center;
}

.repeat-groups {
    background: #f1f1f1;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #dbdbdb;
    clear:both;
    float:left;
    width:100%;
    margin-bottom:20px;
}

.pharmacy.selected {
  background: #169dee30 !important;
}

.form-group .error {
  color:#a30;
}
.vs__selected-options {
  overflow: hidden;
}
.vs__selected {
  text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    width: 83%;
    overflow: hidden;
}
.vs__dropdown-toggle {
  background: #fff !important;
    border-radius: 0 !important;
    padding: 4px !important;
}

.medicine_small_list {
  padding:5px;
  list-style:none;
}
.medicine_small_list li {
  padding: 5px 0;
  font-weight: normal;
  font-size: 13px;
}

.med-acts {
  display: flex;
  max-width: 500px;
  justify-content: flex-end;
  width: 100%;
}

.med-acts .checkbox {
  margin-right: 20px;
}

.check-list {
  display:flex;
  align-items: center;
}

.check-list .checkbox-item {
  margin-right:10px;
}

.multiselect__select {
  
  height: 34px !important;
}
.multiselect__tags {
  min-height: 33px !important;
  padding: 6px 36px 0 8px !important;
}
.multiselect__tags input {
  border:none !important;
  margin-bottom:0 !important;
}

.sig_in {
  width: 100%;
}