.pnote{
    color: darkgrey;
   font-size: 13px;
   cursor: pointer;
}
.pnote:active,
.pnote:focus,
.pnote:hover
{
    color: red;
    font-size: 13px;
    cursor: pointer;
    font-weight: bold;
}

body {
    color: #333;
}

.closetoken {
    background-color: #dd4b39 !important;
    border: 1px solid #dd4b39 !important;
    font-weight: bold;
    padding: 2px;
    border-radius: 80%;
}

.opentoken {
    background-color: #4AAAA5 !important;
    border: 1px solid #4AAAA5 !important;
    font-weight: bold;
    padding: 2px;
    border-radius: 80%;
}

i[disabled] {
    cursor: default;
    pointer-events: none;
}

.strike {
    border: 1px solid #e00f0f;
    padding: 2px;
    background-color: #e00f0f;
    color: #ffffff;
}

.tmcl {
    color: #3ac9d6;
}

.bgd1 {
    background-image: url('../../api/images/background/1.png');
    background-repeat: no-repeat;
}

.bgd2 {
    background-image: url('../../api/images/background/2.png');
    background-repeat: no-repeat;
}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    .loginformwidth {
        width: 100% !important;
    }
}

.skin-blue .sidebar-menu>li.header {
    color: #4b646f !important;
    background: #f4f4fb !important;
}

.bxwrap .bx-wrapper,
.deprts .bx-wrapper,
.testdepart>.bx-wrapper {
    max-width: 100% !important;
}

.deprts .bx-wrapper .bx-viewport ul li:nth-child(1) {
    margin-left: 34px;
}

.font20 {
    font-size: 20px;
}

.green {
    color: green;
}

.invtb thead tr th {
    text-align: center;
}

.middle-box {
    padding: 10px;
    border: 1px solid #3AC9D6;
}

.middle-box ul {
    list-style-type: none;
    padding-left: 6px;
    line-height: 2;
}

.uimodified .select2-results .select2-highlighted {
    background: #a3e4ea;
    color: #000;
}

.back-button {
    float: right;
    margin-right: 10px;
    background: transparent;
    border: 1px solid #3ac9d6;
    margin-top: 4px;
    padding: 4px 15px 4px 15px;
}

.back-button:hover {
    background-color: #3ac9d6;
    color: #fff;
}

.red1 {
    color: #e81515
}

.selpo .ui-select-container {
    width: 100% !important;
}

.left {
    text-align: left !important;
}

.center {
    text-align: center !important;
}

.right {
    text-align: right !important;
}

.leftright {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padr0 {
    padding-right: 0px !important;
}

.padl0 {
    padding-left: 0px !important;
}

.height30 {
    height: 30px !important;
}

.box,
.tabsservice {
    min-height: 450px;
}

.tab_pane_height {
    min-height: 400px;
}

.lightGreen {
    background-color: LightGreen;
}

.collapse {
    border-collapse: collapse;
}

.scrollme {
    display: block;
    height: 400px;
    overflow: auto;
}

.scrollmehed,
.scrollme tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.scrollmehed {
    width: calc( 100% - 1em)
}

.ta-scroll-window {
    max-height: 400px;
}

.logoimg {
    height: 51px;
    margin-left: -14px;
    margin-top: -1px;
    border-bottom: 2px solid red;
}

.patphoto {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.bg-nyellow {
    background-color: #fec006;
    color: #fff;
}

.bg-pink {
    background-color: #dc1c5d;
    color: #fff;
}

.bg-green1 {
    background-color: #8ac249;
    color: #fff;
}

.small-box .icon:hover i {
    transition: all .3s linear;
    font-size: 80px;
}

.patphoto1 {
    height: 20px;
    width: 20px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    color: white;
}

.aptul {
    top: 2px;
}

.aptul li:nth-child(1) {
    margin-left: 32px;
}

.apptitle .gsi-style-2 li .desc {
    padding-top: 9px !important;
}

.apptitle .gsi-step-indicator.triangle li>* {
    padding: 0px 38px 3px 38px !important;
}

.tabcontent {
    position: relative;
    float: left;
    width: 100%;
}

.paidamt {
    position: absolute;
    margin-left: 0%;
}

.logobprnt {
    position: relative;
    float: left;
    width: 100%;
}

.printhtitle {
    font-weight: bold;
    font-size: 17px;
}

.paidamt img {
    height: 160px
}

.btn-primary1 {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
}

btn-primary1:hover {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff !important;
}

.nregfrm {
    min-height: 370px !important;
    padding-bottom: 5px;
}

.content-header {
    /*    padding: 3px 17px 3px 21px !important;*/
    padding: 1px 0px 9px 0px !important;
}

.skin-blue .main-header .logo {
    background-color: transparent;
}

.hdbuttons>a {
    position: relative;
    float: left;
}

.red {
    color: red !important;
}

.fscreen {
    padding-top: 11px;
    padding-bottom: 12px;
    position: relative;
    float: left;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.hnmtop {
    font-size: 20px;
    color: #fff;
    position: relative;
    float: left;
    margin-top: 13px;
}

.hnmtop:hover {
    color: #fff;
}

#fbedregico {
    font-size: 25px !important;
}

.hname {
    color: #fff;
    text-align: center;
    position: relative;
    padding: 4px 0px;
    font-size: 23px;
    position: relative;
    float: left;
    padding-left: 20%;
}

.hname:hover {
    color: #fff !important;
}

.fullscreen {
    padding: 14px 12px;
    cursor: pointer;
}

.btn {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
}


/* Primary button */

.btn-primary {
    color: #ffffff;
    background-color: #f5707a;
    border-color: #f5707a;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #000;
    background-color: #ffffff;
    border-color: #f5707a;
}

.btn:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.box.box-primary {
    border-top-color: #3ac9d6 !important;
}


/* success button */

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #3d8b40;
    border-color: #38813b;
}

.btn-success {
    color: #ffffff;
    background-color: #4caf50;
    border-color: #4aab4e;
}


/*** info buttom **/

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #0c7cd5;
    border-color: #0b74c7;
}

.btn-info {
    color: #ffffff;
    background-color: #2196f3;
    border-color: #1c94f3;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #4aaaa5 !important;
}

.btn-danger {
    color: #ffffff;
    background-color: #4aaaa5;
    border-color: #4aaaa5;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom.focus,
.btn-custom:active,
.btn-custom.active,
.open>.dropdown-toggle.btn-danger {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #3ac9d6 !important;
}

.btn-custom {
    color: #ffffff;
    background-color: #3ac9d6;
    border-color: #3ac9d6;
}

.btn-prime:hover,
.btn-prime:focus,
.btn-prime.focus,
.btn-prime:active,
.btn-prime.active,
.open>.dropdown-toggle.btn-prime {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #59aff9 !important;
}

.btn-prime {
    color: #ffffff;
    background-color: #59aff9;
    border-color: #59aff9;
}

.formsub {
    text-align: center;
}

.uib-day .active {
    background-color: #0c7cd5;
    border-color: #0b74c7;
}

.uib-day .active span {
    color: #ffffff !important;
}


/**** pink button **/

.btn-pink:hover,
.btn-pink:focus,
.btn-pink.focus,
.btn-pink:active,
.btn-pink.active,
.open>.dropdown-toggle.btn-pink {
    color: #ffffff;
    background-color: #c1134e;
    border-color: #b11148;
}

.btn-pink {
    color: #ffffff;
    background-color: #e91e63;
    border-color: #e8175e;
}


/*** danger button ****/

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #ea1c0d;
    border-color: #d91a0c;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.report {
    width: 19%;
}

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

.pinfo {
    border: 1px solid #96c03d;
}

.pinfo h4 {
    background-color: #96c03d;
    color: #fff;
    padding: 9px;
    text-align: center;
}

.box-body {
    padding: 17px !important;
}

.pinfo1 {
    border: 1px solid #4dddd4;
}

.pinfo1 h4 {
    background-color: #4dddd4;
    padding: 9px;
    text-align: center;
    color: #fff;
}


/******** form wizard **********/

.tsf-nav-step {
    position: relative;
    float: left;
    margin-left: 5%;
}

.gsi-step-indicator.triangle {
    background-color: transparent;
    padding: 0;
}

.gsi-step-indicator {
    width: 100%;
    background-color: #edeff0;
    border-radius: .25em;
}

.gsi-step-indicator.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
}

.gsi-step-indicator li {
    float: left;
    display: inline-block;
    margin: 1.2em 0;
}

.gsi-step-indicator.triangle li:first-of-type>* {
    border-radius: .25em 0 0 .25em;
}

.gsi-step-indicator.triangle li.current>* {
    color: #fff;
    background-color: #3ac9d6;
    border-color: #3ac9d6;
}

.gsi-step-indicator.triangle li>* {
    position: relative;
    padding: .1em .8em .1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    border-color: #edeff0;
}

.gsi-step-indicator li.current>* {
    color: #96c03d;
}

.tsf-nav-step ul a {
    text-decoration: none !important;
}

.gsi-step-indicator a {
    text-decoration: none !important;
}

.gsi-step-indicator li>* {
    display: flex;
    font-size: 1.4rem;
    color: #2c3f4c;
}

.gsi-transition li>* {
    -webkit-transition: background-color .6s ease, border-color .6s ease;
    -moz-transition: background-color .6s ease, border-color .6s ease;
    -o-transition: background-color .6s ease, border-color .6s ease;
    transition: background-color .6s ease, border-color .6s ease;
}

.gsi-step-indicator li .number {
    font-size: 2em;
}

.gsi-transition li>* .number,
.gsi-transition li>* .number:before {
    -webkit-transition: background-color .6s ease, border-color .6s ease;
    -moz-transition: background-color .6s ease, border-color .6s ease;
    -o-transition: background-color .6s ease, border-color .6s ease;
    transition: background-color .6s ease, border-color .6s ease;
}

.tsf-nav-step ul .desc {
    padding-top: 0;
}

.gsi-style-2 li .desc {
    padding-top: 0;
}

.gsi-step-indicator li .desc {
    padding-left: 10px;
    vertical-align: super;
}

.gsi-step-indicator li .desc label {
    font-size: 1.1em;
}

.tsf-wizard .tsf-nav-step label {
    cursor: pointer !important;
}

.tsf-nav-step ul label {
    margin-bottom: 0 !important;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.gsi-step-indicator li .desc span {
    font-size: 14px;
    display: block;
}

.gsi-step-indicator.triangle a:hover {
    color: #fff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
}

.gsi-step-indicator a:hover {
    color: #96c03d;
}

.gsi-step-indicator li::after {
    display: inline-block;
    content: '»';
    margin: 0 1em;
    color: #959fa5;
}

.gsi-step-indicator.triangle li::after,
.gsi-step-indicator.triangle li>*::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 100%;
    height: 0;
    width: 0;
    border: 21px solid transparent;
    border-right-width: 0;
    border-left-width: 21px;
}

.gsi-step-indicator.triangle li>*::after {
    z-index: 2;
    border-left-color: inherit;
}

.gsi-step-indicator.triangle li::after {
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #fff;
    margin: 0;
}

.shadowb {
    box-shadow: 9px 0 5px -10px rgba(31, 73, 125, 0.8), -6px 0 13px -3px rgba(31, 73, 125, 0.8);
    -moz-box-shadow: 9px 0 5px -10px rgba(31, 73, 125, 0.8), -6px 0 13px -3px rgba(31, 73, 125, 0.8);
    -webkit-box-shadow: 9px 0 5px -10px rgba(31, 73, 125, 0.8), -6px 0 13px -3px rgba(31, 73, 125, 0.8);
    -o-box-shadow: 9px 0 5px -10px rgba(31, 73, 125, 0.8), -6px 0 13px -3px rgba(31, 73, 125, 0.8);
    padding: 1%;
}

.ehdtxt {
    border-bottom: 1px solid #c1c1c1;
    padding: 7px;
}

.minht {
    min-height: 400px;
}

.minht1 {
    min-height: 442px;
}


/***************** Appointment ****************************/

.boldtext {
    font-weight: bold;
    font-size: 34px;
    margin: 0px;
}

.font34 {
    font-size: 34px !important;
}

.bkapp {
    padding: 2%;
    border: 1px solid #e3f6ff;
}

.starmark {
    color: red;
}

.doctor_listing,
.avatar,
.avatar img,
.details,
.docimg {
    position: relative;
    float: left;
}

.doclistcontian {
    padding: 2%;
}

.doclistcontian,
.docselect,
.verfipt,
.opbillborder {
    /* border: 2px solid #e3f6ff; */
    box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
    -moz-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
    -webkit-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
    -o-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
}

.frmgrar {
    min-height: 360px;
}

.bkrght {
    margin-right: 2%;
}

.doctor_listing {
    width: 100%;
    padding-top: 5px;
    /*  cursor: pointer;
    border-bottom: 1px solid #e3e3e3;
    padding: 8px 1px;*/
}

.avatar {
    width: 19%;
}

.avatar img {
    width: 100%;
    height: 84px;
}

.details {
    margin-left: 8%;
    width: 73%;
    line-height: 1;
}

.font_16 {
    font-size: 16px;
}

.pr_blue {
    color: #0094de;
}

.black {
    color: #000;
}

font_12 {
    font-size: 12px;
}

.topmargin_5 {
    margin-top: 5px;
}

.grey_999 {
    color: #999;
}

.font_12 {
    font-size: 12px;
}

.topmargin_5 {
    margin-top: 5px;
}

.greybk {
    background: #f3f3f3;
}

.docselect>.doctor_listing {
    padding: 0px 1px;
    width: 100%;
}

.docselect>.avatar {
    width: 18%;
}

.docimg img {
    height: 91px !important;
}

.docselect>.details {
    margin-left: 2%
}

.sep-shadow-top {
    height: 3px;
    width: 100%;
    position: relative;
    float: left;
    z-index: 30;
    top: 5px;
    background: #eaf1f6;
    background: -moz-linear-gradient(top, #717171 0, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #717171), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, #717171 0, transparent 100%);
    background: -o-linear-gradient(top, #717171 0, transparent 100%);
    background: -ms-linear-gradient(top, #717171 0, transparent 100%);
    background: linear-gradient(to bottom, #717171 0, transparent 100%);
}

.prev-day {
    position: relative;
    float: left;
    border-right: 1px solid #cecece;
    background: #edecec;
    height: 28px;
    border-bottom: 1px solid #cecece;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.button.day-switcher.prev.disabled,
.button.day-switcher.prev.disabled:hover,
.button.day-switcher.prev.disabled:active {
    background: url('../img/up_arrow.png') 0 -81px no-repeat;
}

.disabled {
    cursor: not-allowed !important;
  
}

.button.day-switcher.prev {
    background: url('../img/up_arrow.png') 0 0 no-repeat;
    border: none !important;
    border-bottom: 1px solid #c6c6c6 !important;
}

.button.day-switcher {
    cursor: pointer;
    display: block;
    padding: 0 4px 0 24px;
    text-align: left;
    line-height: 27px;
    font-size: 12px;
    color: #565656;
    border: 0;
    outline: 0;
    margin: 0;
    border-radius: 0;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(top, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
}

.clear {
    clear: both;
}

.slot-header {
    position: relative;
    float: left;
    height: 28px;
    padding: 0 10px;
    color: #FFF;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: -moz-linear-gradient(top, #4696ae 0, #3d96b0 40%, #2e8ca8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4696ae), color-stop(40%, #3d96b0), color-stop(100%, #2e8ca8));
    background: linear-gradient(to bottom, #4696ae 0, #3d96b0 40%, #2e8ca8 100%);
    background: -moz-linear-gradient(left, #52aae5 0, #92c2e5 14.5%, #decca1 29%, #ddab60 43.5%, #d18259 58%, #71617f 72.5%, #51558a 87%, #51558a 100%);
    background: -o-linear-gradient(left, #52aae5 0, #92c2e5 14.5%, #decca1 29%, #ddab60 43.5%, #d18259 58%, #71617f 72.5%, #51558a 87%, #51558a 100%);
    background: -webkit-linear-gradient(left, #52aae5 0, #92c2e5 14.5%, #decca1 29%, #ddab60 43.5%, #d18259 58%, #71617f 72.5%, #51558a 87%, #51558a 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #52aae5), color-stop(14.5%, #92c2e5), color-stop(29%, #decca1), color-stop(43.5%, #ddab60), color-stop(58%, #d18259), color-stop(72.5%, #71617f), color-stop(87%, #51558a), color-stop(100%, #51558a));
    background: -ms-linear-gradient(left, #52aae5 0, #92c2e5 14.5%, #decca1 29%, #ddab60 43.5%, #d18259 58%, #71617f 72.5%, #51558a 87%, #51558a 100%);
    background: -moz-linear-gradient(left, #52aae5 0, #92c2e5 14.5%, #decca1 29%, #ddab60 43.5%, #d18259 58%, #71617f 72.5%, #51558a 87%, #51558a 100%);
}

.slot-header .morning {
    padding-left: 23px;
    background: url('../img/morning.png') no-repeat left center;
    text-align: left;
}

.slot-header .afternoon,
.slot-header .evening {
    text-align: center;
}

.tcenter {
    text-align: center;
}

.tleft {
    text-align: left;
}

.tright {
    text-align: right;
}

.slot-header * {
    float: left;
    line-height: 28px;
}

.slot-header .night {
    padding-right: 25px;
    background: url('../img/night.png') no-repeat right center;
    text-align: right;
}

.button.day-switcher.next {
    position: absolute;
    top: -29px;
    left: 0;
    border: none !important;
    border-top: 1px solid #c6c6c6 !important;
    background: url('../img/down_arrow.png') 0 0 no-repeat;
}

.action-panel {
    position: relative;
    background: #ececec;
}

.apheadbar {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 2px;
}

.slotdet {
    position: relative;
    float: left;
    width: 100%;
    padding: 1px;
    border-bottom: 1px solid #cecece;
    min-height: 120px;
}

.sltdate {
    padding: 0;
    text-align: center;
    line-height: 1;
}

.slttime {
    background: #fff;
    min-height: 150px;
}

.slttime a {
    cursor: pointer;
}

.slttime ul {
    list-style: none;
}

.aday {
    background: #b5b5b5;
    color: #fff;
    display: inline;
    text-align: center;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 19px;
    font-weight: bold;
}

.bwar {
    font-size: 16px;
    width: 89px;
    font-weight: bold;
    line-height: 2;
    margin-top: 5px;
    color: #333;
    text-align: center;
    width: 100%;
}

.calicon {
    position: relative;
    float: left;
    font-size: 24px;
    padding-right: 10px;
}

.caldate {
    position: relative;
    float: left;
    width: 26%;
}

.ticon {
    position: relative;
    float: left;
    font-size: 28px;
    padding-left: 5%;
}

.ttime {
    position: relative;
    float: left;
    font-size: 18px;
    padding-left: 3%;
}

.detailsh {
    line-height: 1 !important;
}

.ddimg {
    height: 60px !important;
}

.pad3 {
    padding: 3%;
}

.rowdoc {
    background: #f1f1f1;
}

/*
.closetime {
    text-decoration: line-through;
    pointer-events: none;
    cursor: default;
}

.closetime:hover {
    text-decoration: line-through;
    pointer-events: none;
    cursor: default;
}*/

.closetime{
    text-decoration: line-through;
    
}

.closetime:active {
    text-decoration: line-through;
    pointer-events: none;
    
    cursor: default;
}

.closetime:hover {
    text-decoration: line-through;
    /*pointer-events: none;
    cursor: default;*/
    cursor: pointer;
}

.req_field {
    color: red;
    font-weight: bold;
}

.help-block {
    color: red;
}

#btype {
    text-decoration: none;
}

.bokapt {
    position: relative;
    float: left;
}

.liveresult {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    margin-top: -2%;
    width: 63%;
    margin-left: 25%;
    list-style: none;
    border: 1px solid #ccc;
    line-height: 2;
    padding-left: 7px;
    height: 200px;
    overflow-y: scroll;
}

.liveresult li {
    cursor: pointer;
}

.opbillborder {
    border: 1px solid #ccc;
    padding: 2%;
}

.hdt {
    text-align: center;
}

.hnameb {
    font-weight: bold;
    font-size: 22px;
}

.hadd {
    font-size: 15px;
}

.bhed {
    line-height: 4;
    font-weight: bold;
    text-decoration: underline;
}

.boldfont {
    font-weight: bold;
}

.right_align {
    text-align: right;
}

.bordertop2px {
    border-top: 2px solid #000 !important;
}

.borderbottom2px {
    border-bottom: 2px solid #000 !important;
}

.padding2 {
    padding-top: 2%;
}

.seldoc {
    cursor: pointer;
    font-weight: normal;
    width: 100% !important;
}

label.seldoc:hover {
    background-color: #3AC9D6;
}

label.seldoc:hover p {
    color: #fff;
}

.none {
    display: none;
}

.dlist {
    list-style-type: none;
    margin: 0;
    padding-left: 3%;
    float: left;
    width: 94%;
}

.dlist li {
    float: left;
    border-right: 3px solid #fff;
    padding: 7px;
}

.dlist li a {
    color: #000;
    cursor: pointer;
}

.dlist li {
    background-color: #E0E0E0;
}

.prevd {
    float: left;
    padding: 6px;
    background: #ccc;
}

.nextd {
    background: #ccc;
    padding: 6px;
}

.actdept {
    padding: 13px;
}

.card-hide {
    left: -100px !important;
    opacity: 0 !important;
    display: none !important;
}

.active1 {
    color: #000 !important;
    background: #E0E0E0 !important;
}

.padding3 {
    padding-top: 3%
}

.obillhead {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
}

.obillhead tr {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.obillhead tr th {
    padding: 1%;
}

.obillheadth2 {
    text-align: right;
}

.obillheadth1 {
    font-size: 16px;
    text-transform: uppercase;
    color: #9E9E9E;
}

.obillspan1 {
    color: #3b5999;
    background-color: white;
    font-weight: 600;
}

.obillspan3 {
    color: #f44336;
    font-weight: 600;
}

.obillspan2 {
    padding-left: 6px;
    padding-right: 6px;
}

.bold {
    font-weight: bold;
}

.logob {
    height: 74px;
}

.billtd {
    padding: 0 !important;
}

.relativeleft {
    position: relative;
    float: left;
}

.width100 {
    width: 100%;
}

.paddingzero {
    padding: 0;
}

.blankdata {
    color: blue;
    padding-top: 5%;
    padding-left: 29%;
    font-weight: bold;
    font-size: 14px;
}

.bottombar div a {
    width: 16.5%;
}

.padding6px {
    padding-top: 6px;
}

.tmslotbtn {
    padding: 2px;
    border-radius: 7%;
    border: 1px solid #2196F3;
}

.tmslotbtn:hover {
    background-color: #2196F3;
    color: #fff;
}

.modal-header {
    background: #3ac9d6;
    color: #fff;
    padding: 7px;
    text-align: center;
    font-weight: bold;
}

.modal-content {
    border: 4px solid #3ac9d6;
}

.payprint {
    margin-right: 2%;
}

.disabled {
    pointer-events: none !important;
}

.disabled input {
    background-color: #f1f1f1;
    border: 0px;
}

.info-box-content {
    padding: 6px 15px !important;
}

.dashapdt {
    padding-top: 7%;
    text-align: center;
}

.centeralign {
    text-align: center;
}

.globsel {
    color: yellowgreen
}

.phonesel {
    color: coral
}

.malesel,
.phonesel,
.globsel {
    font-size: 25px;
}

.hideclear .uib-clear,
.hideclear .btn-danger {
    display: none !important;
}


/************** ******************/

.multiselec button {
    text-align: left;
}

#multiselec ul.dropdown-menu li:nth-child(1) {
    position: relative;
    float: left;
    width: 50%;
}

#multiselec ul.dropdown-menu li:nth-child(2) {
    position: relative;
    float: right;
    width: 50%;
}

#multiselec ul {
    position: relative;
}

.sel {
    background: #2196f3 !important;
    border-color: #2196f3 !important;
}

.sel1 {
    background: green;
    border-color: green !important;
    color: #fff !important;
    ;
}

.btn-info1 {
    background-color: #009ABF;
    border-color: #009ABF;
}

.ipadmbtn {
    width: 140px !important;
    padding: 6px;
    text-align: center;
    cursor: pointer;
}

.admdoclabel {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 9px;
    min-height: 80px;
}

.admddiv {
    position: relative;
    float: left;
    width: 20%;
}

.font26 {
    font-size: 26px !important;
    color: lightslategrey;
}

.dashpad {
    padding: 6px 15px !important;
}

.admddiv img {
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .16), 0 2px 10px rgba(0, 0, 0, .12);
    height: 60px;
    width: 60px;
}

.admdocinfo {
    position: relative;
    float: left;
    width: 80%;
    padding-left: 18px;
    line-height: 1
}

.require-field {
    color: red;
}

.buttonsymtom button {
    max-height: 60px;
    overflow-y: scroll;
}

.buttonLabel {
    position: relative;
    float: left;
}

.prescrihd {
    width: 80%;
}

.patientdet {
    padding: 9px;
}

.symareaa {
    border-top: 1px solid #ccc;
    margin-top: 2px;
}

.conhed {
    position: relative;
    float: left;
    width: 100%;
}

.toppad12px {
    padding-top: 12px;
}

.genderm {
    color: green;
}

.genderf {
    color: red;
}

.genderf,
.genderm {
    font-size: 18px;
}

.deprts .btn {
    margin-top: 3px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.deprts {
    height: 75px;
    background: #F5F5F5;
    overflow-y: scroll;
}

#scrollsty::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#scrollsty::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#scrollsty::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.inner-addon {
    position: relative;
}

#hscroll::-webkit-scrollbar {
    height: 6px;
}


/*
#hscroll{
    transform: rotateX(180deg);
}
#hscroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#hscroll .table {
  transform: rotateX(180deg);
     margin-bottom: 0;
}
*/


/* style glyph */

.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

.left-addon input {
    padding-left: 30px;
}

.uib-datepicker-popup .btn-info.active {
    background-color: #0c7cd5 !important;
    border-color: transparent !important;
}

.uib-datepicker-popup .btn-info .text-info {
    color: #fff !important;
}

.pdtad {
    font-size: 14px !important;
}


/****************** IPD ***************************/

.warddet {
    padding-top: 1%;
}

.bedsimg {
    text-align: center;
    font-size: 24px;
}

.bedopen,
.bedbooked,
.bedmaintain {
    color: #fff;
}

.bedopen {
    color: green;
}

.bedbooked {
    color: red;
}

.bedmaintain {
    color: #f0ad4e;
}

.fixed-col {
    border-left: solid 1px #DDEFEF;
    border-right: solid 1px #DDEFEF;
    left: 0;
    position: absolute;
    top: auto;
    width: 120px;
    background-color: #DDEFEF;
}

.bed-wrap {
    margin-left: 105px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
}

.bed-wrap-table thead th {
    background-color: #DDEFEF;
    border: none;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
    white-space: nowrap;
}

.bed-wrap-table tbody td {
    border-bottom: solid 1px #DDEFEF;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
    white-space: nowrap;
}


/*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    margin-top: 100px;
     
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px #3F51B5;
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 3px #3F51B5;
    background-color: #3F51B5;
}*/

::-webkit-scrollbar {
    background: transparant;
    width: 8px;
}

::-webkit-scrollbar-thumb {
    /*-webkit-box-shadow: inset 0 0 3px #3F51B5;
 
     background-color: #3F51B5;
      z-index: 99999;
*/
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    /*-- black at 40% opacity --*/
}

::-webkit-resizer,
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
    display: none;
}

::-webkit-scrollbar-track {
    display: none;
    border-radius: 10px;
}


/*
li.active {
    color: red !important;
}
*/

.preareaa {
    border-top: 1px solid #ccc;
    margin: 0px !important;
}

.addmeddiv {
    padding: 15px;
}

.addmedi12 {
    padding: 12px;
    border: 1px solid #ccc;
}

.font_22 {
    font-size: 19px !important
}

.bottom0 {
    margin-bottom: 0px !important;
}

.dialog-ul {
    list-style: none;
    padding-left: 4%;
    padding-top: 1%;
}

.patientlstvi {
    padding: 7px 29px !important;
}

.pltbody tr:nth-child(even) {
    background-color: LightGreen
}

.pltbody tr:nth-child(odd) {
    background-color: LightBlue;
}

.pltbody tr td {
    border-left: 0px !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #f4f4f4;
}

.animate-show {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
    opacity: 1;
}

.pltbh {
    background: #c9e5f3;
    color: #235475;
    border-bottom-width: 0px;
    border-color: #a6bfcc;
    font-weight: 600;
    font-size: 11px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    padding: 3px 7px 3px 7px;
    line-height: 14px;
    vertical-align: middle;
    border-top: 0px;
}

.tabshoPre {
    position: fixed;
    background: #fff;
    margin-left: 10%;
    margin-top: 2%;
    width: 70%;
    padding: 1%;
    border: 2px solid #336699;
    z-index: 9;
}

.hddt {
    background: #336699;
    color: #fff;
}

.pdetdiagno {
    line-height: 1;
    padding: 5px 14px !important;
}

.btninvplus {
    margin-right: 16px;
    margin-bottom: 10px;
}

.dignobx .panel-body {
    min-height: 310px;
    max-height: 310px;
    overflow-y: scroll;
}

.bmiindexbx {
    text-align: center;
}

.bmiindex {
    font-size: 31px;
    font-weight: bold;
    padding-top: 4%;
}

.absbtn {
    position: absolute;
    margin-top: -41px;
    margin-left: 86%;
}

.btn span.glyphicon {
    opacity: 0;
}

.btn.active span.glyphicon {
    opacity: 1;
}

.chkstyle {
    position: absolute;
    z-index: -1;
    filter: alpha(opacity=0);
    opacity: 0;
}

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.radio-margin {
    margin-left: -13px;
    margin-top: 7px;
    float: left;
}

.ipregap {
    background-color: #fff;
}

text.highcharts-credits {
    display: none !important;
    cursor: none;
    color: #fff;
    font-size: 9px;
    fill: #fff;
}

.highcharts-credits {
    display: none !important;
    ;
    cursor: none;
    color: #fff;
    font-size: 9px;
    fill: #fff;
}


/*********** monitor *****************/

.sideul {
    list-style-type: none;
    background: #fff;
    padding: 0;
    line-height: 3;
    min-height: 600px;
}

.sideul li a {
    color: #24222f;
    padding: 14px;
}

.sideul li {
    cursor: pointer;
}

.sideul li:hover {
    background: #f2f4f8;
}


/******************  IPD *********************/

.bedopen:hover {
    background: green;
    color: #fff;
    cursor: pointer
}


/*
.bedbooked,
.bedmaintain {
    cursor: not-allowed !important;
    pointer-events: none !important;
}
*/

.bedarea_dialog {
    padding: 2%;
    /* background: blue; */
    border: 1px solid #3e4fb1;
    border-radius: 10px;
}

.docaptab li a {
    cursor: pointer;
}


/*
.docaptab li a{
    background: #3ac9d6 !important;
    color: #fff !important;
    padding: 6px 15px;
    
}
.docaptab li{
    margin-right: 0px !Important;
}
.docaptab li a:hover{
    background-color: #fff;
    color: #3ac9d6;
}.docaptab li a {
    cursor: pointer;
}
.docaptab li a{
    background: #3ac9d6 !important;
    color: #fff !important;
    padding: 6px 15px;
    
}
.docaptab li{
    margin-right: 0px !Important;
}
.docaptab li a:hover{
    background-color: #fff;
    color: #3ac9d6;
}*/


/* margin-right: 5px; */

.notitest {
    position: absolute !important;
    top: -3px !important;
    border-radius: 50%;
}

.tabsservice>.nav-tabs>li {
    cursor: pointer;
}

.tabsservice ul li a i {
    padding-right: 8px;
}

.sponimg {
    height: 27px;
    border-radius: 50%;
    width: 27px;
    border: 2px solid #ccc;
}


/************ checkbox ************************/

.checkboxsym {
    padding-left: 20px;
}

.checkboxsym label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.checkboxsym label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkboxsym label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkboxsym input[type="checkbox"] {
    opacity: 0;
}

.checkboxsym input[type="checkbox"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkboxsym input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.checkboxsym input[type="checkbox"]:disabled+label {
    opacity: 0.65;
}

.checkboxsym input[type="checkbox"]:disabled+label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkboxsym.checkbox-circle label::before {
    border-radius: 50%;
}

.checkboxsym.checkbox-inline {
    margin-top: 0;
}

.checkbox-success input[type="checkbox"]:checked+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked+label::after {
    color: #fff;
}


/************* sample Collection **************************/

.nocollection {
    background-color: #c1b4b4;
}

.sampletr td {
    border: 0px !important;
    border-bottom: 1px solid #f4f4f4 !important;
}

.checkbox-success input[type="checkbox"]:checked+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.checkboxsam {
    padding-left: 20px;
}

.checkboxsam label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.checkboxsam label::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkboxsam label::after {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.grpchkbx label::before,
.checkboxsam label::after {
    position: relative !important;
}

.checkboxsam label::after {
    left: 3px !important;
    top: -4px !important;
}

.checkboxsam input[type="checkbox"] {
    opacity: 0;
}

.checkboxsam input[type="checkbox"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkboxsam input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.checkboxsam input[type="checkbox"]:disabled+label {
    opacity: 0.65;
}

.checkboxsam input[type="checkbox"]:disabled+label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkboxsam.checkbox-circle label::before {
    border-radius: 50%;
}

.checkboxsam.checkbox-inline {
    margin-top: 0;
}


/******************** LAB REPORT *******************************/

.reshd {
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}

.upper {
    font-size: 18px;
}

.borderlabp {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding: 4px;
}

.width46 {
    width: 46%;
}

#breadcrumb {
    background-color: ghostwhite;
    border-bottom: 1px solid #e3ebed;
    position: fixed;
    margin-bottom: 0px;
    width: 100%;
    z-index: 999;
}

.selChk span {
    margin-left: 5px;
}

.selChk span:nth-child(odd) {
    background-color: #3c8dbc !important;
}

.selChk span:nth-child(even) {
    background-color: #00a65a !important;
}

.thwhite tr th {
    color: #fff !important;
}

#breadcrumb a {
    padding: 8px 20px 8px 10px;
    display: inline-block;
    background-image: url(../img/breadcrumb.png);
    background-position: center right;
    background-repeat: no-repeat;
    font-size: 12px;
    color: #666666;
}

#breadcrumb a i {
    margin-right: 5px;
    opacity: .6;
}

#breadcrumb a:last-child {
    background-image: none;
}

.servicelalist tbody {
    height: 200px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}

.servicelalist thead {
    display: block;
    height: 50px;
}

.saletable {
    margin-bottom: 10px !important;
}

.saletable tbody {
    display: block;
    min-height: 300px;
}

.saletable thead,
.saletable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    /* even columns width , fix width of table too*/
}

.saletable td {
    padding: 4px !important
}

.salformgp .col-md-3 .form-group {
    margin-bottom: 6px !important;
}

.saletableres {
    border: 2px dotted #C9E5F3;
    overflow-x: unset;
}

.saletable thead tr th {
    text-align: center;
}


/*.main-header {
    position: fixed !important;
    z-index: 1030  !important;
    width: 100%  !important;
}
.content-wrapper{
    position: relative !important;
    float: left !important;
    width: 100% !important;
    margin-top: 3% !important;
    height: calc(100%-20px) !important;
    overflow-y: scroll;
}
.customSidebar{
    height: calc(100%-10px);
    overflow-y: scroll;
    
}*/

.sidebar-menu>li>a:hover {
    background-color: #3ac9d6 !important;
    color: #fff !important;
}

.sidebar-menu>li>a:hover .sidebar-menu>li>a>i {
    color: #fff !important;
}

.sidebar-menu>li.active>a {
    background-color: #139ca9 !important;
    color: #fff !important;
}

.treeview-menu>li.active>a,
.treeview-menu>li>a:hover {
    background-color: #3ac9d6 !important;
    color: #fff !important;
}

.treeview>li.active>a .treeview>li>a>i {
    color: #fff !Important;
}


/* .sidebar-menu>li>a>i{
    color: #g;
}*/

.itemcheckbox {
    padding-left: 20px;
}

.itemcheckbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.itemcheckbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.itemcheckbox input[type="checkbox"] {
    opacity: 0;
}

.itemcheckbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkbox-success input[type="checkbox"]:checked+label::after {
    color: #fff !important;
}

.itemcheckbox input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome' important;
    content: "\f00c" important;
}

.itemDrop {
    background: #fff;
    z-index: 999;
    float: left;
    position: absolute;
    width: 54%;
    border: 1px solid #ccc;
    margin-left: 19%;
    margin-top: 30px;
}

.uiselcts>.select2-container,
.brkgsel>.select2-container {
    width: 100% !important;
    float: left;
}

.hidearrow::-webkit-outer-spin-button,
.hidearrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.hidearrow {
    -moz-appearance: textfield;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td {
    padding: 3px;
    vertical-align: middle;
    border-color: #dfeff1 !important;
    color: #333
}

.table>thead>tr>th {
    padding: 4px !important;
    vertical-align: middle;
    border-color: #7ddee6 !important;
    background: #3ac9d6;
    color: #fff;
}

.darkgery {
    color: darkgray;
}

.no-shadow {
    box-shadow: none !Important;
}

.none {
    display: none;
}

.navbar-static-top {
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .16), 0 2px 6px 0 rgba(0, 0, 0, .12);
}

.cardshadow {
    background-color: #fff;
    box-shadow: 0 0 11px 0 rgba(49, 58, 70, .15);
}

.notesfooter a {
    transition: color .3s ease;
    display: inline-block;
    border: 1px solid #dcdee0;
    padding: 1px 6px;
    border-radius: 3px;
    color: #313a46;
    font-size: 16px;
    margin-left: 10px;
}

.skin-blue .main-header li.user-header {
    background: #3ac9d6 !important;
}

.tabs-left,
.tabs-right {
    border-bottom: none;
    padding-top: 2px;
}

.tabs-left {
    border-right: 1px solid #ddd;
}

.tabs-left>li,
.tabs-right>li {
    float: none;
    margin-bottom: 2px;
}

.tabs-left>li {
    margin-right: -1px;
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
}

.tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
}

.vtab {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    background-color: #fff;
}

.modelwz li a .desc {
    padding-top: 8px;
}

#liquid {
    background: #313b31 url('../img/bodybackground.png') repeat-y scroll 50% 0;
    border: 2px solid #19301C;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 0;
}

#liquid .previous {
    display: block;
    height: 126px;
    width: 64px;
    background-image: url('../img/previous.png');
    float: left;
    margin: 0;
    padding: 0;
}

#liquid .next {
    display: block;
    height: 126px;
    width: 64px;
    background-image: url('../img/next.png');
    float: right;
    margin: 0;
    padding: 0;
}

.slidebut {
    height: 44px;
    cursor: pointer;
    margin-left: 10;
    width: 110px;
}

.slideh3 {
    text-align: center;
    margin-top: 6px;
    font-size: 11px;
    color: #fff !important;
    text-transform: none !important;
    background-color: #009ABF;
    border-color: #009ABF;
    padding: 11px 2px 11px 4px;
    border-radius: 3px;
    position: relative;
    float: left;
    width: 100%;
}

.editicon {
    color: #3ac9d6;
    border: 1px solid;
    padding: 2px;
    cursor: pointer;
    border-color: #3ac9d6;
}

.editicon:hover {
    color: #e82e2e !important;
    border-color: #e82e2e !important;
}

.editiconadd {
    color: #fff;
    border: 1px solid;
    padding: 2px;
    cursor: pointer;
    background-color: #3ac9d6;
    border-color: #3ac9d6;
}

.editiconadd:hover {
    color: #3ac9d6 !important;
    border-color: #3ac9d6 !important;
    background-color: #fff;
}

.iconprint {
    color: #fff;
    border: 1px solid;
    padding: 2px;
    cursor: pointer;
    color: #f51111;
    border-color: #f51111;
}

.iconprint:hover {
    color: #fff;
    border-color: #f51111;
    background-color: #f51111;
}

.prevPrint {
    color: #fff;
    border: 1px solid;
    padding: 2px;
    cursor: pointer;
    color: green;
    border-color: green;
}

.checkbox {
    padding-left: 20px;
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
}

.checkbox input[type="checkbox"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled+label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox-success input[type="checkbox"]:checked+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.checkbox-wrap {
    border: 1px solid;
    padding: 0px;
    border-color: #ded8d8;
    padding-bottom: 4px;
    margin-left: 15px;
}


/******************BX SLIDER ********************/

.bx-viewport {
    height: 45px !important
}

#slidied {
    /* width: 140px !important;
    width: 140px !important; */
    padding: 6px;
    text-align: center;
    cursor: pointer;
}

.table tbody tr:nth-child(even) {
    background: #f2f2f2;
}

.noshadow .btn-default {
    box-shadow: none !important;
}

.rightpad0 {
    padding-right: 0;
    padding-left: 9px;
}

.pinvoice .form-control,
.inputheight input,
.inputheight select {
    height: 26px !important;
}

.inputheight .control-label {
    padding-top: 3px;
}

.inputheight select {
    padding: 2px 12px !important;
}

.pinvoice .dtdet {
    margin: 0px !important;
}

.pinvoice .dtdet .btn-default,
.dtdet .btn-default {
    padding: 2px 8px 2px 8px !important;
    box-shadow: none !important;
}


/*.box-header.with-border {
    border-bottom: 1px solid #cec9c9 !important;
}*/

.container-list .ui-select-container {
    width: 100% !important;
}

#pinvoice tbody tr:nth-child(even) {
    background-color: #fff !important;
}

.showingitems {
    position: relative;
    float: right;
    font-size: 15px;
    padding: 15px;
}

.plivesr .select2-container .select2-choice {
    height: 35px !important;
    padding: 4px 0 0 8px !important;
}

#mydiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: grey;
    opacity: .8;
}

.ajax-loader {
    position: absolute;
    left: 45%;
    top: 45%;
    margin-left: -32px;
    margin-top: -32px;
    display: block;
}


/************ New Form Wizard ***********/

.steps-section {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
    display: block;
    margin-bottom: 0;
    border-bottom: 1px solid #dadada;
    background: #FFF;
}

.steps-section:after,
.steps-section:before {
    content: " ";
    clear: both;
    display: block;
}

.multisptps {
    counter-reset: step;
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    position: relative;
    float: left;
    width: 100%;
}

.steps-section .multisptps .new-step {
    list-style-type: none;
    float: left;
    width: 33%;
    position: relative;
    text-align: center;
    height: 80px;
    z-index: 10;
    z-index: 0;
    cursor: pointer;
}

.pad0 {
    padding: 0px !important;
}

.steps-section .multisptps .new-step:before {
    content: counter(step)!important;
    counter-increment: step;
    content: " ";
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d9d9d9;
    display: block;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #eaeaea;
    color: #a9a9a9;
}

.steps-section .multisptps li.new-step:first-child:after {
    width: 50%;
    left: 50%;
}

.steps-section .multisptps li.new-step:first-child:before {
    background-color: #fb6b5b;
    border-color: #fb4532;
    color: #FFF;
}

.steps-section .multisptps li.new-step:last-child:after {
    width: 50%
}

.steps-section .multisptps li.new-step.current-step:before {
    background-color: #fb6b5b;
    border-color: #fb4532;
    color: #FFF;
}

.steps-section .multisptps li.new-step.current-step:after {
    background-color: #fb6b5b;
    border-color: #FB4531;
}

.steps-section .multisptps .new-step:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #eaeaea;
    top: 19px;
    left: 0;
    z-index: -1;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.completed-step:before {
    background-color: #92cf5c !important;
    border-color: #83c944 !important;
    color: #FFF !important;
}

.completed-step:after {
    background-color: #91CF5C !important;
    border-color: #83c944 !important;
}

.completed-step:after .step-title {
    color: #83c944;
}

.step-icon {
    z-index: 1024;
    position: absolute;
    top: 0;
    margin-top: 8px;
    font-size: 18px;
    color: #FFF;
    opacity: 0;
    visibility: hidden;
    margin-left: -7px;
}

.step-title {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #464646;
    text-align: left;
    padding-left: 39%;
    line-height: 20px;
}

.content-body {
    padding: 5px;
}

.steps-section .multisptps li.new-step.current-step .step-title {
    color: #fb6b5b !important;
}

.steps-section .multisptps li.new-step.completed-step .step-title {
    color: #83c944 !important;
}

.content-box {
    min-height: 300px;
}

.content-section {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 20px;
}

.doc-wazard-wrap {
    margin-top: 5px;
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0px 10px 0px;
    border: 1px solid #8dc6e2;
    border-radius: 5px;
}

.btn-box-tool {
    box-shadow: none !important;
}

.pdinfo {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    border: 2px solid #29c6cc;
    box-shadow: 3px 2px 5px #b9b4b4;
}

.bphoto {
    height: 60px;
    width: 60px;
    border-radius: 50%;
}

.patientexrt {
    position: relative;
    float: left;
    width: 100%;
    min-height: 450px;
}

.blklip {
    background: #fff;
    border: 1px solid #29c6cc;
    border-radius: 5px;
    padding: 0;
    position: absolute;
    float: right;
    margin-top: 100px;
    margin-top: -10px;
}

.menui {
    float: left;
    font-size: 20px;
    cursor: pointer;
}

.relfl {
    position: relative;
    float: left;
    width: 48%;
}

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

.mactive,
.inmactive {
    font-size: 30px;
    cursor: pointer;
}

.mactive,
.inmactive {
    font-size: 30px;
    cursor: pointer;
}

i.mactive {
    color: #5cb85c
}

i.inmactive {
    color: #d9534f
}

#tablewidth {
    max-height: 500px;
    overflow: scroll;
}

#tablewidth1 {
    max-height: 400px;
    overflow: scroll;
}

.pbtm0 {
    padding-bottom: 0px !important;
}

.ptop0 {
    padding-top: 0px !important;
}

.cbp_tmtimeline {
    margin: 40px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}


/* The line */

.cbp_tmtimeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #afdcf8;
    left: 5%;
    margin-left: -10px;
}

.cbp_tmtimeline>li {
    position: relative;
}


/* The date/time */

.cbp_tmtimeline>li .cbp_tmtime {
    display: block;
    width: 25%;
    padding-right: 100px;
    position: absolute;
}

.cbp_tmtimeline>li .cbp_tmtime span {
    display: block;
    text-align: right;
}

.cbp_tmtimeline>li .cbp_tmtime span:first-child {
    font-size: 0.9em;
    color: #bdd0db;
}

.cbp_tmtimeline>li .cbp_tmtime span:last-child {
    font-size: 2.9em;
    color: #3594cb;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #6cbfee;
}


/* Right content */

.cbp_tmtimeline>li .cbp_tmlabel {
    margin: 0 0 15px 9%;
    /*background: #3594cb;*/
    color: #000;
    padding: 10px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
    border: 1px solid;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
    /*background: #6cbfee;*/
}

.cbp_tmtimeline>li .cbp_tmlabel h2 {
    margin-top: 0px;
    padding: 0 0 10px 0;
    font-size: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}


/* The triangle */

.cbp_tmtimeline>li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #3594cb;
    border-width: 10px;
    top: 10px;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #6cbfee;
}


/* The icons */

.cbp_tmtimeline>li .cbp_tmicon {
    width: 45px;
    height: 45px;
    font-family: 'ecoico';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background: #46a4da;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #afdcf8;
    text-align: center;
    left: 4%;
    top: 0;
    margin: 0 0 0 -25px;
}


/*.cbp_tmicon-phone:before {
	content: "\e000";
}

.cbp_tmicon-screen:before {
	content: "\e001";
}

.cbp_tmicon-mail:before {
	content: "\e002";
}

.cbp_tmicon-earth:before {
	content: "\e003";
}*/


/* Example Media Queries */

@media screen and (max-width: 65.375em) {
    .cbp_tmtimeline>li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline:before {
        display: none;
    }
    .cbp_tmtimeline>li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }
    .cbp_tmtimeline>li .cbp_tmtime span {
        text-align: left;
    }
    .cbp_tmtimeline>li .cbp_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }
    .cbp_tmtimeline>li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
    }
    .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }
    .cbp_tmtimeline>li .cbp_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }
}

input[type=checkbox].checksize {
    transform: scale(1.5) !important;
    margin-left: 5px;
}


/*************** RADIO BUTTONS ***********************/

.radio {
    padding-left: 20px;
}

.radio input[type="radio"] {
    opacity: 0;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.radio-info input[type="radio"]:checked+label::before {
    border-color: #5bc0de;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio-info input[type="radio"]:checked+label::after {
    background-color: #5bc0de;
}

.radio input[type="radio"]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio-info input[type="radio"]+label::after {
    background-color: #5bc0de;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.crdtdiv .radio-inline {
    padding-top: 4px;
}


/* vertical */

.vertical-text {
    transform: rotate(270deg);
    /* transform-origin: left top 0; */
    float: left;
}

.topbtm {
    padding-top: 4px;
    padding-bottom: 2px;
}

.mattertab.active>a {
    background-color: #fff !important;
}

.tooltiptext {
    visibility: hidden;
    width: 51px;
    background-color: #a59c9c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 1px 0;
    position: absolute;
    z-index: 1;
    top: -22px;
}

.tooltips:hover .tooltiptext {
    visibility: visible;
}

.highcharts-button-symbol {
    fill: #fff !important;
    stroke: #d4d4d4 !important;
}

.selhght .select2-container .select2-choice {
    height: 32px !important;
}

.selhght1 .select2-container .select2-choice {
    height: 32px !important;
    line-height: 28px !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.btn-warning {
    color: #ffffff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #000;
    background-color: #ffffff;
    border-color: #f5707a;
}

.btn-succss {
    color: #ffffff;
    background-color: #3c8dbc;
    border-color: #367fa9;
}

.btn-succss:hover,
.btn-succss:focus,
.btn-succss.focus,
.btn-succss:active,
.btn-succss.active,
.open>.dropdown-toggle.btn-succss {
    color: #000;
    background-color: #ffffff;
    border-color: #f5707a;
}

.glowss {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

.glowme {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
    color: #fff;
    position: absolute;
    margin: 11% 34%;
    padding: 2px 18px;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #B20000;
        -webkit-box-shadow: 0 0 3px #B20000;
    }
    50% {
        background-color: #FF0000;
        -webkit-box-shadow: 0 0 40px #FF0000;
    }
    100% {
        background-color: #B20000;
        -webkit-box-shadow: 0 0 3px #B20000;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #B20000;
        -moz-box-shadow: 0 0 3px #B20000;
    }
    50% {
        background-color: #FF0000;
        -moz-box-shadow: 0 0 40px #FF0000;
    }
    100% {
        background-color: #B20000;
        -moz-box-shadow: 0 0 3px #B20000;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
    50% {
        background-color: #FF0000;
        box-shadow: 0 0 40px #FF0000;
    }
    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
}

@keyframes glowing {
    0% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
    50% {
        background-color: #FF0000;
        box-shadow: 0 0 40px #FF0000;
    }
    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000;
    }
}

text-angular>div>div>p {
    line-height: 1.0 !important;
}

.phover {
    display: none;
    position: relative;
    border: 1px solid;
    border-radius: 6px;
}

.bedbooked:hover .phover {
    display: block !important;
    background-color: #dd4b39;
    color: #fff;
    margin-bottom: 0;
    border-radius: 7px;
    font-size: 12px;
    padding: 8px;
}

.bedbooked:hover .hmtome {
    display: none !important;
}

.padme {
    padding: 21px !important;
}

.pdropm {
    margin-left: -35px;
    background-color: #3c90cc;
}

.pdropm>li>a:hover {
    background-color: #1e81bd;
}

.pdropop {
    border: 1px solid #3c90cc;
    padding: 2px;
}

.rowred {
    color: red;
    background-color: #e8a1a1 !important;
}
.rowreds {
    color: red;
    background-color: red !important;
}
.rowgreen {
    color: green;
    background-color: #629c62 !important;
}
.highcolor {
    color: red;
    background-color: red !important;
}

.highlightcolor {
    color: black;
    background-color: white !important;
    border: solid 2px black !important;
}

.highredcolor {
    color :red;
    background-color: red !important;
}
.highgraycolor {
    color :gray;
    background-color: gray !important;
}
.highgreencolor {
    color :green;
    background-color: green !important;
}
.highyellowcolor {
    color :yellow;
    background-color: yellow !important;
}
.ticgreen {
    color: green !important;
    font-weight: bold;
}


.errorbox {
    border: 1px solid;
    width: 100%;
    position: relative;
    float: left;
}

.errorbox i {
    color: #fff;
    padding: 8px;
    position: relative;
    float: left;
}

.errorbox p {
    color: #000;
    margin-bottom: 0px;
    position: relative;
    float: left;
    padding-left: 11px;
    margin-bottom: 0px;
    padding-top: 5px;
}

.warningb {
    border-color: #f39c12;
}

.warningb i {
    background: #f39c12;
}

.lbfxdme {
    width: 85%;
}

.sidebar-collapse .wrapper .content-wrapper .lbfxdme {
    width: 96% !important;
}

.bxghd {
    width: 83%;
}

.sidebar-collapse .wrapper .content-wrapper .bxghd {
    width: 94% !important;
}