:root {
  --primary-bg-color:#0f81be;
  --primary-color: #FFF; 
}
body {
    margin: 0;
    font-family: 'DroidSans',Arial, Helvetica, Geneva, sans-serif;
    font-size:12px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background: transparent;
}

input, textarea, keygen, select, button, isindex {
    margin: 2px;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 2px;
    text-shadow: none;
    display: inline-block;
}

input::-webkit-input-placeholder {
    font-size: 1em;
    color: #cccccc;
}

::placeholder, input[type="date"]::placeholder {
    color: #cccccc;
}

td.SchBalance {
    border-bottom: 1px solid gray;
    font-size: 1.2em;
    background-color:#e6e6e65e;
    padding-left: 10px;
    font-weight: bold;
    color: #063f5d;
}

td.Session {
    border-bottom: 1px solid gray;
    font-size: 1.2em;
    background-color: #70aa0612;
    padding-left: 10px;
    font-weight: bold;
    color: #063f5d;
}
select, textarea, input[type="email"], input[type="password"], input[type="text"] ,input[type="date"]{        
        border-color: #dadada;
        border-radius:3px;
        border-style: solid;
        border-width: 1px;        
        padding: 2px 6px 2px 2px;
        font-size: 1.2em;
        color: black;
    }

    input[type="checkbox"] {
        width: 20px;
        margin: 0;
        display: inline-block;
    }

.infomsg
{ font-size: 1em;
    font-style: italic;
}

.DocDiv {
    width: 100% !important;
}

.css_slot:hover {
    background-color: rgb(255, 87, 0);
}

#btnweekview, #divShowDocProfile, #btndayview, #divnext, #divPrev {  padding:10px; }




/********Common Styles *******************/
.FullPage {
    width: 100%;
    float: left;
    margin-bottom: 4px;
}

 #LoginAreaDiv
 {
     box-sizing:border-box;
     padding:30px !important;
     }
#HeaderSlidesDiv {
   position: relative;
   margin: 0 auto;
   top: 0px; left: 0px; 
   height: 250px; overflow: hidden;
}

#LoginDiv {
    width: 100%;
    float: left;
    font-size: 1em;
    margin-top: 0px;
}

    #LoginDiv input {
        font-size: 14px;
        color: #000;
        border-radius:3px;
        box-shadow:none;
        height: 30px;
        height: 35px;
        box-sizing: border-box;
    }

/*#LoginAreaDiv {
    min-width: 37%;
    background-color: rgba(173, 175, 176, 0.06);
    color: Black;
}*/

#InfoDiv article ul {
    font-size: .7em !important;
    line-height: 1.8em !important;
}

#LeftMenuDiv 
{
    min-width:200px;
    float: left;
    height: auto;
    overflow: hidden;    
    background-color: white;    
    margin-top:-5px;
}

div#LeftMenuDiv .Groups {
    padding: 2px 10px;
}
div#LoginAreaDiv label {    
    color:Gray;
    line-height: 20px;
}

#YesBtn,#div1, .close01 {padding: 7px 15px !important;}

#LeftMenuDiv ul li {
    color: rgb(8, 9, 10);
    padding: 0px 0px;
    padding-left: 10px;
    border-bottom: 1px solid rgb(226, 226, 226);
    width: 100%;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    cursor: pointer;
    overflow-x: hidden;
    transition: background-color 0.20s ease-in;
    -webkit-transition: background-color 0.20s ease-in;
    -moz-transition: background-color 0.20s ease-in;
    -ms-transition: background-color 0.20s ease-in;
    -o-transition: background-color 0.20s ease-in;
    background-color: white;
}

#LeftMenuDiv ul li:hover {
    background-color: rgba(159, 221, 247, 0.26);
}

#LeftMenuDiv ul li a {
    text-decoration: none;
    color: black;
    font-size: 14px;
    display: block;    padding: 5px 0px;
}

.DocQuali {
    color: rgb(14, 114, 150);
    font-size: 11px;
}


.Groups {
    margin: 0px;
    padding: 10px;
    background: #0f81be;    
    color: #f9f9f9;
    background: var(--primary-bg-color);
    color: var(--primary-color);
    padding-left: 15px !important;
    position: relative;
    z-index: 20;
    display: block;
    height: 21px;
    cursor: pointer;
    line-height: 20px;
    font-weight: bold;
}

.content_box h2,.confirmation_popup h2
{
    background: var(--primary-bg-color);
    color: var(--primary-color);
}

.PatientInfoDiv {
    min-height: 200px !important;
    height: auto;
}

#InfoDiv {
    box-sizing:border-box;
    padding:30px !important;
 }

.ScheduleTitle {
    padding: 5px 10px;
    background: #0f81be;
    color: white;
    background: var(--primary-bg-color);
    color: var(--primary-color);
    width: 100%;
    font-size: 14px;    
    text-align: center;
    box-sizing:border-box;
}

.SchTitleDiv {
    padding: 5px;
    font-size: 1.5em;
    background-color: rgb(193, 239, 255);
    margin-bottom: 10px;
}

.css_slot {    
    padding: 5px 10px;
    background-color: rgb(108, 102, 102);
    color: white;
    position: relative;
    line-height: 25px;
}

.MenuIcon {
    height: 15px;
    float: left;
    padding-left: 0px;
    padding-right: 4px;
}

.NoSlots {
    padding: 10px;
    text-align: center;
    font-size: 1.2em;
    color: rgb(19, 18, 18);
    border: 1px solid rgb(231, 226, 226);
    background-color: rgba(251, 180, 22, 0.5);    
    height:100%;
}

.FreeWeekSlot {
    text-align: center;
    padding: 15px;
    cursor: pointer;
    width: 68%;
    margin-left: 5%;
    background-color: #c7d81ebf;
    font-weight: bolder;
    font-size: 1.5em;
}

.FreeWeekSlot:hover
{
    background-color:Orange;
    color:White;
    transition: all 0.4s ease 0s;
}

.SchedDiv {
    border: 1px solid rgb(55, 167, 214);
    background-color: rgba(205, 220, 57, 0.2) !important;
    padding: 3px;
    text-align: center;
    width: 94%;
}

#AppTable { margin-top:10px;}

.CssValue {font-size: 14px;color: #000;font-weight: bold;}
.Csslabel {font-size:12px; color:Gray;}
.InfoText {padding-left: 10px;font-size: 1.2em;}
.BGLOrange {background-color: #ffa5001f; padding: 10px; }

.SelfApp {        
    background-color: rgb(219, 111, 5);
    padding: 7px;
    color: white;
    box-sizing: border-box;
}

.CButton {
    background-color: red;
    display: inline-block;
    cursor: pointer;
}

.cssLink {
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    color: #198fff;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif;
    line-height: 1.6em;
}

    .cssLink:hover {
        text-decoration: none;
        color: brown;
    }

.cssResetImg {
    position: relative;
    float: right;
    margin-top: 11px;
    width: 100px;
    right: -20px;
}

#btnre { padding:5px;}

#divActFailed  {
    width: 100% !important;
    padding: 10px !important;
    box-sizing:border-box;
    }


.SubButton {
    background-color: rgb(52, 152, 219);
    padding: 4px 7px;
    text-decoration: none;
    color: white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    font-size: 12px;
}

.SubButton:hover {
    text-decoration: none;
    background-color: rgb(197, 46, 11);
    color: White;
    transition: all 0.4s ease 0s;
}


.CStyle {
    padding: 2px 10px;
    color: white;
}

.CStyle:hover {
    background-color: gray;
}

.LogButton {
    color: #fff !important;    
    background: #0fa5e4;
    padding: 10px 40px;
    border-radius: 4px;
    display: inline-block;
    border: none;    
    font-size: 12px;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    cursor:pointer;
}

.LogButton:hover {    
    transition: all 0.4s ease 0s;
}

#FullPageContentDiv {
    width: 16%;
    /*background-color: rgb(240, 232, 232);*/
    padding: 5px;
    min-width: 180px;
}


.DisplayDiv {
    max-width: 480px;
    min-height: 300px;
    width: 100%;
    height: auto;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    box-sizing:border-box;
}

.Clear {
    clear: both;
}

.ThinLine {
    border-bottom: 1px solid #ccc;
}

.LGShadow {
    -webkit-box-shadow: 5px 5px 10px -4px #CCCCCC;
    -moz-box-shadow: 5px 5px 10px -4px #CCCCCC;
    box-shadow: 5px 5px 10px -4px #CCCCCC;
}

.LGBorder {
    border: 1px solid #DDD9D9;
    background-color: #FFF;
}

.csslabel {
    font-size: 1em;
    color: #5a5a5a;
    width: 95%;
    padding: 3px;
    margin-left: 10px;
}

label#lblmobileInfo {
    margin-left: 10px;
}

button#btnValidate {
    margin-left: 10px;
}

input#chkAgree {
    margin-left: 10px;
}

input#btnRegister {
    margin-left: 10px;
    margin-bottom:10px;
    width:87%;
    width: calc(100% - 20px) !important;
}
.cssText {
    width: 85% !important;
    line-height: 30px;
    font-size: 14px !important;
    color: #5a5a5a;
    margin-left: 10px;
}

.cssMessage {
    text-align: justify;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.7);
    color: Black;
    display: block;
    padding: 10px;
    border-radius: 10px;
}

.divMessage {
    background-color: rgba(255, 228, 93, 0.87);
    color: rgb(3, 0, 0);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}

.BoxTitle {
    background-color: rgb(245 245 245);
    color: white;
    padding: 9px;
    display: block;
    width: 100%;
}

.FLT {
    float: left !important;
}

.FRT {
    float: right !important;
}

.W10 {
    width: 10% !important;
}

.W20 {
    width: 20%;
}

.W30 {
    width: 30%;
}

.W40 {
    width: 40% !important;
}

.W50 {
    width: 50% !important;
}

.W60 {
    width: 60% !important;
}

.W70 {
    width: 70% !important;
}

.W80 {
    width: 80% !important;
}

.W90 {
    width: 90% !important;
}

.W100 {
    width: 100% !important;
}

.PDP02 {
    padding: 2% !important;
}

.PDP05 {
    padding: 5% !important;
}

.PDP10 {
    padding: 10% !important;
}

.PDP20 {
    padding: 20% !important;
}

.ML10 {
    margin-left: 10px;
}

.ML20 {
    margin-left: 20px;
}

.ML30 {
    margin-left: 30px;
}

.ML40 {
    margin-left: 40px;
}

.ML50 {
    margin-left: 50px;
}

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

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

.MT30 {
    margin-top: 30px !important;    
}

.MT40 {
    margin-top: 40px !important;    
}

.MT50 {
    margin-top: 50px !important;    
}

.MT60 {
    margin-top: 60px !important;
}

.MT-0 {
    margin-top: 0px !important;
}

.animate {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}

.action-button {
    position: relative;
    padding: 10px 40px;
    margin: 0px 10px 10px 0px;
    float: left;    
    font-family:Arial, Helvetica, Geneva, sans-serif;
    font-size: 15px;
    color: #FFF;
    text-decoration: none;
}

.blue {
    background-color: #3498DB;
    border-bottom: 5px solid #2980B9;
    text-shadow: 0px -2px #2980B9;
    cursor: pointer;
}

.red {
    background-color: #E74C3C;
    border-bottom: 5px solid #BD3E31;
    text-shadow: 0px -2px #BD3E31;
    cursor: pointer;
}

.DrName {
    font-weight: bold;
    line-height: 2em;
    color: rgb(220, 0, 7);
}

.green {
    background-color: #82BF56;
    border-bottom: 5px solid #669644;
    cursor: pointer;
    line-height: 1em;
}

.yellow {
    background-color: #F2CF66;
    border-bottom: 5px solid #D1B358;
    text-shadow: 0px -2px #D1B358;
    cursor: pointer;
}

.action-button:active {    
    border-bottom: 1px solid;
}

.NormalButton {
    float: left;
    margin-right: 30px;
    line-height: 48px;
    background-color: rgba(224, 227, 228, 0.46);
    padding: 0px 10px;
    border-radius: 10px;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    cursor: pointer;
    color: rgb(102, 100, 100);
    text-decoration: none;
}


.NewPrimaryButton {
    padding: 10px;
    background-color: Green;
    color: #FFFEFD;
    font-size: 2em;
    width: 160px;
    float: left;
    text-align: center;
    cursor: pointer;
}

    .NewPrimaryButton:hover {
        background-color: #B90000;
    }

.NewSecondaryButton {
    padding: 13px;
    color: black;
    font-size: 1em;
    width: 135px;
    float: left;
    text-align: center;
    background-color: #ccc;
    line-height: 2em;
    margin-left: 10px;
    cursor: pointer;
}

    .NewSecondaryButton:hover {
        background-color: #3C3939;
        color: White;
    }

.cssPPText {
    font-size: 14px;
    width: 80% !important;
}

.NormalButton:hover {
    background-color: rgba(86, 87, 87, 0.5);
    color: white;
}

.sActiveLink {
    background-color: rgba(179, 179, 178, 0.31) !important;
}

#divDocOuter {
    width: 13.5%;
    float: left;
    margin-left: 0.3%;
    border-right: 2px solid white;
}

.LoginHead
{
    line-height: 20px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color:#6d6d6d;
    }

.ViewCard
    {
        width:98%;
        padding:10px;
        box-sizing:border-box;
        border-radius:2px;                           
        min-height:60px;
        margin-bottom:20px;
        margin-left:10px; 
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);                          
        -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
        -o-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
        background-color: white;
    }
                        
 .ViewCard .Item
    {
        width:45%;
        float:left;
        padding:3px;
        box-sizing:border-box;
        }
                            
  .ViewCard .Item .ItemLabel
    {
        display: inline-block;
        margin-right:10px;
        width:30%;
                        
    }
                                                        
    .ItemValue
    {
        display: inline-block;
        font-weight:bold;
    }        
    .CardFooter
    {
        width:100%;
        padding:5px;
        border-top:1px solid #e0e0e0;
        clear: both;   
        box-sizing:border-box;                                                   
        }  
    .ActionButton
    {
        background-color: #0f81be;
        display: inline-block;
        text-align: center;
        border: none;
        color: white;
        background-color: var(--primary-bg-color);
        color: var(--primary-color);
        font-weight: bold;
        font-size: 12px;
        line-height: 14px;
        padding: 5px; 
        cursor:pointer;
        min-width:80px;
        margin-left: 5px;
    } 
    .ActionButton img {
        width: 16px;
        vertical-align: middle;
       filter: brightness(0)invert(1);
    }
    
     .OptionCard
        {
            width: 75%;    
            box-sizing: border-box;
            border-radius: 2px;    
            margin-bottom: 5px;
            margin-left: 50px;
            box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
            -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
            -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
            -o-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
            background-color: white;
            min-height: 32px;
            padding: 0px;
            }
        .OptionCard .CardItem
        {
            cursor: pointer;
            width: 50%;
            float: left;
            padding: 10px;
            box-sizing: border-box;
            text-align: center;
            }
        .OptionCard .CardItem.Active
        {
            background-color: #0f81be;
            color: white;
            background-color: var(--primary-bg-color);
            color: var(--primary-color);
       }
    .CardContainer{background-color: #f5f5f5;
                    padding-top: 10px;
                    border-top: 1px solid #dedede;
                    padding-bottom: 10px;
                    }   
    .Highlight{font-size: 18px; color: #0f81be;} 
    
/*********** Screen Size Minmum width 480px **********/
/* @media only screen and (max-width: 480px)
{
  #LoginAreaDiv { width:85%; float:left;  }
  #InfoDiv { width:85%; float:left; }   
  .DisplayDiv 
    {
        max-width: 480px;
        min-height: 300px;
    }
  #LeftMenuDiv {position:absolute !important; z-index:4000; display:none }
  .option_box { width:85%}
  
} */
/*********** END of Screen Size Minmum width 480px **********/


/*********** Screen Size 320px - 670 px MOBILES **********/
@media screen and (max-width:900px) {
    
    body {
        overflow-x: hidden;
    }

       
    iframe { width:100%; }
    
   
    #LoginAreaDiv{
            width: 95% !important;
            margin-left: 10px;
    }

    #LoginDiv input[type=text],
    #LoginDiv input[type=password],#LoginDiv .LogButton{
        width: 98% !important;        
    }

    #LoginDiv input[type=password]{
        padding: initial !important;     
    }
    
    div#divAppSlots { margin-bottom: 50px;}
    
    
    #InfoDiv {
        width: 95% !important;
        float: left;
        margin: 9px;
    }

    #InfoDiv > img{
        margin-top: -60px !important
    }
    .tablestyle { width:100% !important;}
    
    #InfoTitle {
        width: 99% !important;
        margin: -3% !important;
        margin-top: 10px;
    }

    #LeftMenuDiv {
        position: absolute !important;
        z-index: 4000;
        display: none;        
        top: 5px;
        left: 0px;
    }

    #LeftMenuSel {
        display: block !important;
        position: absolute !important;        
        cursor: pointer;
        left: -5px;
        top: -8px;
        cursor: pointer;
        padding:10px;
        z-index: 5000;
    }

    #MainDisplayDiv {
        width: 100%;
        height: auto;
        margin-left: 2%;
        margin: 0em 0.500em 2.000em 0em !important;
    }

    /*#LeftMenuDiv ul li {
        height: 22px !important;
    }*/

    /* Appointment Screen */
    #divDocOuter {
        width: 13% !important;
    }

    #btnWeekButtons {
            width: 100% !important;
            text-align: center;
            margin-top: 10px;
    }

    #divDocOuter {
        width: 13% !important;
    }

    .divDocOuter {
            width: 104% !important;
            float: left !important;
    }
        
    #divAppWeekView .green {
        padding: 1px !important;
        font-size: 1em !important;
        border-radius: 0px;
        text-transform: capitalize;
        background: none;
    }

    .SchedDiv {
        border: 1px solid rgb(0, 157, 194);
        background-color: rgb(93, 101, 103);
        padding: 3px;
    }

   

    #divAppWeekView .ScheduleTitle {
        line-height: 1em !important;
        font-weight: normal;
    }
        
    .FreeWeekSlot { margin-left:10%;}
    
    .confirmation_popup h3 {
        width: 90%;
        line-height: normal;
        padding: 0.2em;
    }

    .slot_box {
        width: 80%;
    }

    .HeaderImage {
        width: 100% !important;
        height: auto !important;
        display:none;
    }

    .input_txt02 {
        width: 80% !important;
    }

    #AppDialog01 .dp {
        display: none;
    }

    #AppDialog01 .text_box {
        width: 100%;
    }

    #AppDialog01 .dp_text2 p {
        line-height: normal;
        white-space: nowrap;
        font-size: 12px;
    }

    #AppDialog02 .dp {
        display: none;
    }

    #AppDialog02 .text_box {
        width: 100%;
    }

    #AppDialog02 .dp_text2 p {
        line-height: normal;
        white-space: nowrap;
    }

    #AppDialog02 .dp_text_right p {
        float: right !important;
    }
    
    div#myAppDiv {
        margin-top: 7px;
    }   
    .slot_box_text_2 p {
        width: 65% !important;
    }
    
    #DivPatInfo {    width: 70%;
    border: 2px;
    margin-top: 20%;
    margin-left: 0%;
    position: fixed; }
    /*----------Doctor Availability----------------*/
    #tbldocavail_filter {
        position: absolute;
        right: 0px !important;
        margin-right: 0px !important;
        margin-top: 0px !important;
    }

        #tbldocavail_filter input[type="text"] {
            width: 59% !important;
            padding: 5px;
        }

    .Session {
        font-family: Arial !important;
        font-size: 12px !important;
    }

    .DoctorDiv {
        width: 96% !important;
    }
    
    
    .dp_text_left {
        width: 100%;
    }

    .dp_text_right {
        width: 100%;
    }

   .confirmation_popup h3 {
        width: 100% !important;
        font-size: 1em !important;
    }

    .confirmation_popup h2 {
        font-size: 12px;
    }

    .dp_text_left span {
        font-size: 12px;
    }

    .dp_text_right span {
        font-size: 12px;
    }

    .confirmation_popup {
        left: 9.5%;
    }
    
    #DivPatientList 
    {
        width: 90% !important;
        left: -2% !important;
        top: 11% !important;
    }

    .dp_text, .dp_text2 {
        width: 100%;
    }

        .dp_text p, .dp_text_left p, .dp_text_right p {
            line-height: 1.25em;
        }

    .confirmation_popup, .confirmation_popup02 {
           top: 1%;
            left: 1% !important;
            width: 97.5% !important;
            overflow: auto;        
    }

    .confirmation_popup02 {
        left: 6% !important;
        width: 80% !important;
    }

    div#NewPatiAddDiv > div#btnNewPatient {
        margin-left: 0px !important;
    }

    div.text_box > table > tbody > tr > td > select, input[type=text],input[type="password"] {
        width: 85% !important;
        width: calc(100% - 20px) !important;
        box-sizing: border-box;
    }

    .text_box > div.yn_btn {
        bottom: 60px !important;
    }

    div#tbldocavail_wrapper > div.dataTables_scroll > div.dataTables_scrollHead {
        display: none;
    }

    div#btnview > div.NewButton {
        width: 38px;
        overflow: hidden;
        white-space: nowrap;
    }

    div#tblBills_filter {
        margin-top: -12px !important;
        margin-right: -34px;
    }

        div#tblBills_filter > label > input[type="text"] {
            width: 60% !important;
        }

    #cmbPttype {
        width: 100% !important;
    }

    .option_box {
        width: 90% !important;
    }

    .input_option {
        width: 100%;
    }

    #tblBills_wrapper {
        margin-top: 3%;
    }

    .SelfApp {
        white-space: nowrap;
    }
    
    .LeftPopUpDiv 
    {
        width:80% !important;
        }
    .DocProfileDiv {
        width: 67% !important;
    }

    .divheader {
        height: 94% !important;
    }

    .bedshift_popup_rt {
        width: 50% !important;
    }

    .DocProfPicContDiv {
        height: 50px;
    }

    div.DocProfileDiv > div {
        margin-top: 0% !important;
    }

    .option_box_new {
        overflow-x: auto;
    }

    .content_box {
        overflow: auto;
    }

    #LeftMenuDiv {
        overflow-y: auto;                
        padding-top: 15px;
    }

    .content_box h2 { z-index:1;}
    
    #txtDate { margin-left:0px;}
    
    .FullWidth {
        width: 100% !important;
    }

    #divPaymentPatientInfo {
        width: 100% !important;
        margin-left: 0% !important;
        min-height: initial !important;
        box-sizing: border-box;
    }

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

    #divPaymentPatientInfo table tbody tr td {
        font-size: 12px !important;
        line-height: 5px;
    }

    #divPaymentAppointmentInfo {
        width: 100% !important;
        margin-left: 0% !important;
        margin-top: 1% !important;
        box-sizing: border-box;
    }

        #divPaymentAppointmentInfo table tbody tr td {
            font-size: 12px !important;
            line-height: 12px;
        }

    #divPaymentButtonLegend {
        width: 96% !important;
        height: 10px !important;
        padding-left: 0% !important;
        /*bottom: 0px !important;*/
        /*position: relative !important;*/
        /*background-color: initial !important;*/
        position: fixed;
        bottom: 50px;
    }

    #divAmountInfo {
        width: 100% !important;
        border-left: none !important;
        min-height: 15px !important;
        box-sizing: border-box;
    }

    .NewPrimaryButton {
        width: auto !important;
        font-size: 1em !important;
        line-height: 1em !important;
        margin-top: -2% !important;
        margin-left: 25% !important;
    }

    .NewSecondaryButton {
        width: auto !important;
        font-size: 1em !important;
        line-height: 0.7em !important;
        margin-top: -2% !important;
    }

    #chkConfirm {
        margin-left: 0% !important;
    }

    #imgPhoto { 
        margin-left: 23px;
    }

    #divShowMsg{
        height: auto !important;
    }

    .PayFailDiv, .PayFailContDiv1, .PayFailContDiv2{
        width: 100% !important;
        margin-left: initial !important;
    }

    #divBottomButtons{
        padding-left: 36% !important;
    }

    #DivUserInfo{
        margin-left: 2em !important;
    }

    .PayAmountDiv{
        width: 29% !important;
    }
    
    #txtMobDOB { width: 83% !important;}    
    .ViewCard .Item
    { width:100% !important;                        
        }
  .ViewCard {
    width: 95% !important;
   }                          
  .ViewCard .Item .ItemLabel
    {        
        width:30% !important;                           
    }
}


/*********** Landscape resolution **********/
@media all and (orientation: landscape) {
    #leftmenudiv {
        overflow-y: auto;
    }
}


@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

/* End of Printing Styles */