@font-face {

    font-family: "preeti";

    src: url("../fonts/preeti.ttf");

}

body {

    background: none;

    /*font-family: 'Montserrat', sans-serif;*/

}

.relative {

    position: relative;

}

.inline_block {

    display: inline-block;

}

.badge.badge-sm {

    font-size: 10px;

    margin-top: 0;

    padding: 2px 6px 1px;

}

.overlay {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    text-align: center;

    line-height: 100vh;

    z-index: 1000000;

    color: #33b284;

    font-size: 35px;

    background: rgba(0, 0, 0, 0.65);

    display: none;

}

#page-wrapper {

    background: #fff;

}

.form-material .has-error .form-control,

.form-material .has-error .form-control.focus,

.form-material .has-error .form-control:focus {

    background-image: linear-gradient(#ff000080, #ff000080), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13));

    border-color: #ff0000d1;

}

textarea.form-control {

    height: auto !important;

}

.container-fluid {

    padding-left: 40px;

    padding-right: 40px;

}

.bg-title {

    margin-left: -7.5px;

    margin-right: -7.5px;

}

.btn {

    padding: 4px 10px;

}

.btn_print,

.btn_excel,

.btn_pdf,

.btn_pdf2 {

    border-radius: 2px;

    color: #fff;

    padding: 4px;

    width: 30px;

    text-align: center;

    float: right;

    margin-left: 2px;

}

.btn_print:hover,

.btn_excel:hover,

.btn_pdf:hover,

.btn_pdf2:hover {

    color: #fff;

    opacity: 0.7;

}

.btn_print {

    background-color: #03a9f3;

    border: 1px solid #03a9f3;

}

.btn_excel {

    background-color: #33b384;

    border: 1px solid #33b384;

}

.btn_pdf {

    background-color: #db4a43;

    border: 1px solid #db4a43;

}

.btn_pdf2 {

    background-color: #db4a43;

    border: 1px solid #db4a43;

}

.btn-sm {

    padding: 4px 5px;

    font-size: 12px;

    line-height: 1.5;

}

.font_12 {

    font-size: 12px;

}

.form-control {

    height: 30px;

    font-size: 13px;

    line-height: 16px;

    padding: 2px;

}

.no-pad-sides {

    padding-left: 0;

    padding-right: 0;

}

.no-pad-left {

    padding-left: 0;

}

.no-pad-right {

    padding-right: 0;

}

.pad-sides-v-5 {

    padding-top: 5px;

    padding-bottom: 5px;

}

.pad-sides-v-10 {

    padding-top: 10px;

    padding-bottom: 10px;

}

.pad-sides-10 {

    padding-left: 10px;

    padding-right: 10px;

}

.white-box.pad-sides-10 {

    padding-left: 10px;

    padding-right: 10px;

}

.pad-5 {

    padding: 5px;

}

.white-box.pad-5 {

    padding: 5px;

}

.pad-10 {

    padding: 10px;

}

.white-box.pad-10 {

    padding: 10px;

}

.pad-0 {

    padding: 0;

}

.pad-5 {

    padding: 5px;

}

.pad-10 {

    padding: 10px;

}

.pad-15 {

    padding: 15px;

}

.pad-sides-5 {

    padding-left: 5px;

    padding-right: 5px;

}

.pad-v-5 {

    padding-top: 5px;

    padding-bottom: 5px;

}

.pad-sides-15 {

    padding-left: 15px;

    padding-right: 15px;

}

.white-box.pad-sides-15 {

    padding-left: 15px;

    padding-right: 15px;

}

.pad-top-5 {

    padding-top: 5px;

}

.pad-top-14 {

    padding-top: 14px;

}

.pad-top-15 {

    padding-top: 15px;

}

.pad-btm-5 {

    padding-bottom: 5px;

}

.pad-btm-10 {

    padding-bottom: 10px;

}

.white-box.pad-btm-10 {

    padding-bottom: 10px;

}

.pad-right-10 {

    padding-right: 10px;

}

.im_0 {

    margin: 0px !important;

}

.m-0 {

    margin: 0;

}

.m-sides-v-5 {

    margin-top: 5px;

    margin-bottom: 5px;

}

.mtop_0 {

    margin-top: 0!important;

}

.mtop_5 {

    margin-top: 5px!important;

}

.mtop_10 {

    margin-top: 10px;

}

.mtop_12 {

    margin-top: 12px;

}

.mtop_15 {

    margin-top: 15px;

}

.mtop_40 {

    margin-top: 40px;

}

.mright_5 {

    margin-right: 5px;

}

.mbtm_0 {

    margin-bottom: 0!important;

}

.mbtm_5 {

    margin-bottom: 5px;

}

.mbtm_10 {

    margin-bottom: 10px;

}

.mbtm_13 {

    margin-bottom: 13px!important;

}

.mbtm_14 {

    margin-bottom: 14px;

}

.mbtm_15 {

    margin-bottom: 15px;

}

.mleft_10 {

    margin-left: 10px;

}

.inline-block {

    display: inline-block;

}

.width_75 {

    width: 75px;

}

.width_100 {

    width: 100px;

}

.single_line_lbl {

    padding-top: 7px;

}

.sgl_line_check {

    line-height: 30px;

}

.sgl_line_check input,

.sgl_line_check.slc_right label {

    float: left;

    margin-bottom: 0!important;

}

.sgl_line_check input {

    float: left;

    margin-top: 9px;

    margin-left: 10px;

}

.bread-crumb {

    background-color: #f5f5f5

}

.bread-crumb .container-fluid {

    padding-bottom: 0;

}

.breadcrumb {

    padding: 3px 5px;

    margin-bottom: 0;

    background-color: none;

}

.breadcrumb li,

.breadcrumb li a {

    font-size: 12px;

}

.breadcrumb li a {

    color: #2fa57d;

}

.logo {

    max-height: 60px;

    padding-top: 5px;

    padding-left: 43px;

}

.header .container-fluid {

    padding-bottom: 0px;

}

.header .container-fluid .bg-title,

.sidebar .bg-title {

    background: none;

    margin-bottom: 0;

    padding: 0;

    overflow: visible;

}

.header .container-fluid .bg-title {

    padding-top: 0px;

}

ul#side-menu .home a {

    padding: 5px 10px;

    font-size: 18px;

    line-height: 20px;

}

h3.home_sub_ttl {

    margin-top: 0;

    font-size: 16px;

    font-weight: 500;

    background-color: #f7f7f7;

    padding: 0px 0 0px 5px;

    margin-bottom: 5px;

    color: #238261;

}

h3.pre_main_title {

    margin: 0;

    font-weight: 600;

    background-color: #f7f7f7;

    font-size: 16px;

    padding: 3px 5px;

    color: #0e5f44;

}

.web_ttl {

    /*padding-top: 5px;*/

}

.web_ttl h2 {

    margin: 0 0 2px;

    font-weight: 600;

    color: #fff;

    line-height: 20px;

    font-size: 14px;

}

.web_ttl .title_sub {

    list-style: none;

    font-size: 12px;

    padding: 0;

    margin: 0;

}

.format_pdf tbody tr td {

    text-align: center !important;

}

.title_sub li {

    color: #212121;

}

.web_ttl .title_sub li h5 {

    margin: 5px 0 0;

    font-weight: bold;

    color: #d45151;

    font-size: 12px;

}

.navbar-top-links,

.navbar-top-links>li>a {

    color: #222;

}

.navbar-top-links a.profile-pic b {

    color: #2fa57d;

}

.navbar-top-links span {

    font-size: 11px;

    display: inline-block;

    float: right;

    padding: 5px 0 0;

    color: #7d7d7d;

}

.sidebar .container-fluid {

    padding-bottom: 0;

}

.sidebar .sidebar-nav.navbar-collapse {

    padding-top: 2px;

    padding-bottom: 2px;

}

.navbar-default.sidebar.menu.green {

    background-color: #00663f;

    background: -webkit-linear-gradient(#00b588, #017558);

    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(#00b588, #017558);

    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#00b588, #017558);

    /* For Firefox 3.6 to 15 */

    background: linear-gradient(#00b588, #017558);

    /* Standard syntax */

}

#side-menu li a {

    color: #fff;

}

#side-menu li .nav-second-level a {

    color: #4f5467;

    padding: 6px 15px;

    color: #fff;

}

#side-menu li:hover ul.collapse,

#side-menu li:hover ul.collapse li:hover ul.nav-third-level {

    display: block;

    height: 100%!important;

}

#side-menu li:hover ul.collapse ul {

    display: none;

}

.navbar-default .navbar-collapse {

    border-color: transparent;

    box-shadow: none;

}

.navbar-header {

    background: transparent;

    position: relative;

}

.navbar-header a.home_link {

    position: absolute;

    left: 5px;

    top: 2px;

    color: #fff;

    font-size: 23px;

    display: none;

}

.nav-second-level.collapse.in,

.navbar-default.sidebar.menu ul.nav li {

    display: inline-block;

}

.navbar-default.sidebar.menu ul.nav-second-level li {

    display: block;

}

ul.nav-second-level {

    position: absolute;

    background-color: #f8f8f8;

    min-width: 240px;

}

#side-menu li a {

    border-left: 1px solid rgba(152, 152, 152, 0.13)

}

#side-menu .nav-second-level {

    display: none;

    border: 1px solid #017558;

    border-left: 0;

    /*background:#017558;*/

    background: none;

}

.sidebar .nav-second-level li a {

    padding-left: 15px;

    transition: all ease 0.2s;

    color: #fff;

}

.sidebar .nav-second-level li,

.sidebar .nav-third-level li {

    background-color: #017558;

}

#side-menu ul>li>a:hover {

    border-left: 3px solid #4f5467;

}

#side-menu>li>a {

    padding: 5px 15px 5px 5px;

    font-size: 14px;

}

.sidebar .arrow {

    top: 8px;

    right: 5px;

}

.des-header .dropdown-menu{

    position: absolute !important;

}

#side-menu ul.dropdown-menu {

    border: 1px solid #017558;

    border-left: 0;

    background: #017558;

}

#side-menu ul.dropdown-menu li {

    background-color: #017558;

    display: block;

}

#side-menu ul.dropdown-menu li a {

    border-left: 2px solid rgba(152, 152, 152, 0.13);

        padding: 3px 20px 3px 27px;

    transition: all ease 0.3s;

    font-weight: 300;

    font-size: 14px;

}

#side-menu ul.dropdown-menu li a:hover {

    border-left-color: rgba(255, 255, 255, 0.4);

}

#side-menu ul.dropdown-menu li a:focus-within {

    background: transparent !important;

}

.navbar-default .navbar-nav>.open>a {

    background-color: transparent;

}

#side-menu .nav-second-level span.fa.arrow:before {

    content: "\f105";

}

#side-menu .nav-second-level.active span.fa.arrow:before {

    content: "\f104";

}

#side-menu .nav-third-level {

    left: 100%;

    position: absolute;

    background: #017558;

    top: 0;

    min-width: 230px;

}

/*#side-menu li.head_tab:hover ul.nav-second-level { display:block; }*/

.navbar-default .navbar-toggle {

    border: none;

    margin: 0;

    padding: 10px;

}

.navbar-header .navbar-toggle:hover {

    background: transparent;

}

.navbar-default .navbar-toggle:hover .icon-bar {

    background-color: #ff6849;

}

.white-box {

    background: #fff;

    padding: 0;

    margin-bottom: 5px;

    border: 1px solid #e2e2e2;

}

.white-box.gray_bg {

    background-color: #efefef;

}

.white-box.gray_bg .form-control {

    background-color: #fff;

}

.white-box .box-title {

    background-color: #00663f;

    background: -webkit-linear-gradient(#00b588, #017558);

    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(#00b588, #017558);

    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#00b588, #017558);

    /* For Firefox 3.6 to 15 */

    background: linear-gradient(#00b588, #017558);

    /* Standard syntax */

    /*padding:5px; */

    text-align: center;

    color: #fff;

    margin-bottom: 0;

}

h3.box-title a {

    margin-top: 5px;

    margin-right: 4px;

    color: #fff;

    padding: 0 5px;

}

.white-box .frm_bdy {

    padding: 5px 10px;

}

.white-box .frm_bdy label {

    margin-bottom: 2px;

}

.white-box .frm_bdy .form-control {

    height: 30px;

    line-height: 29px;

    font-size: 13px;

}

.white-box .frm_bdy .form-group {

    margin-bottom: 3px;

}

.white-box .frm_bdy button {

    /*margin-top: 5px;*/

}

.white-box .frm_bdy label+div button {

    margin-top: 0;

}

.white-box.list {

    padding: 15px;

}

.white-box.list .btnRefresh {

    margin-top: 5px;

}

.btnRefresh {

    position: absolute;

    right: 5px;

    top: 2px;

    padding: 2px 10px;

    background: none;

    border: none;

}

.white-box.list table th {

    padding: 10px;

    background-color: #d4d4d4;

    background: -webkit-linear-gradient(#d4d4d4, #e6e6e6);

    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(#d4d4d4, #e6e6e6);

    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#d4d4d4, #e6e6e6);

    /* For Firefox 3.6 to 15 */

    background: linear-gradient(rgb(227, 227, 227) 40%, rgb(245, 245, 245) 70%);

    /* Standard syntax */

}

.white-box.patient_info {

    padding: 10px;

    background-color: #f1f1f1;

    border: none;

}

.white-box.patient_info ul {

    margin-bottom: 0;

    list-style: none;

}

.white-box.patient_info ul li label {

    display: inline-block;

    min-width: 110px;

    margin-bottom: 2px;

    color: #444;

}

.white-box.patient_info img {

    max-width: 100px;

    padding: 1px;

    border: 1px solid #e5e5e5;

    background-color: rgba(0, 177, 133, 0.17);

}

.white-box table {

    margin-bottom: 0;

}

.white-box .frm_bdy.formdiv{

    padding:10px;

}

#dtl_supplier .frm_bdy.formdiv {

    padding: 10px 0px;

}

.btn_site {

    background: -webkit-linear-gradient(#00b588, #017558);

    background: -o-linear-gradient(#00b588, #017558);

    background: -moz-linear-gradient(#00b588, #017558);

    background: linear-gradient(#00b588, #017558);

    background-color: #009c75;

    color: #fff;

    font-weight: 300;

    border-radius: 3px;

    transition: all ease 0.3s;

}

.btn_p_search {

    padding: 5px 10px;

    font-size: 13px;

}

.btn_site:focus {

    color: #fff;

}

.btn_site:hover,

.btn_site:focus {

    background: -webkit-linear-gradient(#018d6a, #00a47c);

    background: -o-linear-gradient(#018d6a, #00a47c);

    background: -moz-linear-gradient(#018d6a, #00a47c);

    background: linear-gradient(#018d6a, #00a47c);

    background-color: #05b186;

    color: #fff;

}

.page-title .btn_site {

    margin-top: -5px;

}

.sm-form .form-control {

    height: 32px;

    line-height: 32px;

}

.search_list {

    margin-bottom: -30px;

    z-index: 1;

}

.white-box.list table td {

    padding: 7px 5px;

    font-size: 12px;

}

.white-box.list .table-responsive {

    max-height: 400px;

    overflow: auto;

}

table thead tr th .text_filter {

    background-color: transparent;

    border: 0;

    border-bottom: 1px solid #868686;

}

table thead tr th .text_filter:focus {

    outline: 0;

}

.tcTable thead tr th {

    background-color: #d4d4d4;

    background: -webkit-linear-gradient(#d4d4d4, #e6e6e6);

    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(#d4d4d4, #e6e6e6);

    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#d4d4d4, #e6e6e6);

    /* For Firefox 3.6 to 15 */

    background: linear-gradient(rgb(227, 227, 227) 40%, rgb(245, 245, 245) 70%);

    /* Standard syntax */

    padding: 8px 5px;

    line-height: 13px;

    font-size: 12px;

}

.tcTable tbody tr:hover {

    background-color: #edfbf7;

}

.tcTable tbody tr td {

    padding: 3px 5px;

    font-size: 12px;

    line-height: 13px;

}

.tcTable tbody tr td:not(:first-child) {

    border-left: 1px solid #ddd;

}

.selectedtr {

    background-color: #494b56!important;

    color: white;

    font-weight: bold;

}

.footer {

    background-color: #00653c;

    color: #fff;

}

.fade.show {

    opacity: 1;

}

.modal-backdrop.show {

    opacity: .5;

}

.modal label {

    margin-bottom: 3px;

}

.modal p {

    line-height: 1.2;

}

.modal-dialog.modal-400 {

    width: 100%;

    max-width: 400px;

}

.modal.show .modal-dialog {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

}

.modal form {

    margin-bottom: 0;

}

.dtable_pad {

    padding: 5px;

}

.table-responsive.dtable_pad {

    overflow-y: initial;

    overflow-x: initial;

}

label.dttable_ttl {

    font-size: 14px;

    margin-bottom: 0;

    font-weight: 600;

    color: #ffffff;

    border: 1px solid #ddd;

    border-bottom: 0;

    background-color: #33b387;

    display: block;

    padding: 3px 5px;

    width: 99.95%;

}

label.dttable_ttl+table.dataTable,

label.dttable_ttl+.scroll table.dataTable {

    margin-top: 0;

    margin-bottom: 0;

}

label.dttable_ttl+.scroll {

    margin-bottom: 15px;

}

table.dataTable {

    margin-top: 15px;

    margin-bottom: 20px;

    border: 1px solid #e4e7ea;

}

.FormList_StockRequirement table.dataTable,

.FormList_StockRequirement .table-responsive {

    margin-top: 0;

}

table.dataTable.no-marg {

    margin-top: 0;

    margin-bottom: 0px;

}

table.dataTable.full_width {

    width: 100%!important;

}

table.dataTable table.dataTable {

    margin-top: 0;

}

table.dataTable table.dataTable tbody tr td:not(:last-child),

table.dataTable table.dataTable thead tr th:not(:last-child) {

    border-right: 1px solid #ddd;

}

table.dataTable.dt_no_marg {

    margin: 0;

}

table.dataTable.table-bordered {

    border-collapse: collapse;

    border: 1px solid #ddd;

}

.dataTable,

.dataTables_wrapper {

    font-size: 12px;

}

.dataTables_wrapper .dataTables_filter,

.dataTables_wrapper .dataTables_length {

    margin-bottom: 10px;

}

.dataTable thead tr th {

    padding: 7px 15px 7px 5px;

    font-weight: 500;

}

.dataTable tbody tr td {

    padding: 5px;

}

.dataTable span.filter_column.filter_text input.text_filter {

    width: 100%!important;

}

table.dataTable thead .sorting::after,

table.dataTable thead .sorting_asc::after,

table.dataTable thead .sorting_desc::after {

    padding-left: 2px;

}

.dataTable i.fa-info-circle {

    color: #ffffff;

    font-size: 14px;

}

table.dataTable .chkbox_align {

    position: relative;

}

table.dataTable .chkbox_align input[type=checkbox] {

    position: absolute;

    margin-top: 1px;

    z-index: 1;

    top: 6px;

}

table.dataTable .chkbox_align input[type=checkbox]+span {

    padding-left: 14px;

    margin-top: -2px;

    position: relative;

    display: inline-block;

}

.patient-search-modal {

    margin: 50px auto 60px;

}

.modal-dialog.modal-lg.patient-search-modal {

    width: 1068px;

}

.dataTable thead tr th {

    white-space: nowrap;

    padding: 5px 10px 5px 5px;

    position: relative;

}

.modal table.dataTable {

    margin-top: 0px;

    margin-bottom: 5px;

}

.compact_Table thead tr th,

.compact_Table tbody tr td {

    font-size: 11px;

    padding: 5px 3px;

}

.wb_ttl {

    margin: 0;

    padding: 3px 10px;

    background-color: #00a67c;

    color: #fff;

    font-size: 14px;

    line-height: 18px;

}

.wb_form label {

    font-size: 12px;

    margin-bottom: 2px;

}

.wb_form .form-control {

    height: 30px;

    font-size: 12px;

    line-height: 16px;

}

.wb_form .form-control:disabled {

    background-color: #f3f3f3;

}

.wb_form .form-group {

    margin-bottom: 5px;

}

label.radio-inline {

    line-height: 30px;

    margin-bottom: 0;

}

label.radio-inline input.radio {

    margin-top: 7px;

}

.dis_tab {

    display: table;

    width: 100%;

}

.dis_tab .table-cell {

    display: table-cell;

}

.dis_tab .table-cell.width_30 {

    width: 30px;

}

.dis_tab .table-cell.form-control {

    max-width: auto;

}

.dis_tab .table-cell.vt {

    vertical-align: top;

}

.frm_add_btn {

    color: #444;

    margin: 0 .5px

}

.d-flex{

    display: flex

}

.frm_add_btn i {

    background-color: #ddd;

    line-height: 29px;

    width: 30px;

    text-align: center;

    height: 30px;

}

.frm_add_btn i.fa-download {

    background-color: #21a9f3;

    color: #fff;

}

.p_change {

    background-color: #31ac81;

    border: 0;

    padding: 6px 5px;

    color: #fff;

    margin-left: 2px;

    font-size: 12px;

}

.table-site thead th,

.table-site thead tr th {

    padding: 4px 8px;

    background-color: #00a67c;

    color: #fff;

    border: 0;

    font-size: 12px;

}

.table-site tbody tr td {

    padding: 8px 8px;

    font-size: 12px;

}

.table-site.table {

    margin-bottom: 5px;

}

#Dtable thead tr th {

    font-weight: 400;

}

#Dtable thead tr th,

#Dtable tbody tr td {

    font-size: 12px;

    padding: 5px;

}

.side-panel-inner {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}

.side-panel-inner li a {

    color: #555;

    background-color: #ddd;

    background-color: #d4d4d4;

    background: -webkit-linear-gradient(rgb(224, 236, 233) 40%, rgb(235, 243, 241) 70%);

    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(rgb(224, 236, 233) 40%, rgb(235, 243, 241) 70%);

    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(rgb(224, 236, 233) 40%, rgb(235, 243, 241) 70%);

    /* For Firefox 3.6 to 15 */

    background: linear-gradient(rgb(224, 236, 233) 40%, rgb(235, 243, 241) 70%);

    /* Standard syntax */

    padding: 7px 10px;

    display: block;

    font-size: 13px;

    font-weight: 600;

}

.side-panel-inner li:not(:last-child) {

    border-bottom: 1px solid #c9c9c9;

}

.side-panel-inner li.active a {

    cursor: default;

}

.side-panel-inner li.active a,

.side-panel-inner li a:hover {

    background: -webkit-linear-gradient(#00b588, #017558);

    background: -o-linear-gradient(#00b588, #017558);

    background: -moz-linear-gradient(#00b588, #017558);

    background: linear-gradient(#00b588, #017558);

    color: #fff;

}

.panel-inner-content .table-site {

    margin-bottom: 10px;

}

.panel-inner-content .table-site thead tr th {

    border: 1px solid #00a67c!important;

}

.panel-inner-content .table-site tbody tr td {

    border: 1px solid #ddd;

    padding: 3px;

}

.panel-inner-content .tcTable thead tr th {

    color: #555;

    border: 1px solid #ddd!important;

    background: linear-gradient(rgb(224, 236, 233) 40%, rgb(235, 243, 241) 70%);

}

.sup_header {

    padding: 10px;

    border: 1px solid #ddd;

    margin: 10px 0px;

    background-color: #f6f6f6;

}

.panel-inner-content .table-borderless thead tr th,

.panel-inner-content .table-borderless tbody tr td {

    font-size: 11px;

    border: 1px solid #f5f5f5;

    padding: 5px;

    color: #000;

}

.panel-inner-content .table-borderless {

    border: 1px solid #e5e5e5;

}

.v_sign_ttl {

    background-color: #f6f6f6;

    padding: 2px 5px;

    border: 1px solid #ddd;

    font-weight: 600;

}

.vs_content {

    padding-top: 5px;

    padding-left: 5px;

    padding-right: 5px;

    font-size: 12px;

}

.vs_content ul {

    list-style: none;

    padding: 0;

    margin-bottom: 0px;

}

.vs_content ul li {

    float: left;

    padding-right: 10px;

    width: 20%;

}

.vs_content ul li label {

    display: inline-block;

    min-width: 50px;

    margin-bottom: 0px;

}

.r-icon-stats i {

    width: 50px;

    height: 50px;

    padding: 0;

    line-height: 50px;

    margin: 5px;

}

h3 {

    line-height: 25px;

}

.row.row_5 {

    margin-left: -5px;

    margin-right: -5px;

}

.colspan-2 {

    padding-left: 5px;

    padding-right: 5px;

    width: 20%;

    float: left;

    margin-bottom: 10px;

}

.head_sum {

    list-style: none;

    padding-left: 0;

    width: 100%;

    display: table;

    table-layout: fixed;

    margin-bottom: 5px;

}

.head_sum li {

    display: table-cell;

    padding: 0 5px 10px;

    vertical-align: top;

}

.head-info {

    position: relative;

    width: 100%;

    background-color: #ddd;

    border-radius: 3px;

    padding: 10px;

    color: #fff;

    height: 100%;

}

.head_sum li:nth-child(1n) .head-info,

.colspan-2:nth-child(1n) .head-info {

    background-color: #32c0c9;

}

.head_sum li:nth-child(2n) .head-info,

.colspan-2:nth-child(2n) .head-info {

    background-color: #21a9f3;

}

.head_sum li:nth-child(3n) .head-info,

.colspan-2:nth-child(3n) .head-info {

    background-color: #38c291;

}

.head_sum li:nth-child(4n) .head-info,

.colspan-2:nth-child(4n) .head-info {

    /*background-color: #4c5667;*/

    background-color: #6b52f7; 

}

.head_sum li:nth-child(5n) .head-info,

.colspan-2:nth-child(5n) .head-info {

    background-color: #d25252;

}

.head_sum li:nth-child(6n) .head-info,

.colspan-2:nth-child(6n) .head-info {

    background-color: #e6964d;

}

.head_sum .head-info a.a_link {

    opacity: 0;

    position: absolute;

    top: 1px;

    right: 1px;

    display: inline-block;

    width: 18px;

    height: 18px;

    text-align: center;

    background-color: #ffffffdb;

    color: #6f6f6f;

    border-radius: 2px;

    transition: all ease 0.3s;

}

.head_sum .head-info a.a_link i {

    line-height: 18px;

    font-size: 12px;

    display: block;

}

.head_sum .head-info:hover a.a_link {

    opacity: 1;

}

.head-info .hi_left,

.head-info .hi_right {

    display: table-cell;

    vertical-align: middle;

}

.head-info .hi_left {

    /*width:60px;*/

    width: 35%;

    text-align: center;

}

.head-info .hi_left img {

    width: 100%;

    max-width: 45px;

    max-height: 70px;

}

.head-info .hi_left i {

    font-size: 50px;

    line-height: 70px;

}

.head-info .hi_right {

    padding-left: 5px;

}

.head-info .hi_right h4 {

    margin-bottom: 0;

    margin-top: 0;

    color: #fff;

    font-size: 18px;

    font-weight: 400;

    line-height: 18px;

}

.head-info .hi_right p {

    margin-bottom: 0;

    font-weight: 400;

    margin-top: 5px;

}

.stock_head .head-info .hi_right p {

    min-height: 102px;

}

.stock_sec_ttl {

    font-size: 16px;

    font-weight: 500;

    color: #717171;

    /*padding-bottom: 5px;*/

    padding-bottom: 4px !important;

    padding-top: 4px !important;

    border-bottom: 1px solid #eaeaea;

}

.bio_dash .head_sum {

        justify-content: center;

    display: flex;

}

.bio_dash .head_sum li {

    display: inline-block;

    float: left;

    width: 33.33333333%;

}

.bio_dash .head-info .hi_left {

    width: 30%;

}

.bio_dash .head-info .hi_right h4 {

    font-size: 16px;

    font-weight: 300;

}

.bio_dash .hi_right p a {

    font-size: 18px;

    font-weight: 500;

    min-width: 40%;

    display: inline-block;

    text-align: center;

    color: #fff;

    background-color: rgba(0, 0, 0, 0.06);

    border-radius: 5px;

    overflow: hidden;

}

.bio_dash .hi_right p a span {

    font-size: 10px;

    font-weight: 300;

    display: block;

    background-color: rgba(255, 255, 255, 0.07);

}

.bio_repair thead tr th,

.bio_repair tbody tr td {

    padding: 2px 3px;

    font-size: 12px;

}

.bio_repair thead tr th {

    background-color: #eaeaea;

    vertical-align: middle;

}

.dropdown-submenu {

    position: relative;

}

.dropdown-submenu>.dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -6px;

    margin-left: -1px;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px 6px;

    border-radius: 0 6px 6px 6px;

}

.dropdown-submenu>a:after {

    display: block;

    content: " ";

    float: right;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    border-left-color: #cccccc;

    margin-top: 5px;

    margin-right: -15px;

}

/*.dropdown-submenu:hover>a:after{border-left-color:#555;}*/

.dropdown-submenu.pull-left {

    float: none;

}

.dropdown-submenu.pull-left>.dropdown-menu {

    left: -100%;

    margin-left: 10px;

    -webkit-border-radius: 6px 0 6px 6px;

    -moz-border-radius: 6px 0 6px 6px;

    border-radius: 6px 0 6px 6px;

}

.sl_form,

.sl_form label {

    display: inline-block;

    padding-right: 10px;

}

.sl_form .form-control {

    display: inline-block;

    max-width: 150px;

}

.patient_block {

    background-color: ;

}

.patient_reg {

    padding-top: 5px;

}

.patient_reg .pr_head {

    padding-bottom: 5px;

}

.patient_reg .pr_head label {

    font-size: 12px;

    display: inline-block;

}

.patient_reg .pr_head span {

    display: inline-block;

    max-width: 230px;

}

.patient_reg .pr_head span input.form-control {

    max-width: 150px;

    display: inline-block;

}

.img_block figure {

    max-height: 165px;

    text-align: center;

    padding: 5px;

    border: 1px solid #e4e7ea;

    position: relative;

}

.img_block img {

    max-width: 100%;

    max-height: 153px;

    margin: 0 auto;

}

.img_block .img_btn {

    opacity: 0;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.3);

    padding: 5px 5px 6px;

    width: 100%;

    border: 1px solid #ddd;

    font-weight: 400;

    font-size: 12px;

    text-align: center;

    color: #fff;

    transition: all ease 0.3s;

}

.img_block .img_btn i {

    font-size: 18px;

    color: rgba(255, 255, 255, 0.9);

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

.img_block:hover .img_btn {

    opacity: 1;

}

.patient_reg .btn_pr.m_left {

    margin-left: 5px;

}

.patient_reg .btn_pr.m_right {

    margin-right: 5px;

}

.patient_reg .btn_pr {

    background-color: #2ea47b;

    color: #fff;

    border-radius: 2px;

    font-weight: 300;

    font-size: 13px;

}

.patient_reg .btn_pr:hover {

    background-color: #248e69;

}

.borderbottom {

    padding-bottom: 5px;

    border-bottom: 1px solid #f3f3f3;

}

.wb_form h4 label {

    font-size: 18px;

}

.checkbox-inline span {

    margin-top: 3px;

    display: inline-block;

}

.checkbox-inline {

    margin-left: 0!important;

    min-width: 50%;

}

.checkbox-inline input[type=checkbox] {

    margin-top: 2px;

}

.billing .btn_site {

    font-size: 12px;

    line-height: 20px;

}

.billing_head_info,

.bhead_user_info,

.bhead_right,

.billing .total_cost {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}

.billing_head_info li {

    width: 25%;

    float: left;

    padding-bottom: 0;

}

.billing_head_info li:not(:last-child) {

    padding-right: 10px;

}

.billing_head_info li label {

    width: 90px;

}

.bhead_user_info,

.bhead_right {

    font-size: 12px;

}

.bhead_user_info .half_width {

    width: 50%;

    float: left;

}

.bhead_user_info .one_third {

    width: 33.33333333%;

    float: left;

}

.bhead_user_info .table-cell {

    vertical-align: middle;

}

.bhead_user_info li label,

.bhead_right li label {

    width: 90px;

}

.bhead_user_info li span.check_wrap {

    display: inline-block;

    width: 100%;

}

.bhead_user_info li span.check_wrap .checkbox-inline {

    width: 100%;

}

.bhead_user_info li input.checkbox,

.bhead_right li input.checkbox {

    margin-top: 1px;

}

.bhead_right li label.checkbox-inline {

    min-width: 90px;

}

.bhead_right li input.num_input {

    width: 40%;

    display: inline-block;

}

.billing_table {

    font-size: 12px;

    border: 1px solid #ddd;

    margin-bottom: 5px;

}

.billing_table.tcTable thead tr th {

    padding: 8px 5px;

}

.billing_table.tcTable tbody tr td {

    padding: 5px 5px;

}

.billing .total_cost li {

    display: table;

    width: 100%;

}

.billing .total_cost li label {

    display: table-cell;

    width: 130px;

}

.billing .total_cost li .form-control {

    background-color: #fff;

}

.bill_grand_total h3 {

    font-weight: 600;

    margin: 0;

}

.bill_grand_total .gt_table {

    width: 260px;

    border: 3px solid #efefef;

    border-right: none;

    text-align: center;

    font-weight: 400;

    background-color: #fff;

}

.bill_grand_total .gt_table h2 {

    margin: 0;

    font-weight: 600;

}

.bill_grand_total .gt_table tr td {

    width: 50%;

    padding: 5px;

    border-bottom: 3px solid #efefef;

    border-right: 3px solid #efefef;

}

.bill_grand_total .gt_table tr:first-child td {

    background-color: #efefef;

}

.bg_highlight {

    background-color: #efefef;

}

table tbody tr.tr_selected {

    background-color: #454545!important;

    color: #fff!important;

}

table tbody tr.tr_selected td a {

    color: #fff!important;

}

.pm_data_body {

    background: #e6f0ec;

    border-radius: 3px;

    border: 1px solid #d4e8e0;

}

#FormDiv_PmdataForm.search_pm_data .row {

    padding: 8px 5px;

}

#FormDiv_PmdataForm.search_pm_data .row .col-md-3 {

    margin-bottom: 5px;

}

.search_pm_data ul.pm_data {

    list-style: none;

    padding: 10px 5px ;

    min-height: /*70px*/

    10px;

    -webkit-column-count: 3;

    -moz-column-count: 3;

    column-count: 3;

    margin-bottom: 5px;

}

.search_pm_data ul.rowtype{

    list-style: none;

    padding: 10px 5px;

    margin-bottom: 5px;

    display: flex;

    flex-wrap: wrap;

}

.search_pm_data ul.pm_data.rowtype li {

    margin-bottom: 8px;

    display: flex;

}

.search_pm_data ul.pm_data.rowtype li label {

    margin-bottom: 0;

}

.search_pm_data ul.pm_data.cols3 {

    -webkit-column-count: 3;

    -moz-column-count: 3;

    column-count: 3;

}

.search_pm_data ul.pm_data.col4 {

    -webkit-column-count: 4;

    -moz-column-count: 4;

    column-count: 4;

}

.search_pm_data ul.pm_data li {

    font-size: 12px;

}

.search_pm_data ul.pm_data li label {

    min-width: 100px;

}

.scroll {

    overflow-y: auto!important;

    max-height: 511px;

}

.scroll.h150 {

    max-height: 150px;

}

.scroll.h155 {

    max-height: 155px;

}

.scroll.h200 {

    max-height: 200px;

}

.scroll.vh80 {

    max-height: 80vh;

}

.scroll.h212 {

    max-height: 212px;

}

.scroll.h_hidden {

    overflow-x: hidden;

}

.modal hr {

    margin-top: 10px;

    margin-bottom: 10px;

}

.modal-footer {

    padding: 10px 15px;

}

.modal-header {

    background-color: #258967;

    color: #fff;

    padding: 5px 10px;

}

.modal-header h4 {

    color: #fff;

}

.modal-content {

    border: 2px solid #258967;

}

.modal-dialog.modal-md {

    width: 100%;

    max-width: 720px;

}

.modal-dialog.modal-lg {

    width: 100%;

    max-width: 1024px;

}

.equip_repair {

    border: 1px solid #ddd;

    padding-bottom: 5px;

}

.equip_repair .ttl {

    background-color: #ddd;

    margin-bottom: 5px;

}

.equip_repair ul {

    padding-left: 0;

    columns: 2;

    -webkit-columns: 2;

    -moz-columns: 2;

    margin-bottom: 5px;

}

.equip_repair .label {

    font-size: 14px;

    color: #333;

    padding-left: 0;

    letter-spacing: 0;

}

.equip_repair ul li {

    font-size: 13px;

}

.equip_repair ul .checkbox {

    margin-top: 2px;

    margin-bottom: 2px;

}

.equip_repair .checkbox input[type=checkbox] {

    opacity: 1;

}

.modal-body .form-group {

    margin-bottom: 10px;

}

.modal-body .form-group:last-child {

    margin-bottom: 0;

}

a.stat_home {

    position: absolute;

    top: 5px;

    left: 10px;

    color: #258967;

    font-size: 18px;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    border: 1px solid #33b284;

    background-color: #33b284;

}

.white-box.pull-right {

    position: relative;

}

.printBox {

    margin-right: 0px;

}

.printBox .pb_ttl {

    font-weight: 500;

    margin-bottom: 2px;

    line-height: 18px;

    font-size: 14px;

}

.printBox p label {

    font-weight: 400;

    width: 120px;

}

.printBox p {

    line-height: 12px;

    margin-bottom: 3px;

    font-size: 12px;

}

.printBox p.w50 {

    width: 50%;

}

.printBox img {

    max-width: 100%;

    margin-bottom: 2px;

    margin-top: 3px;

}

.white-box.pull-right .btn_print {

    position: absolute;

    top: -30px;

    right: 0px;

}

.page_denial {

    text-align: center;

    margin-top: 60px;

}

.page_denial .denial_container {

    max-width: 992px;

    margin: 0 auto;

    border: 1px solid #ddd;

    padding: 10px;

}

.page_denial h1 {

    margin: 0;

    font-weight: 400;

    color: #666666;

}

.page_denial h1 i {

    color: #f0b717;

    text-shadow: -1px 2px 2px #b6b6b6;

}

.page_denial p {

    padding: 25px 0;

    border-top: 1px solid #eaeaea;

    font-size: 18px;

    color: #878787;

}

.page_denial a.btn {

    padding: 10px 20px;

    font-size: 15px;

    margin-top: 20px;

}

.page_denial a.btn i {

    padding-right: 10px;

    font-size: 20px;

    padding-top: 1px;

    float: left;

}

.ov_report .form-group {

    margin-bottom: 10px;

}

span.inline-check {

    min-width: 210px;

    display: inline-block;

}

span.inline-check.mw_100 {

    min-width: 100px;

}

.width_70 {

    max-width: 1000px;

    margin: 0 auto;

}

.width_1100 {

    max-width: 1100px;

    margin: 0 auto;

}

/* -------------------------- Dental -------------------------- */

.text-center {

    text-align: center;

}

.tooth-elem {

    width: 75px !important;

}

.tooth {

    width: 62px;

    height: 63px;

    position: relative;

    margin: 0 auto;

}

.top,

.bottom,

.left,

.right,

.center {

    position: absolute;

    cursor: pointer;

}

.top,

.bottom {

    height: 23px;

    width: 42px;

}

.left,

.right {

    height: 41px;

    width: 23px;

    top: 11px;

}

.top {

    top: 0;

    left: 10px;

}

.bottom {

    bottom: 0;

    left: 10px;

}

.right {

    right: 0;

}

.left {

    left: 0;

}

.center {

    top: 20px;

    left: 20px;

    width: 22px;

    height: 22px;

}

.tooth-label {

    font-size: 13px;

    /*background: linear-gradient(to top, #E0E0E0 , #F6F6F6);*/

    color: #000;

    cursor: default;

}

.tooth-elem {

    border: none !important;

}

.top_tooth {

    background-image: url(../images/dental_tooth/top.png);

}

.bottom_tooth {

    background-image: url(../images/dental_tooth/bottom.png);

}

.right_tooth {

    background-image: url(../images/dental_tooth/right.png);

}

.left_tooth {

    background-image: url(../images/dental_tooth/left.png);

}

.center_tooth {

    background-image: url(../images/dental_tooth/center.png);

}

.top_tooth.active,

.top_tooth:hover {

    background-image: url(../images/dental_tooth/tophover.png);

}

.bottom_tooth.active,

.bottom_tooth:hover {

    background-image: url(../images/dental_tooth/bottomhover.png);

}

.right_tooth.active,

.right_tooth:hover {

    background-image: url(../images/dental_tooth/righthover.png);

}

.left_tooth.active,

.left_tooth:hover {

    background-image: url(../images/dental_tooth/lefthover.png);

}

.center_tooth.active,

.center_tooth:hover {

    background-image: url(../images/dental_tooth/centerhover.png);

}

#tabheader {

    top: 0;

    background: #fafafa;

    height: 52px;

    width: 100%;

}

.tabless {

    padding: 1px 1px 1px;

    background: #527a7a;

    display: inline-block;

    color: #FFF;

    margin: 1px 5px 0 0;

    margin-left: 5px;

    border-radius: 4px 4px 0 0;

    text-decoration: none;

    line-height: 2em;

    cursor: pointer;

    font-size: 14px;

}

.teethprof-table.dataTable {

    border: none;

    margin: 0;

}

table.teethprof-table.dataTable tbody tr {

    background-color: transparent;

}

table.teethprof-table.dataTable tbody tr td {

    border-top: 0;

}

.single-teeth-table tr td {

    padding-bottom: 5px;

    vertical-align: top;

}

.single-teeth-table tr td label {

    padding-top: 5px;

    margin-bottom: 0;

}

.single-teeth-table tr td.border-top {

    border-top: 1px solid #ddd;

}

.single-teeth-table tr td.border-top button {

    margin-top: 5px;

}

.teeth_num {

    margin-top: 5px;

}

.d_advice {

    position: relative;

}

.d_advice .add_device {

    position: absolute;

    right: 10px;

    top: 10px;

}

.d_advice .nav-tabs {

    background-color: #f5f5f5;

    border-bottom: 0;

}

.d_advice .nav-tabs>li.active>a,

.d_advice.nav-tabs>li.active>a:focus,

.d_advice .nav-tabs>li.active>a:hover {

    background-color: #33b486;

    color: #fff;

    border-bottom-color: #ddd;

}

.d_advice .tab-content {

    margin-top: 0;

    border: 1px solid #ddd;

    padding: 15px;

}

.d_advice .table-site thead th,

.d_advice .table-site thead tr th {

    padding: 8px;

}

.d_advice .teeth_div .sec {

    border: 1px solid transparent;

    float: left;

    width: 48%;

    padding: 2px 5px;

    min-height: 18px;

}

.d_advice .teeth_div .sec:nth-child(1n) {

    border-bottom-color: #999;

    border-right-color: #999;

    text-align: right;

}

.d_advice .teeth_div .sec:nth-child(2n),

.d_advice .teeth_div .sec:nth-child(4n) {

    border-bottom-color: #999;

    text-align: left;

    border-right-color: transparent;

}

.d_advice .teeth_div .sec:nth-child(3n) {

    border-right-color: #999;

    text-align: right;

    border-bottom-color: transparent;

}

.d_advice .teeth_div .sec:nth-child(4n) {

    border-bottom-color: transparent;

}

.d_advice #ph h5 {

    display: inline-block;

}

.d_advice a.btn-site+a.btn-site {

    margin-right: 5px;

}

.d_advice a.btn-site.btn-hollow {

    background-color: transparent;

    color: #00c292;

    border-color: #00c292;

}

.d_advice .dental-history .dh_ttl {

    border-bottom: 1px solid #ddd;

}

.white-box table.teeth_display {

    text-align: center;

    margin-top: 10px;

    margin-bottom: 30px;

}

.first_row td {

    border-bottom: solid black 1px;

}

.first_row td,

.second_row td {

    height: auto;

}

.first_row td label span,

.second_row td label span {

    display: block;

    padding: 2px 0;

}

.upper_teeth,

.lower_teeth {

    width: auto;

    padding-left: 0px;

    padding-right: 0px;

    height: auto;

    font-size: 12px;

    border: none;

    border-radius: 0;

}

.teeth_display tbody tr td {

    padding: 2px;

}

.teeth_display tbody tr td:hover {

    background-color: #f3f3f3;

}

.teeth_display tbody tr td.selected {

    background-color: #eaeaea;

}

.d_advice ul.teeth_selector {

    padding: 0;

    list-style: none;

    text-align: center;

}

.d_advice ul.teeth_selector li {

    display: inline-block;

    position: relative;

    padding-right: 15px;

}

.chkholder {

    display: inline-block;

}

.chkholder input {

    position: absolute;

    margin-top: 3px;

}

.chkholder span {

    padding-left: 17px;

}

.a_treatment_block {

    margin-bottom: 15px;

}

.at_ttl_block {

    border-bottom: 1px solid #ddd;

    padding: 5px 15px;

    line-height: 30px;

}

.at_ttl_block h4 {

    display: inline-block;

    margin-bottom: 0;

    line-height: 30px;

}

.at_ttl_block .at_date {

    padding: 0 7px;

}

.at_ttl_block span.at_note a {

    padding-left: 0;

}

.at_ttl_block a {

    color: #1e7458;

    padding: 0 7px;

    display: inline-block;

}

.at_ttl_block a i {

    line-height: 30px;

}

.at_ttl_block a:hover {

    color: #33b284;

}

.a_treatment_block .at_right_block {

    float: right;

}

.a_treatment_block .at_right_block .seperator {

    color: #d6d6d6;

}

.a_treatment_block .at_content_block {

    padding: 20px;

}

.a_treatment_block .at_content_block p {

    color: darkgrey;

}

.attachment_block ul.nav-pills {

    display: table;

    width: 100%;

    table-layout: fixed;

}

.attachment_block ul.nav-pills li {

    display: table-cell;

    text-align: center;

    float: none;

    padding: 2px;

    width: 100%;

}

.attachment_block .nav-pills>li>a.active,

.attachment_block .nav-pills>li.active>a,

.attachment_block .nav-pills>li.active>a:focus,

.attachment_block .nav-pills>li.active>a:hover {

    background-color: #d75050;

    color: #fff;

}

.attachment_block ul.nav-pills li a {

    position: relative;

}

.attachment_block ul.nav-pills li.active:hover a:after,

.attachment_block ul.nav-pills li.active a:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(136, 183, 213, 0);

    border-top-color: #d84f4f;

    border-width: 7px;

    margin-left: -7px;

}

.attachment_block ul.nav-pills li:hover a:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(136, 183, 213, 0);

    border-top-color: #eee;

    border-width: 7px;

    margin-left: -7px;

}

.attach_block .attach_item span {

    display: block;

    padding: 5px 5px 2px;

}

.attach_block .attach_item {

    padding: 2px;

    border: 1px solid #ddd;

}

/* -------------------------- End of Dental -------------------------- */

.pad-10 .frm_divider {

    display: block;

    background-color: #e6e6e6;

    margin-left: -11px;

    margin-right: -11px;

    margin-top: 10px;

    padding: 3px 10px;

}

.questionier .questionier_block {

    list-style-type: decimal;

    font-size: 12px;

    padding-left: 25px;

}

.questionier .questionier_block li {

    padding: 4px 0;

}

.questionier .questionier_block li:hover {

    background-color: #f9f9f9;

}

.questionier .questionier_block label {

    width: 350px;

}

.questionier_block .sub_group {

    float: left;

    list-style: none;

    padding-left: 40px;

}

.questionier_block .sub_group li {

    padding: 0;

}

.questionier_block .sub_group li .checkbox-inline {

    min-width: 20%;

}

.questionier_block .sub_group li.half_width {

    width: 48%;

    display: inline-block;

}

.questionier_block .sub_group li.one_third_width {

    width: 30%;

    display: inline-block;

}

.form-horizontal .questionier_block .checkbox,

.form-horizontal .questionier_block .radio {

    min-height: 17px;

}

.form-horizontal .questionier_block .radio-inline,

.form-horizontal .questionier_block .checkbox-inline {

    padding-top: 2px;

}

.questionier input[type=checkbox],

.questionier input[type=radio] {

    margin-top: 0;

}

.questionier .form-control {

    display: inline-block;

    max-width: 230px;

}

.form-control.mini {

    width: 100px;

    margin-right: 5px;

}

.dent_his {

    font-size: 12px;

}

.dent_his .form-control {

    margin-bottom: 3px;

}

.dent_his label {

    font-weight: bold;

}

.dent_his ul {

    padding-left: 20px;

}

.form-horizontal .dent_his .checkbox,

.form-horizontal .dent_his .radio {

    min-height: 16px;

}

.form-horizontal .dent_his .checkbox-inline {

    padding-top: 4px;

}

.current {

    background: #123 !important;

    color: #eee !important;

}

.confirm_box {

    padding: 10px 5px;

    border: 1px solid #ddd;

    border-radius: 3px;

    background-color: #ececec;

}

#DisplayBlock_id,

{

    position: relative;

    z-index: 1;

}

#DisplayBlock_id table.flatTable {

    background-color: #fff;

}

span.required {

    color: red;

    font-size: 15px;

    line-height: 12px;

}

.select2-container-multi.custom_select2 .select2-choices {

    border: 0;

}

.white-box .frm_bdy .select2-container-multi.custom_select2.form-control {

    line-height: 22px;

}

.select2-container-multi.custom_select2 .select2-choices .select2-search-field input {

    padding: 2px 5px;

}

.distributordata,

.list_c2 {

    font-size: 12px;

}

.distributordata label,

.list_c2 label {

    display: inline-block;

    min-width: 100px;

}

.list_c2.label_mw125 label {

    /*min-width: 125px;*/

    min-width: 90px;

}

.white-box.distributordata .col-sm-6,

.list_c2 .col-sm-6 {

    margin-bottom: 2px;

}

/*.white-box.distributordata .col-sm-6:last-child, .list_c2 .col-sm-6:last-child { margin-bottom:5px; }*/

.site_modal_tab ul.nav-tabs {

    border-bottom: 0;

    background-color: #f3f3f3;

}

.site_modal_tab ul.nav-tabs li a {

    margin-right: 0;

}

.site_modal_tab .tab-content {

    margin-top: 0;

    position: relative;

}

.site_modal_tab .tab-content .float_btn {

    position: absolute;

    top: 5px;

    right: 5px;

    background: transparent;

    border: none;

    border-radius: 3px;

    z-index: 1;

    height: 25px;

    width: 25px;

    text-align: center;

    line-height: 25px;

}

.site_modal_tab .tab-content .float_btn.excel {

    background-color: #38a538;

    color: #fff;

}

.tab-content.white-box {

    margin: 0;

}

.ov_report_tabs ul.nav-tabs {

    border-bottom: none;

    background-color: #f7f7f7;

}

.ov_report_tabs ul.nav-tabs li a {

    font-weight: 500;

    font-size: 14px;

    border-top: 3px solid transparent;

}

.ov_report_tabs ul.nav-tabs li.active a,

.ov_report_tabs ul.nav-tabs li.active a:hover {

    border-top: 3px solid green;

    /*background: #f5f5f5;

    border: 2px solid #00b588;*/

}

.ov_report_tabs ul.nav-tabs li a:hover {

    border-top: 3px solid #aaa;

}

.radio-group {

    min-height: 30px;

}

.pop_radio_group {

    margin-bottom: 5px;

}

label.radio_btn {

    font-size: 16px;

    border: 1px solid #ddd;

    padding: 5px 10px;

    position: relative;

    padding-left: 30px;

}

label.radio_btn input {

    -webkit-appearance: none;

    height: 18px;

    width: 18px;

    background-color: #fff;

    border-radius: 100%;

    border: 2px solid #d0d0d0;

    position: absolute;

    left: 7px;

    top: 3px;

    outline: 0;

}

label.radio_btn input:checked:after {

    background-color: #70c02b;

    border-radius: 50%;

    box-shadow: none;

    content: '';

    display: block;

    height: 10px;

    left: 2px;

    position: relative;

    top: 2px;

    width: 10px;

}

.nav.nav-pills>li>a {

    padding: 5px 10px;

}

.nav-pills+.tab-content {

    margin-top: 10px;

}

.btnAddParts {

    position: absolute;

    top: 18px;

    right: 8px;

}

.total_rr label {

    padding-top: 6px;

    min-height: 30px;

    margin-bottom: 0;

}

.total_rr input.form-control {

    margin-bottom: 3px;

}

.bio_dash .pre_main.nav-tabs li.active a {

    font-weight: 600;

}

.bio_dash .pre_main.nav-tabs {

    background-color: #f3f3f3;

}

.pre_main_date,

.pre_main_day {

    text-align: center;

}

/*#weekpm table thead th {

    background-color: #f5f5f5;

}*/

#weekpm,

#monthly,

#thisyear,

#year_wise,

#yearwisepm,

#monthpm,

#yearpm {

    position: relative;

}

.index_table {

    position: absolute;

    right: 0;

    bottom: 100%;

    list-style: none;

    padding-left: 0;

    border: 1px solid #ddd;

    margin-bottom: 6px;

}

.index_table li {

    display: table;

    padding: 4px 10px;

    float: left;

}

.index_table li.ttl {

    background-color: #505050;

    color: #fff;

}

.index_table span {

    display: table-cell;

    vertical-align: middle;

}

.index_table li span.color {

    width: 19px;

    height: 15px;

    background-color: red;

    border-radius: 100%;

}

.indexed_table {

    margin-top: 6px!important;

}

.indexed_table thead tr td.sch,

.index_table li span.color.sch {

    background-color: #3faae8;

}

.indexed_table thead tr td.don,

.index_table li span.color.don {

    background-color: #5db73f;

}

.indexed_table thead tr td.ndo,

.index_table li span.color.ndo {

    background-color: #dc5850;

}

.indexed_table thead tr td.iss,

.index_table li span.color.iss {

    background-color: #5db73f;

}

.indexed_table thead tr td.req,

.index_table li span.color.req {

    background-color: #dc5850;

}

.index_table span.inde_label {

    padding-left: 5px;

    line-height: 19px;

}

.indexed_table thead tr td {

    color: #fff;

    padding: 3px 5px;

    cursor: pointer;

    transition: all ease 0.3s;

}

.indexed_table thead tr td.sch:hover {

    background-color: #5bc3ff;

}

.indexed_table thead tr td.don:hover {

    background-color: #73d054;

}

.indexed_table thead tr td.ndo:hover {

    background-color: #e8625a;

}

.indexed_table thead tr td.iss:hover {

    background-color: #73d054;

}

.indexed_table thead tr td.req:hover {

    background-color: #e8625a;

}

.indexed_table tbody tr td:hover {

    background-color: #797979;

}

.indexed_table tbody tr td a {

    color: #555;

}

.indexed_table tbody tr td:hover a {

    color: #fff;

}

.indexed_table tbody tr td a.btnpmdata {

    display: block;

}

.issue_cons .nav-pills li a {

    font-size: 12px;

    padding: 12px 10px;

    background-color: #e6e6e6;

    background: -webkit-linear-gradient(#eaeaea, #d0d0d0);

    background: -o-linear-gradient(#eaeaea, #d0d0d0);

    background: -moz-linear-gradient(#eaeaea, #d0d0d0);

    background: linear-gradient(#eaeaea, #d0d0d0);

}

.issue_cons .nav-pills li.active a {

    background-color: #00663f;

    background: -webkit-linear-gradient(#00b588, #017558);

    background: -o-linear-gradient(#00b588, #017558);

    background: -moz-linear-gradient(#00b588, #017558);

    background: linear-gradient(#00b588, #017558);

}

.issue_cons .tab-content {

    min-height: 115px !important;

    padding-bottom: 0px;

}

.index_chart {

    padding-left: 0;

    list-style: none;

    margin-bottom: 0;

}

.index_chart li {

    padding-right: 10px;

    display: inline-block;

    font-size: 12px;

    float: left;

    width: 50%;

    /*margin-bottom: 2px;*/

    padding: 5px;

    border: 1px solid #eee;

}

.index_chart li div {

    float: left;

    margin-right: 5px;

    display: inline-block;

    height: 15px;

    width: 15px;

    border-radius: 20px;

}

.index_chart li div.warning {

    background-color: #FF8C00;

}

.index_chart li div.success {

    background-color: #0ab960;

}

.index_chart li div.warning {

    background-color: #be4cd2;

}

.index_chart li div.danger {

    background-color: #e65555;

}

.index_chart li div.warning {

    background-color: #0174DF;

}

/*.index_chart li div.verified

{

    background-color: #0174DF;

}*/

.index_chart li div.cntissue,

.index_chart li div.warning {

    background-color: #131111;

}

.index_chart li div.info {

    background-color: #03a9f3;

}

.index_chart li div.expired,

.index_chart li div.n_approved {

    background-color: #0174DF;

}

.index_chart li div.issuereturn,

.index_chart li div.primary,

.index_chart li div.returncancel {

    background-color: #FF8000;

}

.index_chart li span {

    float: right;

    font-size: 11px;

    margin-top: 2px;

}

.datatable.con_ttl thead tr th {

    background-color: #258967;

    color: #fff;

}

table.dataTable tbody tr.selected {

    background-color: #e6e6e6;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);

}

table.dataTable tbody tr.selected td:not(:last-child) {

    font-weight: 700;

}

.table-footer {

    background-color: #f7f7f7!important;

}

.table-footer td {

    vertical-align: middle!important;

}

.table-footer .form-control {

    background-color: #fff;

}

.table-footer+.table-footer td {

    border-top: none;

}

table.dataTable tbody tr.primary {

    color: #000080 !important;

}

table.dataTable tbody tr.success {

    color: #20B2AA !important;

}

table.dataTable tbody tr.danger {

    color: #DC143C !important;

}

table.dataTable tbody tr.warning {

    color: #FF4500 !important;

}

table.dataTable tbody tr.info {

    color: #00aced !important;

}

.roi_footer {

    background-color: #f7f7f7;

    padding: 10px 10px 5px;

    border: 1px solid #f1f1f1;

}

.roi_footer fieldset {

    margin-left: 5px;

    margin-right: 0;

    border: none;

    min-height: 245px;

}

.roi_footer fieldset.mh_init {

    min-height: initial;

}

.roi_footer fieldset.bordered {

    border: 1px solid #ddd;

}

.roi_footer ul {

    list-style: none;

    display: inline-block;

    padding-left: 0;

}

.roi_footer ul li {

    display: table;

    width: 100%;

    margin-bottom: 5px;

}

.roi_footer ul li label,

.roi_footer ul li .form-control {

    display: table-cell;

    width: 100px;

    vertical-align: middle;

}

.roi_footer ul li label {

    color: #616161;

    font-weight: 600;

    line-height: 1.2;

    padding-top: 0;

    width: 160px;

    text-align: right;

    padding-right: 5px;

}

.roi_footer .form-control {

    background-color: #fff;

}

.roi_footer .left_sec {

    background-color: transparent;

    float: none;

}

/*.white-box form{

    margin-bottom: 0px !important;

}*/

.waves-effect {

    display: block;

}

.table>tbody>tr>td,

.table>tbody>tr>th {

    margin-top: 100px;

}

.form-border {

    margin-bottom: 0px !important;

    border: 1px solid #e4e7ea;

    border-bottom: 0px;

    /*padding: 4px 5px;*/

    margin: 0px 1px;

}

.form-border>div {

    border-bottom: 1px solid #e4e7ea;

    border-right: 1px solid #e4e7ea;

    padding-top: 3px;

    padding-bottom: 3px;

}

.form-border>div:first-child {

    border-bottom: 0px;

}

.form-border>div label {

    margin-bottom: 0px;

}

/*.table-footer td:first-child{border-left: 1px solid red;}

.table-footer td:last-child{border-right: 1px solid red;}*/

.ov_report_tabs {

    padding-bottom: 0px !important;

}

.searchWrapper {

    /*background: #f7f7f7;*/

    padding: 7px 4px;

    border: 1px solid #d7d7d7;

    padding-right: 10px;

}

.searchWrapper form{

    margin:5px 0px;

}

.white-box .frm_bdy {

    padding-top: 0px;

}

@media(max-width: 991px) {

    .table.dataTable,

    table.dataTable {

        width: 1100px !important;

    }

}

@media(max-width: 767px) {

    #page-wrapper {

        padding-bottom: 0px;

    }

    .container-fluid {

        padding-bottom: 0px;

    }

    .bg-title {

        margin-bottom: 0px;

    }

    .white-box .frm_bdy .form-control {

        padding-right: 7.5px;

        padding-left: 7.5px;

        font-size: 12px;

    }

    #myTable_length,

    #myitemListTable_length {

        margin-top: 15px;

    }

    .white-box .frm_bdy label {

        margin-top: 7px;

        margin-bottom: 3px !important;

    }

    .table>tbody>tr>td,

    .table>tbody>tr>th {

        margin-top: 0px;

    }

    .table.dataTable.res_vert_table {

        width: 100% !important;

    }

    .purchaseInfo tr td:first-child {

        width: auto !important;

    }

    .purchaseInfo tr td {

        width: 100% !important;

    }

    .date-section .white-box form .form-group {

        margin-bottom: 10px !important;

    }

}

/*Change password form*/

.my_account {

    width: 100%;

    max-width: 400px;

    margin: 0 auto;

}

.my_account .panel {

    background: #f1f1f1;

}

.my_account .panel .panel-heading {

    text-align: center;

}

.my_account .panel .form-group {

    margin-bottom: 20px !important;

}

.my_account .panel .form-group .form-control {

    padding-left: 15px;

}

.my_account .panel .panel-heading .fa {

    width: 50px;

    height: 50px;

    display: block;

    background: #00b588;

    line-height: 50px;

    margin: 0 auto;

    margin-top: 5px;

    margin-bottom: 15px;

    font-size: 22px;

    color: #fff;

}

.my_account .panel .submit_btn {

    width: 100%;

    display: block;

    max-width: 130px;

    height: 38px;

    background: #00b588;

    line-height: 38px;

    color: #fff;

    outline: none;

}

.modalbtn {

    margin-top: 20px;

}

.remarksStatus .modalbtn {

    margin-top: 0px !important;

}

@media(max-width: 1024px) {

    /*  .searchWrapper{

        border: 0px;

    }*/

    #TableDiv label,

    #FormDiv_purchase_analysis label,

    #FormDiv_purchase_requisition_analysis label {

        margin-top: 7px !important;

        margin-bottom: 3px !important;

    }

}

@media(max-width: 767px) {

    .ov_report_tabs #tab_selector {

        border: none;

        background-color: #00663f;

        background: -webkit-linear-gradient(#00b588, #017558);

        background: -o-linear-gradient(#00b588, #017558);

        background: -moz-linear-gradient(#00b588, #017558);

        background: linear-gradient(#00b588, #017558);

        color: #fff !important;

    }

    .ov_report_tabs #tab_selector option {

        color: #444;

    }

    .dropdown-tabs {

        height: 20px;

        width: 100%;

        /*background: #00663f;*/

        border-bottom: 1px solid #00663f;

        position: relative;

        padding-bottom: 33px;

    }

    /*.dropdown-tabs .fa{

    color: #00663f;

    font-size: 14px;

    position: absolute;

       top: 5px;

    right: 16px;

    font-size: 20px;

    z-index: 99999;

}*/

    .mobile-tabs {

        cursor: pointer;

        position: relative;

        height: 30px;

        width: 100%;

        background: #00b588;

    }

    .mobile-tabs a {

        padding-top: 10px;

        display: block;

        position: absolute;

        right: 15px;

    }

    .mobile-tabs a .fa {

        height: 3px;

        width: 20px;

        background: #ffffff !important;

        margin-bottom: 2px;

        display: block;

    }

    .dropdown-tabs .self-tabs li {

        display: none;

    }

    .dropdown-tabs .self-tabs li.active {

        display: block !important;

        width: 100%;

        float: none;

    }

    .dropdown-tabs .self-tabs.show li {

        display: block !important;

    }

    /* .page-tabs.margin-top-250 {

        margin-top: 40px !important;

    }

    .page-tabs.margin-top-150.margin-top {

        margin-top: 150px !important;

    }

    .page-tabs.margin-top-250.margin-top {

        margin-top: 250px !important;

    }

    .page-tabs.margin-top-270.margin-top {

        margin-top: 270px !important;

    }

    .margin-top-165 {

        margin-top: 40px !important;

    }

    .page-tabs.margin-top-165.margin-top {

        margin-top: 165px !important;

    }

    .margin-top-170 {

        margin-top: 50px !important;

    }

    .page-tabs.margin-top-170.margin-top {

        margin-top: 170px !important;

    }

    .margin-top-80 {

        margin-top: 50px !important;

    }

    .margin-top-220 {

        margin-top: 50px !important;

    }

    .page-tabs.margin-top-220.margin-top {

        margin-top: 220px !important;

    }

    .page-tabs.margin-top-120.margin-top {

        margin-top: 120px !important;

    }

    .margin-top-270 {

        margin-top: 40px !important;

    }*/

    /* .margin-top-150{

        margin-top: 50px !important;

    }

    .margin-top-120 {

        margin-top: 50px !important;

    }*/

    #formdiv_convertitems .table-responsive {

        padding: 0px;

    }

    .dropdown-tabs .self-tabs.show .nav>li {

        width: 100%;

        float: none;

    }

    .arrow-up {

        color: #00663f !important;

        position: relative;

    }

    .purchasedOrderUl {

        padding-left: 15px;

    }

    #orderData {

        margin-top: 20px;

    }

    .bg-title {

        padding-top: 0px;

    }

    .white-box {

        margin-top: 10px;

    }

    .white-box .frm_bdy {

        padding: 0px;

    }

    .dropdown-tabs .nav-tabs>li>a {

        margin-right: 0px;

    }

    .dropdown-tabs .nav-tabs>li.active>a,

    .dropdown-tabs .nav-tabs>li.active>a:focus,

    .dropdown-tabs .nav-tabs>li.active>a:hover {

        border-bottom-color: #ddd;

    }

    .page-tabs {

        margin-top: 55px;

    }

    .page-tabs.margin-top-170 {

        margin-top: 40px;

    }

    .page-tabs.margin-top-250 {

        margin-top: 30px !important;

    }

    .self-tabs {

        -webkit-transition: all 500ms cubic-bezier(0.4, 0, 1, 1);

        -moz-transition: all 500ms cubic-bezier(0.4, 0, 1, 1);

        transition: all 500ms cubic-bezier(0.4, 0, 1, 1);

    }

    .self-tabs.show {

        position: absolute;

        width: 100%;

        z-index: 9999;

        -webkit-transition: all 500ms cubic-bezier(0.4, 0, 1, 1);

        -moz-transition: all 500ms cubic-bezier(0.4, 0, 1, 1);

        transition: all 500ms cubic-bezier(0.4, 0, 1, 1);

        -webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

        -moz-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

        box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    }

    /*.page-tabs.margin-top-80.margin-top {

        margin-top: 80px !important;

    }*/

    .footer {

        position: relative;

        margin-top: 30px;

    }

    .margin-bottom-30 {

        margin-bottom: 30px !important;

    }

    .margin-top-50 {

        margin-top: 50px;

    }

    #orderForm,

    /*#FormDiv_DirectReceive,*/

    #orderData {

        margin-top: 30px;

    }

    .page-tabs.margin-top-30 {

        margin-top: 30px !important;

    }

    #FormDiv_purchase_analysis .white-box.pad-5 {

        padding-left: 0px !important;

        padding-right: 0px !important;

    }

    .page-tabs.margin-top-165 {

        margin-top: 30px !important;

    }

    /* #dtl_supplier .padd-5{

        padding-left: 0px !important;

        padding-right: 0px !important;

    }*/

    .index_chart {

        padding-top: 10px;

    }

}

@media(min-width:767px) {

    .tabs-dropdown_toogle {

        display: none;

    }

}

/*.dis_tab input{

    position: relative;     

}

.dis_tab a{   

 position: absolute;P

    right: 8px;

    top: 19px;

    width: 30px !important;

}

.dis_tab .btn{

    padding: 7px 10px !important;

}*/

.d-block {

    display: block !important;

}

.purchasedOrderUl li {

    width: unset !important;

    padding-top: 20px;

    /*float: none;*/

}

@media(max-width: 767px) {

    /*.white-box .pull-right{

        margin-top: 2px !important;

    }*/

    .searchWrapper .btn {

        float: left !important;

    }

    .table-responsive {

        padding-bottom: 10px;

    }

}

#FormDiv_DirectReceive form {

    margin-top: 15px;

}

.fullwidth_box .frm_bdy {

    padding: 0px !important;

}

.fullwidth_box .pad-5 {

    padding: 5px 0 !important;

}

.fullwidth_box .table-responsive {

    padding: 0 15px;

}

.white-box form input[type="radio"] {

    position: relative;

    left: -3px;

    top: 2px;

}

#myTable tr:first-child th {

    background: #96969a;

    border-right: 1px solid #ffffff;

    color: #ffffff;

}

#myTable tr:first-child th input {

    border-bottom: 1px solid #ffffff;

    background: #ffffff;

    color: #212121;

    padding-left: 5px;

    font-size: 11px;

}

#myTable tr:first-child th input:hover,

#myTable tr:first-child th input:focus {

    border: 0px;

    border-bottom: 0px;

}

/*.navbar-top-links li{

    padding: 0 12px;

}

.navbar-top-links>li>a{

    text-align: left;

    margin: 0px;

    padding: 0px;

}

.navbar-top-links>li>a b{

    color: #2fa57d;

}

.navbar-top-links>li>a .fa{

    color: #2fa57d;

}*/

/*.switch {

  display: flex;

  align-items: center;

  justify-content: space-around;

  position: relative;

  color: white;

  border: 1px solid white;

  border-radius: 0.25rem;

}

.switch ::selection {

  background: none;

}

.switch__thumb, .switch strong {

  will-change: opacity, transform;

}

.switch__thumb, .switch span, .switch strong {

  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.switch__input {

  display: none;

}

.switch__input:checked ~ .switch .switch__thumb {

  transform: translateX(100%) scale(1.1);

}

.switch__input:checked ~ .switch strong:last-child {

  transform: translateX(0rem);

}

.switch__input:checked ~ .switch strong:first-child {

  transform: translateX(-100%);

}

.switch span {

  padding: 5px 1.75rem;

  cursor: pointer;

  /*will-change: opacity;*/

}

.switch__thumb {

    width: 50%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: #32c0c9;

    box-shadow: 0 0 0 1px white;

    border-radius: inherit;

    box-shadow: 0 0 0 1px white;

    pointer-events: none;

    overflow: hidden;

    transform: scale(1.1);

}

.switch__thumb strong {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    width: 100%;

    position: absolute;

}

.switch__thumb strong:last-child {

    transform: translateX(100%);

}

.header .navbar-right li {

    float: none;

}

.header .navbar-top-links>li>a {

    margin-top: 5px;

    padding: 0px;

}

/*.select-box{

    background: #21a9f3;

    border-radius: 0.25rem;

}

.switch span{

    color: #ffffff;

}*/

*/ .select-language>li>a {

    color: #212121;

}

.select-language {

    border: 1px solid #e5e5e5;

    width: 58px;

    margin-bottom: 4px;

}

.select-language li a {

    /*color: #fff !important;*/

    font-weight: 400;

    font-size: 13px;

}

.select-language li {

    padding: 0px;

}

.select-language li a {

    padding: 4.2px 5px;

}

.select-language li a.active {

    background: #2fa57d;

    ;

    color: #ffffff;

}

li.dropdown a b {

    color: #2fa57d;

}

.bio_dash .hi_right p a.quotationviewd {

    min-width: 30% !important;

}

.bio_dash .head_sum li.width-25 {

    width: 25% !important;

}

#issueDetails .res_vert_table .form-control {

    height: 24px !important;

}

.ov_report_tabs ul.nav-tabs {

    border-bottom: 1px solid #ddd;

}

.table.dataTable thead tr {

    background: #acacb1;

}

.table.dataTable thead tr th {

    color: #ffffff;

}

.table.dataTable tbody tr.limited_stock {

    background: #fbbe4e;

}

.table.dataTable tbody tr.limited_stock td input {

    color: #ffffff;

    border: 1px solid #ffffff;

}

/*.navbar-nav */

.show-notifications {

    position: absolute !important;

    min-width: 230px;

    left: unset !important;

    top: 25px !important;

    padding-left: 0px !important;

    z-index: 99999;

    right: 0px;

    width: 100%;

    background: #fff;

    white-space: nowrap;

    display: none;

}

.show-notifications li:nth-child(4) span {

    /*text-align: right;*/

}

.notification-ul>li:last-child a {

    display: block;

    padding-right: 15px;

}

@media(max-width: 1200px) {

    .redirectedit {

        padding: 4px;

    }

    .searchWrapper {

        padding-right: 0px;

    }

    .searchWrapper .pull-right {

        padding-right: 10px;

    }

    .btn-xxs {

        margin-right: 0px;

    }

}

@media(max-width: 1024px) {

    .r-tabs ul.nav-tabs li a {

        font-size: 12px;

        padding: 10px;

    }

    #FormDiv_ManageReturn label.example-text {

        margin-top: 7px !important;

        margin-bottom: 3px !important;

    }

    #FormDiv_DirectReceive .table>tbody>tr>td {

        font-size: 11px;

    }

    .redirectedit {

        padding: 2px !important;

    }

}

@media(max-width: 991px) {

    #FormDiv_DemandReport #searchByDate,

    #FormDiv_StockRequirement #searchByDate {

        float: left;

    }

}

@media(max-width: 767px) {

    .bio_dash .head_sum li.width-25 {

        width: 50% !important;

    }

    .select-language>li {

        width: auto !important;

    }

    .bio_dash .head_sum.stock_head li {

        width: 50% !important;

    }

    .index_chart li {

        margin-bottom: 10px;

    }

    #itemWiseReport {

        padding: 5px;

    }

    #FormDiv_ManageReturn {

        padding: 5px;

    }

    .roi_footer fieldset.bordered {

        margin-top: 10px;

    }

    #FormDiv_purchase_analysis .col-sm-8 {

        margin-top: 15px !important;

    }

    #FormDiv_DirectReceive,

    #FormDiv_PmdataForm,

    #FormDiv_Distributer,

    #FormDiv_item,

    #FormDiv,

    #FormDiv_equipments,

    #FormDiv_materials {

        padding: 5px;

    }

    #FormDiv_PendingOrder .pull-right,

    #FormDiv_DemandReport .pull-right,

    #FormDiv_mrnbook_supplier .pull-right,

    #TableDiv .pull-right,

    #FormDiv_NonExpAndExpItems .pull-right,

    #FormDiv_StockCheck .pull-right,

    #FormDiv_DirectReceive .pull-right,

    #FormDiv_PendingOrderDetail .pull-right,

    #FormDiv_CancelOrder .pull-right {

        margin-top: 0px !important;

    }

    #TableDiv label,

    #FormDiv_purchase_analysis label,

    #FormDiv_purchase_requisition_analysis label,

    #FormDiv_ManageReturn label.example-text {

        margin-top: 7px !important;

        margin-bottom: 3px !important;

    }

    #orderForm textarea {

        width: 100% !important;

    }

    #searchByDate {

        margin-top: 15px !important;

    }

    .sm-clear {

        clear: both;

        display: block;

        content: "";

    }

    .index_chart li span {

        float: none;

        display: inline-block;

        margin-left: 5px;

    }

    .modal {

        margin-right: 15px !important;

    }

    .dataTables_length {

        margin-top: 10px;

        padding-left: 10px;

    }

    .dataTables_info {

        padding-left: 5px;

    }

    .sgl_line_check input[type="checkbox"] {

        position: relative;

        top: 7px;

    }

    #FormDiv_purchase_analysis {

        margin-top: 20px;

    }

    .page-tabs.margin-top-270 {

        margin-top: 20px;

    }

    .page-tabs.margin-top-150 {

        margin-top: 40px !important;

    }

    .searchWrapper .pull-right {

        margin-top: 0px !important;

    }

    #FormDiv_StockCheck .pull-right {

        margin-top: 15px !important;

    }

    .r-tabs ul.nav-tabs li a {

        font-size: 14px;

        padding: 10px 15px;

    }

    .page-tabs.margin-top-40 {

        margin-top: 40px !important;

    }

    #FormConsumption {

        padding-left: 5px;

        padding-right: 5px;

    }

    #FormDiv_purchase_analysis .index_chart li {

        width: auto !important;

        margin-right: 10px !important;

    }

}

@media screen and (min-device-width: 600px) and (max-device-width: 768px) {

    .notification-box .dropdown-menu {

        left: -220px;

    }

}

@media(max-width: 600px) {

    .header .bg-title .web_ttl h5 {

        margin-bottom: 5px;

    }

    #formdiv_convertitems .pull-right {

        margin-top: 0px !important;

    }

    .notification-box ul>li span {

        float: none !important;

    }

    /*.header .bg-title .col-xs-3.pull-right{

        text-align: center;

    }*/

}

@media(max-width: 500px) {

    .bio_dash .head_sum li.width-25 {

        width: 100% !important;

        float: none;

    }

    .bio_dash .head_sum.stock_head li {

        width: 100% !important;

    }

    .white-box .box-title {

        font-size: 13px;

        padding: 7px;

    }

    .index_chart {

        padding-left: 5px;

    }

    .index_chart li {

        padding-right: 0px;

    }

}

.preeti {

    font-family: preeti;

    font-size: 16px;

}

.white-box.noborder {

    border: 0px !important;

}

.white-box.noborder ul li {

    border: 1px solid #e2e2e2;

    margin-bottom: 0px;

    padding: 5px;

    border-top: 0px;

    width: 50% !important;

}

.white-box.noborder ul li:first-child {

    border-top: 1px solid #e2e2e2;

}

.white-box.noborder ul li:nth-child(2) {

    border-top: 1px solid #e2e2e2;

}

.p-row>div:nth-child(4n+1) {

    clear: both;

    display: block;

    content: "";

}

.bg-gray {

    background: #f7f7f7;

}

.bg-gray .btn {

    margin-top: -25px;

    position: relative;

    /*padding-right: 1px;*/

    /* z-index: 9999; */

    z-index: 9;

    margin: 2px

}

.bg-gray .btn-group .btn {

    margin-top: -10px;

    margin-right: 10px;

    /*padding-right: 1px;*/

}

.modal-dialog .bg-gray .btn {

    padding-right: -1px;

}

/*.bg-gray label{

    width: 113px;

}*/

/*.bg-gray{

    font-family: "monospace";

}*/

.bg-gray span {

    font-size: 12px;

    padding-left: 2px;

    /*position: absolute;*/

}

.margin-top-25 {

    margin-top: 25px;

}

.no-padd .btn-xxs {

    margin-right: 0px;

    padding: 3px 2px;

}

.table>tbody>tr>td,

.table>tbody>tr>th {

    vertical-align: middle;

    white-space: nowrap;

}

.table>tbody>tr>td i {

    vertical-align: text-bottom;

}

.modal-header h4 {

    font-size: 15px;

}

.margintop17 {

    margin-top: 18px !important;

}

.margintop3 {

    margin-top: 2px !important;

}

.white-box.noborder ul.lst-bdr li {

    border-top: 1px solid #e2e2e2 !important;

}

.lst-bdr {

    margin-top: 10px;

}

.padding24 {

    padding: 10px 25px;

}

#FormDiv_stockreqlist .card-body table {

    width: 100% !important;

}

#FormDiv_stockreqlist .card-body table tr td {

    width: 100% !important;

}

#FormDiv_stockreqlist .card-body table tr td ul {

    width: 100% !important;

    white-space: nowrap;

}

#FormDiv_stockreqlist .card-body table tr td ul li {

    width: 100% !important;

}

table.table_jo_header.purchaseInfo {

    width: 100% !important;

}

/*.card-body ul {

    list-style-type: square !important;

    color: #212121;

}*/

.location {

    display: block;

    font-size: 12px;

    margin-top: 5px;

    color: #00663f;

    letter-spacing: 1px;

    font-weight: 500;

    text-transform: capitalize;

    border: 1px solid #e2e2e2;

    padding-top: 4px;

    padding-left: 40px;

    /*width: 150px;*/

    padding-bottom: 3px;

}

.date-section {

    margin-top: 15px;

    max-width: 400px;

    width: 100%;

    margin: 0 auto;

    background: #f5f5f5;

}

.date-section .container-fluid {

    padding-bottom: 0px;

}

.date-section .white-box {

    padding: 8px 10px;

    background: transparent;

}

.date-section .white-box form .form-group {

    margin-bottom: 0px;

}

.date-section .white-box form {

    margin-bottom: 0px;

}

.date-section .white-box form .form-group .form-control {

    padding-left: 5px;

}

.date-section button {

    height: 26px;

    line-height: 26px;

    padding: 0 10px;

}

.bg-title {

    padding: 0;margin:0;

}

.stock_sec_ttl {

    margin: 0px;

    border-top: 1px solid #e2e2e2;

    padding: 10px;

    margin-top: 10px;

    text-align: center;

}

.pdf-wrapper {

    /*padding: 15px !important;*/

    border: 5px solid #d8cfcf;

    border-radius: 10px;

    padding: 0px !important;

}

.reportGeneration {

    width: 100%;

    background: #f5f5f5;

    padding: 8px 15px;

}

.table-wrapper {

    /*overflow-y: scroll;*/

    /*height: 400px;*/

    width: 100%;

}

.table-wrapper {

    padding: 15px !important;

    padding-top: 25px !important;

}

.table-wrapper table {

    overflow: hidden;

}

.table-wrapper::-webkit-scrollbar {

    height: 4px;

    width: 4px;

}

.table-wrapper::-webkit-scrollbar-thumb {

    border-radius: 10px;

    background-color: #00663f;

    box-shadow: inset 0 0 6px rgba(0, 0, .1);

}

.table-wrapper::-webkit-scrollbar-track {

    background-color: #fff;

    box-shadow: 0 0 6px rgba(0, 0, .3);

}

.table-wrapper::-webkit-scrollbar-thumb {

    background: #00663f;

}

#FormDiv_purchase_analysis {

    padding-left: 0px;

    padding-right: 0px;

}

#FormDiv_purchase_analysis .searchWrapper {

    padding-left: 15px;

}

@media(max-width: 600px) {

    .show-notifications {

        right: unset;

    }

}

.pos-vertical-center {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

/*.onePlusContainer .onePlusLoader {

  background-color: #00663f;

  width: 30px;

  height: 30px;

  border-radius: 100%;

  position: relative;

}

.onePlusContainer .onePlusLoader::before, .onePlusContainer .onePlusLoader::after {

  content: "";

  background-color: #fff;

  height: 18px;

  width: 18px;

  display: inline-block;

  border-radius: 100%;

  position: absolute;

  top: -52px;

  left: 3px;

  transform-origin: 15px 70px;

  animation: onePlusLoader 2.11s;

  animation-iteration-count: infinite;

  animation-timing-function: cubic-bezier(0.25, 0.28, 0.55, 0.99);

}

.onePlusContainer .onePlusLoader::after {

  animation-delay: 1s;

}

@keyframes onePlusLoader {

  0% {

    transform: rotate(0deg);

  }

  65% {

    transform: rotate(360deg);

  }

  100% {

    transform: rotate(360deg);

  }

}*/

.spinner {

    margin: 0px auto;

    width: 50px;

    height: 40px;

    text-align: center;

    font-size: 10px;

}

.spinner>div {

    background-color: #00663f;

    height: 100%;

    width: 6px;

    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;

    animation: sk-stretchdelay 1.2s infinite ease-in-out;

}

.spinner .rect2 {

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}

.spinner .rect3 {

    -webkit-animation-delay: -1.0s;

    animation-delay: -1.0s;

}

.spinner .rect4 {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}

.spinner .rect5 {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}

@-webkit-keyframes sk-stretchdelay {

    0%,

    40%,

    100% {

        -webkit-transform: scaleY(0.4)

    }

    20% {

        -webkit-transform: scaleY(1.0)

    }

}

@keyframes sk-stretchdelay {

    0%,

    40%,

    100% {

        transform: scaleY(0.4);

        -webkit-transform: scaleY(0.4);

    }

    20% {

        transform: scaleY(1.0);

        -webkit-transform: scaleY(1.0);

    }

}

/*.resp_xs{

    padding: 5px 15px;

}*/

.dashboard-form {

    border: 1px solid #ddd;

    margin-bottom: 5px;

    margin-top: 5px;

    padding: 7px 10px;

}

.dashboard-form .col-sm-4 {

    font-size: 12px;

    margin-bottom: 5px;

}

.dashboard-form label {

    margin-bottom: 5px !important;

}

.dashboard-form .col-sm-4 input {

    position: relative;

    top: 3px;

    left: -4px;

}

.no-margin{

    margin-left: 0px !important;

    margin-right: 0px !important;

}

#displayReportDiv span.alert-danger{

    margin-top: 20px !important; 

}

.width200{

   /*margin-bottom: 10px;*/

    position: absolute;

    right: 20px;

    width: 300px;

    top: 10px;

}

.width200 .index_chart li{

    width: unset;

}

#FormDiv_purchase_analysis .search-Wrapper .pull-right{

    margin-top: 0px !important;

    position: relative;

    top: -35px;

}

#FormDiv_purchase_analysis a.pull-right{

    margin-top: 0px !important;

    position: static;

}

.select2-drop-active{

    /*border-top: 1px solid red !important; */

    border-top:1px solid #00c292 !important;

}

/*.searchWrapper .pull-right {

    position: absolute;

    right: 27px;

    bottom: 148px;

}*/

.form_error{

    border: 1px solid #e00;

}

/*.profile-li.dropdown:hover .dropdown-menu{

    display: block !important;

    top: 30px;

}*/

.profile-li > a:active,

.profile-li > a:focus{

    color: #fff;

}

.des-header {

    border: 1px solid #cac6c6;

    border-top: 0px;    

    background-color: #2A3F54;

   /* color: #fff;*/

}

@media(max-width: 767px){

    .des-header .des-header-ul li{

        display: block;

    }

    .header ul .select-language > li{

        display: inline-block !important;

    }

}

.clock {

    color: #fff !important;

    width: 80px;

}

label.box-title{

    border: 0px !important;

}

#highcharts-55idbpz-6,

.highcharts-container {

    border: 1px solid #e2e2e2 !important;

}

.no-pos{

    top: unset !important;

    position: unset !important;

}

.bio_dash .hi_right p a span.amount{

    font-size: 16px;

    padding:7px 12px;

    font-weight: 500;

}

.expenses .hi_right p a{

    margin-top: 15px;

}

.expenses .hi_right h4{

    position: relative;

    top: 10px;

    padding-left: 4px;

}

/*------------------------------------MY-CODES-------------------------------------------*/

.table-striped tbody tr td:last-child {

    text-align: right;

}

.table-striped tbody tr td.dataTables_empty {

    text-align: center;

}

a#searchByDate {

    margin-top: 20px !important;

}

.index_chart li .pending {

    background: #ff8c00;

}

.index_chart li .approved {

    background-color: #0ab960;

}

.index_chart li .n_approved {

    background-color: #0174DF;

}

.index_chart li .cancel {

    background-color: #e65555;

}

.searchReport {

    /*margin-top: 20px !important;*/

}

.searchWrapper .white-box {

    border: none;

}

/*.table-striped tbody tr td:last-child .btnredirect {

    margin-right: 0px;

}

*/

/*-------------------------------------- WHITE-BOX -------------------------------------------------*/

.index_chart {

    margin:  10px 0 5px 6px;

    /*border: 4px solid #e4e3e3;*/

    border-bottom: none;

    border-right: none;

    border-left: none;

    /* box-shadow: 5px 5px 10px #888888; */

    display: flex;

}

.white-box.noborder ul li {

    padding: 11px;

    border-top: 0px;

    width: 100% !important;

    margin: 0 0px 0 2px;

    font-size: 14px;

    background: #00ff00;

}   

.index_chart li a em {

    width: 0px !important;

}

.white-box.noborder ul li a {

    color: #f9f8f8;

}

.errmsg{

    color: #ff0000;

    font-size: 12px;

    font-weight: 500;

    font-family: Poppins, sans-serif;

}

.blinking{

    animation:blinkingText 1.2s infinite;

}

.format_pdf thead tr th, .format_pdf tbody tr td {

    font-size: 12.5px !important;

    border: 1px solid #000;

    padding: 2px 4px;

}

.format_pdf thead tr th {

    font-weight: 600;

    padding: 4px !important

}

.format_pdf .table_bold td {

    font-weight: bold

}

.req_data {
    position: relative;
}
.req_data a {
    font-weight: bold;
    cursor: default;
}
.req_data a:hover {
    color: #337ab7
}
.req_data .remove {
    position: absolute;
    top: -6px;
    right: -2px;

}
.req_data .remove i {
    color: red;font-size:11px;

    cursor: pointer;
}
.req_data .remove i:hover {
    opacity: .7
}
@keyframes blinkingText{

    0%{     color: #fff;    }

    49%{    color: #fff; }

    60%{    color: transparent; }

    99%{    color:transparent;  }

    100%{   color: #fff;    }

}

.form-tabs li.active > a{
    border-top: 3px solid green !important;
}

/*new changes*/

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

.bio_dash .head_sum.stock_head li {

    width: 100% !important; }

.bio_dash .head_sum {

flex-direction: column; }

.head-info {

    display: table;

    }}

@media only screen and (max-width: 991px) and (min-width:768px)  {

.index_chart.xx {

    display: flex;

    justify-content: space-between; 

    flex-direction: column;

}}

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

.index_chart {

margin:0 auto; 

display:block}}

#FormDiv_purchase_analysis .index_chart li {

width:100% }

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

    .rec {

        clear: both !important;

    }

}

@media only screen and (min-width: 991px){

    .sec {

        clear: both !important;

    }

}