* {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #eff5f7;
    font-family: 'Roboto-Regular';
}

.wrap {
    float: left;
    width: 100%;
    background: #eff5f7;
    padding: 15px 15px 0;
    min-height: 84vh;
    /*border-left: 1px solid #d2d6de;*/
}

.header-top {
    float: left;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #0b9444;
    /*box-shadow: 0 0 5px 0 rgba(11, 148, 68, 0.75);*/
}

.logo {
    float: left;
    margin: 0;
}

.logo img {
    height: 70px;
    margin: 10px auto;
    text-align: center;
}

.logo span.logo-mini img {
    height: 50px !important;
    margin: 10px 10% 3px 10% !important;
    max-width: 80%;
}

.admin_top {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.admin_top ul.top_menu {
    float: right;
    list-style: none;
    margin-bottom: 0px !important;
}

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

.admin_top ul.top_menu li a {
    float: left;
    width: 100%;
    color: #0b9444;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 13px;
}

.admin_top ul.top_menu li a:hover,
.admin_top ul.top_menu li a:focus,
ul.top_menu li.open a {
    border: 1px solid #0b9444;
}

.admin_top ul.dropdown-menu {
    left: auto;
    right: 0;
}

.admin_top ul.dropdown-menu li a {
    border: none;
    padding: 5px 10px;
    border-radius: 0px;
    color: #3a3a3c;
}

.admin_top ul.dropdown-menu li a:hover,
.admin_top ul.dropdown-menu li a:focus {
    background: #0b9444;
    border: none;
    color: #fff;
}

.footer_bg {
    background: #0b9444;
    padding: 8px 0;
    color: #fff;
    border-top: 1px solid #0b9444;
    float: left;
    width: 100%;
    position: fixed;
    text-align: center;
    bottom: 0;
}

.footer_bg a,
.footer_bg a:hover,
.footer_bg a:focus {
    color: #fff !important;
}

.content_bg_custom {
    float: left;
    width: 100%;
    background: #fff;
    margin: 65px 0 5px 0px;
    /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);*/
    -webkit-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    -moz-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0 0 40px 0;
}

.content_bg_patient_profile {
    float: left;
    width: 100%;
    background: #fff;
    margin: 20px 0 5px 0px;
    /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);*/
    -webkit-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    -moz-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0;
}

.content_bg_pat_details {
    float: left;
    width: 100%;
    background: #fff;
    margin: 0px 0 5px 0px;
    /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);*/
    -webkit-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    -moz-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0;
}

.content_bg {
    float: left;
    width: 100%;
    background: #fff;
    margin: 60px 0 5px 0px;
    /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);*/
    -webkit-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    -moz-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0;
}

.search-field {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    color: #555;
    font-size: 11px;
    line-height: 1.42857;
    padding: 4px 12px;
    height: 30px;
}

.search-field:hover,
.search-field:focus {
    border: 1px solid #0b9444;
}

.main-title {
    /* border-bottom: 2px solid #ddd; */
    color: #00a65a;
    float: left;
    font-size: 18px;
    margin: 0 10px;
    padding-bottom: 0px;
    text-transform: uppercase;
    width: auto;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: -1px;
}

.inner-title {
    color: #777;
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 4px 0px 2px;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
}

.mrgn_top {
    margin-top: 10px !important;
}

.view {
    color: #176fb6;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 2px;
    white-space: nowrap;
}

.view:hover {
    background: #e7e7e7 none repeat scroll 0 0;
    color: #0b9444;
    text-decoration: none;
    border: 1px solid #adadad;
}

.view:focus {
    color: #176fb6 !important;
}

#place_search_select {
    border-bottom: 2px solid #bababa;
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 10px;
    width: 100%;
}


/*.size_1, .size_2, .size_3 {
margin:2px 0;
width:100%;
float:left;
}*/

.size_2 {
    float: left;
    width: 49%;
    margin-left: 1%;
}

.size_3 {
    float: left;
    width: 33%;
    margin-right: 0.33%;
}

@media (max-width:767px) {
    .size_1,
    .size_2,
    .size_3 {
        width: 100% !important;
        margin: 2px 0;
    }
}

span.add_btn {
    float: right;
    font-size: 12px !important;
    text-transform: none;
    background: #176fb6;
    padding: 8px 10px;
    color: #fff;
    margin-bottom: -35px;
    font-weight: bold;
    position: relative;
    z-index: 99;
    width: 120px;
    text-align: center;
    text-transform: uppercase;
}

span.add_btn:hover {
    background: #0b9444;
}

span.add_btn a {
    color: #fff;
    text-decoration: none;
}

.delete_align {
    vertical-align: middle !important;
}

.view_btn {
    float: left;
    width: 100%;
    color: #fff;
    min-height: 30px;
    font-size: 12px !important;
    background: #0b9444;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.view_btn:hover,
.view_btn:focus {
    background: #176fb6;
    color: #fff;
}

.back_btn {
    text-align: center;
    float: left;
    width: 100%;
    color: #fff;
    min-height: 30px;
    font-size: 12px !important;
    background: #176fb6 !important;
    font-weight: bold;
    text-transform: uppercase;
}

.back_btn:hover,
.back_btn:focus {
    background: #0b9444 !important;
    color: #fff;
}

.hr_line {
    border-top: 1px solid #999;
    float: left;
    width: 100%;
    margin: 15px 0;
}

.hr_line_3 {
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.mrgn_top1 {
    margin-top: 20px !important;
}

.nice {
    font-family: arial;
    font-size: 11px;
    float: left;
    width: 100%;
}

.nice .NFI-button {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #466baf;
    background-image: linear-gradient(bottom, #e8e8e8 0%, #d7d7d9 56%);
    background-image: -o-linear-gradient(bottom, #e8e8e8 0%, #d7d7d9 56%);
    background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #d7d7d9 56%);
    background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #d7d7d9 56%);
    background-image: -ms-linear-gradient(bottom, #e8e8e8 0%, #d7d7d9 56%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #1774A3), color-stop(0.56, #0194DD));
    text-shadow: 0px -1px 0px #0172bd;
    border: solid #0172bd 1px;
    border-bottom: solid #00428d 1px;
    color: #fff;
    width: 30%;
    height: 30px;
    line-height: 30px;
    float: left;
}

.nice .NFI-button:hover {
    background: #333;
    text-shadow: 0px -1px 0px #111;
    border: solid #000 1px;
}

.nice .NFI-filename {
    width: 70%;
    border: solid #ccc 1px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #333;
}

.test .NFI-button {
    background-color: #e8e8e8;
    /* 1774A3, 0192DD : A37417, DD9201 */
    background-image: linear-gradient(bottom, #e8e8e8 0%, #ffffff 56%);
    background-image: -o-linear-gradient(bottom, #e8e8e8 0%, #ffffff 56%);
    background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #ffffff 56%);
    background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #ffffff 56%);
    background-image: -ms-linear-gradient(bottom, #e8e8e8 0%, #ffffff 56%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #e8e8e8), color-stop(0.56, #ffffff));
    text-shadow: none;
    border: solid #ccc 1px;
    border-right: none;
    border-bottom: solid #ccc 1px;
    color: #424242;
    line-height: 30px;
}

.test .NFI-button:hover {
    background: #0b9444;
    text-shadow: none;
    border: solid #0b9444 1px;
    color: #fff;
    border-right: none;
}

.test .NFI-filename {
    border: solid #ccc 1px;
    color: #333;
}

.test .NFI-filename:hover,
.test .NFI-filename:focus {
    border: solid #0b9444 1px;
    color: #333;
}

table.left_align thead th,
table.left_align tbody td {
    text-align: left !important;
}

.size_2 h4,
.size_3 h4 {
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
}

.size_2 p,
.size_3 p {
    float: left;
    width: 100%;
    font-size: 11px;
    margin: 5px 0 0;
}

@media(min-width:992px) {
    .width-md-lg {
        width: 20%;
    }
}

.category input[type="checkbox"] {
    margin-top: 1px !important;
}

.border_none {
    border-top: none !important;
}

.tab-content {
    border: 0px solid #176fb6;
    border-top: none;
    padding: 0px;
    float: left;
    width: 100%;
}

ul.tab_links li a {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #f1f1f1;
}

ul.tab_links>li>a:focus,
ul.tab_links>li>a:hover {
    background-color: #f9f9f9;
    text-decoration: none;
}

ul.tab_links>li.active>a,
ul.tab_links>li.active>a:focus,
.ul.tab_links>li.active>a:hover {
    background: #176fb6 !important;
    color: #fff !important;
    border: 1px solid #176fb6 !important;
}

.text1 {
    font-weight: bold !important;
    color: #176fb6;
}

.text2 {
    font-weight: bold;
    color: #333;
    background: #ccc !important;
}

.text3 {
    font-weight: bold;
    color: #176fb6;
    background: #ddd !important;
}

.btn_top {
    margin-bottom: 0px !important;
    margin-top: -14px !important;
}

.small_size {
    width: 10%;
    padding: 0 2px;
}

.small_size_btn {
    float: right;
    padding: 0 15px 0 2px;
    width: 10%;
}

@media (max-width:767px) {
    .small_size {
        padding: 0 15px !important;
        width: 100% !important;
    }
    .small_size_btn {
        margin-bottom: 15px;
        padding: 0 15px !important;
        width: 100% !important;
    }
    .small_size_btn label {
        display: none;
    }
    .mobile_btn {
        margin-bottom: 15px;
        padding: 0 15px !important;
        width: 100% !important;
    }
    .mobile_btn label {
        display: none;
    }
    .main-title {
        font-size: 15px !important;
        margin: 0 5px !important;
    }
    ul.tab_links>li {
        margin-bottom: 1px !important;
        width: 100% !important;
    }
    ul.tab_links li a {
        border: 1px solid #ddd !important;
        margin-right: 0px !important;
    }
}

.menu_list {
    float: left;
    width: 95%;
    margin-left: 5%;
    margin-bottom: 0px;
    list-style: none;
}

.menu_list li {
    float: left;
    width: 100%;
    margin: 4px 0;
}

.menu_list li a {
    float: left;
    width: auto;
    font-size: 14px;
    font-weight: bold;
}

.menu_list li a:hover {
    color: #0b9444;
    text-decoration: none;
}

@media (min-width:768px) and (max-width:1199px) {
    .small_size {
        padding: 0 15px !important;
        width: 20% !important;
    }
    .heading {
        font-size: 24px !important;
        margin-top: 10px !important;
    }
    .inner-menu {
        padding-left: 5px !important;
    }
    .small_size_btn {
        padding: 0 15px !important;
        width: 20% !important;
        float: left !important;
    }
    .wrap {
        min-height: 92vh !important;
    }
    textarea.form-control {
        height: 42px !important;
    }
}

@media (min-width:992px) and (max-width:1300px) {
    .wrap {
        min-height: 92vh !important;
    }
    textarea.form-control {
        height: 42px !important;
    }
}

.form-group .bootstrap-select {
    width: 100%;
}

.popup_title {
    border-bottom: 1px solid #0b9444;
    margin: 0px;
}

.popup_title span {
    background: #fff none repeat scroll 0 0;
    color: #0b9444;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.modal-body .form-group {
    float: left;
    width: 100%;
}

.collapse textarea {
    margin-bottom: 2px;
}

.header_top {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #0b9444;
}

.header_top a img {
    height: 60px;
}

.login_bg {
    float: left;
    margin: 80px 10% 50px;
    width: 80%;
    background: #fff;
    padding: 20px 10px 25px;
    text-align: center;
    box-shadow: 0 0 5px #ccc;
}

.login_bg h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #0b9444;
    margin: 20px 0;
    font-weight: bold;
}

.login_input {
    background: #f5f5f5;
    border: none;
    border-bottom: 1px solid #c9d2d7;
    padding: 8px;
    text-align: center;
    float: left;
    width: 90%;
    margin: 0 5% 15px;
    font-size: 16px;
    height: auto;
    color: #0b9444;
    font-weight: 400;
}

.login_input:hover,
.login_input:focus {
    border-bottom: 1px solid #0b9444 !important;
}

.agree_test {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #777;
}

.signin_btn {
    float: left;
    width: 70%;
    margin: 10px 15%;
    padding: 8px;
    background: #0086d4;
    color: #fff;
    border-radius: 2px !important;
    font-size: 15px;
    font-weight: bold;
}

.forgot_btn {
    float: left;
    width: 70%;
    margin: 5px 15%;
    padding: 8px;
    background: #e8372d;
    color: #fff;
    border-radius: 2px !important;
    font-size: 15px;
    font-weight: bold;
}

.req_btn {
    float: left;
    width: 70%;
    margin: 5px 15%;
    padding: 8px;
    background: #63bd67;
    color: #fff;
    border-radius: 2px !important;
    font-size: 15px;
    font-weight: bold;
}

.signin_btn:hover,
.signin_btn:focus,
.forgot_btn:hover,
.forgot_btn:focus,
.req_btn:hover,
.req_btn:focus {
    color: #fff;
    opacity: 0.8;
}

.signin_btn span.glyphicon,
.forgot_btn span.glyphicon,
.req_btn span.glyphicon {
    float: left;
    margin-top: 3px;
}

.login_hr {
    float: left;
    width: 100%;
    margin: 15px 0;
    border-bottom: 1px solid #eaeaea;
}

@media (max-width:767px) {
    .login_bg {
        padding: 20px 5px !important;
        margin: 80px 0 50px !important;
        width: 100% !important;
    }
    textarea.form-control {
        height: 40px !important;
    }
}

.login_logo {
    height: 115px;
    margin: -80px auto 0;
    width: 115px;
    border: 4px solid #0b9444;
    border-radius: 50%;
    margin: -82px auto 0;
    background: #fff;
}

.login_logo a img {
    margin: 12px auto;
    width: 75px;
}

@media (min-width:992px) {
    .width_50 .collapse {
        float: left;
        width: 49%;
        margin: 0 0.5%;
    }
    .void_check .col-md-4,
    .void_check .col-md-6 {
        padding: 0 5px;
    }
}

@media (max-width:767px) {
    .mrgn_none1 {
        margin: 0px !important;
    }
}

@media (max-width:991px) {
    .content_bg_left {
        width: 100% !important;
    }
    .page_right {
        width: 100% !important;
        padding: 10px 0 !important;
    }
}

@media (min-width:992px) {
    .cpt_info .small_size {
        padding: 0 0 0 15px !important;
        width: 16% !important;
    }
    .cpt_info .small_size_btn {
        float: left !important;
        padding: 0 0 0 15px !important;
        width: 16% !important;
    }
}

.content_bg_left {
    width: 70%;
}

.page_right {
    float: right;
    width: 29%;
    background: #fff;
    padding: 5px;
    margin: 0 0 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.btn_signin {
    background: none;
    border: none;
}

.sub_title {
    color: #176fb6;
    font-size: 17px;
    margin-bottom: 2px;
    margin-top: 20px;
}

.hr_line1 {
    border-top: 2px solid #ddd;
    padding-top: 15px;
}

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

.nice {
    font-family: arial;
    font-size: 12px;
    float: left;
    width: 100%;
}

.nice .NFI-button {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #466baf;
    background-image: linear-gradient(bottom, #e8e8e8 0%, #d7d7d9 56%);
    background-image: -o-linear-gradient(bottom, #e8e8e8 0%, #d7d7d9 56%);
    background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #d7d7d9 56%);
    background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #d7d7d9 56%);
    background-image: -ms-linear-gradient(bottom, #e8e8e8 0%, #d7d7d9 56%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #1774A3), color-stop(0.56, #0194DD));
    text-shadow: 0px -1px 0px #0172bd;
    border: solid #0172bd 1px;
    border-bottom: solid #00428d 1px;
    color: #fff;
    width: 30%;
    height: 40px;
    line-height: 40px;
    float: left;
}

.nice .NFI-button:hover {
    background: #333;
    text-shadow: 0px -1px 0px #111;
    border: solid #000 1px;
}

.nice .NFI-filename {
    width: 70%;
    border: solid #DCDCDC 1px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #333;
}

.test .NFI-button {
    background-color: #e8e8e8;
    /* 1774A3, 0192DD : A37417, DD9201 */
    background-image: linear-gradient(bottom, #e8e8e8 0%, #ffffff 56%);
    background-image: -o-linear-gradient(bottom, #e8e8e8 0%, #ffffff 56%);
    background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #ffffff 56%);
    background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #ffffff 56%);
    background-image: -ms-linear-gradient(bottom, #e8e8e8 0%, #ffffff 56%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #e8e8e8), color-stop(0.56, #ffffff));
    text-shadow: none;
    border: solid #DCDCDC 1px;
    border-right: none;
    border-bottom: solid #DCDCDC 1px;
    color: #424242;
    line-height: 40px;
}

.test .NFI-button:hover {
    background: #0b9444;
    text-shadow: none;
    border: solid #0b9444 1px;
    color: #fff;
    border-right: none;
}

.test .NFI-filename {
    border: solid #DCDCDC 1px;
    color: #333;
}

.test .NFI-filename:hover,
.test .NFI-filename:focus {
    border: solid #0b9444 1px;
    color: #333;
}

.color_1 {
    color: #176fb6 !important;
    font-weight: bold;
}

#manuval_search input[type="checkbox"],
#allocare_btn input[type="checkbox"] {
    float: left;
    line-height: normal;
    margin: 2px 4px 0 0 !important;
}

.graph_img {
    float: left;
    width: 100%;
    text-align: center;
}

.graph_img img {
    margin: 10px auto 0;
}

td input.form-control {
    min-width: 100px;
}

.chart_special {
    color: #176fb6;
    display: inline-block;
    font-weight: bold;
    text-align: center;
}

.report_link {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #fff !important;
    color: #fff !important;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0 !important;
    width: 88%;
}

.sidebar-collapse .report_link {
    width: 100% !important;
}

.dataTable tr td input[type="checkbox"] {
    float: left;
    margin-right: 5px;
    margin-top: 2px !important;
}

.context_view td span {
    cursor: pointer;
}

.context-50 {
    float: left;
    width: 50%;
}

@media (max-width:767px) {
    .accuracy_list {
        float: left;
        margin-top: 0;
        position: relative;
        z-index: 99999;
    }
    .accuracy_list .form-group {
        float: left;
        margin-right: 0%;
        width: 100%;
        padding: 0 !important;
    }
    .accuracy_list .form-group:last-child {
        margin-right: 0px !important;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .main-header {
        width: 100% !important;
    }
    .new-login {
        width: 60%;
    }
    .leftdata img {
        margin: 0 auto;
        float: none;
    }
    .med_his_view ul li {
        width: 50%;
    }
    .from_days {
        float: left;
        width: 37%;
        margin: 0;
        padding: 0;
    }
    .content_bg3 {
        height: 72vh !important;
    }
    .content_bg4 {
        height: 64vh !important;
    }
    .from_days input {
        width: 59%;
    }
    .complaints_view input[type="checkbox"]+label {
        width: 90%;
        margin: 0;
    }
    .complaints_view span {
        width: 15% !important;
    }
    #sidebar {
        height: 90vh !important;
    }
    .clinic_notes span.new-inner {
        width: 100%;
    }
    .complaints1 {
        width: 98%;
    }
    .recent_app ul li span {
        width: 18%;
        margin: 0 5px 10px 5px;
    }
    .accuracy_list {
        float: left;
        margin-top: 0;
        position: relative;
        z-index: 99999;
    }
    .accuracy_list .form-group {
        float: left;
        margin-right: 2%;
        width: 32%;
    }
    .accuracy_list .form-group:last-child {
        margin-right: 0px !important;
    }
}

@media (min-width:992px) {
    .ar_mrgn {
        margin-bottom: 28px !important;
    }
    .accuracy_list {
        float: left;
        margin-top: 35px;
        position: absolute;
        z-index: 9;
    }
    .accuracy_list .form-group {
        float: left;
        width: 30%;
        margin: 0 1%;
    }
}

.popover-1 {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: block;
    float: right;
    margin-top: 12px;
    max-width: 100%;
    padding: 15px;
    position: relative;
    top: 0;
    width: auto;
    z-index: 99;
}

.popover-1.bottom .arrow::after {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-width: 0 11px 11px;
    left: -11px;
    top: -1px;
}

.popover-1 .arrow::after {
    content: "";
    z-index: -1;
}

.popover-1 .arrow,
.popover-1 .arrow::after {
    border-color: transparent;
    border-style: solid;
    display: inline-block;
    height: 0;
    position: absolute;
    width: 0;
}

.popover-1.bottom .arrow {
    border-bottom-color: #fff;
    border-width: 0 10px 10px;
    margin-left: -10px;
    right: 55px;
    top: -10px;
}

.cursor-1 {
    cursor: pointer;
}

.charts_title {
    font-size: 15px;
    float: left;
    width: 175px;
    padding-top: 10px;
}

.charts_title a.cursor-1 {
    font-size: 15px;
    margin-left: 5px;
}

#previous-chart {
    float: left;
    width: auto;
    padding-left: 1%;
    max-width: 100%;
}

#previous-chart .popover-1 {
    float: left;
    display: inline-block;
}

@media (max-width:767px) {
    .popover-1.bottom-1 .arrow {
        margin-left: 120px !important;
        left: auto !important;
    }
    #previous-chart .popover-1 {
        margin-top: 15px !important;
    }
    .charts_title {
        margin-bottom: 0px !important;
    }
}

@media (max-width:991px) {
    .charts_title {
        margin-bottom: 5px !important;
    }
    .popover-1.bottom .arrow {
        left: 120px;
    }
    #previous-chart {
        padding-left: 0 !important;
    }
    .popover-1.bottom-1 .arrow::after {
        border-bottom-color: rgba(0, 0, 0, 0.25);
        border-width: 0 11px 11px;
        left: -11px;
        top: -1px;
    }
    .popover-1.bottom-1 .arrow {
        border-bottom-color: #fff;
        border-width: 0 10px 10px;
        margin-left: 120px !important;
        left: auto !important;
        top: -10px;
    }
}

@media (min-width:992px) {
    .popover-1.right .arrow::after {
        border-right-color: rgba(0, 0, 0, 0.25);
        border-width: 11px 11px 11px 0;
        bottom: -11px;
        left: -1px;
    }
    .popover-1.right .arrow {
        border-right-color: #fff;
        border-width: 10px 10px 10px 0;
        left: -10px;
        margin-top: 0px;
        top: 12%;
    }
    .popover-1.right {
        margin-top: 0px !important;
    }
    .popover-1.bottom {
        margin-top: 10px !important;
    }
    .table-responsive {
        overflow-x: visible !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .charts_title {
        width: 20% !important;
    }
    #previous-chart {
        width: 80% !important;
    }
}

table.table-bordered {
    border-bottom: 1px solid #f4f4f4 !important;
}

table.dataTable.display tbody tr.odd,
table.dataTable.stripe tbody tr.odd {
    background-color: none !important;
}

.top_list {
    float: right;
    padding: 0px;
    margin: 8px 0 10px 0;
}

.top_list>li {
    float: left;
    list-style: none;
    color: #ffffff;
    font-size: 14px;
    margin: 0px 0px 0px 10px;
    border-radius: 0px;
    font-family: 'Roboto-Regular';
}

.cancel {
    float: left;
    background-color: #f56767;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Roboto-Regular';
    border: none;
    color: #fff;
    padding: 11px 20px;
    margin: 0;
}

.cancel:hover,
.cancel:focus {
    float: left;
    background-color: #ef4848;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 11px 20px;
    font-family: 'Roboto-Regular';
    outline: 0;
}

.save {
    float: left;
    background-color: #0099ff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 12px 20px;
    margin: 0px;
    font-style: normal;
    cursor: pointer;
}

.save:hover,
.save:focus {
    float: left;
    background-color: #038ae4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 12px 20px;
    font-style: normal;
}

.save input[type="submit"] {
    background: transparent !important;
    border: 0px solid transparent !important;
    outline: 0;
}

.top_list>li a {
    font-size: 15px;
    border: none !important;
    color: #fff;
}

.top_list>li:last-child {
    border-right: none !important;
}

.cpt_info .small_size-s1 {
    width: 24% !important;
}

.right_view {
    background: #e7e7e7 none repeat scroll 0 0;
    color: #0b9444;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    text-decoration: none;
    padding: 4px 8px;
    border: 1px solid #adadad;
    border-radius: 2px;
    white-space: nowrap;
}

.right_view:hover,
.right_view:focus {
    background: #0b9444 none repeat scroll 0 0;
    color: #fff !important;
    text-decoration: none;
    border: 1px solid #0b9444;
}

.title_right {
    margin-top: -5px;
    float: right;
}

.sidebar-collapse table.dataTable tbody td.single_line {
    white-space: nowrap !important;
}

.sidebar-collapse table.dataTable tbody td.right_1 {
    padding-right: 20px !important;
}

td.single_line label {
    font-weight: normal !important;
}

td.single_line input[type="radio"] {
    float: left;
    margin: 1px 2px 0 0 !important;
}

.popover-1.bottom_b1 {
    margin-right: 15px!important;
}

.popover-1.bottom_b1 .arrow {
    left: 34% !important;
}

#Production_view {
    padding: 0px;
    margin-top: -8px;
}

#Production_view .popover-1 {
    margin-bottom: 10px;
}

.submit_list {
    float: left;
    width: 100%;
    text-align: center;
}

.submit_list p {
    font-size: 13px;
    font-weight: bold;
}

.submit_list .btn {
    float: none !important;
    width: auto !important;
}

.header_close {
    padding: 10px !important;
}

.header_close button.close {
    position: relative;
    z-index: 99;
}

#mtd_view .popover-1.bottom_b1,
#myMTD .popover-1.bottom_b1 {
    margin-left: -10px !important;
}

#mtd_view .popover-1.bottom_b1 .arrow {
    left: 10% !important;
}

#myMTD .popover-1.bottom_b1 .arrow {
    left: 10% !important;
}

#total_list #audit_list1 .popover-1.bottom_b1 .arrow,
#total_list1 #audit_list1 .popover-1.bottom_b1 .arrow {
    left: 5% !important;
}

#myTotal-val #audit_list2 .popover-1.bottom_b1 .arrow {
    left: 5% !important;
}

#myTotal-val .modal-body {
    width: 100%;
    display: inline-block !important;
    margin-bottom: 10px;
}

#myTotal-val1 #audit_list2 .popover-1.bottom_b1 .arrow {
    left: 8% !important;
}

#month_list {
    padding-left: 0px;
}

#month_list .popover-1.bottom_b1 {
    margin-right: 0px !important;
}

#month_list .popover-1.bottom_b1 .arrow {
    left: 8% !important;
}

#Month-1 .popover-1.bottom_b1 .arrow {
    left: 8% !important;
}

#myTotal-val .popover-1.bottom_b1 .arrow {
    left: 182px !important
}

#myTotal-val1 .popover-1.bottom_b1 .arrow {
    left: 160px !important
}

#total_list .popover-1.bottom_b1 .arrow,
#total_list1 .popover-1.bottom_b1 .arrow {
    left: 182px !important
}

#total_list .popover-1.bottom_b1,
#total_list1 .popover-1.bottom_b1 {
    margin-left: 0px;
}

#myTotal-val .popover-1.bottom_b1 {
    margin-left: 0px;
}

#total_list #audit_list1 .popover-1.bottom_b1,
#total_list1 #audit_list1 .popover-1.bottom_b1,
#myTotal-val #audit_list2 .popover-1.bottom_b1 {
    margin-left: 5px !important;
}

iframe html body #outerContainer {
    float: left;
}

#view_pdf #toolbarViewerRight #print,
#view_pdf #toolbarViewerRight #download,
#view_pdf #toolbarViewerRight #viewBookmark {
    display: none;
}

#agree {
    float: left;
    margin: 1px 5px 0 0 !important;
}

.table-responsive.large_table {
    overflow-x: auto !important;
}

@media (min-width:992px) {
    .manage_view {
        min-width: 50% !important;
        width: 80% !important;
    }
    .manage_view .popover-1 {
        width: 100% !important;
    }
    .manage_view .popover-1.right .arrow {
        top: 5% !important;
    }
}

#pending_1 .popover-1 {
    margin-left: 40px;
    float: left;
}

#pending_1 .popover-1.bottom .arrow {
    right: 5px !important;
}

#pending_3 .popover-1,
#pending_4 .popover-1,
#pending_5 .popover-1 {
    float: left;
    margin-left: 5px;
}

#pending_2 .popover-1 {
    margin-left: 30px;
    float: left;
}

#pending_2 .popover-1.bottom .arrow {
    left: 42%;
}

.main_report {
    padding-bottom: 30px !important;
}

.main_report .accuracy_list {
    margin: 0px !important;
    position: relative !important;
}

.main_report .accuracy_list .form-group {
    margin: 0 1% 15px 0 !important;
}

.move_text {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e0e0;
    color: #176fb6;
    float: left;
    font-weight: bold;
    font-size: 15px;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    width: 100%;
}

@media (max-width:767px) {
    .move_text {
        margin-bottom: 5px;
    }
    .cpt_info .small_size-s1 {
        width: 100% !important;
    }
}

#Apply_btn {
    width: 100%;
    margin-bottom: 20px;
}

.select_table tbody td .example_select {
    width: 90px;
}

.under_1 .view:hover {
    text-decoration: underline;
}

.medicare_btn {
    background: #0b9444 none repeat scroll 0 0;
    border-radius: 2px !important;
    color: #fff;
    float: left;
    font-weight: bold;
    font-size: 12px !important;
    margin-top: -7px;
    line-height: 28px;
    text-align: center;
    padding: 0 8px;
}

.void_list1 input[type="checkbox"] {
    margin-top: 1px !important;
}

.void_list1 .checkbox {
    margin: 0px !important;
}

table.dataTable tbody td:first-child.void_btn1 {
    text-align: center !important;
}

.void_btn1 a.view {
    display: inline-block;
}

#my-production,
#my-production-2 {
    float: left;
    width: 100%;
}

#my-production .popover-1,
#my-production-2 .popover-1 {
    float: left;
}

#my-production .popover-1.bottom .arrow,
#my-production-2 .popover-1.bottom .arrow {
    left: 76% !important;
}

#line_1,
#line_2 {
    padding-left: 0px;
}

#line_3,
#line_4 {
    padding: 0px;
}

.audit_inner {
    float: left;
    width: 98%;
    margin: 1%;
}

.select_table textarea {
    min-width: 200px;
}

.audit_inner .checkbox label {
    line-height: 22px;
}

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

.audit_align1 .checkbox {
    display: inline-block;
    float: left;
    width: 50%;
    margin-top: 0 !important;
}

.audit_align1 .collapse.in {
    display: inline-block;
    width: 50%;
}

.audit_align1 .collapse.in .example_select {
    width: 100% !important;
}

.chart_no {
    float: left;
}

.chart_no input {
    float: left;
    width: 43%;
}

.chart_no span {
    float: left;
    width: 57%;
    line-height: 32px;
    padding-left: 5px;
}

.audited_text p {
    float: left;
    width: 20%;
}

.audited_text .popover-1 {
    float: right;
    width: 79%;
}

.audited_text .popover-1.right .arrow {
    top: 3% !important;
}

.full_size1 .checkbox {
    width: 20%;
    text-align: left;
    float: left;
    margin: 0px;
}

.full_size1 {
    float: left;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #dfdfdf;
}

.full_size1:last-child {
    border-bottom: none !important;
}

.full_size1 span {
    float: right !important;
    width: 80%;
    text-align: right;
}

.popover_table {
    float: left;
    width: 100%;
    margin: 10px 0 15px;
    border: 1px solid #ddd;
}

.popover_table tr th {
    padding: 8px 10px;
    text-align: center;
    color: #0b9444;
    font-family: 'Roboto-Regular';
    text-transform: uppercase;
}

.popover_table tr td {
    padding: 6px 10px;
    text-align: center;
}

.popover_table table.table-bordered tbody td:first-child::before,
.popover_table table.table-bordered tbody td:first-child,
.popover_table table.table-bordered tbody th:first-child {
    content: none !important;
    padding: 6px 10px !important;
    text-align: center !important;
}

#total_list1 .popover-1.bottom_b1 .arrow {
    left: 160px !important;
}

#Audited_view1 .popover-1.bottom_b1 .arrow {
    left: 60% !important;
}

#aa_list1 .popover-1.bottom_b1 .arrow,
#aa_list2 .popover-1.bottom_b1 .arrow {
    left: 60% !important;
}

@media (min-width:992px) {
    .suspend_1 {
        padding: 0 3px !important;
    }
    .suspend_2 {
        padding-left: 3px !important;
    }
}

#total_list1 .popover-1,
#myTotal-val1 .popover-1 {
    min-width: 50%;
}

.mrgn_top2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

#Suspend-view .popover-1 {
    float: left;
    margin-left: 15px;
}

#Suspend-view .popover-1.right .arrow {
    top: 55%;
}

#charts-audit .popover-1.bottom-1 .arrow,
#charts-audit-1 .popover-1.bottom-1 .arrow {
    left: 77% !important;
}

.super_mrgn {
    margin-top: 1px !important;
}

table.dataTable .popover_table table thead tr:first-child th:first-child,
table.dataTable .popover_table table tbody tr:first-child td:first-child {
    text-align: center !important;
}

.auditor_list {
    float: left;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 0px;
    text-align: right;
}

.chart_1 {
    float: left;
    width: 75%;
}

.chart_2 {
    float: left;
    width: 25%;
    text-align: center;
    background: #e7e7e7 none repeat scroll 0 0;
    border: 1px solid #adadad;
    border-radius: 2px;
    color: #0b9444;
    font-weight: bold;
    font-size: 11px;
    padding: 4px 8px;
    text-decoration: none;
    white-space: nowrap;
    margin-top: 5px;
    font-family: 'Roboto-Regular';
}


/* 3rd/Oct */

.btn_right1 {
    float: right;
    margin-top: -14px;
}

#Stats-1,
#Stats-2,
#Stats-3,
#Stats-4 {
    float: left;
    width: 100%;
}

.chart_list1 {
    float: left;
    margin-top: 10px !important;
}

.chart_left input {
    float: left;
    width: 46% !important;
}

.chart_main input {
    float: left;
    margin-left: 6%;
    margin-right: 2%;
    width: 40% !important;
}

.chart_main1 input {
    float: left;
    margin-left: 0;
    margin-right: 2%;
    width: 46% !important;
}

.chart_left-1 .chart_inner {
    float: left;
    width: 100% !important;
}

.chart_left-1 input[type="checkbox"] {
    float: left;
    width: 15px !important;
    margin-top: 12px !important;
}

.chart_left-1 .chart_inner .collapse.in,
.chart_left-1 .chart_inner input[type="text"] {
    float: left;
    display: inline-block;
    margin-right: 5px;
    width: 63% !important;
}

.chart_left-2 .chart_inner .collapse.in,
.chart_left-2 .chart_inner input[type="text"] {
    width: 50% !important;
}

.chart_list1 input {
    width: auto !important;
    margin: 2px 8px 0 !important;
}

.chart_list1 input.collapsed {
    float: left;
    width: auto !important;
}

.chart_list1 .collapse.in {
    width: auto !important;
    display: inline-block;
}

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

.para_list {
    float: left;
    line-height: 24px;
    width: 88%;
}

.void_btn1 .popover.right {
    min-width: 300px;
}

.change_id {
    background: #0b9444 none repeat scroll 0 0;
    border-radius: 2px !important;
    color: #fff;
    float: right;
    font-weight: bold;
    font-size: 12px !important;
    line-height: 32px;
    margin-top: 24px;
    padding: 0 20px;
    text-align: center;
    width: auto;
}

.chart_title {
    float: right;
    margin-top: -8px;
    cursor: pointer;
}

.right_chart {
    background: #f7f7f7;
    border: 1px solid #adadad;
    border-radius: 2px;
    color: #0b9444;
    font-weight: bold;
    font-size: 13px;
    padding: 6px 15px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    text-transform: none;
    font-weight: bold;
}

.right_chart:hover,
.right_chart:focus {
    background: #0b9444;
    border: 1px solid #0b9444;
    color: #fff;
}

.sidebar-collapse table.dataTable.th-white-space1 thead th {
    white-space: normal !important;
}


/* 6th- OCT */

.btm_align {
    padding-bottom: 30px !important;
}

.push_list1 .sub_title {
    border-bottom: 1px dotted #176fb6;
    margin-top: 0 !important;
}

.push_list1 input[type="checkbox"] {
    margin-top: 1px !important;
}

.push_list1 .checkbox {
    margin-bottom: 2px !important;
}

.push_list1 textarea {
    margin-bottom: 5px !important;
    width: 100% !important;
}

.box_view {
    float: left;
    width: 100% !important;
}

.box_view input[type="checkbox"] {
    margin-top: 1px !important;
}

.dataTables_wrapper .bootstrap-select.btn-group .btn .filter-option {
    text-transform: uppercase !important;
}

.login_header {
    float: left;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #dadada;
    text-align: center;
}

.login_header img {
    margin: 10px auto;
}

#Waiting-view .popover-1.bottom .arrow,
#Updated-view .popover-1.bottom .arrow {
    right: 40px !important;
}

#complete_list .popover-1.bottom .arrow {
    right: 45% !important;
}

#Pended table,
#Waiting table,
#Updated table,
#Suspended table {
    float: left;
    width: 100%;
}

.cm_select .bootstrap-select>.selectpicker {
    background-color: #176fb6 !important;
    border-color: #176fb6 !important;
    color: #fff !important;
    height: 34px !important;
}

.cm_select .bootstrap-select>.selectpicker .filter-option {
    font-size: 13px !important;
    font-weight: bold !important;
}

.cm_select .bootstrap-select.btn-group .dropdown-menu {
    z-index: 2147483647 !important;
}

.ds_down {
    right: 125px !important;
    margin-top: 0px !important;
}

.ds_down .form-group {
    width: 100% !important;
}

.ds_chart1 .popover-1 {
    width: 100%;
    margin-top: 0 !important;
    /*  position: absolute !important;
right: 14px !important;
top: 38px !important;
z-index: 99;*/
}

.ds_chart1 .popover-1 .audit_align1 {
    margin: 0 0.5%;
    min-height: 34px;
    width: 19% !important;
}

.ds_chart1 .popover-1.bottom .arrow {
    right: 28px !important;
}

.ds_chart1 .bootstrap-select {
    margin-bottom: 3px !important;
}

.ds_chart1 input[type="checkbox"] {
    margin-top: 1px !important;
}

.suspended_text {
    float: left !important;
    margin-top: 0px !important;
    min-width: 300px !important;
    top: -8px !important;
}

.full_size2 {
    border-bottom: 1px solid #dfdfdf;
    float: left;
    padding: 0 0 2px;
    width: 100%;
}

.full_size2 span {
    float: right !important;
    text-align: left;
    width: 100%;
}

.browse_link .nicefileinput {
    width: 80% !important;
}

.browse_link a.view {
    float: right;
    margin-top: 8px;
}

#day_list,
#day_list1 {
    padding: 0px;
}

#day_list .popover-1.bottom_b1,
#day_list1 .popover-1.bottom_b1 {
    margin-right: 0px !important;
    width: 100% !important;
}

#day_list .popover-1.bottom_b1 .arrow,
#day_list1 .popover-1.bottom_b1 .arrow {
    left: 4% !important;
}


/* Data Mapper CSS */

.dm_mrgn {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.dm_hr {
    border-top: 2px solid #f3f3f3;
    float: left;
    width: 100%;
    margin: 40px 0 15px;
}

.dm_bg {
    padding-bottom: 25px !important;
}

.dm_mrgn h2.inner-title {
    margin-bottom: 20px !important;
}

.add_list_btn {
    float: right;
    width: auto;
}

.add_list_btn1 {
    width: auto;
    display: block;
    margin-top: 21px !important;
}

.add_title1 {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #00a65a;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: bold;
}

.add_title2 {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #176fb6;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.md_check {
    margin-top: 30px;
}

.md_check label {
    font-weight: bold !important;
}

.md_check label input {
    margin-top: 2px !important;
}

.doc_right {
    margin-top: -8px !important;
}

.doc_right .right_view {
    padding: 6px 8px !important;
}

.doc_right .right_view .glyphicon {
    top: 4px !important;
    font-size: 16px !important;
}

.view_disable {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 2px;
    white-space: nowrap;
    color: #176fb6;
    opacity: 0.5;
    border: 1px solid #adadad;
}

.title_doc {
    color: #176fb6 !important;
    text-transform: none !important;
    font-size: 13px !important;
}

.disable_btn {
    float: left;
    width: 100%;
    color: #fff !important;
    min-height: 30px;
    font-size: 12px !important;
    background: #0b9444;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    opacity: 0.5;
    cursor: not-allowed;
    outline: 0px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: none;
    outline-offset: none !important;
}

.doc_queue_list {
    color: #176fb6 !important;
    font-size: 13px !important;
    font-weight: bold;
}

.code_delete1 {
    border-radius: 30px !important;
    width: 30px !important;
    padding: 0px !important;
    height: 30px !important;
    text-align: center !important;
    margin-top: 21px !important;
}

.code_delete1 .glyphicon {
    font-size: 14px;
    top: 3px !important;
}

.search {
    float: left;
    margin-top: 5px;
}

.search-text {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #cfcfcf;
    padding: 9px 10px 8px 10px;
    font-family: 'Raleway-Light';
    font-size: 13px;
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    float: left;
}

.search-but {
    float: left;
    background-color: #4bca81;
    padding: 8px 10px 10px 10px;
    border: 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.search-but:hover {
    background-color: #299356;
}

.search-but .fa-search {
    font-size: 15px;
    color: #fff;
}

.notification {
    float: right;
    margin-top: 5px;
    margin-right: 6px;
}

.notification a i {
    float: left;
    margin-top: 10px;
    font-size: 19px;
    color: #909090;
}

.new-badge {
    display: inline-block;
    min-width: 10px;
    padding: 4px 6px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #f56767;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-left: -10px;
}

.profile {
    width: 34px;
    height: 34px;
    float: left;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #d1d1d1;
}

.header_right {
    float: right;
}

.admin_right {
    float: left;
    margin-top: 0px;
    margin-right: 0px;
}

.dropdown .admin_content {
    float: left;
    background: none;
    color: #333;
    font-weight: normal;
    margin-top: 0px;
    font-size: 13px;
    margin-right: 5px;
    border: 1px solid transparent;
    padding-top: 4px;
    padding-bottom: 4px;
}

.admin_right .admin_content img {
    width: 34px;
    height: 34px;
    float: left;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 6px;
}

.admin_right .dropdown-menu {
    left: 0px !important;
    right: 0px;
}

.icons_left_person .dropdown-menu {
    right: 5px;
    left: auto !important;
    min-width: 170px;
    margin-top: 16px;
    background: #fff;
    border: 0px solid #c6c6c6;
    -moz-box-shadow: 0 0px 15px -2px #a1a1a1;
    -o-box-shadow: 0 0px 15px -2px #a1a1a1;
    -webkit-box-shadow: 0 0px 15px -2px #a1a1a1;
    box-shadow: 0 0px 15px -2px #a1a1a1;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.icons_left_person .dropdown-menu:after,
.icons_left_person .dropdown-menu:before {
    bottom: 100%;
    left: 80%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.icons_left_person .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.icons_left_person .dropdown-menu:before {
    /*  border-color: rgba(51, 51, 51, 0);
border-bottom-color: #7e7e7e;
border-width: 11px;*/
    margin-left: -11px;
}

.icons_left_person .dropdown-menu li {
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    width: 100%;
}

.icons_left_person .dropdown-menu li a b {
    font-size: 12px;
}

.icons_left_person .dropdown-menu li b {
    font-size: 15px;
}

.icons_left_person .dropdown-menu li:first-child {}

.icons_left_person .dropdown-menu li a:last-child {
    border-bottom: none;
}

.icons_left_person .dropdown-menu li a {
    color: #777;
    padding: 12px 10px 15px 10px !important;
    line-height: 14px;
    display: block;
    text-decoration: none;
    font-size: 13px;
    float: left;
    width: 100%;
    font-family: 'Roboto';
    border-bottom: 1px solid #d4d4d4 !important;
}

.icons_left_person .dropdown-menu li a:hover {
    color: #333333;
    padding: 12px 10px 15px 10px !important;
    line-height: 14px;
    display: block;
    text-decoration: none;
    font-size: 13px;
    float: left;
    background-color: #f1f1f1;
    width: 100%;
    font-family: 'Roboto';
    border-bottom: 1px solid #d4d4d4;
}

.icons_left_person .dropdown-menu li a.dismiss {
    color: #ff0000;
    padding: 0px 15px 0px 0px;
}

.icons_left_person .dropdown-menu li a:hover.dismiss {
    background: transparent !important;
    padding: 0px 15px 0px 0px;
}

.new-admin {
    float: left;
    margin-top: 7px;
    font-family: 'Roboto-Regular';
    color: #91a8b0;
    font-size: 13px;
}

.dropdown.admin_right.icons_left_person .dropdown-toggle:hover,
.dropdown.admin_right.icons_left_person .dropdown-toggle:focus,
.dropdown.admin_right.icons_left_person .dropdown-toggle:active {
    background: transparent;
}

.icons_left_person.open .dropdown-toggle:hover,
.icons_left_person.open .dropdown-toggle:focus {
    background: transparent;
}

.heading {
    float: left;
    width: 100%;
    font-size: 33px;
    color: #09f;
    font-family: 'Archer-Semibold';
    margin-top: 15px;
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .new-patient {
        width: auto;
        float: left;
        font-family: 'Roboto-Regular';
        color: #c32026;
        font-size: 16px;
        padding: 0px;
    }
    .patient {
        width: 10%;
        float: left;
        font-family: 'Raleway-SemiBold';
        color: #c32026;
        font-size: 16px;
        padding: 14px 10px 10px 0px;
    }
    .patient1 {
        width: 11%;
        float: left;
        font-family: 'Raleway-Regular';
        color: #6b6b6b;
        font-size: 15px;
        border-left: 1px solid #e5e5e5;
        padding: 9px 10px 9px 10px;
        text-align: center;
    }
    .patient2 {
        width: 14%;
        float: left;
        font-family: 'Raleway-Regular';
        color: #6b6b6b;
        font-size: 15px;
        border-left: 1px solid #e5e5e5;
        padding: 9px 10px 9px 10px;
        text-align: center;
    }
    .patient-name {
        float: left;
        width: 100%;
        padding-bottom: 3px;
    }
    .patient-name1 {
        float: left;
        width: 100%;
        padding-top: 4px;
        padding-bottom: 3px;
        color: #c32026;
        font-family: 'Roboto-Medium';
        font-size: 15px;
        text-transform: capitalize;
    }
    .patient-value {
        float: left;
        padding-bottom: 5px;
        width: 100%;
        font-family: 'Roboto-Regular';
        font-size: 13px;
        padding: 5px 0px 5px 0px;
        color: #91a8b0;
        text-align: center;
        text-transform: capitalize;
    }
    .patient-value1 {
        float: left;
        padding-bottom: 5px;
        width: 100%;
        font-family: 'Roboto-Regular';
        font-size: 12px;
        padding: 5px 0px 5px 0px;
        color: #91a8b0;
        text-align: center;
        text-transform: capitalize;
    }
    .right_sections {
        float: right;
        margin-top: 10px;
    }
}

.patient-head {
    width: 50%;
    float: left;
    font-family: 'Raleway-SemiBold';
    color: #c32026;
    font-size: 16px;
    padding: 10px 10px 10px 0px;
}

.vital-signs {
    width: 100%;
    float: left;
    padding: 0 20px;
    margin: 15px 0 0 0;
}

.vital-signs ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.vital-signs ul li {
    float: left;
    list-style-type: none;
    width: 100%;
    margin-bottom: 15px;
}

.vital_head {
    font-size: 16px;
    color: #91a8b0;
    font-family: 'Roboto-Medium';
    width: 20%;
    float: left;
    margin-top: 10px;
    text-align: right;
    padding-right: 10px;
}

.vital_inner {
    font-size: 16px;
    color: #91a8b0;
    font-family: 'Roboto-Regular';
    width: 80%;
    float: left;
    text-transform: capitalize;
}

.vital_inner a {
    display: inline-block;
    margin-left: 10px;
}

.vital_inner input.vital_input {
    border: 1px solid #91a8b0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 9px 15px;
    width: 60%;
    font-family: 'Roboto-Regular';
    line-height: 1.42857143;
    font-size: 12px;
}

.vital_inner input.vital_input:hover,
.vital_inner input.vital_input:focus {
    border: 1px solid #0099ff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 9px 15px;
    width: 60%;
    font-family: 'Roboto-Regular';
    line-height: 1.42857143;
    font-size: 12px;
    outline: 0;
}

.slash {
    color: #acacac;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 29px;
}

.breath {
    font-family: 'Roboto-Regular';
    font-size: 16px;
    text-align: right;
    margin-top: 5px;
    text-align: left;
}

.profile_left {
    width: 100%;
    float: left;
    padding: 0px 15px 0px 0px;
    border-right: 1px solid #f2f2f2;
    margin-top: 18px;
    margin-bottom: 5px;
}

.medical_his {
    width: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.medical_his h2 {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #0070d2;
    font-size: 16px;
    padding: 8px 15px 3px 0;
    font-family: 'Roboto-Regular';
    float: left;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #f2f2f2;
}

.medical_his ul {
    margin: 0px;
    padding: 0px;
}

.medical_his ul li {
    float: left;
    list-style-type: none;
    width: 100%;
    font-family: 'Roboto-Regular';
    color: #606060;
    font-size: 14px;
    margin: 6px 0px 9px 0px;
}

.bp {
    float: left;
    width: 60%;
    text-align: left;
    color: #363535;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    margin: 2px 0px 5px 0px;
    font-weight: 700;
}

.signal-right {
    float: right;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    color: #606060;
    font-weight: normal;
    margin: 2px 0px 5px 0px;
}

.breath {
    font-size: 13px !important;
    font-family: 'Roboto-Regular';
    color: #91a8b0;
    float: right;
    width: 100%;
    text-align: right;
}

.clinic_his {
    width: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.clinic_his h1 {
    color: #0070d2;
    font-size: 23px;
    padding: 5px 0px;
    font-family: 'Raleway-SemiBold';
    float: left;
    width: 100%;
    margin: 0px 0;
    border-bottom: 1px solid #ccc;
}

.clinic_his h2 {
    color: #0099ff;
    font-size: 16px;
    padding: 5px 0 5px 0;
    font-family: 'Roboto-Regular';
    float: left;
    width: 100%;
    line-height: 35px;
    margin: 0;
    /*border-bottom: 1px solid #91a8b0;*/
}

.clinic_his h2 a,
.clinic_his h2 a:hover {
    font-size: 15px;
    border: none !important;
    color: #fff;
    float: right;
    padding: 2px 15px;
    margin: 0;
}

.clinic_his h2 a i {
    font-size: 11px;
}

.clinic_his .invest .investsearch {
    float: left;
    width: 30%;
    margin: 0 10px 0 0;
}

.clinic_his .invest .investsearch .field_autocomplete input {
    width: 100%;
}

.head {
    width: 130px;
    float: left;
    font-family: 'Roboto-Regular';
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    text-align: left;
}

.inner {
    float: left;
    width: 63%;
    margin-bottom: 15px;
    font-family: 'Roboto-Regular';
    font-size: 15px;
}

.new-inner {
    float: left;
    width: 62%;
    margin-bottom: 15px;
    font-family: 'Roboto-Regular';
    font-size: 15px;
}

.head1 {
    width: 130px;
    float: left;
    font-family: 'Roboto-Regular';
    font-size: 15px;
    font-weight: 400;
}

.inner1 {
    float: left;
    width: 83%;
}

.inner2 {
    float: left;
    width: 100%;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 15px;
}

.head2 {
    width: 130px;
    float: left;
    font-family: 'Roboto-Regular';
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: right;
}

.inner3 {
    float: left;
    width: 100%;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 15px;
    color: #27af61;
}

.head3 {
    width: 130px;
    float: left;
    font-family: 'Roboto-Regular';
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: right;
    color: #0070d2;
}

.dropdown-menu.inner {
    font-family: 'Archer-Medium';
}

.complaints {
    border: 1px solid #91a8b0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 11px 15px;
    width: 100%;
    font-family: 'Roboto-Regular';
    line-height: 1.42857143;
    font-size: 13px;
    outline: 0;
}

.complaints:hover,
.complaints:focus {
    border: 1px solid #0099ff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 11px 15px;
    width: 100%;
    font-family: 'Roboto-Regular';
    color: #0070d2;
    font-size: 13px;
    outline: 0;
}

.complaints1 {
    border: 1px solid #91a8b0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 11px 15px;
    width: 100%;
    font-family: 'Roboto-Regular';
    line-height: 1.42857143;
    font-size: 13px;
    outline: 0;
    margin-top: 11px;
}

.complaints1:hover,
.complaints1:focus {
    border: 1px solid #0099ff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 11px 15px;
    width: 100%;
    font-family: 'Roboto-Regular';
    color: #0070d2;
    font-size: 13px;
    outline: 0;
    margin-top: 11px;
}

.invest {
    width: 100%;
    float: left;
    background-color: #f4f4f4;
    padding: 4px 15px;
}

.details_table {
    width: 100%;
    float: left;
    margin-top: 12px;
}

.details_table table {
    width: 100%;
    float: left;
}

.details_table table tr th {
    background-color: #c9ddef;
    font-family: 'Roboto-Regular';
    padding: 9px 15px;
    font-size: 16px;
    white-space: nowrap;
}

.icon {
    color: #f00;
    cursor: pointer;
    font-size: 20px !important;
    position: absolute;
    padding: 0;
    margin: 0 0 0 10px;
    line-height: 10px !important;
}

.details_table table tr td {
    font-family: 'Raleway-Regular';
    padding: 9px 15px;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #d1d1d1;
    color: #333;
}

.name_result {
    color: #0070d2;
    font-family: 'Roboto-Regular';
}

.afternoon,
.morning,
.night {
    float: left;
    width: 63px;
    font-size: 12px;
    text-align: left;
}

.afternoon1,
.morning1,
.night1 {
    float: left;
    font-size: 14px;
    text-align: left;
}

.afternoon1 span,
.morning1 span,
.night1 span {
    color: #0070d2;
}

.afternoon input,
.morning input,
.night input {
    float: left;
    border: 1px solid #d1d1d1;
    padding: 8px 4px 8px 10px;
    width: 50px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
    margin-bottom: 6px;
}

.main-footer {
    padding-top: 15px;
    float: left;
    width: 100%;
}

.main-footer p {
    float: left;
    font-family: 'Gotham-Book';
    font-size: 14px;
}

.main-footer p span {
    color: #0070d2;
}

.content_bg1 {
    float: left;
    width: 100%;
    background: #fff;
    margin: 10px 0 15px 0px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 80vh;
    overflow-y: scroll;
    padding: 0 10px 40px 10px;
}

.content_bg3 {
    float: left;
    width: 100%;
    background: #fff;
    margin: 60px 0 15px 0px;
    /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);*/
    -webkit-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    -moz-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 80vh;
    overflow-y: scroll;
    padding: 0 0px 20px 0;
}

.content_bg4 {
    float: left;
    width: 100%;
    background: #fff;
    margin: 10px 0 15px 0px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0 10px;
    height: 80vh;
    overflow-y: scroll;
}

.content_bg5 {
    float: left;
    width: 100%;
    background: #fff;
    margin: 0px 0 0px 0px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    height: 77vh;
    overflow-y: scroll;
    padding: 0 15px;
    border-top-right-radius: 5px;
}

.patient a {
    border: 0px;
}

.inner-menu {
    float: left;
    color: #c32026;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 15px;
}

.user-icon {
    float: left;
    font-size: 30px;
    color: #c32026;
    margin-top: 2px;
}

.user-head {
    float: left;
    margin-top: 7px;
    margin-left: 5px;
    line-height: 22px;
}

@media (min-width:768px) and (max-width:991px) {
    .details_table {
        overflow-x: scroll;
    }
    .recent_app ul li span {
        width: 30%;
        margin: 0 5px 10px 5px;
    }
    .top_head {
        margin: 60px 0 0 0 !important;
    }
    .content_bg_custom {
        height: 75vh;
        overflow-y: scroll;
    }
    .cbp-spmenu-vertical {
        height: 75vh !important;
    }
    .details_table table {
        width: 700px;
        float: left;
        overflow-x: scroll;
    }
    .patient {
        width: 12%;
        float: left;
        font-family: 'Raleway-SemiBold';
        color: #c32026;
        font-size: 14px;
        padding: 10px 5px 10px 0px;
    }
    .user-head {
        float: left;
        margin-left: 5px;
        margin-top: 9px;
        font-size: 12px;
    }
    .user-icon {
        color: #c32026;
        float: left;
        font-size: 24px;
        margin-top: 2px;
    }
    .patient1 {
        width: 15%;
        float: left;
        font-family: 'Raleway-Regular';
        color: #6b6b6b;
        font-size: 13px;
        border-left: 1px solid #e5e5e5;
        padding: 9px 5px 9px 5px;
        text-align: center;
    }
    .patient2 {
        width: 21%;
        float: left;
        font-family: 'Raleway-Regular';
        color: #6b6b6b;
        font-size: 13px;
        border-left: 1px solid #e5e5e5;
        padding: 9px 5px 9px 5px;
        text-align: center;
    }
    .inner1 {
        float: left;
        width: 66%;
    }
    .head {
        margin-top: 7px;
    }
    .field_autocomplete input {
        width: 100% !important;
    }
    .patient-name {
        float: left;
        width: 100%;
        padding-bottom: 3px;
    }
    .patient-name1 {
        float: left;
        width: 100%;
        padding-bottom: 3px;
        color: #c32026;
        font-size: 12px;
    }
    .patient-value {
        float: left;
        padding-bottom: 5px;
        width: 100%;
        font-size: 12px;
    }
}

@media (max-width:1099px) and (min-width:992px) {
    .patient {
        width: 12%;
        float: left;
        font-family: 'Raleway-SemiBold';
        color: #c32026;
        font-size: 14px;
        padding: 10px 5px 10px 0px;
    }
    .user-head {
        float: left;
        margin-left: 5px;
        margin-top: 7px;
        font-size: 16px;
    }
    .user-icon {
        color: #c32026;
        float: left;
        font-size: 24px;
        margin-top: 2px;
    }
    .patient1 {
        width: 14%;
        float: left;
        font-family: 'Raleway-Regular';
        color: #6b6b6b;
        font-size: 13px;
        border-left: 1px solid #e5e5e5;
        padding: 9px 5px 9px 5px;
        text-align: center;
    }
    .patient2 {
        width: 15%;
        float: left;
        font-family: 'Raleway-Regular';
        color: #6b6b6b;
        font-size: 13px;
        border-left: 1px solid #e5e5e5;
        padding: 9px 5px 9px 5px;
        text-align: center;
    }
    .inner1 {
        float: left;
        width: 83%;
    }
    .head {
        margin-top: 7px;
        width: 110px;
        float: left;
        font-family: 'Archer-Medium';
        font-size: 18px;
    }
    .head1 {
        width: 110px;
    }
    .field_autocomplete input {
        width: 100% !important;
    }
    .patient-name {
        float: left;
        width: 100%;
        padding-bottom: 3px;
        font-size: 15px;
    }
    .patient-name1 {
        float: left;
        width: 100%;
        padding-bottom: 3px;
        color: #c32026;
        font-size: 15px;
    }
    .patient-value {
        float: left;
        padding-bottom: 5px;
        width: 100%;
        font-size: 15px;
    }
}

@media (max-width:1199px) and (min-width:1100px) {
    .inner1 {
        float: left;
        width: 83%;
    }
    .head {
        margin-top: 7px;
        width: 120px;
        float: left;
        font-family: 'Archer-Medium';
        font-size: 18px;
    }
    .head1 {
        width: 120px;
    }
}

@media (max-width: 767px) {
    .main-sidebar1 {
        position: relative !important;
        width: 100% !important;
        height: 43px;
    }
    .logo img {
        float: left;
    }
    .sidebar-mini.sidebar-open .main-header .desk-menu {
        display: block;
    }
    .sidebar-mini.sidebar-open .main-header .small-menu {
        display: none;
    }
    .main-header .desk-menu {
        display: none;
    }
    .main-header .small-menu {
        display: block;
    }
    .patient {
        width: 30%;
        float: left;
        font-family: 'Raleway-SemiBold';
        color: #c32026;
        font-size: 14px;
        padding: 15px 5px 15px 0px;
        border-bottom: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
    }
    .user-head {
        float: left;
        margin-left: 5px;
        margin-top: 7px;
        font-size: 16px;
    }
    .user-icon {
        color: #c32026;
        float: left;
        font-size: 24px;
        margin-top: 2px;
    }
    .patient1 {
        width: 35%;
        float: left;
        font-family: 'Raleway-Regular';
        color: #6b6b6b;
        font-size: 13px;
        border-left: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        padding: 9px 5px 9px 5px;
        text-align: center;
    }
    .patient2 {
        width: 50%;
        float: left;
        font-family: 'Raleway-Regular';
        color: #6b6b6b;
        font-size: 13px;
        border-left: 1px solid #e5e5e5;
        padding: 9px 5px 9px 5px;
        text-align: center;
        border-bottom: 1px solid #e5e5e5;
    }
    .inner1 {
        float: left;
        width: 66%;
    }
    .head {
        margin-top: 7px;
        width: 110px;
        float: left;
        font-family: 'Archer-Medium';
        font-size: 18px;
    }
    .head1 {
        margin-top: 7px;
        width: 110px;
        float: left;
        font-family: 'Archer-Medium';
        font-size: 18px;
    }
    .field_autocomplete input {
        width: 100% !important;
    }
    .patient-name {
        float: left;
        width: 100%;
        padding-bottom: 3px;
        font-size: 15px;
    }
    .patient-name1 {
        float: left;
        width: 100%;
        padding-bottom: 3px;
        color: #c32026;
        font-size: 15px;
    }
    .patient-value {
        float: left;
        padding-bottom: 5px;
        width: 100%;
        font-size: 15px;
    }
    .clinic_his {
        padding-left: 15px;
    }
    .details_table {
        overflow-x: scroll;
    }
    .details_table table {
        width: 700px;
        float: left;
        overflow-x: scroll;
    }
}

@media (max-width:470px) and (min-width:320px) {
    .inner1 {
        float: left;
        width: 62%;
    }
    .head {
        margin-top: 7px;
        width: 101px;
        float: left;
        font-family: 'Archer-Medium';
        font-size: 18px;
    }
    .head1 {
        margin-top: 7px;
        width: 101px;
        float: left;
        font-family: 'Archer-Medium';
        font-size: 18px;
    }
    .field_autocomplete input {
        width: 100% !important;
    }
    .main-header>.navbar {
        height: auto !important;
    }
    .right_sections {
        width: 100%;
        float: left;
        border-top: 1px solid #dcdcdc;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .notification {
        float: left;
        margin-left: 15px;
    }
}

.star {
    font-size: 17px;
    color: #ff0000;
}

.calender-page {
    width: 100%;
    float: left;
    padding: 20px;
}

.new-calender {
    float: left;
    padding: 10px;
    width: 100%;
}

.new-calender table {
    border: 15px solid #eff5f7;
    float: left;
    width: 100%;
    margin-top: 24px;
}

.doctor-list {
    width: 100%;
    float: left;
    background-color: #eff5f7;
    padding: 0px 13px;
}

.doctor-list .bootstrap-select .btn-default {
    float: left;
    background-color: #0099ff;
    color: #fff;
    width: 100%;
    border: 1px solid #0099ff;
    font-family: 'Roboto-Light';
    font-size: 15px;
}

.doctor-list .bootstrap-select .btn-default:hover,
.doctor-list .bootstrap-select .btn-default:focus {
    float: left;
    background-color: #038ae4;
    color: #fff;
    width: 100%;
    border: 1px solid #038ae4;
    outline: 0;
    font-family: 'Roboto-Light';
}

.doctor-list .dropdown-menu {
    width: 100%;
    background-color: #fff;
}

.doctor-list .dropdown-menu>li>a {
    color: #91a8b0;
    padding: 5px 15px;
    font-family: 'Roboto-Light';
    font-size: 13px;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    font-family: 'Roboto-Light';
}

.doctor-list .dropdown-menu>li>a:hover,
.doctor-list .dropdown-menu>li>a:focus {
    color: #0099ff;
    padding: 5px 15px;
    background-color: #def2ff;
    font-family: 'Roboto-Light';
}

.doctor-list .dropdown-menu>li:last-child a {
    border-bottom: 0px solid #01471f !important;
    font-family: 'Roboto-Regular';
}

.new-doc {
    width: 100%;
    float: left;
    padding: 0px 13px;
    background-color: #f4f4f4;
}

.doc-data {
    background-color: #fff;
    border: 4px;
    float: left;
    width: 100%;
    margin-top: 14px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    -moz-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.doc-data h2 {
    width: 100%;
    background-color: #0099ff;
    color: #fff;
    padding: 11px 15px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    float: left;
    font-family: 'Roboto-Light';
    font-size: 15px;
    line-height: 20px;
}

.badge {
    float: right;
    background-color: #c32026;
    color: #fff;
    padding: 4px 5px 4px 5px;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Roboto-Light';
}

.doc-data ul {
    margin: 0px;
    padding: 0px 15px;
    float: left;
    width: 100%;
}

.doc-data ul li {
    list-style-type: square;
    list-style-position: inside;
    color: #4d4d4c;
    float: left;
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid #dcdcdc;
    font-weight: normal;
    font-family: 'Roboto-Light';
    font-size: 13px;
    text-transform: capitalize;
}

.doc-data ul li:last-child {
    border-bottom: 0px solid #dcdcdc;
}

.number-doc {
    float: right;
    font-family: 'Roboto-Light';
}

.todayschedule {
    float: right;
    width: 100%;
    margin-bottom: 8px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 6px;
}

.todayschedule button {
    float: right;
    background-color: #c32026;
    color: #fff;
    border-radius: 4px;
    padding: 12px 20px;
    border: none;
    font-family: 'Roboto-Light';
    font-size: 15px;
    margin-left: 10px;
}

.todayschedule button:hover,
.todayschedule button:focus {
    background: #5bbd73;
    font-family: 'Roboto-Light';
}

.todayschedule button a {
    float: right;
    background-color: #20af5d;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #20af5d;
    font-family: 'Roboto-Regular';
    font-size: 15px;
}

.close_but {
    cursor: pointer;
    font-size: 18px;
    color: #ff7043;
}

.close_but1 {
    cursor: pointer;
    color: #fff;
    border-bottom: 1px solid #4bca81;
    width: 100%;
    float: right;
    text-align: right;
    padding: 7px 15px;
    background-color: #4bca81;
    font-family: 'Raleway-Regular';
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.close_but1 span {
    line-height: 26px;
    position: relative;
    top: -2px;
    font-size: 16px;
    right: 5px;
}

.close_but1 .fa.fa-times {
    font-size: 24px;
}

.schedule {
    color: #ff7043;
    font-size: 16px;
    font-family: 'Raleway-SemiBold';
}

.patient_1 {
    color: #024d81 !important;
    font-size: 0.9em !important;
    font-family: 'Raleway-SemiBold';
    float: left;
    width: 100%;
    padding: 15px 10px 5px 10px !important;
}

.walkin {
    width: 100%;
    float: left;
    background-color: #42bef6;
}

.walkin a {
    width: 100%;
    float: left;
    background-color: #42bef6;
    padding: 12px 10px !important;
    font-family: 'Raleway-Regular';
    font-size: 14px !important;
    line-height: 20px;
}

.walkin a .round {
    border-radius: 50%;
    background-color: #fff;
    color: #333;
    padding: 0px 5px;
    width: 20px;
    height: 20px;
    float: left;
    font-size: 21px;
    margin-right: 5px;
}

.calen {
    float: left;
    width: 100%;
    padding: 5px 20px 10px 20px !important;
    cursor: pointer;
}

.detail-patient {
    float: left;
    width: 100%;
    padding: 2px 10px 2px 10px !important;
    margin: 0px;
    color: #000000;
    font-size: 1.5em !important;
}

.cbp-spmenu-right ul {
    float: left;
    height: 412px;
    margin: 0;
    min-height: 412px;
    overflow-y: scroll;
    padding: 0;
    width: 100%;
}

.cbp-spmenu-right ul li {
    list-style-type: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    padding: 10px;
    margin: 0;
    font-family: "Roboto-Regular";
    font-size: 14px;
}

.serial {
    float: left;
    background-color: #def2ff;
    color: #09f;
    padding: 17px 7px 16px 7px;
    vertical-align: middle;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    width: 40px;
    height: 50px;
    text-align: center;
}

.serial-time {
    float: left;
    width: 70%;
}

.searial-right {
    width: 10%;
    float: right;
    margin-top: 9px;
}

.searial-right i {
    font-size: 26px;
    color: #737373;
}

.timezone {
    float: left;
    width: 100%;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    padding: 6px 0px 6px 10px;
}

.namezone {
    float: left;
    width: 100%;
    font-family: 'Raleway-Regular';
    font-size: 14px;
    padding: 1px 0px 6px 10px;
}

.add-menu {
    color: #c32026;
    float: left;
    font-size: 14px;
    margin-top: 8px;
}

.add-menu i {
    font-size: 14px;
}

.add-icon {
    color: #c32026;
    float: left;
    font-size: 30px;
    margin-top: 0px;
    position: relative;
    left: 0px;
}

.add-icon i {
    font-size: 30px;
}

.add-menu12 {
    float: left;
    color: #c32026;
    font-size: 14px;
    margin-top: 4px;
    cursor: pointer;
}

.add-icon122 {
    float: left;
    font-size: 30px;
    color: #c32026;
    margin-top: 0px;
    line-height: 14px;
    margin-left: -3px;
}

.showLeftPush {
    cursor: pointer;
}

.setting-list {
    float: right;
}

.setting-list .bootstrap-select .btn-default {
    float: left;
    background-color: #0070d2;
    color: #fff;
    width: 100%;
    border: 1px solid #0070d2;
    font-family: 'Raleway-Regular';
    font-size: 15px;
    padding: 2px 15px;
}

.setting-list .dropdown-menu {
    width: 100%;
    background-color: #2abe69;
    color: #fff;
}

.setting-list .dropdown-menu>li>a {
    color: #ffffff;
    border-bottom: 1px solid #45d080;
    padding: 5px 15px;
}

.setting-list .dropdown-menu>li>a:hover,
.setting-list .dropdown-menu>li>a:focus {
    color: #ffffff;
    border-bottom: 1px solid #45d080;
    background-color: #17a051;
    padding: 5px 15px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    margin-right: 5px;
}

.change_profile {
    background-color: #969aa0;
    color: #fff;
    padding: 9px 15px;
    font-size: 14px;
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family: 'Gotham-Book';
    margin-right: 13px;
}

.change_profile:hover,
.change_profile:focus {
    background-color: #20af5d;
    color: #fff;
    padding: 9px 15px;
    font-size: 14px;
    font-family: 'Gotham-Book';
}

.content-heading h1 ul {
    float: right;
}

.content-heading h1 ul li {
    float: left;
    list-style: none;
    color: #ffffff;
    font-size: 15px;
    padding: 20px 0px;
    margin: 0;
    margin: 0px;
    border-left: 1px dashed #91a8b0;
    border-radius: 0px;
    font-family: 'Roboto-Regular';
    font-weight: normal;
}

.edit_profile {
    background-color: #0070d2;
    color: #fff;
    padding: 9px 15px;
    font-size: 14px;
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family: 'Gotham-Book';
    float: left;
    margin: 0px 0px 0px 5px;
}

.edit_profile:hover,
.edit_profile:focus {
    background-color: #20af5d;
    color: #fff;
    padding: 9px 15px;
    font-size: 14px;
    font-family: 'Gotham-Book';
    float: left;
}

.profile_right {
    width: 100%;
    float: left;
    border-left: 1px solid #dcdcdc;
}

.btns_blue {
    float: left;
    background-color: #0099ff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 12px 20px;
    font-family: 'Roboto-Light';
    margin-left: 0px;
    color: #fff;
    border: none;
}

.btns_blue:hover,
.btns_blue:focus {
    float: left;
    background-color: #038ae4;
    color: #fff;
    font-family: 'Roboto-Light';
    border: none;
}

.fc-day-header a {
    color: #fff;
}

.fc-day-header a:hover {
    color: #fff;
}

.example_length {
    border: 1px solid #ccc;
    height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info {
    font-family: 'Raleway-Regular';
    float: left;
}

.clinic {
    padding-right: 5px;
}

.clinic1 {
    padding-right: 5px;
}

.new-medical {
    padding-left: 0px;
    padding-right: 0px;
}

#complientt li,
#observe li,
#diagno li {
    list-style: none;
    font-family: 'Roboto-Regular';
}

.btn_cancel {
    float: right;
    background-color: #f56767;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Roboto-Regular';
    border: none;
    color: #fff;
    padding: 11px 20px;
    margin: 0 0 0 10px;
}

.btn_cancel:hover,
.btn_cancel:focus {
    background-color: #dc4c4c;
    outline: 0;
}

.btn_save {
    float: right;
    background-color: #0099ff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Roboto-Regular';
    border: none;
    color: #fff;
    padding: 11px 20px;
    margin: 0 0 0 10px;
}

.btn_save:hover,
.btn_save:focus {
    background-color: #038ae4;
    outline: 0;
}

.modal-body {
    display: inline-block;
}

.modal-body p {
    line-height: 20px;
    float: left;
    width: auto;
    padding-top: 10px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 22px;
    font-family: 'Roboto-Medium';
    text-transform: capitalize;
    color: #09f;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    color: #91a8b0;
}

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

.add_input_field li {
    float: left;
    width: 100%;
}

.add_input_field li input.complaints1 {
    width: 98%;
    float: left;
}

@media (min-width:1024px) {
    .md-pad {
        padding: 0 !important;
    }
}

.clinical-notes {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.modal-body input {
    border: 1px solid #91a8b0;
    padding: 10px 15px;
    border-radius: 3px;
    width: 100%;
    margin: 8px 0 2px 0;
    color: #91a8b0;
    outline: 0;
    font-size: 13px;
    font-family: 'Roboto-Regular';
}

.modal-body input:hover,
.modal-body input:focus {
    border: 1px solid #0099ff;
    outline: 0;
}

.treatment_details {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.dia-ind-set{
	display: flex;
	align-items: center;
	justify-content: center;
}
.dyviewbtn{
	width: auto;
    float: left;
    padding: 10px 20px;
    background: #c9ddef;
    font-size: 15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin:0;
	
}
.sing-use_model .modal-content{
	width:100%;
	float: left;
}
.sing-use_model .modal-body label{
	width:100%;
	float: left;
}
.total_add_sing{
	width:100%;
	float: left;
}
.total_add_indi{
	width:100%;
	float: left;
	margin-bottom: 10px;
}
.sing-use_model .modal-footer {
    padding: 20px 0px 0 0;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.gnd-align {
	margin-top: 10px;
}
.gnd-align .aptmnt-radio{
	width:40% !important;
}
.gnd-align .aptmnt-radio input{
	top:0;
}
.indnt-bnts{
	width:100%;
	float: left;
}
.indnt-bnts ul{
	width:100%;
	float: left;
	padding:0;
	margin:15px 0 0 0;
	display: flex;
	justify-content: space-between;
}
.indnt-bnts ul li{
	width: 45%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
.indnt-bnts ul li label,
.indnt-bnts ul li a{
	width: 100%;
	float: left;
	padding:8px 20px;
	text-align:center;
	font-size: 15px;
	color:#fff;
	margin:0;
	text-decoration: none;
	cursor: pointer;
	transition: 0.2s;
}
.indnt-bnts ul li label i,
.indnt-bnts ul li a i{
	margin-right:8px;
}
.indnt-bnts ul li label{
	background-color:#0099ff;
}
.indnt-bnts ul li a{
	background-color: #f56767;
}
.indnt-bnts ul li label:hover{
	background-color: #038ae4;
}
.indnt-bnts ul li a:hover{
	background-color: #ff0000;
}

@media (min-width:320px) and (max-width:767px) {
    .patient,
    .patient1,
    .patient2 {
        width: 100%;
    }
    .clinic_notes label.head {
        padding: 9px 0 25px 0;
        width: auto;
        text-align: center;
        line-height: 0px;
    }
    .add_btn,
    .add_btn:hover,
    .add_btn:focus {
        float: right;
    }
    .clinic_notes span.inner {
        width: 100%;
    }
    .complaints1 {
        width: 97%;
    }
}

@media (min-width:767px) and (max-width:991px) {
    .edit_patient {
        width: 100%;
    }
    .content_bg5 {
        height: 85vh;
        padding: 0 0 20px 0;
    }
    .content_bg4 {
        padding: 0px 10px 20px 10px;
        height: 88vh;
    }
    .content_bg3 {
        padding: 0 0px 40px 0;
    }
    .clinic_notes span.new-inner {
        width: 98%;
    }
    .med_history ul {
        height: auto;
    }
    .med_history li {
        width: 50%;
    }
    .tab-content {
        padding: 10px 10px 13px 10px;
    }
    .inner {
        width: 100%;
    }
    .from_days {
        float: left;
        width: 100%;
        margin-left: -60px;
    }
    .complaints_view {
        width: 100%;
    }
    .notes-area {
        border: 1px solid #91a8b0;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 11px 15px;
        margin-left: 8px;
        width: 93%;
        font-family: 'Roboto-Regular';
        line-height: 1.42857143;
        font-size: 13px;
        outline: 0;
        resize: vertical;
    }
    .notes-area:hover,
    .notes-area:focus {
        border: 1px solid #0099ff;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 11px 15px;
        width: 93%;
        font-family: 'Roboto-Regular';
        color: #0070d2;
        font-size: 13px;
        outline: 0;
        resize: vertical;
    }
    .clinic_notes span.inner {
        width: 100%;
    }
    .add_btn {
        margin-left: 0 !important;
    }
}

.sm-pad {
    padding: 0 !important;
}

.sm-pad-left {
    padding: 0px 0px 0px 15px !important;
}

.sm-pad-right {
    padding: 0px 15px 0px 0px !important;
}

.top_list li span button {
    float: left;
    background-color: #0099ff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 12px 20px;
    font-style: normal;
    cursor: pointer;
    border: none;
    outline: 0;
}

.top_list li span button:hover,
.top_list li span button:focus {
    float: left;
    background-color: #038ae4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 12px 20px;
    font-style: normal;
}

.old-medical_history input {
    border: 1px solid #91a8b0;
    padding: 10px 15px;
    border-radius: 3px;
    margin: 10px 0 0 0;
    width: 100%;
    color: #333;
    outline: 0;
    font-size: 13px;
    font-family: 'Roboto-Regular';
}

.old-medical_history input:hover,
.old-medical_history input:focus {
    border: 1px solid #0099ff;
    outline: 0;
}

#medical_hisory li input {
    border: 1px solid #91a8b0;
    padding: 8px 15px;
    border-radius: 3px;
    margin: 5px 0 0 0;
    width: 70%;
    color: #333;
    outline: 0;
    font-size: 13px;
    font-family: 'Roboto-Regular';
}

#medical_hisory li input:hover,
#medical_hisory li input:focus {
    border: 1px solid #0099ff;
    outline: 0;
}


/*
.notes-area{
border: 1px solid #91a8b0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 11px 15px;
width: 63%;
font-family: 'Roboto-Regular';
line-height: 1.42857143;
font-size: 13px;
outline: 0;
resize: vertical;
}
.notes-area:hover, .notes-area:focus{
border: 1px solid #0099ff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 11px 15px;
width: 63%;
font-family: 'Roboto-Regular';
color: #0070d2;
font-size: 13px;
outline: 0;
resize: vertical;
}*/

.complaints_view span {
    width: 7%;
    float: left;
    padding-top: 5px;
    margin: 0;
}

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

.modal-header button.close,
.modal-body button.close {
    color: #ec3a3a;
    font-size: 24px;
    opacity: 1 !important;
    border-radius: 100%;
    padding: 8px 0;
    line-height: 16px;
    text-align: center;
}

.bootbox .modal-body {
    width: 100%;
}

.changepic input {
    border: 1px solid #91a8b0;
    padding: 10px 15px;
    border-radius: 3px;
    width: 45% !important;
    margin: 8px 0 2px 0;
    color: #91a8b0;
    outline: 0;
    font-size: 13px;
    font-family: 'Roboto-Regular';
}

.print_button {
    float: left;
    background-color: #0099ff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px 15px;
    font-style: normal;
    cursor: pointer;
    border: none;
    outline: 0;
    color: #ffffff;
}

.print_button:hover,
.print_button:focus {
    float: left;
    background-color: #038ae4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px 15px;
    font-style: normal;
    color: #ffffff;
}

.med_his {
    float: left;
    background: #def2ff;
    width: 100%;
    padding: 0 10px 5px 10px;
    margin: 0;
}

.med-his-pad {
    padding: 0;
}

.nxt_vst {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
}

.nxt_vst .dropdown-menu {
    bottom: 100%;
    top: auto;
}

.nxt_vst label {
    width: 100%;
}

.plusminus {
    float: right;
}

.accordion_container {
    width: 100%;
}

.accordion_head {
    background-color: #f3faff;
    color: #09f;
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 1px 0;
    padding: 15px;
    font-weight: bold;
    border-bottom: 1px solid #def2ff;
}

.accordion_body {
    background: #f9f9f9;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.plusminus {
    float: right;
}

.complete_procedure_accordion .plusminus {
    width: 22px;
    height: 22px;
    color: #fff;
    background: #0099ff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 16px;
}

.top_head {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
}

.field_autocomplete input.complient_other_search,
.field_autocomplete input.observations_other_search,
.field_autocomplete input.diagnoses_other_search {
    width: 64%;
}

.notes-area {
    border: 1px solid #91a8b0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 11px 15px;
    margin-left: 8px;
    width: 93%;
    font-family: 'Roboto-Regular';
    line-height: 1.42857143;
    font-size: 13px;
    outline: 0;
    resize: vertical;
}

.notes-area:hover,
.notes-area:focus {
    border: 1px solid #0099ff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 11px 15px;
    width: 93%;
    font-family: 'Roboto-Regular';
    color: #0070d2;
    font-size: 13px;
    outline: 0;
    resize: vertical;
}

.med_his_view {
    width: 100%;
    float: left;
    padding: 0 20px;
    margin: 15px 0 0 0;
}

.med_his_view ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.med_his_view ul li {
    float: left;
    list-style-type: none;
    width: 50%;
    margin-bottom: 15px;
}

.opps {
    float: left;
    width: 100%;
    background: #fbfbfb;
    padding: 20px;
}

.oops_image {
    width: 50%;
    margin: 0 auto;
    min-height: 200px;
    display: block;
}

.oops_image img {
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 9;
}

.content_box {
    float: left;
    width: 100%;
    min-height: 200px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    -moz-box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    box-shadow: 0px 0px 37px -10px rgba(161, 161, 161, 0.71);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    bottom: 23px;
    padding: 10px;
}

.content_box h1 {
    text-align: center;
    color: #91a8b0;
    font-size: 35px;
    font-family: 'Roboto-Light';
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.content_box p {
    text-align: center;
    color: #91a8b0;
    font-size: 18px;
    font-family: ‘Roboto-Light’;
    float: left;
    width: 100%;
    margin: 0;
    line-height: 30px;
    padding: 15px 0 0 0;
}

.text {
    position: absolute;
    top: 30%;
    width: 100%;
}

@media (min-width:768px) and (max-width:991px) {
    .oops_image {
        width: 80% !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .oops_image {
        width: 80% !important;
    }
}


/*-----------Jhansi CSS --------------*/

ul.top-menu_list li i {
    margin-right: 5px;
}

.top_list1 {
    float: left !important;
}

.top_list1 li {
    border-left: none !important;
    border-right: 1px dashed #91a8b0;
}

.top_list1 li:last-child {
    border-right: none !important;
}

.top_list1 li a.book_app {
    padding: 20px 34px 15px 34px !important;
}

.complient_bg {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 77vh;
    overflow-y: scroll;
    padding-top: 15px;
}

.complient_bg select {
    width: 100%;
}

.complient_bg .bttn {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.instruction_area {
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    font-size: 14px;
    padding: 2px;
    color: #333;
}

.input_inner1 {
    width: 100%;
    background: #ffffff;
    display: block;
    font-family: 'Roboto-Regular';
    padding: 8px 15px 9px 15px;
    border: 1px solid #d7d7d7;
    color: #020000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-top: 5px;
    outline: 0;
}

.input_inner1:hover,
.input_inner1:focus {
    border-color: #0099ff;
    color: #333;
}

.notes_align,
.notes_align:hover,
.notes_align:focus {
    width: 100%;
    margin-left: 0 !important;
}

.invest_top1 {
    width: 100% !important;
    margin-top: 12px;
}

@media (min-width:992px) {
    .large_padd {
        padding-left: 0px;
    }
}

.input_50 {
    width: 49.5% !important;
    display: inline-block !important;
}

.complaint_title {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #0070d2;
    font-size: 16px;
    padding: 8px 15px 3px 0;
    font-family: 'Roboto-Regular';
    float: left;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #f2f2f2;
}

.input_inner {
    width: 64%;
    background: #ffffff;
    display: block;
    font-family: 'Roboto-Regular';
    padding: 8px 15px 9px 15px;
    border: 1px solid #d7d7d7;
    color: #020000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-top: 5px;
    outline: 0;
}

.input_inner:hover,
.input_inner:focus {
    border-color: #0099ff;
    color: #333;
}

.complaint_title {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #0070d2;
    font-size: 16px;
    padding: 8px 15px 3px 0;
    font-family: 'Roboto-Regular';
    float: left;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #f2f2f2;
}

a.bttn {
    cursor: pointer;
}

ul.complaint_list {
    max-height: 80vh;
    overflow-y: scroll;
    margin-top: 5px;
}

ul.complaint_list li {
    float: left;
    width: 100%;
    font-family: 'Roboto-Regular';
    color: #606060;
    font-size: 14px;
    margin: auto;
    padding: 6px 0px;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px;
}

ul.complaint_list li:hover,
ul.complaint_list li:focus {
    color: #0099ff;
}

.add_list_1 {
    float: left;
    width: 64%;
}

.remove_list1 {
    float: right;
    margin-top: -24px;
}

.prescription_title1 {
    background-color: #c9ddef;
    font-family: 'Roboto-Regular';
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    white-space: nowrap;
}

.repeat_list1 {
    font-family: 'Raleway-Regular';
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 0;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: 'Roboto-Regular';
    color: #333;
}

.instruct_title1 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #0099ff;
    font-size: 16px;
    padding: 0px 15px 0px 0;
    font-family: 'Roboto-Regular';
    float: left;
    line-height: 24px;
    width: 100%;
}

.cursor_1 {
    cursor: pointer;
}

@media (min-width:992px) {
    .col-size_16 {
        width: 16%;
    }
    .col-size_36 {
        width: 50%;
    }
    /*.prescription_title1{
  width: 16% !important;
}*/
}


/*-----------Jhansi CSS --------------*/

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

.check a {
    background: #0099ff;
    float: left;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
}

.check a:hover,
.check a:focus {
    background: #038ae4;
    color: #fff;
}

.repeat_list1 a.remove {
    float: left;
    background-color: #f00;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    font-family: 'Roboto-Light';
    margin-left: 0px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.repeat_list1 a.remove i.icon {
    color: #fff;
    cursor: pointer;
    padding: 0px 0 0 0;
    margin: 0;
    line-height: 16px !important;
    text-align: center;
    position: relative;
}

.details_table table tr:nth-of-type(3n) td {
    border-bottom: 1px solid #ccc;
}

.butns {
    float: left;
    width: 100%;
    margin-top: 26px;
}

.butns a {
    float: left;
}

.butns a i {
    margin-top: 15px;
    margin-left: 15px !important;
}

.mar-head {
    float: left;
    margin-top: 50px;
}

@media (min-width:768px) and (max-width:1024px) {
    .top_list1 li {
        border-left: none !important;
        border-right: 1px dashed #91a8b0;
        width: 25% !important;
        border-bottom: 1px dashed #91a8b0;
        text-align: left;
    }
    .top_list1 li a.book_app {
        padding: 10px !important;
    }
    .check a {
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }
    .input_50 {
        width: 49% !important;
    }
    .name_result {
        padding: 10px 0;
        float: left;
        width: 100%;
    }
    .md_pad {
        padding: 10px 0 10px 15px;
    }
    .wrapper1 {
        background: #fff;
    }
    .complaints_view h6 {
        float: left;
        width: 20px;
        line-height: 25px;
    }
    .check a {
        padding: 10px 5px;
        font-size: 13px;
    }
    .complaints_view h5 {
        display: inline;
        font-size: 12px;
        margin: 0;
    }
    .complaints_view {
        width: 90%;
    }
    .complient_bg .bttn {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        font-size: 14px;
        padding: 12px 0;
    }
    .prescription_title1,
    .instruct_title1 {
        font-size: 13px;
    }
    .name_result {
        font-size: 13px;
        padding: 0;
    }
    .repeat_list1 h4 {
        font-size: 12px;
        padding: 10px 0;
    }
    .btns_blue {
        padding: 10px;
    }
}

a.pre-cancel {
    float: left;
    background-color: #f56767;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Roboto-Regular';
    border: none;
    color: #fff;
    padding: 11px 20px;
    margin: 0 0 10px 0;
    width: 100%;
    text-align: center;
}

.complaints_view h6 {
    float: left;
    width: 16px;
    line-height: 25px;
}

@media (min-width:1025px) and (max-width:1199px) {
    .complaints_view h6 {
        width: 14px;
    }
    .check a {
        background: #0099ff;
        float: left;
        padding: 10px 5px;
        border-radius: 4px;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        cursor: pointer;
    }
    .btns_blue {
        padding: 10px;
    }
    .top_list1 li {
        border-left: none !important;
        border-right: 1px dashed #91a8b0;
        width: 25% !important;
        border-bottom: 1px dashed #91a8b0;
        text-align: left;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .afternoon,
    .morning,
    .night {
        width: 50px !important;
        margin: 0 5px;
    }
    .afternoon input,
    .morning input,
    .night input {
        width: 45px !important;
    }
}

@media (min-width:768px) {
    .content_bg5,
    .complient_bg {
        height: 108vh !important;
    }
}

.showmenu {
    float: left;
    background-color: #038ae4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Roboto-Regular';
    border: none;
    color: #fff;
    padding: 11px 20px;
    margin: 0;
    cursor: pointer;
}

.hidemenu {
    float: left;
    background-color: #f56767;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Roboto-Regular';
    border: none;
    color: #fff;
    padding: 11px 20px;
    margin: 0;
    cursor: pointer;
}

.treatment_details_new .head {
    width: 100% !important;
}

.treatment_details_new input.input_inner {
    width: 100% !important;
}

.skin-green .main-header .logo {
    background: #fff !important;
    background-color: #fff !important;
}

.aptmnt-radio {
    width: 47% !important;
    text-align: left !important;
    padding-left: 25px !important;
}

.payment-radio {
    width: 47% !important;
    text-align: left !important;
    padding-left: 18px !important;
}

.followup_doctor {
    width: 100%;
    float: left;
    padding: 0 15px;
}

.tablettaken_time {
    font-family: 'Roboto-Regular';
    width: 100%;
    background: #ffffff;
    display: block;
    padding: 8px 8px 8px 8px;
    border: 1px solid #d7d7d7;
    color: #020000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
}
.nw-sng-pop .dataTables_length,
.nw-sng-pop .dataTables_filter,
.nw-sng-pop .dataTables_paginate{
 display: none !important;
}