body {
    /*font-family:Verdana, Geneva, sans-serif;*/
    font-family: Tahoma, Geneva, tArial, Helvetica, sans-serif !important;
    font-size: .8em;
    margin: 0;
    padding: 0;
    color: #777;
    background-color: white;
    /*background-color:white#f7f7f7 !important;*/
    /*background: url('../images/bg-login-texture.png');*/
}

.main-container {
    margin: 0 auto;
    width: 98%;
    border: 1px solid #fff;
}

body select {
    line-height: 21px;
}

.header {
    width: 100%;
    height: auto;
    padding: 0 !important;
    border-bottom: 0 !important;
}

.heading {
    float: left;
    padding: 5px 20px 0 !important; /*6sep2013 7.14*/
    width: 30%;
}

    .heading p {
        color: #fff;
        font-size: 1.5em !important;
        font-weight: bold;
        margin: 0;
        padding: 0 1%;
    }

th {
    font-size: .9em;
    text-align: left;
    border: none 0;
    padding-left: 0;
}

/*Focus starts from here................................................*/

input[type="submit"]:focus, input[type="button"]:focus, input[type="text"]:focus, select:focus, input[type="search"]:focus, input[type="password"]:focus {
    outline: none !important;
    border: 1px solid #f26f21 !important;
    box-shadow: 0 0 5px #f26f21;
    -webkit-box-shadow: 0 0 3px #f26f21;
    -moz-box-shadow: 0 0 3px #f26f21;
    -o-box-shadow: 0 0 3px #f26f21;
}

input[type="radio"]:focus {
    outline: none !important;
    border: 1px solid #f26f21;
    box-shadow: 0 0 3px #f26f21;
    -webkit-box-shadow: 0 0 3px #f26f21;
    -moz-box-shadow: 0 0 3px #f26f21;
    -o-box-shadow: 0 0 3px #f26f21;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}


.outline:focus {
    border: 0px !important;
    box-shadow: 0 0 0px #f26f21 !important;
}

.suria-logo {
    margin: 22px 38px 22px 0;
    float: right;
}

.headingAdmin {
    float: left;
    margin-left: 590px;
}

.profile {
    float: right;
    background-color: rgba(255, 255, 255, 0.4);
    line-height: 15%;
    padding: .3%;
    margin: 10px 15px 0 0;
}

    .profile ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .profile ul li {
            float: left;
        }

            .profile ul li p {
                padding: 10% 2% 2% 2%;
                margin: 2%;
                width: 100%;
                float: left;
                color: #fff;
            }

.img-arrow {
    padding: 11px 2% 2% 50%;
    float: left;
}

.search ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .search ul li {
        float: left;
    }

.DisplayUser-GridView .search ul li div img {
    margin: 0;
    padding: 0 !important;
}

.no-gap {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.searchnew-btn {
    border: 1px solid #C1C1C1;
    height: 21px;
    text-align: center;
    width: 25px;
}

input[type='password'] {
    border: 1px solid #b5b5b5;
    width: 88%;
}

.chkbox-border {
    border: 0;
    margin-top: 7px;
}

.border-left {
    border-left: none !important;
    padding-left: 2px;
}

.border-right {
    border-right: none !important;
    padding-right: 2px;
}

.content-area {
    height: 430px;
    color: #fff;
}

.new-patient-middle-area {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 6px #999999;
    -moz-box-shadow: 0px 0px 6px #999;
    -webkit-box-shadow: 0px 0px 6px #999;
    color: #36669f;
    float: left;
    font-weight: normal !important;
    height: 432px;
    margin: 0.4% 0.2% 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0.5%;
    width: 98%;
}

.middle-area {
    float: left;
    width: 98% !important;
    padding: 5px .5%;
    border: 1px solid #fff;
    background: #eee;
    box-shadow: 0px 0px 6px #999;
    -moz-box-shadow: 0px 0px 6px #999;
    -webkit-box-shadow: 0px 0px 6px #999;
    margin: .7% .5% 25px .1%;
    overflow: hidden;
    overflow-y: scroll;
    height: 500px;
    color: #777;
    font-weight: normal !important;
}

.click-tab {
    border: 1px solid #666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e4e2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e2e4e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e4e2', GradientType=0 ); /* 

IE6-9 */
    width: 11px;
    height: 8px;
}

.footer-gapper {
    height: 25px;
}


/*Login Page CSS Starts*/

.main-container-login {
    margin: 0 auto;
    width: 100%;
}

.main-inner-box {
    width: 100%;
    height: 100%;
    position: absolute !important;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    -moz-box-align: center;
    box-align: center;
    float: left;
    background: url(../images/bg-login-texture.png) repeat #333;
}

.login-holder-bg {
    position: relative;
    margin: 0 auto !important;
    padding: 0px;
    height: 100%;
    width: 100%;
    /*background:url(../images/bg_transparent-logo.png) repeat;*/
}

.login-holder {
    width: 287px;
    height: 575px !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
}

.header-login p {
    padding: 0;
    text-align: center;
}

.control-holder {
    padding-left: 3px;
    clear: both;
    width: 287px;
}

.summary-mismatch {
    width: 95%;
    margin: 0 auto;
    text-align: center;
    font-style: italic;
}

    .summary-mismatch ul {
        list-style-type: none;
    }

.btn-login-new.noshadow {
}


/*Login Page Controls width*/
.ControlsDimension {
}

.ControlsDimension-location {
    width: 100% !important;
    background: #cdcccc;
    padding: 2px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}

.ControlsDimension-user {
    width: 100% !important;
    background: #ececec !important;
    padding: 7px 3px 7px 3px !important;
}

.ControlsDimension-pass {
    width: 80% !important;
    background: #ececec !important;
    padding: 7px 3px 7px 3px !important;
    border: 0px !important;
}

.last-row {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .last-row li a {
        text-decoration: none;
    }

        .last-row li a:hover {
            text-decoration: underline;
        }

.error-message {
    color: #f00;
    font-weight: bold;
    margin-left: 5px;
    float: left;
    display: block;
    margin-top: 10px;
}

.fleft {
    float: left;
}
/*Login Page CSS Ends*/
.super_txt {
    width: 94%;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #ddd;
    margin-top: 10px;
}

.reset_txt {
    width: 94%;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #ddd;
    margin: 15px 0px 5px 0px;
}

/* INFO NEW */
#divPTPersonalInfo .left-info, .border-all .left-info {
    width: 50%;
    float: left;
    padding: 10px
}

.left-info {
    width: 100%;
    float: left;
    border: 0px solid #000;
    margin: 5px 0;
}

.right-info {
    width: 50%;
    float: left;
    border: 0px solid #a90000;
    padding: 10px;
    margin: 5px 0px;
}

.rowhead {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.row {
    width: 100%;
    padding: 5px 0;
}

.label {
    width: 35%;
    float: left;
    text-align: right;
    padding-right: 3%;
    line-height: 26px;
    font-size: 13px;
}

    .label.second {
        width: 35%;
    }

.label-text {
    color: #424242 !important;
    font-family: Verdana,Geneva,sans-serif !important;
    font-size: 12.8px !important;
    font-weight: 400 !important;
    text-align: right !important;
}

.control {
    width: 60%;
    float: left;
}

.error-astrik {
    width: 4%;
    float: left;
    padding-left: 1%;
    line-height: 35px;
    color: #F00;
}


#frmPersonalInfo .second-cloum input[type="checkbox"] {
    margin-left: 20px;
}

#frmPersonalInfo .third-cloum input[type="checkbox"], #divPTPersonalInfo .third-cloum input[type="checkbox"] {
    margin-left: 15px;
}

#divPTPersonalInfo .second-cloum input[type="checkbox"] {
    margin-left: 25px;
}

    .label-info2 {
        width: 38%;
        float: left;
        text-align: right;
        padding-right: 3%;
        line-height: 35px;
    }

.control-info2 {
    width: 60%;
    float: left;
}

.error-astrik-info2 {
    width: 2%;
    float: left;
    padding-left: 0%;
    line-height: 35px;
    color: #F00;
}

.below-details-section {
    width: 100%;
    border: #69F 1px solid;
}

.width-rite-section {
    width: 68.5%;
    margin-left: 1% !important;
}

.grp-middle-holder {
    text-align: center;
    float: right;
    margin-right: 38px;
}

    .grp-middle-holder ul {
        list-style-type: none;
        margin: 0 auto;
    }

        .grp-middle-holder ul li {
            text-align: center;
        }

.control-head {
    width: 90%;
}

.save-btn-holder {
    margin: 25px auto;
    width: 98%;
    text-align: center;
}

.save-btn-holder2 {
    float: right;
    width: 158px;
    margin: 15px 0px;
    clear: both;
}

.margininactv {
    margin-right: 10px;
    margin-top: 4px;
}

.mrgin-tp5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.height30 {
    height: 30px;
}

.margn-tp {
    margin-top: 5px;
    width: 118px;
}

.headinginfo2 {
    font-weight: bold;
    color: #424242 !important;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.insur-btn {
    width: 100px;
    margin: 25px auto;
}
/* INFO NEW ENDS*/



/*menu css starts*/

.menu {
    text-align: center;
    margin-bottom: 10px;
    float: left;
    border-left: 0px solid #424242;
    padding-top: 10px;
}

    .menu ul {
        margin: 0 auto;
        width: 542px;
    }

        .menu ul li {
            display: inline;
            text-align: center;
            width: 90px;
            float: left;
        }

.menu-footer {
    text-align: center;
    margin-bottom: 10px;
    padding-top: 10px;
}

    .menu-footer ul {
        margin: 0 auto;
        width: 542px;
    }

        .menu-footer ul li {
            display: inline;
            text-align: center;
            width: 90px;
            float: left;
        }
/*menu css ends*/

.search {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e4e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e2e4e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e4e2', GradientType=0 ); /* IE6-9 */
    box-shadow: 1px 1px 4px #999;
    -moz-box-shadow: 1px 1px 4px #999;
    -webkit-box-shadow: 1px 1px 4px #999;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    width: 95%;
    margin: 1% auto 0;
    border: 1px solid #ccc;
    padding: 3px 1%;
    height: 39px;
    behavior: url(../pie/PIE.htc);
}

.login-branch-border {
    /*border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;*/
    background: #cdcccc;
}

.clear {
    clear: both;
}

.patient-color {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.inactive-color {
    background-color: #FC586E;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.prospect-color {
    background-color: #b7b7ff;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.ptprospect-color {
    background-color: #cdffae;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.lbl-search-patient {
    float: left;
    margin-top: 8px;
    padding-left: 20px;
    padding-right: 8px;
}

table-property {
    margin: 5px 0;
    background: #f6f6f6;
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
}

#divDataTable .table-property {
    border-right: 0;
    border-left: 0;
}

#tbDetails {
    margin-top: 0;
}

.table-property tr {
    border-bottom: 1px solid #cdcdcd;
}

.head-table {
    background: #36669f;
    color: #fff;
    padding: 10px 2px;
}

.paddinlft {
    padding-left: 1%;
    width: 7%;
}

#divModifierDetails .paddinlft, #tblICDDetails .paddinlft, #tblCPTDetails .paddinlft {
    padding-left: 11px;
    width: 50px;
}

.width205 {
    width: 208px;
}

.displaynone {
    display: none;
}

/*632013*/

/* chrome CSS */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .height36 {
        height: 36px !important;
    }
}
/* chrome CSS ENDS */
/*IE CSS*/
.height36 {
    height: 36px;
}

.middle-area {
    width: 94%;
}
/*IE CSS ENDS*/

/*632013*/
/*TODO ADD section CSS*/
.padintp7 {
    padding-top: 7px;
}

.header-height {
    height: 50px;
}

.left-txt-todo {
    color: #fff;
    font-size: 18px;
    line-height: 45px;
    height: 45px;
    float: left;
    margin-left: 35px;
}

.sav-btn-todo {
    float: right;
    margin: 7px 35px 0 0;
}

.btn-std-wite {
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e4e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e2e4e2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e2e4e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e4e2', GradientType=0 ); /* IE6-9 */
    width: 80px;
    color: #777 !important;
    border: 1px;
    box-shadow: none;
}

    .btn-std-wite:hover {
        color: #000 !important;
    }
/*TODO ADD section CSS ENDS */

/* patient-header CSS Starts */

.fright {
    float: right !important;
}

.patient-name p {
    padding: 0;
    margin: 0;
    color: #fff;
}

.patient-name ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .patient-name ul li {
        float: left;
        margin-top: 5px;
        color: #fff;
    }
/* patient-header CSS ends  */

/*CSS for right menu STARTS*/
#content {
    margin: 10px 0 0 0px;
}
/* CSS for right menu ENDS */

.border-all {
    border: 1px solid #999;
    margin: 5px auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.padleft {
    padding-left: 5px !important;
}

.gap {
    padding-left: 30px !important;
}

.widthgrp49 {
    width: 49%;
}

.new-main-phone {
    width: 68.7%;
    min-height: 263px;
}
/*TODO List 14/6/2013 CSS Starts*/

.main-controler-todo {
    width: 95%;
    margin: 10px auto;
    border: 1px solid #999;
    height: 480px;
    float: left;
    margin-left: 1%;
}

.main-container-todolist {
    border: 1px solid #c4b2b2;
    height: 370px;
    overflow-x: hidden;
}

.inner-container {
    width: 98%;
    margin: 10px auto;
}

.task-head {
    height: 50px;
}

    .task-head p {
        padding: 0 0 0 25px;
        margin: 0;
        line-height: 50px;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        float: left;
    }

.new-Green {
    background: #9ca24f;
}

.green {
    background: #24ad4e; /* Old browsers */
    background: -moz-linear-gradient(top, #24ad4e 0%, #1a9f44 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #24ad4e), color-stop(100%, #1a9f44)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #24ad4e 0%, #1a9f44 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #24ad4e 0%, #1a9f44 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #24ad4e 0%, #1a9f44 100%); /* IE10+ */
    background: linear-gradient(to bottom, #24ad4e 0%, #1a9f44 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24ad4e', endColorstr='#1a9f44', GradientType=0 ); /* IE6-9 */
    height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    padding-left: 25px;
    line-height: 40px;
}

.orange {
    background: #ff6e02; /* Old browsers */
    background: -moz-linear-gradient(top, #ff6e02 0%, #ff9647 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6e02), color-stop(100%, #ff9647)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff6e02 0%, #ff9647 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff6e02 0%, #ff9647 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff6e02 0%, #ff9647 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff6e02 0%, #ff9647 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6e02', endColorstr='#ff9647', GradientType=0 ); /* IE6-9 */
    height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    padding-left: 25px;
    line-height: 40px;
}

.blue {
    background: #08d6e9; /* Old browsers */
    background: -moz-linear-gradient(top, #08d6e9 0%, #03b8c7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #08d6e9), color-stop(100%, #03b8c7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #08d6e9 0%, #03b8c7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #08d6e9 0%, #03b8c7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #08d6e9 0%, #03b8c7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #08d6e9 0%, #03b8c7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08d6e9', endColorstr='#03b8c7', GradientType=0 ); /* IE6-9 */
    height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    padding-left: 25px;
    line-height: 40px;
}

.internal-div {
    min-height: 10px !important;
    border: 1px solid #ccc;
    border-top: none;
    padding: 1%;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f0f7fc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f7fc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f0f7fc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f0f7fc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f0f7fc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f0f7fc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f7fc', GradientType=0 ); /* IE6-9 */
}

.internal-task-holder {
    margin: 10px 1%;
}

.chk-box {
    width: 45px;
    height: 58px;
    float: left;
}

.Head {
    font-weight: bold;
    color: #666;
    font-size: 14px;
}

.Body {
    font-style: italic;
    color: #666;
}

.Description {
    font-style: normal;
    margin-top: 7px;
    padding-left: 44px;
}

.margin {
    margin-bottom: 7px;
}

.new-task-btn {
    border: 1px solid #fff;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    height: 30px;
    padding: 0 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f0f7fc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f7fc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f0f7fc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f0f7fc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f0f7fc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f0f7fc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f7fc', GradientType=0 ); /* IE6-9 */
    float: right;
    margin: 9px 15px 0 0;
}
/* TODO List 14/6/2013 CSS Ends */

.main-add-task {
    margin: 0 auto;
    width: 98%;
}

.inner-add-task {
    width: 96%;
    float: left;
}

.task-new {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
}

.left-txt-todo {
    padding: 0 0 0 25px;
    margin: 0;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    float: left;
}

.btn-controler-add {
    width: 215px;
    margin: 25px auto 10px;
    float: left;
}
/*24*june*2013 NEW ADDED */

.drk-btn {
    border: 1px solid #fff;
    float: right;
    color: #f3f3f3;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    height: 30px;
    padding: 0 10px;
}
/*27june*/

.cotrolr-data-appointmnt {
    width: 1265px;
    height: 350px;
    overflow-x: scroll;
    margin: 0 auto;
    border: 1px solid #000;
}

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

.txt-radio {
    margin-top: 1px;
    float: left;
}

.chkbox-appointmnt {
    float: left;
    margin-left: 6px;
}

.inner-kontrol-appointmnt {
    float: left;
    width: 80px;
    padding-top: 8px;
}
/*ENDS*/
.kontrols-todo-new {
    margin-top: 6px;
}

.main-controler-appointmnt {
    width: 98%;
    margin: 10px auto;
    border: 1px solid #999;
    height: 480px;
    float: left;
    margin-left: 1%;
}
/*Summary Pages CSS 09 July 2013 Start Here*/

.left25 {
    width: 25%;
    float: left;
    border: #ccc 1px solid;
}

.left35 {
    width: 45%;
    float: left;
    border: #ccc 1px solid;
}

    .left35 .label {
        line-height: 25px;
        width: 40%;
    }

    .left35 .control {
        line-height: 25px;
        width: 56%
    }

.right64 .label {
    line-height: 25px;
    width: 35%;
}

.right64 .control {
    line-height: 25px;
    width: 56%
}

.profile-image img {
    width: 90%;
    height: 90%;
    padding: 5%;
}

.right64 {
    width: 54%;
    float: left;
    margin-left: 1%;
}

.patient-basic-details {
    width: 100%;
}

    .patient-basic-details ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 14px;
        background-color: #Fff;
    }

        .patient-basic-details ul li {
            line-height: 30px;
            border-bottom: 1px solid #ccc;
            padding-left: 3%;
        }

.right70 {
    width: 75%;
    padding: 0 0 0 1%;
    float: left;
}

.strip-summary-heading {
    width: 100%;
    padding: 8px 1%;
    background: -webkit-linear-gradient(#fafafa, #e6e6e4);
    background: -moz-linear-gradient(top, #fafafa, #e6e6e4);
    background: -o-linear-gradient(top, #fafafa, #e6e6e4);
    background: linear-gradient(top, #fafafa, #e6e6e4);
    border: #ccc 1px solid;
    margin-bottom: 5px;
}

    .strip-summary-heading ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .strip-summary-heading ul li {
            display: inline;
            margin-right: 20px;
        }

            .strip-summary-heading ul li span {
                color: #777;
            }

.other-detail {
    width: 98%;
    border: 1px solid #ccc;
    padding: 8px 1%;
}

    .other-detail ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .other-detail ul li {
            display: inline;
            margin-right: 20px;
        }

.contact ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .contact ul li {
        line-height: 25px;
        /*clear: both;*/
    }

        .contact ul li span.lable {
            width: 100px;
            padding-right: 10px;
            text-align: right;
            display: inline-block;
        }

.provider ul li span.lable {
    width: 170px;
    padding-right: 10px;
    text-align: right;
    display: inline-block;
}

.provider {
    width: 47%;
    border: 1px solid #ccc;
    padding: 8px 1%;
    float: right;
    min-height: 175px;
}

    .provider ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .provider ul li {
            line-height: 25px;
        }

.other-detail2 {
}

.divider-info2 {
    height: 1px;
    background: #ccc;
    margin-bottom: 5px;
}
/*End Here*/


/*Tab CSS at Searcg Page for summary pages 09 July 2013  Start Here*/

#centeredmenu {
    width: 100%;
    max-width: 1201px;
    overflow: hidden !important;
    /*position: absolute;*/
    z-index: 99;
    /*top: 176px;
    right: 0px;*/
    /*margin: 0 auto;*/
    display: none;
}

    #centeredmenu ul {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #centeredmenu ul li {
            display: block;
            list-style-type: none;
            margin: 0;
            padding: 0;
            text-align: right;
        }

            #centeredmenu ul li a {
                display: block;
                margin: 0 0 0 1px;
                background: #ddd;
                color: #000;
                text-decoration: none;
                line-height: 1.3em;
            }

                #centeredmenu ul li a:hover {
                    background: #369;
                    color: #fff;
                }

                #centeredmenu ul li a.active, #centeredmenu ul li a.active:hover {
                    color: #fff;
                    background: #000;
                    font-weight: bold;
                }

            #centeredmenu ul li input:hover {
            }

            #centeredmenu ul li input {
                margin: 0;
            }

.tab-btn {
    background: #ffffff; /* Old browsers */
    border: 1px solid #ccc;
    border-bottom: none;
    height: 35px;
    padding: 0 10px;
    color: #777;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    font-size: 12px;
}

    .tab-btn:hover {
        background: #eee !important;
        color: #000 !important;
        border: 1px solid #ccc;
        border-bottom: none;
    }

.active-personal-info {
    border: 1px solid #ccc;
    background: #eee !important;
    color: #777;
    border-bottom: none;
}

#centeredmenu ul li {
    margin: 0;
    display: inline;
}
/*End Here*/

/* Css code for PTOtherInfoSummary Page Starts Here */
.main-holder {
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #424242;
    margin: 41px 0px 0px 0px;
}

.info-2 {
    width: 100%;
    float: left;
}
/*css in notepad*/
.other-detail {
    width: 100%;
    border: 1px solid #ccc;
    padding: 0;
    margin-bottom: 5px;
}

    .other-detail p {
        background: linear-gradient(#fafafa, #e6e6e4);
        background: -webkit-linear-gradient(#fafafa, #e6e6e4);
        background: -moz-linear-gradient(#fafafa, #e6e6e4);
        background: -o-linear-gradient(#fafafa, #e6e6e4);
        padding: 0;
        margin: 0;
        line-height: 30px;
        font-weight: bold;
        padding-left: 10px;
        border-bottom: #ccc 1px solid;
    }

    .other-detail ul {
        list-style-type: none;
        margin: 0;
        padding: 8px 1%;
    }

        .other-detail ul li {
            display: inline;
            margin-right: 20px;
        }

.btn-summary {
    color: #fff;
    border: #ccc 1px solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    float: right;
    padding: 4px 9px;
    margin-top: 5px !important;
}
/*End Here*/

/*10jul2013*/

.mrgn-top-waitinglist {
    margin-top: 20px;
}

.physician-div {
    float: left;
    width: 32%;
    margin-left: 1.3%;
}

.lbl-waiting {
    float: left;
    line-height: 35px;
}

.lbl-waiting2 {
    float: left;
    line-height: 25px;
}

.physician-dd {
    float: left;
    width: 80%;
}

.other-control {
    float: left;
    width: 33%;
}

.control-type {
    float: left;
    width: 70%;
}

.control-purpose {
    float: left;
    width: 65%;
}

.row-below {
    margin-top: 10px;
    margin-left: 1.3%;
}

.row-last {
    padding-left: .7%;
    padding-bottom: 8px;
}

.editing {
    padding: 4px 1% !important;
    width: 100%;
    margin-top: 0;
}

.mrgn-lft {
    margin-left: 10px !important;
}
/*ENDS 10jul2013*/

/*Patient Dashboard-Begins*/

.left-tab-problems {
    width: 99%;
    border: 0px solid #000;
    float: left;
    margin: 20px 10px 25px 0;
    background-color: #FFF;
}

.right-section {
    border: 1px solid #000;
    float: left;
}

.other-detail2 p {
    background: linear-gradient(#fafafa, #e6e6e4);
    background: -webkit-linear-gradient(#fafafa, #e6e6e4);
    background: -moz-linear-gradient(#fafafa, #e6e6e4);
    background: -o-linear-gradient(#fafafa, #e6e6e4);
    padding: 0;
    margin: 0;
    line-height: 30px;
    font-weight: bold;
    padding-left: 10px;
    border-bottom: #ccc 1px solid;
}
/*Patient Dashboard-End*/


/* Office Location */
.main-container-location {
    margin: 0 auto;
    width: 98%;
}

.chkbox-location ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .chkbox-location ul li {
        line-height: 40px;
    }

        .chkbox-location ul li p {
            margin: 0;
            padding: 0;
            float: left;
        }

.controls-location ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .controls-location ul li {
        line-height: 42px;
    }

.division-location {
    width: 50%;
    float: left;
    padding: 10px;
}

.location-btn {
    margin: 15px !important;
    float: right;
}

.font-bold {
    font-weight: bold;
}

.row-location {
    width: 100%;
}

    .row-location .label {
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        color: #424242;
        line-height: 26px;
    }

.control label {
    width: 90%;
    float: left;
    line-height: 20px;
}

.control p {
    margin: 0;
    padding: 0;
}

.emrgncycontact {
    color: #666666;
    font-weight: bold;
    text-align: center;
}

.btn-std {
    padding: 6px 10px;
    text-transform: capitalize !important;
    border: 0px solid #c8c8c8 !important;
    cursor: pointer;
    color: #fff;
    min-width: 60px;
    max-width: 240px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}

.btn-summary:hover {
    border: 1px solid #fff !important;
    color: #fff !important;
    background: #777 !important;
}

.btn-std:hover {
    border: 0px solid #fff !important;
    color: #fff !important;
    background: #777 !important;
}

.new-patient-btn {
    float: right;
    color: #fff !important;
}

.insurance-main-div {
    margin: 15px 0 0;
}

    .insurance-main-div .search-data {
        width: 100%;
        border: none;
    }
/* personal info CSS Start */

.editor-label {
    float: left;
}

.editor-field {
    float: left;
}

.left-fields {
    width: 30%;
    float: left;
}

.emrgncycontact {
    color: #666;
    font-weight: bold;
    text-align: center;
    padding-left: 15px;
}

.phone {
    color: #666;
    font-weight: bold;
    float: right;
}

.pvt-chk {
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
    text-align: right;
}

.pvt-chk2 {
    margin: 0;
    padding: 0;
    float: left;
    width: 60%;
    text-align: right;
}

.phone-txt {
    margin: 0;
    padding: 0;
    float: left;
    width: 30%;
    text-align: right;
    line-height: 39px !important;
}

.pi-row-fields {
    width: 100%;
    margin: 7px 0;
}

.pi-text {
    width: 37%;
    float: left;
    padding-top: 6px;
}

.pi-text-providr {
    width: 32%;
    float: left;
    padding-top: 6px;
}

.pi-input {
    width: 60%;
    float: left;
}

.inputwidth {
    width: 80px;
}

.prefix {
    width: 35%;
    float: left;
}

.title {
    width: 50%;
    float: left;
}

.text-prefix {
    width: 40%;
    float: left;
    padding-top: 6px;
}

.input-prefix {
    width: 45%;
    float: left;
}

.text-title {
    width: 35%;
    float: left;
    padding-top: 6px;
}

.input-title {
    width: 40%;
    float: left;
}

.right-field {
    width: 41%;
    float: left;
}

.pi-row-right {
    width: 100%;
    margin: 7px 0;
}

.pi-row-right-pvt {
    width: 96%;
    margin: 7px 0;
}

.pi-text-right {
    width: 20%;
    float: left;
    padding-top: 6px;
}

.pi-input-right {
    width: 80%;
    float: left;
}

.pi-input-right-pvt {
    width: 60%;
    float: left;
}

.xclude-div {
    float: left;
    margin: 2px 0 0 0;
}

.xclude-div-inner {
    margin-top: 5px;
    margin-right: 2px;
    float: right;
    width: 200px;
}

.right-field-new {
    width: 28%;
    float: left;
}

.pi-text-right-new {
    width: 39%;
    float: left;
    padding-top: 6px;
}

.pi-input-right-new {
    width: 60%;
    float: left;
}

.privacy {
    width: 15%;
    float: left;
    padding: 3px 0 0 0;
}

.mrgntp {
    margin-top: 5px;
}

.first-cloum {
    width: 29%;
    float: left;
    border: 1px solid #000;
}

.second-cloum {
    width: 47%;
    float: left;
    border: 1px solid #000;
}

.third-cloum {
    width: 47%;
    float: left;
    border: 1px solid #000;
}

.second-cloum .label {
    width: 38%;
    float: left;
    text-align: right;
    padding-right: 3%;
}

.second-cloum .control {
    width: 49%;
    float: left;
}

.third-cloum .label {
    width: 25%;
    float: left;
    text-align: right;
    padding-right: 3%;
}

.third-cloum .control {
    width: 65%;
    float: left;
}

.third-cloum .error-astrik {
    width: 5%;
    float: left;
    padding-left: 1%;
    line-height: 35px;
    color: #F00;
}

.headingAdmin a {
    color: #fff !important;
    float: left;
    margin-top: 20px;
    text-decoration: none;
    font-weight: bold;
}

.top-btn {
    float: right;
}

    .top-btn #btnCancelFormUp {
        margin-right: 0;
    }

.image-control-holder {
    width: 100%;
}

.image-upload {
    float: left;
    margin-left: 15px;
    width: 14.5%;
}

.control-mr-prefix {
    width: 79%;
    float: left;
}

    .control-mr-prefix .label {
        width: 22%;
        margin-right: .8%;
    }

    .control-mr-prefix .control {
        width: 76%;
    }

.control textarea#Notes {
    width: 100%;
}

.control textarea#textAreaNotes {
    width: 91%;
}
/*2592013*/

#_LabDetails table, #_DocumentDetails table, #divSellProductGrid table, #divAddPartialViewForVideoList table {
    width: 100%;
    border: 1px solid #c1c1c1;
    margin-top: 3px;
}

    #_LabDetails table tr th {
        border-bottom: 1px solid #c1c1c1 !important;
        background: linear-gradient(#fafafa, #e6e6e4) !important;
        background: -webkit-linear-gradient(#fafafa, #e6e6e4) !important;
        background: -moz-linear-gradient(#fafafa, #e6e6e4) !important;
        background: -o-linear-gradient(#fafafa, #e6e6e4) !important;
        color: #777;
        padding: 0 0 0 5px;
        height: 35px;
    }

        #_LabDetails table tr th a:link, th a:visited, th a:active, th a:hover {
            background: #424242;
            color: #f6f6f6 !important;
        }

    #_LabDetails table tr td {
        padding: 5px 0 5px 5px;
        font-size: 12px;
        width: 5%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#_PathologyDetails table {
    width: 100%;
    border: 1px solid #c1c1c1;
    margin-top: 3px;
}

    #_PathologyDetails table tr th, #_DocumentDetails table tr th {
        border-bottom: 1px solid #c1c1c1 !important;
        background: linear-gradient(#fafafa, #e6e6e4) !important;
        background: -webkit-linear-gradient(#fafafa, #e6e6e4) !important;
        background: -moz-linear-gradient(#fafafa, #e6e6e4) !important;
        background: -o-linear-gradient(#fafafa, #e6e6e4) !important;
        color: #777;
        font-size: 12px !important;
        padding: 0 0 0 5px;
        height: 35px;
    }

        #_PathologyDetails table tr th a:link, th a:visited, th a:active, th a:hover {
            background: #424242;
            color: #f6f6f6 !important;
        }

    #_PathologyDetails table tr td {
        padding: 5px 0 5px 5px;
        font-size: 12px;
    }

#_RadiologyDetails table {
    width: 100%;
    border: 1px solid #c1c1c1;
    margin-top: 3px;
}

    #_RadiologyDetails table tr th {
        border-bottom: 1px solid #c1c1c1 !important;
        background: linear-gradient(#fafafa, #e6e6e4) !important;
        background: -webkit-linear-gradient(#fafafa, #e6e6e4) !important;
        background: -moz-linear-gradient(#fafafa, #e6e6e4) !important;
        background: -o-linear-gradient(#fafafa, #e6e6e4) !important;
        color: #777;
        padding: 0 5px 0 5px;
        height: 35px;
    }

        #_RadiologyDetails table tr th a:link, th a:visited, th a:active, th a:hover {
            background: #424242;
            color: #f6f6f6 !important;
        }

    #_RadiologyDetails table tr td {
        padding: 4px 0px 4px 5px;
        font-size: 12px;
    }

#_PatientAppoinmentHistory table {
    width: 100%;
    border: 1px solid #c1c1c1;
    margin-top: 3px;
}

    #_PatientAppoinmentHistory table tr th {
        background: #777;
        color: #fff;
        padding: 5px 0 5px 5px;
    }

        #_PatientAppoinmentHistory table tr th a:link, th a:visited, th a:active, th a:hover {
            color: #ccc !important;
        }

    #_PatientAppoinmentHistory table tr td {
        padding: 5px 0 5px 5px;
        font-size: 11px;
    }

.btn-details-previw {
    margin-top: 5px;
    font-size: 11px;
}

.doc-mgmnt {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #fff;
    width: 30%;
    float: left;
    margin-left: .5%;
    /*box-shadow:1px 1px 6px #666;
	-moz-box-shadow:1px 1px 6px  #666;
	-webkit-box-shadow:1px 1px 6px #666;*/
}

.docmngmnt {
    color: #f6f6f6 !important;
    font-weight: bold;
}

#grid .imgpreview-Checkbox {
    margin: 0 !important;
}

#divPatientList {
}

    #divPatientList table {
        width: 98%;
        margin: 20px auto;
        border: 1px solid #c1c1c1;
    }

        #divPatientList table th a {
            padding: 5px 0 5px 0;
        }

        #divPatientList table thead tr {
        }

        #divPatientList table tr {
            border-bottom: 1px solid #666;
            cursor: pointer;
        }

        #divPatientList table tr {
        }

.filename-width {
    width: 80px;
}

.common-div-holder {
    width: 100%;
    margin: 0 auto;
    padding: 30px;
}

.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}

.input-validation-error {
    background-color: #c1c1c1;
}

#tbDetails tbody tr td {
    border-right: 1px solid #c1c1c1;
    margin-right: 10px;
}

    #tbDetails tbody tr td:last-child {
        border-right: 0 none;
        margin-right: 0;
    }

ul.cosmetic-addmanual {
    margin: 0;
    padding: 5px;
    list-style-type: none;
}

    ul.cosmetic-addmanual li {
        float: left;
    }

        ul.cosmetic-addmanual li label {
            width: auto;
            margin: 10px 0;
        }

ul.buttonz {
    margin: 0;
    padding: 10px;
    list-style-type: none;
}

    ul.buttonz li {
        display: inline-block;
        margin: 10px 0 0 0;
    }

.insurance-div {
    margin: 5px 16px 0 0;
}

    .insurance-div a {
        color: #fff !important;
    }

.box-holder-patient {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 1%;
    margin-bottom: 10px;
}

.division-box-holder {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.division-box {
    width: 50%;
    float: left;
    padding: 10px;
}

    .division-box input, .division-box select {
        max-width: 80% !important;
    }


.radio-control {
    width: 33.33%;
    float: left;
    padding: 5px;
}

.btn-pop-holder {
    width: 100%;
    margin: 15px auto;
}

.width-radiocontrol {
    width: 60%;
    float: left;
}

.width-radiocontrol2 {
    width: 40%;
    float: left;
}

.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}

.ui-dialog {
    overflow: hidden;
}

.field.width-55 .custom-combobox a, .Patient .custom-combobox a {
    background: #f0f0f0 !important;
}

.field.width-55 .custom-combobox .custom-combobox-input, .Patient .custom-combobox .custom-combobox-input {
    height: 27px !important;
    background: #fafafa;
}

.chkbox-cart {
    float: left;
    margin-right: 10px;
    line-height: 28px;
}

.webgrid-footer td a {
    display: inline-block;
    border: 1px solid #c1c1c1;
    padding: 5px 5px 3px;
    background-color: #f0f0f0;
    margin: 3px 0;
}

.inputstyle-cometic {
    border: 1px solid #C1C1C1;
    margin-right: 5px;
    padding: 5px;
    width: 100px;
}

.ssn3 {
    width: 26%;
}

.ssn2 {
    width: 23%;
}

.ssn4 {
    width: 31% !important;
}

.textboxdiscount {
    border: 1px solid #c1c1c1;
}

.lable {
    font-weight: bold;
}

/*#divAppointmentHistory table tr th, #divAppointmentHistory table tr th a:link, th a:visited, th a:active, th a:hover { background-color:#36669f !important; }*/

#divAppointmentHistory table tr td {
    border-right: 0px solid !important;
}

#divAppointmentHistory table#grid {
    border: 1px solid #c1c1c1;
}

.widthgrp49 #Preference {
    width: 94%;
}

#EmploymentType, #Country, #State, #City, #Race {
    width: 91%;
}

.save-btn-holder2 #btnCancelFormUp {
    margin-right: 0;
}


/*STARTS MIDDLE MENU */

#mid-menu {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    #mid-menu ul.mid-ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        list-style: none;
    }

        #mid-menu ul.mid-ul li {
            display: block;
            padding: 0;
            display: inline-block;
        }

/*ENDS MIDDLE MENU */

.center-cpt-main-div {
    margin: 0 auto;
    width: 99%;
    padding-left: 1%;
    overflow-y: auto !important;
}

.reset {
    cursor: pointer;
}
/*.main-form .from-wrapper .inside-field .section .date-width {line-height: 35px !important;}*/
#tblSellProduct tbody tr:last-child {
    background: #8E8E8E;
    height: 30px;
    color: #fff;
}

#popupDiv div.jtable-main-container table.jtable {
    width: 100%;
}

.new-control-efax {
    width: 200px;
    float: right;
}

.curnt-notes {
    margin: 10px;
}

    .curnt-notes select {
        height: 26px;
    }

.Cosmetic-column b label {
    color: #777;
}

.print-button-app {
    width: 100%;
    margin: 10px auto;
}

#searchDiv .Cosmetic-column {
    float: left;
    width: 16.66%;
    padding: 5px 5px 5px 0px;
}


#searchDiv .Cosmetic-column-multiselect {
    padding: 5px 5px 5px 0;
    float: left;
}

#searchDiv .Cosmetic-column-multiselect input {
    margin-top: 5px;
}

#searchDiv .Cosmetic-column-multiselect .btn-group {
    height: 32px;
}

    .mrg_apt_select {
    margin: 7px 0px 0px 0px;
}

.cosmetic-bodynav {
    float: left;
    width: auto !important;
    padding-right: 11px;
    height: 26px;
}

.DocumentList.new-control-efax {
    width: 200px;
    float: left;
    height: 27px;
}

.label-info-notes {
    width: 15.5%;
    padding-right: 1.7%;
}

.textarea-box {
    width: 80%;
}

    .textarea-box textarea {
        width: 97%;
    }

/* 11 Nov */
.search-bar {
    background: url(../Images/search-bar.jpg) repeat-x;
    width: 100%;
    height: 47px;
    margin: 0 0 30px 0;
    float: left;
}

    .search-bar .search-ico {
        background: url(../Images/search-ico.png) no-repeat;
        width: 16px;
        height: 15px;
        margin: 14px 0 0 14px;
        float: left;
    }

    .search-bar .arrow-ico {
        background: url(../Images/arrow-ico.png) no-repeat;
        width: 8px;
        height: 33px;
        margin: 8px 0 0 4px;
        float: left;
    }

    .search-bar .input {
        background: #fff;
        width: 146px;
        height: 32px;
        margin: 7px 0 0 6px;
        padding: 0 10px;
        border: 1px solid #d8d7d5;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        float: left;
    }

    .search-bar .divider {
        background: url(../Images/divider.jpg) no-repeat;
        width: 2px;
        height: 47px;
        margin: 0 14px 0 9px;
        float: left;
    }

    .search-bar .add-patient {
        background: url(../Images/plus.png) no-repeat left center;
        height: 47px;
        line-height: 47px;
        padding: 0 0 0 25px;
        color: #727070;
        font-weight: bold;
        float: left;
    }

.user-name {
    background: url(../Images/user.jpg) repeat-x;
    width: 70%;
    color: #727070;
    text-align: right;
    line-height: 47px;
    padding: 0 40px 0 0;
    float: right;
}

.width-username {
    border: 1px solid #b5b5b5 !important;
}

.selectarea-login {
    width: 100%;
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
}

.username-password {
    width: 92.5% !important;
    height: 29px;
    border: 1px solid #ececec !important;
    float: left;
    margin: 0px;
    padding: 0px;
    clear: both;
    background: #ececec;
    /*border-radius:3px;*/
}

.username-password-super {
    width: 78% !important;
    float: left;
    margin: 0px;
    padding: 0px;
    background: #ececec;
}

.username-forgot {
    color: #777;
    background: #ececec;
    border: 1px 1px 1px 0px solid #b5b5b5 !important;
    width: 22%;
    float: right;
    margin: 0px;
    cursor: pointer;
    text-align: center;
    padding: 6.7px 0px;
}

.select-login {
    width: 267px !important;
    height: 32px;
    line-height: 26px;
    /*border-radius: 3px;*/
    background-color: #ececec;
    border: 1px solid #ececec !important;
}

.width-new-username {
    width: 267px !important;
    padding: 7px;
    background: #ececec;
}

.username-password a {
    text-decoration: none;
}

.width-new-password {
    width: 78% !important;
    height: 100%;
    padding: 5px !important;
    border: 0px !important;
    background: #ececec;
    margin: 0px;
    float: left;
}

.btn-login-new {
    background: #fcb54d !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    font-weight: bold;
    text-shadow: 0px 0px 2px #777;
    -moz-text-shadow: 0px 0px 2px #777;
    -webkit-text-shadow: 0px 0px 2px #777;
    padding: 7px 30px 7px 30px !important;
    border: 0px solid !important;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    margin: 0 auto;
    width: 267px;
}

    .btn-login-new:hover {
        background: #f26f21 !important;
    }

.submit-button {
    margin: 6px 0 20px 4px !important;
    width: 100%;
    height: 30px;
    /*text-align: center;*/
}

#ParentDiv {
    font-size: 13px !important;
}

.copyrighttxt {
    color: #777;
    text-align: center;
    font-size: 11px;
    position: fixed;
    bottom: 0;
    padding-left:10px;
}

.margin-top-login {
    width: 94% !important;
}

.control-holder-login {
    width: 100% !important;
}

.control-holder .row-control {
    margin: 3px 0px !important;
}

.control-holder-login .left-column label {
    color: #ccc;
}

.control-holder-login .margin-top-login input {
}

.margin-right-login {
    margin-right: 27px;
}

    .margin-right-login input[type="submit"] {
        border: 1px solid #777;
        border-radius: 5px;
        padding: 5px 10px;
    }

.login-holder-reset {
}

.ui-menu .ui-menu-item a {
    font-size: 13px !important;
}

.super-txtfield-width {
    width: 100% !important;
    height: 29px;
    background: #ececec;
    padding-left: 5px;
    border: 0px !important;
    margin: 0px;
}

.margin-doc12 {
    margin-top: 12px;
}

.username-login {
    margin: 5px 0px;
}

.username-login-width {
    float: left;
}

.outline {
    outline: none !important;
}

.margin-7 {
    margin-top: 7px;
}

.margin-bottom6 {
    margin-bottom: 6px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.ellipsis {
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}

#SendMail {
    height: auto !important;
}

#UploadImage {
    height: auto !important;
}

#ParentDiv ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    #ParentDiv ul li {
        display: inline-block;
    }

        #ParentDiv ul li:nth-last-child(3) {
        }

.margin5 {
    margin-left: 5px;
}

.truncate {
    max-width: 100px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.online_bt {
    width: 63px !important;
}

#popup_message {
    list-style-type: none !important;
}

#divPatientOtherInfo select, #divPatientOtherInfo input[type="text"] {
    width: 100% !important;
    padding-left: 7px;
    height: 26px;
}

.forgot_textfield {
    width: 80% !important;
    height: 35px !important;
    padding-left: 5px;
    border: 1px solid #B5B5B5;
}

.bg_white select {
    width: 80% !important;
    height: 35px !important;
    border: 1px solid #B5B5B5;
}

.forgot_textfield_ans {
    width: 78% !important;
    height: 35px !important;
    padding-left: 10px;
    border: 1px solid #B5B5B5;
}

.squestion {
    font-weight: bold;
}

#QuestionID option {
    margin: 5px 0px;
}

.left30 {
    margin-left: 35px !important;
}

.center_heading {
    text-align: center;
    margin: 30px 0px;
}

.location_password {
    width: 100%;
}

.label_password {
    width: 28%;
    float: left;
    text-align: right !important;
    padding-right: 3%;
    line-height: 35px !important;
    font-size: 13px;
    font-weight: normal !important;
}

.office_details {
    width: 41.5%;
}

    .office_details .field {
        border: 1px solid #777;
    }

.popup_padding {
    padding: 17px;
}

.box-holder-patient ul, .box-holder-patient ul li {
    margin: 0px;
    padding: 0px;
}

.box-holder-patient select {
    width: 85%;
    height: 27px;
    border: 1px solid #B5B5B5;
}

.box-holder-patient input[type="text"], .division-box .control input[type="text"], .division-box .control select {
    width: 100%;
    height: 27px;
    border: 1px #b5b5b5 solid;
    padding: 5px;
}

.field select {
    height: 26px;
}

.popup_up {
    top: 2% !important;
}

.clsDisable:disabled {
    border: 1px solid #fff !important;
    color: #fff !important;
    background: #777 !important;
}


.logo-holder img {
    width: 90%;
}

.afterLogo-text {
    padding-top: 20px;
    padding: 0px;
    margin: 0 auto;
    position: relative;
    left: 17%;
}

    .afterLogo-text li {
        float: left;
    }

        .afterLogo-text li:nth-child(2) {
            margin-left: 20px;
            margin-right: 20px;
        }

        .afterLogo-text li:first-child {
            list-style-type: none;
        }

.app-version {
    float: right;
    color: #777;
    margin: 30px 18px 0px 0px;
}


.newFooter {
    height: 40px;
    background-color: #595959;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: -40px;
}

    .newFooter ul {
        padding-top: 10px;
        padding-left: 0px;
        margin-left: 0px;
        padding-left: 0px;
        margin-left: 0px;
    }

        .newFooter ul li {
            float: left;
            list-style: none;
            padding-right: 40px;
        }

    .newFooter li a {
        color: #ececec !important;
    }

    .newFooter img {
        width: 160px;
        padding-left: 20px;
    }

.footer-copyright {
    float: right;
    margin-right: 20px;
    padding-top: 2px;
    color: #ececec !important;
    font-size: smaller;
}

.layout-scheduler-body {
    margin-top: 40px;
}



html {
    position: relative;
    min-height: 100%;
}

body {
    padding-bottom: 40px !important;
    background-color: #f7f7f7 !important;
}

.draftNotesContainer {
    background-color: white;
    margin-top: 20px;
    border-radius: 20px;
    border:0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.panel-heading {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color:lightgray;
    color:black; 
}
.panel-title {
    font-size: small;
}

.draft-note-patient-pic {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    object-fit: cover;
    width: 60px;
    height:60px;
}

.draft-note-patient-name {
color:black;
font-size:larger;
}

.draft-note-generic-text {
color:black;

}

.draft-note-row {
    cursor: pointer;
}

.draft-note-description-text {
font-style:italic;
}

.zendDesk-Login-container {
text-align:center;

}

    .zendDesk-Login-container a:link, .zendDesk-Login-container a:visited, .zendDesk-Login-container a:active {
        text-decoration: none;
        color: gray;
    }

    .zendDesk-Login-container.on-right {
        position: fixed;
        top: 0;
        right:0;
        width:100%;
        background-color:white;
        z-index:1000;
        text-align:right;
        padding-right:10px;
    }

.highlight {
    background-color: yellow;
}

.tooltip-inner {
    white-space: pre-wrap;
}

.edit-user-commision-title {
padding-left:10px;
}