/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 23, 2015, 12:49:43 PM
    Author     : Admin2014
*/
/*.dialysisCalClass.fa-wheelchair::before {
    content: "\f193";
    line-height: 10px !important;
    display: block;
    margin-top: -10px;
    margin-right: -24px;
    font-weight: normal;
    color: #398439;
}*/

.vitalrangeicon{
    color: #d9534f !important;
    font-size: 15px !important;
    position: absolute !important;
}
.vitalrangeicon+i{
    color: #d9534f !important;
    font-size: 15px !important;
    position: absolute !important;
    right: -25px;
}
._rightSideNewMenu{
    background: #2262c6 !important;
    color: #fff !important;
    border-radius: 0px 100px 0px 0px !important;
    border-width: 0px !important;
    box-shadow: 0px -10px 10px -10px #555 !important;
    max-height: calc(100% - 50px ) !important;
    padding-right: 0px !important;
    position: fixed;
}
._rightSideNewMenu .XSSMDashboardLabel,
._rightSideNewMenu .nav-pills > li > a {
    color: #fff !important;
}
._rightSideNewMenu .nav-pills > li.active > a,
._rightSideNewMenu .nav-pills > li.active > a:hover,
._rightSideNewMenu .nav-pills > li.active > a:focus{
    background-color: #fff !important;
    color: #2262c6 !important;
    border-radius: 5px 0px 0px 5px !important;
    box-shadow: -10px 0 10px -5px #000 !important;
}

._rightSideNewMenu li a{
  position: relative;
  /*padding: 5px;*/
  border-radius: 10px 0 0 10px;
}

._rightSideNewMenu li.active a:after,
._rightSideNewMenu li.active a:before{
    content:'';
    position: absolute;
    width: 11px;
    height: 14px;
    right: 0px;
}

._rightSideNewMenu li.active a:after{
  top: -11px;
  background: radial-gradient(circle at top left, #2262C6 10px, white 11px);
}
._rightSideNewMenu ul.nav-stacked li:first-child a::after{
    height: 0px !important
}
._rightSideNewMenu li.active a:before{
  bottom: -11px;
  background: radial-gradient(circle at bottom left, #2262C6 10px, white 11px);
}
/* Right Side Panel Css start */
._myRightSidePanelContainer{
    background: #eeeeee;
    z-index: 1000;
    width: 100%;
    max-width: 400px;
    height: 101%;
    top: 1px;
    right: -420px;
    box-shadow: 1px 7px 7px;
    bottom: 0;
    position: fixed;
}

._myRightSidePanelDivHeaderContainer{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-weight: bold;
    background: #8394e4;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
}
._myRightSidePanelContainerInnerFade{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    z-index: 1;
    text-align: center;
    padding-top: 45%;
    left: 0px;
}
._myRightSidePanelContainerFade{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    z-index: 10000000;
    display: none;
}
._myRightSidePanelContainerFloatBottomRightBTN{
    position: absolute !important;
    bottom: 20px !important;
    width: 50px !important;
    padding: 10px 12px !important;
    height: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px -5px #000 !important;
    right: 20px !important;
    outline: none !important;
    z-index: 10 !important;
    font-size: 20px !important;
    background: #555 !important;
    border-color: #555 !important;
}
._closemyRightSidePanelContainerBTN{
    text-decoration: none;
    width: 40px;
    height: 45px;
    text-align: center;
    font-size: 20px;
    padding: 0;
}
._myRightSidePanelHeaderContainerUserImg{
    width: 40px!important;
    border-radius: 50%!important;
    background: #e0e0e0!important;
    padding: 2px!important;
    height: 40px!important;
    height: 40px!important;
}
._myRightSidePanelHeaderContainerUserName{
    text-transform: uppercase !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    width: 95% !important;
    font-size: 18px !important;
}
._myRightSidePanelHeaderContainerUserOtherinfo{
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    width: 95% !important;
    font-weight: normal !important;
    font-size: 14px !important;
}
._myRightSidePanelHeaderContainerUserInfoContainer{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 21px !important;
}
._myRightSidePanelBodyContainer{
    height: calc( 100% - 50px ) !important;
    margin: 0px;
    padding: 5px;
    position: relative;    
}
._myRightSidePanelLoaderContainer{
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    z-index: 11;
    background: #fff;
    padding-top: 50%;
}
/* Right Side Panel Css End */


header .navbar.headerColor{
    box-shadow: 0px 0px 10px -7px !important;
    border-bottom: 0px solid #CCCCCC !important;
}
body{
    background: #fff !important;
}
.container-fluid-md{
    padding-left: 0 !important;
}
.dataDiv{
    border-width: 0px !important;
    border-right: 1px solid #DDDDDD !important;
}
.sortableItem.ui-sortable-helper{
    border: 1px solid red !important;
    opacity: 0.8;
    height: 43px !important;
}
.sortableplaceholder {
    border: 1px solid red;
}
.dialysisSelectedCalClass {
    background: #cde0f1;
    color: #2a6395;
    font-weight: bold;
    border-radius: 50% !important;
}
.ravi {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ravi-lab::before {
    content: "L";
    display: block;
    font-size: 9px;
    color: red;
    margin-top: -8px;
}

.dialysisCalClassBold {
    background: #D5ECD5;
    color: #398439;
    font-weight: bold;
    border-radius: 50% !important;
}
.dialysisCalClass {
    background: #D5ECD5;
    color: #398439;
    border-radius: 50% !important;
}
.btn.btn-light.active.disalysisappointMentCal {
    font-size: 12px;
    width: 124px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    background: #20CFD0;
    color: #fff;
}
.dialysisroundSteps{
    margin-bottom: 5px !important;
}
#mypatientQuickDialysisDETAILS .nav-pills > .active > a > .badge, a.list-group-item.active > .badge{
    color: #18A689 !important;
}
#mypatientQuickDialysisDETAILS .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
    background: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
    color: #18A689 !important;
}
#mypatientQuickDialysisDETAILS .dialysisFormStatusSuccess{
    padding: 3px !important;
    font-size: 10px !important;
    color: #fff !important;
}
#mypatientQuickDialysisDETAILS .dialysisFormStatusWarning{
    padding: 1px !important;
    font-size: 14px !important;
    color: #e13042 !important;
    background: transparent !important;
    margin-right: 10px !important;
}
.select2-results{
    margin: 3px !important;
}
.myprogressFileUpload {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    display: none;
}

.myprocessBARFileUpload {
    background-color: #B4F5B4;
    width: 0%;
    height: 20px;
    border-radius: 3px;
}
.myprogressBARPercentFileUpload {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 45%;
}
.productcart1{
    color: #fff;
    float: right;
    padding: 6px 5px;
    font-size: 9px;
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    background: #f25c27;
}
.productcart1 i{
    color: #fff;
}
#mycartlist,
.checkoutform{
    font-size: 12px;
}
#mycartlist a{
    color: #555;
}
.pricetag {
    height: 48px;
    background: url(../images/pricetag.png) no-repeat right 0;
    margin-top: -10px;
    position: relative;
    padding: 7px 5px 6px 25px;
    margin-top: 2px;
    background-size: 150px 48px;
}
.pricetag .spiral {
    position: absolute;
    top: -10px;
    left: -14px;
    background: url(../images/spiral.png) no-repeat right 0;
    height: 58px;
    width: 35px;
    background-size: 21px 31px;
}
a.productcart {
    background: #f25c27 url(../images/prodcutcart.png) right 3px no-repeat;
    color: #fff;
    float: right;
    padding: 21px 20px 5px 9px;
    font-size: 9px;
    /* display: none; */
    margin-top: 5px;
    margin-right: 5px;
}
.price {
    /* float: right; */
    margin-right: 19px;
    text-align: left;
    /* display: inline; */
}
.price .pricenew {
    font-size: 14px;
    color: #5e626b;
    font-weight: bold;
}
.price .priceold {
    font-size: 11px;
    color: #5e626b;
    text-decoration: line-through;
    color: #96979d;
}
.cartPayment{
    display: inline;
    float: right;
    margin-top: -5px;
    margin-right: -5px;
    text-align: center;
    font-weight: normal;
    background: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    width: 100px;
    color: #f25c27;
    box-shadow: -6px 0px 9px -3px #000;
}
.cartPayment > .totalnewprice{
    font-size: 16px;
    font-weight: bold;
    line-height: 0px;
}
.cartPayment > .totaloldprice{
    font-size: 12px;
    text-decoration: line-through;
    line-height: 0px;
}
.ztccicon{
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    right: 0;
    bottom: 0;
    box-shadow: 0 0 4px -1px;
}
.organcss{
    background: #f9f0eb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f9f0eb, #fbe8df); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f9f0eb, #fbe8df); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f9f0eb, #fbe8df); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f9f0eb, #fbe8df); /* Standard syntax (must be last) */
}
.mapmarkerclose{
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 1;
    border: 1px solid;
    padding: 1px 3px;
    border-radius: 50%;
    color: #fff;
    background: #d43f3a;
}
.morelink{
    color:#1794D3 !important;
}
/*.multiselect-container > li > a {
    padding: 5px 1px; 
 }*/
.doc_form_close{
    position: absolute;
    right: 17px;
    margin: 0px;
    padding: 2px;
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0px 0px;
    z-index:1000;
}
.doc_form_close a {
    color:#555;
}

#style-switcher {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #fff;
        border-color: -moz-use-text-color #e4e4e4 #e4e4e4 -moz-use-text-color;
        border-image: none;
        border-radius: 0 0 3px;
        border-style: none solid solid none;
        border-width: 0 1px 1px 0;
        bottom: -500px;
        box-shadow: -1px 0px 12px 2px rgba(0, 0, 0, 0.5);
        overflow-y: auto;
        position: fixed;
        right: 0;
        width: 500px;
        height: 440px;
        z-index: 1002;
        top: unset;
    }
     .ui-autocomplete li {
        padding-left: 10px;
        border-bottom: 1px solid #CCC;
        padding: 10px;
    }
    
    .wysihtml5-toolbar > li > .btn-group > a > i{
        margin: 2px;
    }
    .wysihtml5-sandbox{
        border-color: #CCC !important;
    }
    
    .wysihtml5-toolbar{
        padding:10px !important; 
    }
    .mailEditor .ui-autocomplete-input{
        width:500px !important;
    }
    .closeCompose {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
        cursor: pointer;
        padding: 0;
        color: #fff;
        float: right;
        font-size: 19.5px;
        font-weight: 700;
        line-height: 1;
        opacity: 0.2;
        text-shadow: 0 1px 0 #fff;
    }
    
    .composeText{
        border-radius: 0px;
        border-width: 0px 0px 1px;
        border-style: none none solid;
        border-image: none;
        -moz-border-bottom-colors: rgb(204, 204, 204);
        -moz-border-left-colors: rgb(204, 204, 204);
        -moz-border-right-colors: rgb(204, 204, 204);
        -moz-border-top-colors: rgb(204, 204, 204);
        border-color: -moz-use-text-color;
    }


            #smenu{
                position: fixed;
                z-index: 1000;
                top: 50px;
                color: white;
                background: #123241; 
               /* background: black none repeat scroll 0% 0%;
               opacity: 0.4; 
               */
                width: 250px; 
                padding: 16px 20px 0 12px;
                height: 92%; 
                overflow-y: auto; 
                overflow-x: hidden; 
                text-align: center;
                transform: translate3d(-250px, 0, 0);
                transition: all .4s;
            }
            
            #smenu ul li{
               width: 100%;
            }
            #smenu ul li a{
                border-bottom: 1px solid #1ab6e8;
                color: #fff;
                display: block;
                padding: 10px;
                text-decoration: none;
                width: 100% !important;
                font-size: 14px;
                font-weight: 600;
            }
            #smenu ul li a:hover{
                background: #fff;
                color:#1063AF;
                border-bottom: 1px solid #1ab6e8;
            }
.headerhomeMenu{
    display:none;
}
// Invoice Start 

    .contactDetails{
        font-size:10px;
        line-height:12px;
        opacity: 0.5;
    }
    .apptr{
        opacity: 0.5;
        font-size: 12px;
        text-align: left;
    }
    .appThanks{
        font-size:10px;
        line-height:14px;
        padding-right: 13px;
    }
    .app6{
        text-align: center;
        //border: 1px solid #DDDDDD;
        padding: 10px;
    }
    .appDetails{
        text-align:center;
        padding:6px 0 5px 0;
        color:white;
        background-color:#A6D788;
        margin-bottom:6px;
        line-height:16px;
    }
    .invoiceTable{
        width: 100%;
        border-spacing: 0px;
        border-collapse: collapse;
        line-height: 24px;
    }
    .appHead{
        padding:12px 20px;
        background-color:#A6D788;
        text-align:left;
        color:#fff;
        border-bottom:5px solid #5FC1F2;
        margin: 0;
    }
    
    .healthActive:hover i {
        color: #fff;
        //background: rgba(0, 0, 0, 0.36);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
      }
    .healthActive i {
        margin-left: 0px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        font-size: 20px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
      }
// Invoice End 

.form-control:hover { -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }
.form-control:focus { -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con1 {
    background: #fff url("../images/doctorLoader.gif") no-repeat scroll center center;
    border-radius: 10px;
    height: 100px;
    left: 45%;
    opacity: 1;
    position: fixed;
    top: 45%;
    width: 150px;
    z-index: 9999;
    /*box-shadow: 0px 0px 5px 1px;*/
}
.se-pre-con {
    //background: #888 url("../images/bx_loader.gif") no-repeat scroll center center;
    border-radius: 10px;
    height: 100%;
    left: 0%;
    opacity: 0.6;
    position: fixed;
    top: 0%;
    background: #fff;
    opacity: 1;
    //top: 51px;
    width: 100%;
    z-index: 9999;
}
input:required:invalid, input:focus:invalid {
                 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
                 background-position: right top;
                 background-repeat: no-repeat;
                 -moz-box-shadow: none;
             } 
             input:required:valid { 
                 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
                 background-position: right top;
                 background-repeat: no-repeat;
             }
             
.mobile-menu-button {
    display: none;
}
.navbar-link {
    display : none;
}
 body {
        background: url(../images/noisebg.png);
        overflow-y: scroll;
    }
.mobile-nav {
    display: none;
}

#headContact {
    display: inline;
}
.team-member-image:hover .team-member-overlay {
    display: block;
    opacity: 1;
}

.team-member-image {
    position: relative;
    overflow: hidden;
}

.team-member-image:hover .team-member-overlay-content {
    opacity: 1;
}
code-success {
    background-color: #D5ECD5;
    border-radius: 4px;
    color: green;
    font-size: 90%;
    padding: 2px 4px;
}
code-primary {
    //background-color: #e5f3fa;
    border-radius: 4px;
    color: #008fd5;
    font-size: 90%;
    padding: 2px 4px;
}
.img-overlay {
    width: 100%;
    height: 128px;
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 150px;
}

.img-overlay:hover .item-img-overlay {
    opacity: 1;
    filter: alpha(opacity=50);
}

.img-overlay .social-media-icon {
    background-color: transparent;
    border: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    background-position: 0 0;
    float: none;
}
.img-overlay .social-media-icon:hover {
    box-shadow: none;
}

.img-overlay img {
    width: 128px;
}

.item-img-overlay {
    border-radius: 50%;
    width: 128px;
    height: 100%;
    position: absolute;
    left: 24%;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    overflow: hidden;
}

.item-img-overlay .item_img_overlay_content {
    position: absolute;
    left: 0%;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    text-align: center;
}

.item-img-overlay a:hover {
    text-decoration: none;
}

.item-img-overlay a {
    padding: 10px 14px;
    background-color: rgba(0, 0, 0, 0.44);
    display: inline-block;
    margin: 0 0 0 10px;
    color: #fff !important;
    border-radius: 50%;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    position: relative;
}

.item-img-overlay a.social-media-icon {
    margin: 0 !important;
}

.item-img-overlay a:first-child {
    left: -1000px;
}

.item-img-overlay a:last-child {
    left: auto;
    right: -1000px;
}

.item-img-overlay:hover a:first-child {
    left: 0px;
}

.item-img-overlay:hover a:last-child {
    right: 0px;
}

.item-img-overlay a:hover {
    color: #fff !important;
    background-color: #0CA1E7;
}






  /*           .wishListMenu{
                     width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    overflow: hidden;
             }
             .wishList:hover .wishListMenu{
                 opacity: 0.9;
             }*/
            .login-social {
                border-radius:0;
            }
            .modal-close{
                color:#AEBBC4;
                background:#313A49;
                width:40px;
                height:40px;
                line-height:40px;text-align:center;
                font-size:20px;
                position:absolute;
                right:0px;
                top:0;
                cursor:pointer;
                z-index: 1;
                box-shadow:0px 1px 5px rgba(0, 0, 0, 0.4);
                -webkit-transition:0.2s ease-in color;
                -o-transition:0.2s ease-in color;
                transition:0.2s ease-in color
            }
            .login{
                color:#0c84e1;
                background-color:#F9F9F9;
            }
            .home-panel-div{
                padding-left:0px;
                padding-right: 0px; 
                border:1px solid #f5f5f5;
            }
            .home-panel{
                padding-bottom:15px;
                cursor: pointer;
                padding-top:15px;                
                padding-right:0;
                background-color:white;
                color:black;
            }
             .btn-user.active, .btn-user:active, .btn-user:focus, .btn-user, .open > .btn-user.dropdown-toggle {
                  background-color:#44B6EC;
                  border: 1px solid #44B6EC;
                  margin-top:10px;
             }
            
            .btn-user:hover {
                background-image: none;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
                outline: 0 none;
                background-color: #0CA1E7; 
                border: 1px solid #44B6EC;
            }
            
            .btn-user {
                background-color:#44B6EC;
                border: 1px solid #44B6EC;
                margin-top:10px;
            }
            
            .home-panel:hover {
                background-color:#f5f5f5;
            }
            .home-panel-menu{
                cursor: pointer;
                font-family:Arial;
                text-decoration: none; 
            }
            
            .home-panel-menu:hover{                
                text-decoration: none; 
            }

            .home-panel-sub-menu {
                border:1px solid #f5f5f5;
                border-top:1px solid white;
            }
            
            .metric-content:hover {
                cursor:pointer;
            }
            .panel-body-primary:hover  {
                background-color:#2A6395;
            }
            .panel-body-success:hover  {
                background-color:#449D44;
            }
            .panel-body-danger:hover {
                background-color:#C9302C;
            }                  
            
            #myheader {
                position: fixed;
                width: 100%;
                display: none;
                z-index: 10;
                padding: 0 20%;
            }
            #myheaderbody {                
                background:linear-gradient(to bottom, #0ea0ea 0%, #45d7ff 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
                border-radius: 0;
                margin-bottom:0px;
            }
            
            #editdocinfo {
                opacity : 0;
                float:right;
            }
            
            #editbasicinfo {
                opacity : 0;
                float:right;
            }

            .editli {
                background-color: #f5f5f5;
            }
            .editul {
                border: 1px solid #f5f5f5;
                border-right: 0px;
            }
            .editul > li.active > a, .editul > li.active > a:focus, .editul > li.active > a:hover{
                background-color: #fff;
                color : #000;
            }
            
.imageBox
{
    position: relative;
    height: 400px;
    width: 400px;
    border:1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor:move;
}

.imageBox .thumbBox
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}

.imageBox .spinner
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
}            

.headerLogo {
    display: inline;
    padding-top:10px;
}

.fadeLogin {
    text-align: center;
    vertical-align: middle;
    background: url('images/loginloader.gif') no-repeat scroll center center transparent;
    height: 85%;
    width: 88%;    
    transition: opacity 0.15s linear 0s;
    position: absolute;
    opacity: 0;
}   

.fc-event-container{
    cursor:pointer;
}

            
 ul.social-links li {
    float: left;
    margin-left: 3px;
    padding: 5px;
}

ul.social-links {
    float: right;
}
ol, ul {
    list-style: outside none none;
}


ul.social-links li a {
    float: left;
    //height: 20px;
    text-align: center;
    transition: all 0.25s ease-out 0s;
    width: 22px;
    color:#fff;
}

ul.social-links li a:hover {
    border: 1px solid #e6e9ee;
}
ul.social-links.tooltip li a.icon-facebook:hover {
    background-color: #395b9b;
}
ul.social-links.alternative li a.facebook:hover {
    background-color: #395b9b;
}
ul.social-links.alternative li a.twitter:hover {
    background-color: #1cb0ef;
}
ul.social-links.alternative li a.linkedin:hover {
    background-color: #137bb8;
}
            
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	height: 27px;
        width: 100%;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
        cursor: pointer;
        padding-top: 5px;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
        color: white; 
        font-weight: bold;
        background: none repeat scroll 0 0 #5cb85c;
        cursor: pointer;
}

.ui-autocomplete-loading {
    background: white url('../images/loading.gif') right center no-repeat;
}
.appointment-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1000;
    opacity: 0;
}

.ui-helper-hidden-accessible{
    display: none;
}

.ui-autocomplete {
    width: 30px;
    z-index: 1005;
    //padding-top: 15px;
    background: white;
    border: 1px solid #AEBBC4;    
   //border-radius: 10px;
    max-height: 200px !important;
    overflow: auto !important;
    //overflow-x: auto !important;
}
.ui-autocomplete li {
    padding: 6px;
    border-bottom: 1px solid #0f94d3;
}

.ui-autocomplete li :hover {
    color: white !important;
}

.ui-autocomplete li a{
    color: inherit !important;
}

.ui-autocomplete li a:hover {
    //color: white;
    text-decoration: none;
}
.ui-menu-item:hover {
    background: #0f94d3;
    border-color: #fff;
    color: white !important;
}

.mailMenu{
    height: 711px;
}

.BestDoctorRow{
    padding-left:20px;
}



.suggesstion-data1 .suggesstion-row:hover{
        background: #f5f5f5;
    }
    .suggesstion-data1 .suggesstion-row{
        padding: 4px 0px;
        margin: 0;
        border: 1px solid #f5f5f5;
        cursor: pointer;
    }
	
    .suggesstion-box1{
        display:none;
        position: absolute !important;
        top: 100%;
        z-index: 1000;
        width: 100%;
        padding: 0px 29px 0px 0px;
    }
    .suggesstion-data1 {
        background: #fff;
        box-shadow: 0px 7px 10px 0px;
    }

  .suggesstion-data2 .suggesstion-row:hover{
        background: #f5f5f5;
    }
    .suggesstion-data2 .suggesstion-row{
        padding: 4px 0px;
        margin: 0;
        border: 1px solid #f5f5f5;
        cursor: pointer;
    }
    
    .suggesstion-box2{
        display:none;
        position: absolute !important;
        top: 100%;
        z-index: 1000;
        width: 100%;
        padding: 0px 29px 0px 0px;
    }
    .suggesstion-data2 {
        background: #fff;
        box-shadow: 0px 7px 10px 0px;
    }  
// Step CSS Start
        .stepPanel{
            border: 1px solid; margin: 0px 10px;padding: 0px 0px;border-radius: 50px;margin-left: 0px;font-size: 15px;border-color: #5CB85C;
        }
        .step1 i{
            font-size: 17px;
        }
        .step2 i{
            font-size: 17px;
        }
        .step2 i{
            font-size: 17px;
        }
        .step1,.step2,.step3 {
            color: #808080;
            background: #fff;
            border-color: #5CB85C;
            padding:0px;
            padding-top: 5px;
            padding-bottom: 5px;
            text-align: center;
        }
        .stepActive{
            color : #fff;
            background : #5CB85C;
            border-color: #fff;
        }

         .select2-selection__choice{
        background-color: #5bc0de !important;
        border-radius: 3px !important;
        color: #fff !important;
        cursor: default !important;
        line-height: 16px !important;
        margin: 5px 3px 5px 5px !important;
        padding: 4px 20px 4px 8px !important;
        position: relative !important;
        border: none !important;
    }
    .select2-selection__choice__remove{
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
        color: #fff !important;
        display: block !important;
        font-size: 13px !important;
        height: 13px !important;
        outline: 0 none !important;
        position: absolute !important;
        right: 0 !important;
        top: 3px !important;
        width: 12px !important;
    }
    .select2-search{
        padding-top:0px !important;
    }
    .select2-selection.select2-selection--multiple{
        border: 1px solid #66afe9 !important;
    }     
// Step Css End
    
        /*Media Query*/
        
        @media screen and (min-width: 992px){
                .myCommonSearch{
                    right:0 !important;
                }
            }
         
         @media screen and (max-width: 991px){
                .commonsearchICON{
                    display: block !important;
                }
                .myCommonSearch{
                    position: absolute !important;
                    width: 320px !important;
                    background: #f5f5f5 !important;
                    right: -330px;
                    z-index: 10 !important;
                    box-shadow: 10px 10px 10px 10px !important;
                }
            }
        
        
        
         @media screen and (max-width: 800px){
                #img{ display:none;}
                .back{border:1px solid #ddd;}
                #appoint{ display:none; }
                #mobnowiththumb{display:none;}
                #mobno{display:block;}                
                .mail-subject,.mail-attachment,.mail-star{
                    display:none;
                }
                .mailMenu{
                    height: 711px;
                }
                 .imgXSuser{
                    display:none !important;
                }
                .userprofileimgXSdiv{
                    display:block !important;
                }
             }

           /*   @media (max-width: 768px){
               
              /*    .select2-selection__arrow{
                     margin-right: -8% !important;
                  }   
                  .select2-selection{
                     margin-left: -10% !important;
                     width: 120% !important;
                  }
                  
                  .mar_res{
                     width: 141% !important;
                    margin-left: 17% !important;
                  }
                  .appointmentDivContent{
                     width: 73% !important;
                  }
                  .patientApp{
                      width: 69%;
                  }
                  
                    .modalDialog {
                      top: 15%;
                      right: 11%;
                    }
         
                 .ControlForm_res{
                    margin-left: 6%;
                    width: 89%;
                }
            
               .btn_submitres{
                    margin-left: 13%;
                    margin-top: 6%;
                }
                .msg_res{
                    font-size: 66%!important;
                }
                .emaildiv_res{
                  margin: -7px -43px !important;
                  font-size: smaller;
                }
                .reovery_res{
                    margin-bottom: 22px!important;
                    margin-left: 19%!important;
                    margin-top: -4%!important;
                }
     */
          /*    }*/
      

              @media screen and (max-width: 767px){
                .appointmentList{
                   display: block !important;
                }
                .AppointmentXShide{
                    display:none !important;
                }
                .AppointmentXSshow{
                    display:block !important;
                }
                .mailMenu{
                    height: 55px !important;
                }
                    .marqueeImg {
                   display:none;
                }
                .mailMenu{
                    height:250px;
                }
                
            }
             
              @media (max-width: 767px){
                #img{display:none;}
                 .back{border:1px solid #ddd;}
                #appoint{ display:none;}
                #mobnowiththumb{display:none;}
                #mobno{display:block;}
                
                 .prescribtionbp_res{
                    margin-bottom: 3%;
                }
                .presGenAgeBlood_res{
                    font-size: 63%;
                }
                .presFnameLname_res h4{
                    font-size: 16px;
                }
              .bp-res{
                  text-align: center !important;
                  margin-top: -14%;
              }
                .mr-b{
                    margin-bottom: 3%;
                }
               
               
            }
             
             
           
            @media screen and (max-width: 475px){
                .apptEmailNotificationXS{
                    padding-left:0px !important;
                }
               
            }
             
              @media (max-width: 425px){
                  
                   /* add patient*/  
                 .btnSub_res{
                       margin-right: 5%;
                   }
                   .mar-lr{
                       margin: 0% 4% 0% 4%;
                   }
                   .mar-b{
                       margin-bottom: 2%;
                   }
                   
                   .ExpDate_res{
                       margin: 2% 5%;
                   }
                    .reg_iconres{
                         margin-right: 5%;
                    }   
                    
                    .controllabel{
                        margin-left: 13%;
                    
                 
                   }
                    
                /* end add patient*/
                   .modal_content {
                        width: unset;
                         height: unset;
                   }
        
                    .btn_close {
                       margin-left: 92% !important;
                        margin-top: -15% !important;
                    }
                    
                    
                   .img_res{
                     height: 14.7rem !important;
                     margin-top: -13%;
                     margin-left: -1%;
                   }
                   .modalDialog {
                       top: 28%;
                        right: 0%;
                    }
                     
                    .btn_close {
                        margin-left: 88% !important;
                    }
                    
                  
                     .box_width_res{
                       width: 152%;
                 }
                 .box_width_res1{
                    width: 153%;
                 }
         
                 .ControlForm_res{
                    margin-left: 6%;
                    width: 89%;
                }
            
               .btn_submitres{
                    margin-left: 13%;
                    margin-top: 6%;
                }
                .msg_res{
                    font-size: 66%!important;
                }
                .emaildiv_res{
                  margin: -7px -43px !important;
                  font-size: smaller;
                }
                .reovery_res{
                    margin-bottom: 22px!important;
                    margin-left: 19%!important;
                    margin-top: -4%!important;
                }
                  
                .mailMenu_res{
                 width: 50%!important ;
                    } 
                
                .headerLogo {
                    display:inline;
                }
                
                .select2-container {
                  width: 182px !important;
                }
                
                
               .mar_res{
                    margin-right: -19%;
                }
               
                .select2-selection__arrow{
                   margin-right: 3%;
                }
                
                
                 .menu_res{
                        margin-right: -27% !important;
                }
                      
            }
             
              @media screen and (max-width: 378px){
                .BestDoctorRow{
                    padding-left:0px;
                }
                 #img{display:none;}
                 .back{border:1px solid #ddd;}
                #appoint{ display:none; }
                #mobnowiththumb{display:none;}
                #mobno{display:block;}
            }
             
             @media (max-width: 375px){
               /* add patient*/  
                 .btnSub_res{
                       margin-right: 5%;
                   }
                   .mar-lr{
                       margin: 0% 4% 0% 4%;
                   }
                   .mar-b{
                       margin-bottom: 2%;
                   }
                   
                   .ExpDate_res{
                       margin: 2% 5%;
                   }
                    .reg_iconres{
                         margin-right: 5%;
                    }   
                    
                    .controllabel{
                    margin-left: 13%;
                }
                    
                /* end add patient*/
              
                   .modal_content {
                        width: unset;
                         height: unset;
                    }
                   
                    
                    .btn_close {
                        margin-left: 88% !important;
                    }
                    
                    
                   .img_res{
                      height: 12.7em !important;
                       margin-top: -13%;
                   }
                   .modalDialog {
                        top: 17%;
                        right: 0%;
                    }
                     
                    .btn_close {
                        margin-left: 88% !important;
                    }
                    
              
                 
                 
                 .box_width_res{
                        width: 126%;
                 }
                 .box_width_res1{
                     width: 127%;
                 }
         
                 .ControlForm_res{
                    margin-left: 6%;
                    width: 89%;
                }
            
               .btn_submitres{
                    margin-left: 13%;
                    margin-top: 6%;
                }
                .msg_res{
                    font-size: 66%!important;
                }
                .emaildiv_res{
                  margin: -7px -43px !important;
                  font-size: smaller;
                }
                .reovery_res{
                    margin-bottom: 22px!important;
                    margin-left: 19%!important;
                    margin-top: -4%!important;
                }
                .Modaldialog_login{
                 width: 359px !important;
                    
                }
                
                .formControl_res{
                   width: 138% !important;
                }
               .prescribtionbp_res{
                    margin-bottom: 3%;
                }
                .presGenAgeBlood_res{
                    font-size: 63%;
                }
                .presFnameLname_res h4{
                    font-size: 16px;
                }
              .bp-res{
                  margin-left: 3%;
                }
                
                .mr-b{
                    margin-bottom: 3%;
                }
                .mailMenu_res {
                     width: 63%!important;
                 }        
           }
            
            
            
             @media screen and (max-width: 360px){
                 #opnav > li > a {padding: 14px 10px !important;}
             }
           
             
            @media screen and (max-width: 352px){
                
                .notificationICON{
                    display:none !important;
                }
                .dropdown.notificationICON.nwhome {display: inline-block !important;}
            }
           
   
              
            @media screen and (max-width: 345px){
                #img{ display:none;}
                 .back{border:1px solid #ddd;}
                #appoint{ display:none; }
                #mobnowiththumb{display:none;}
                #mobno{display:block;}
                 .headerLogo {
                    display:inline;
                }
                #headContact {
                    display: none;
                }
             }
             
                @media screen and (max-width: 330px){
                #img{ display:none; }
                 .back{border:1px solid #ddd;}
                #appoint{ display:none; }
               #mobnowiththumb{display:none;}
               #mobno{display:block;}
               .item-img-overlay {
                    left: 18%;
                }
               
            }

            @media screen and (max-width: 320px){
                #myheader {
                    padding: 1%;
                }
            }

             
             @media(max-width: 320px){
                #img{ display:none;}
                 .back{border:1px solid #ddd;}
                #appoint{ display:none; }
                #mobnowiththumb{display:none;}
                #mobno{display:block;}
              
                   /*Additonal css media query*/
                   
                   /*add patient*/
                   .btnSub_res{
                       margin-right: 5%;
                   }
                   .mar-lr{
                       margin: 0% 4% 0% 4%;
                   }
                   .mar-b{
                       margin-bottom: 2%;
                   }
                   
                   .ExpDate_res{
                       margin: 2% 5%;
                   }
                   
                   /*end add patient*/
                   
                   
                   .modal_content {
                        width: unset;
                         height: unset;

                    }
             
                    .btn_close {
                        margin-left: 88% !important;
                    }
                    
                    
                   .img_res{
                       height: 10.7em!important;
                       margin-top: -13%;
                   }
                   .modalDialog {
                        top: 22%;
                        right: 0%;
                    }
                  
                     .box_width_res {
                            width: 100%;
                     }
                 
                 .box_width_res1{
                     width: 100%;
                 }
                  
                   .select2-selection{
                       margin-right: 3%;
                   }
                   
                .opNavMh_res {
                     margin-right: 1em !important;
                }
                .select2-container {
                   width: 126px !important;
                    margin-left: 1em;
                }
              
                #previousDate{
                    font-size: 6px;
                }
                
                #nextDate{
                     font-size: 6px;
                }
                
                .date_btn{
                    margin-right: 2em!important;
                }
                
                .mySearchPanel{
                    width: 321px!important;
              
                    top: 17em;
                }
                 #myheader {
                    padding: 1%;
                }
                
                .myDateView{
                  margin-left: -6%!important;
                }
                .mypatall_res{
                    margin-left: 1%!important;
                }
                .menu_res{
                        margin-right: -27% !important;
                }
                    
                 .userOptions_res{
                    margin-right: 1%!important;
                }
                
               .prescribtionbp_res{
                    margin-bottom: 3%;
                }
                
                .presGenAgeBlood_res{
                    font-size: 63%;
                }
                
                .presFnameLname_res h4{
                    font-size: 13px!important;
                }
                
              .bp-res{
                    text-align:center!important;
                    margin-top: -17%;
                }
                
                .mr-b{
                    margin-bottom: 3%;
                }
                
                .controllabel{
                    margin-left: 13%;
                }
                .reg_iconres{
                    margin-right: 5%;
                }
                
                .Modaldialog_login{
                   width: 306px!important;
                    
                }
                
                .formControl_res{
                    width: 121%!important;
                }
              
                .ControlForm_res{
                    margin-left: 6%;
                    width: 89%;
                }
                
                .btn_submitres{
                    margin-left: 13%;
                    margin-top: 6%;
                }
                
                .msg_res{
                    font-size: 66%!important;
                }
                
                .emaildiv_res{
                  margin: -7px -43px !important;
                  font-size: smaller;
                }
                
                .reovery_res{
                    margin-bottom: 22px!important;
                    margin-left: 19%!important;
                    margin-top: -4%!important;
                }
           }
           
         /*End of media query*/