﻿.btn-round-xs {
    border-radius: 11px;
    padding-left: 10px;
    padding-right: 10px;
}


.pkgtype-col {
    color: #bbbaba;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.rem-left-margin {
    margin-left: -15px;
}

.rem-pad {
    padding: 5px 4px !important;
}


.printDoctbl > tbody > tr > th, .printDoctbl > printDoctbl > tr > th, .printDoctbl > tbody > tr > td {
    padding: 5px 15px !important;
}


.info-text {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #1f3a93;
}

.model-rpt {
    width: 100%;
}

.pnl-section {
    /*margin-bottom: 5px;*/
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.pnl-section-body {
    padding: 10px;
}

.panelRate {
    padding-top: 2px !important;
    padding-bottom: 1px !important;
}

.pnl-section-default .pnl-section-heading {
    background-color: #fff;
    color: #1f3a93;
    border-top: 2px solid #1f3a93;
}
/*.pnl-section-default
{
    border-color: #dee5e7;
}*/

.pnl-section-default > .pnl-section-heading,
.pnl-section-default > .pnl-section-footer {
    /* border-color: #d0d0e4;*/
}

.pnl-section-heading {
    padding: 5px 7px 5px 7px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


.pnl-section-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .pnl-section-title > a,
    .pnl-section-title > small,
    .pnl-section-title > .small,
    .pnl-section-title > small > a,
    .pnl-section-title > .small > a {
        color: inherit;
    }

.pnl-section-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pnl-section > .list-group,
.pnl-section > .pnl-section-collapse > .list-group {
    margin-bottom: 0;
}

    .pnl-section > .list-group .list-group-item,
    .pnl-section > .pnl-section-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .pnl-section > .list-group:first-child .list-group-item:first-child,
    .pnl-section > .pnl-section-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .pnl-section > .list-group:last-child .list-group-item:last-child,
    .pnl-section > .pnl-section-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.pnl-section-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}




.pnl-login {
    border-radius: 2px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 4px #ddd;
    box-shadow: 0 3px 4px #ddd;
}

.pnl-login-heading {
    padding-top: 5px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 5px;
    color: #fff;
    background-color: #1f3a93;
}

.pnl-login-default .pnl-login-heading {
    background-color: #f6f8f8;
}

.pnl-login-footer {
    background-color: #ffffff;
    border-color: #edf1f2;
    border-top: 1px solid #cfdadd;
    padding-bottom: 5px;
    text-align: center;
    padding: 7px;
}

.pnl-login-default {
    border-color: #dee5e7;
}

    .pnl-login-default > .pnl-login-heading,
    .pnl-login-default > .pnl-login-footer {
        border-color: #edf1f2;
    }

.pnl-login-group .pnl-login-heading + .pnl-login-collapse .pnl-login-body {
    border-top: 1px solid #eaedef;
}





body {
}

.moderlcontent {
    width: 440px;
    margin-left: 81px;
}

.modelcontentsize {
    width: 972px;
    margin-left: -175px;
}

.modelparamcontent {
    width: 717px;
    margin-left: -70px;
}


.modelRecordServ {
    width: 1105px;
    margin-left: -98px;
}


.modelcontent1 {
    width: 720px;
    margin-left: -68px;
}

.modeladmdischarge {
    width: 865px;
    margin-left: 21px;
}

.ParamTypeHeadsize {
    width: 307px;
}

.p-length {
    padding-top: 9px;
}

.i-position {
    padding-right: 50px;
    padding-left: 41px;
    border: initial;
}

.p-pos {
    margin: 8px 0 10px;
}

.param_td {
    padding: 0px 16px;
    height: 36px;
}

.param_row {
    height: 111px;
}

.col3_p {
    padding-left: 0px;
    height: 33px;
    width: 40%;
    padding-top: 6px;
}

.col9_p {
    width: 60%;
}

.inputgrp {
    width: 295px;
}

.table-textsize {
    width: 45%;
}

.fmlbtnpostn {
    padding-top: 21px;
    padding-left: 0px;
}

.selected {
    border-color: #C32E2E;
    background-color: #eee;
}

.m-l-xsfontsize {
    font-size: 22px;
}

.item-list {
    width: 175px;
}

.modelcntentsize {
    width: 500px;
    margin-left: 48px;
}

/* First Css */


.panelschedule {
    padding-top: 55px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 46px;
    text-align: center;
}

.tdsperator {
    background-color: #999;
    padding-top: 0px;
    padding-bottom: 2px;
}

.tab-ul {
    margin-top: 3px;
}

.ScrolbarHeight {
    max-height: 100%;
}

.colschedulepadding {
    padding-left: 24px;
}

.MenuPadding {
    padding-left: 47px;
    background-color: red;
}

.pposition {
    margin: 0px 0 7px;
}

.formctlst {
    padding-top: 1px;
}

.checkboxpost {
    margin-top: -9px;
}

.customtable > tbody > tr > th,
.customtable > tfoot > tr > th,
.customtable > tbody > tr > td,
.customtable > tfoot > tr > td {
    padding: 2px 0px;
}

.customtable-striped > thead > th {
    background-color: #fafbfc;
    border-right: 1px solid #eaeff0;
}

    .customtable-striped > thead > th:last-child {
        border-right: none;
    }

.selectin-Out {
    height: 31px;
    width: 104px;
}

.dashboard-box {
    /*-webkit-box-shadow: 0 3px 4px #ddd;*/
    /*box-shadow: 0 3px 4px #ddd;*/
    width: 100%;
    height: 300px;
    border: 1px solid #c9dada;
    background-color: #fff;
}

.dashboard-content {
    width: 100%;
    height: 263px;
   // top: 35px;
}

.dashboard-full {
    width: 100%;
    height: 298px;
}

.dashboard-header {
    width: 100%;
    padding: 7px 15px;
    height: 35px;
}

.dashboard-heading {
    font-size: large;
    font-weight: 500;
}

.dashboard-text {
    padding: 7px 7px 15px 15px;
    color: #777;
}

.m-row {
    margin: -1px -2px -10px -12px;
}

.m-c {
    margin: 0px 0px 10px 0px;
    padding-left: 10px;
    padding-right: 0px;
}


.table-fixed thead {
    width: 98%;
}

.table-fixed tbody {
    height: 295px;
    overflow-y: auto;
    width: 99%;
}

.tblWorkList tbody {
    height: auto !important;
    max-height: 300px;
    width: 100% !important;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}

    .table-fixed tbody td, .table-fixed thead > tr > th {
        float: left;
        border-bottom-width: 0;
    }


.Drugtable > tbody > tr > th, .Drugtable > tfoot > tr > th, .Drugtable > tbody > tr > td, .Drugtable > tfoot > tr > td {
    padding: 3px !important;
}

.regServhead {
    padding-left: 3px;
}

.remaksStyle {
    margin-bottom: 2px;
}

.servModel {
    width: 199px;
}

    .servModel button {
        height: 29px;
        padding-top: 4px;
    }

    .servModel select {
        width: 167px;
    }

.helpcontent {
    height: 29px;
    padding-top: 3px;
}


.servOther {
    width: 66px;
}

.servReportingTime {
    width: 148px;
}

.servName {
    width: 216px;
    text-align: left;
}

.servCheckBox {
    width: 2px;
}

.snapshort {
    margin-left: -14px;
    margin-top: 25px;
    text-align: center;
}

.regComment {
    margin-bottom: 10px;
}

.webCamra {
    margin-left: 3px;
    margin-top: 10px;
    text-align: center;
}

.servicTypeahead {
    width: 505px;
}

.cPanelTypeahead {
    width: 210px;
}

.ng-image-crop {
    text-align: center;
    margin: 0 auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
    /* Each of the 3 steps in the process are contained within sections */
    .ng-image-crop > section {
        background: #ccc;
    }
    /* The cropping button */
    .ng-image-crop button {
        margin-top: 10px;
    }
    /* The dashed cropping guideline */
    .ng-image-crop .cropping-guide {
        display: block;
        background: rgba(255, 255, 255, .3);
        border: 2px dashed white;
        position: absolute;
        pointer-events: none;
    }
/* The circular themed cropping guideline */
.ng-image-crop--circle .cropping-guide {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
/* The canvas where the user positions the image via dragging and zooming */
.ng-image-crop .cropping-canvas {
    background: rgba(255, 255, 255, .3);
    margin: 0 auto;
    cursor: move;
}
/* The overlayed draggable zoom handle in the corner of the module */
.ng-image-crop .zoom-handle {
    display: block;
    position: absolute;
    bottom: 1px;
    left: 1px;
    background: rgba(255,255,255,0.7);
    width: 80px;
    height: 80px;
    cursor: move;
    border-radius: 200px 50px;
}
    /* The text within the zoom handle */
    .ng-image-crop .zoom-handle > span {
        color: rgba(0, 0, 0, 0.5);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        display: block;
        position: relative;
        top: 32px;
    }

.age-control {
    width: 53px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .age-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .age-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .age-control:-ms-input-placeholder {
        color: #999;
    }

    .age-control::-webkit-input-placeholder {
        color: #999;
    }

    .age-control[disabled],
    .age-control[readonly],
    fieldset[disabled] .age-control {
        background-color: #eee;
        opacity: 1;
    }

    .age-control[disabled],
    fieldset[disabled] .age-control {
        cursor: not-allowed;
    }

.image-preview-input {
    position: relative;
    overflow: hidden;
    /*margin-top:34px;*/
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.webCamModel {
    width: 459px;
    margin-left: 63px;
}

.patientModel {
    width: 788px;
    margin-left: -64px;
}

.servicesModel {
    width: 1050px;
    margin-left: -199px;
}

.imagePosition {
    width: 143px;
    height: 150px;
}

.pcrImage {
    width: 230px;
    height: 150px;
}

.image-preview-clear {
    padding-left: 3px;
    padding-right: 5px;
}

.image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 87px;
}

.image-preview-input-title {
    margin-left: 2px;
}

.Newform-control {
    display: block;
    width: 76%;
    height: 29px;
    text-align: right;
    padding: 1px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .Newform-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .Newform-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .Newform-control:-ms-input-placeholder {
        color: #999;
    }

    .Newform-control::-webkit-input-placeholder {
        color: #999;
    }

    .Newform-control[disabled],
    .Newform-control[readonly],
    fieldset[disabled] .Newform-control {
        background-color: #eee;
        opacity: 1;
    }

    .Newform-control[disabled],
    fieldset[disabled] .Newform-control {
        cursor: not-allowed;
    }

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.cntedt-bgcol {
    background-color: #edfbff;
}

 .typeahead-group-header {
        padding: 3px 7px;
        border-top: 1px solid #a2b6c3;
        font-weight: bold;
        display: flex;
        color: #687378;
        font-size: 14px;
        line-height: 16px;
    }
 /*Table mobile layout start*/
  @media screen and (max-width:991px)
        {
            #panel-custom table{
            min-width: 666px !important;
        }
            #panel-custom
        {
            overflow:hidden;
        }
            #panel-custom .reg-tbl-row
        {
            
            overflow-x:scroll;
           
        }
            
     }
        @media screen and (max-width:766px)
        {
            #panel-custom table .col-sm-1
            {
                width:10%;
                text-align:left;
            }
            #panel-custom table .col-sm-4
            {
                width:28%;
                text-align:left;
            }
            #panel-custom table .col-sm-3
            {
                width:20%;
                text-align:left;
            }
            #panel-custom table .col-sm-5
            {
                width:28%;
                text-align:left;
            }
            #panel-custom table .col-sm-2
            {
                width:20%;
                text-align:left;
            }
            #panel-custom table tbody
            {
                height:215px !important;
            }
            
          
        }
           @media screen and (max-width:423px)
        {
          #panel-custom table tbody
            {
                height:205px !important;
            }  
        }
/*Tabel mobile layout end*/