@media (min-width: 980px) {
    .custom-bar-chart {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .custom-bar-chart {
        margin-bottom: 40px;
    }  /*chat room*/
}

@media (max-width: 768px) {
    .header {
        position: absolute;
    }
    /*sidebar*/
    #sidebar {
        height: auto;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 1001;
    }
    /* body container */
    #main-content {
        margin: 0px!important;
        position: none !important;
    }
	
    #sidebar > ul > li > a > span {
        line-height: 35px;
    }

    #sidebar > ul > li {
        margin: 0 10px 5px 10px;
    }
    #sidebar > ul > li > a {
        height:35px;
        line-height:35px;
        padding: 0 10px;
        text-align: left;
    }
    #sidebar > ul > li > a i{
        /*display: none !important;*/
    }

    #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
        margin-right: 10px;
        margin-top: 15px;
    }

    #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
    #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{
        margin-top: 15px;
    }

    #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
        width: 100%;
    }
    #sidebar > ul > li > ul.sub > li > a {
        background: transparent !important ;
    }
    #sidebar > ul > li > ul.sub > li > a:hover {     
    }

    /* sidebar */
    #sidebar {
        margin: 0px !important;
    }

    /* sidebar collabler */
    #sidebar .btn-navbar.collapsed .arrow {
        display: none;
    }

    #sidebar .btn-navbar .arrow {
        position: absolute;
        right: 35px;
        width: 0;
        height: 0;
        top:48px;
        border-bottom: 15px solid #282e36;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }
    /*---------*/
    .modal-footer .btn { margin-bottom: 0px !important;  }
    .btn {  margin-bottom: 5px;  }
	
    /* full calendar fix */
    .fc-header-right {
        left:25px;
        position: absolute;
    }

    .fc-header-left .fc-button {
        margin: 0px !important;
        top: -10px !important;
    }

    .fc-header-right .fc-button {
        margin: 0px !important;
        top: -50px !important;
    }

    .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
        background: none !important;
        color: #FFFFFF !important;
    }

    .fc-state-default, .fc-state-default .fc-button-inner {
        background: none !important;
    }

    .fc-button {
        border: none !important;
        margin-right: 2px;
    }

    .fc-view {
        top: 0px !important;
    }

    .fc-button .fc-button-inner {
        margin: 0px !important;
        padding: 2px !important;
        border: none !important;
        margin-right: 2px !important;
        background-color: #fafafa !important;
        background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
        background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
        -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
        color: #646464 !important;
        border: 1px solid #ddd !important;
        text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
        text-align: center;
    }

    .fc-button.fc-state-disabled .fc-button-inner {
        color: #bcbbbb !important;
    }

    .fc-button.fc-state-active .fc-button-inner {
        background-color: #e5e4e4 !important;
        background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
        background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
    }

    .fc-content { margin-top: 50px;  }

    .fc-header-title h2 {
        line-height: 40px !important;
        font-size: 12px !important;
    }

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

    /*--*/
    /*.chart-position {*/
        /*margin-top: 0px;*/
    /*}*/

    .stepy-titles li {margin: 10px 3px; }
    /*-----*/
    .custom-bar-chart {margin-bottom: 40px;   }

    /*menu icon plus minus*/
    .dcjq-icon {top: 10px; }
    ul.sidebar-menu li ul.sub li a {padding: 0;  }
    /*---*/
    .img-responsive {width: 100%;  }
	
}
@media (max-width: 480px) {
    .notify-row, .search, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn{display: none; }

    #top_menu .nav > li, ul.top-menu > li {float: right;   }
	
    .hidden-phone {display: none !important;   }

    .chart-position {margin-top: 0px; }

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #ccc;
        border-color:#ccc ;
    }
}

@media (max-width:320px) {
    .login-social-link a {padding: 15px 17px !important; }

    .notify-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {display: none;}

    #top_menu .nav > li, ul.top-menu > li {float: right;}

    .hidden-phone {display: none !important;}

    .chart-position {margin-top: 0px; }

    .lock-wrapper {
        margin: 10% auto;
        max-width: 310px;
    }
    .lock-input { width: 82%; }

    .cmt-form {
        display: inline-block;
        width: 75%;
    }
}

/**--my styles--**/
/************************************/
.margTop8px{margin-top:8px!important;}
.margTop10px{margin-top:10px!important;}
.margTop15px{margin-top:15px!important;}
.margTop20px{margin-top:20px!important;}
.margTop30px{margin-top:30px!important;}
.margTop35px{margin-top:35px!important;}
.margTop40px{margin-top:40px!important;}
.margTop45px{margin-top:45px!important;}
.margTop60px{margin-top:60px!important;}

.margRgt15px{margin-right:15px!important;}


/**--Top-Nav-Section--**/
/************************************/
.loginLogo {
    text-align: center;
    margin: 45px 0px 0px 0px;
}
.loginLogo img{
    width:250px
}
.clientName{
    display: inline-block;
    margin-top: 21px;
    font-size: 18px;
    margin-left: 10px;
    color: #8cec00;
}
.prfl-pic {
    width: 120px;
    border: 3px solid #fff;
}
.heading {
    background: #8cec00;
    color: #003f7c;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    padding: 6px 12px;
    border-radius: 8px;
}
.heading-bg {
    background: #003f7c;
    border-radius: 8px;
    padding: 0px 15px;
    margin: 15px 0px 10px;
	color:#fff;
}
.heading-bg h3 {
    margin: 10px 0px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
	float:left;
}
.heading-bg h3 span{
    vertical-align: middle;
    padding-left: 5px;
}
.heading-bg h5 a{
    color: #8cec00;
    font-size: 14px;
    float:right;
    padding-top: 5px;
    border-bottom: 1px solid #8cec00;
}
.heading-bg h5 a:hover{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.sectionHead h3 {
    color: #003f7c;
    text-transform: capitalize;
    vertical-align: middle;
    margin: 15px 0px 10px;
}
.sectionHead h3 a{
    color: #f03978;
    font-size: 14px;
}
.sectionHead h3 a:hover{
    color: #ff76a5;
    font-size: 14px;
}
.sectionHead hr {
    margin-top: 0px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #bbb;
    border-bottom: 2px solid #ffffff;
}

.mdd-table{
	background: #003f7c;
    border-radius: 8px 8px 0px 0px;
    color: #fff;
}
.mdd-table tbody{
	background: #fff;
    color: #333;
}
.mdd-table th{
	text-align:center;
}
.mdd-table > tbody > tr > td {
    vertical-align: middle;
}
.mdd-table2{
	background: #004587;
	border-radius: 8px 8px 0px 0px;
	color: #97ff00;
}
.mdd-table2 tbody{
	background: #fff;
    color: #333;
}
.mdd-table2 th{
	text-align:left;
}
.mdd-table2 > tbody > tr > td {
    vertical-align: middle;
}
.mdd-table2 .td-name{
    position: relative;
   top: 26px;
}

.gren-icon{color: #8cec00!important;border: 1px solid #8cec00!important;}
.blue-icon{color:#00c6ff!important; border: 1px solid #00c6ff!important;}
.pink-icon{color: #ff397e!important;border: 1px solid #ff397e!important;}

.grenTxt{color: #8cec00!important;}
.blueTxt{color:#00c6ff!important;}
.pinkTxt{color: #ff397e!important;}
.redTxt{color: #f00!important;}

.grenHeading{color:#6ba500!important;}
.pinkHeading{color:#ef3a77!important;}
.orngHeading{color:#ee6e00!important;}
.blueHeading{color:#3C9FFF!important;}
.yaloHeading{color:#f3c000!important;}
.dblueHeading{color:#003f7c!important;}

.btn-gren {color: #fff; background-color: #82d905;  border-color: #82d905;}
.btn-gren:hover {color: #fff; opacity:.8;}
.btn-pink {color: #fff; background-color: #ff4686;  border-color: #ff4686;}
.btn-pink:hover  {color: #fff;opacity:.8;}
.btn-orng {color: #fff; background-color: #ffae0b;  border-color: #ffae0b;}
.btn-orng:hover {color: #fff; opacity:.8;}
.btn-blue {color: #fff; background-color: #30a5ff;  border-color: #30a5ff;}
.btn-blue:hover {color: #fff; opacity:.8;}
.btn-dblue {color: #fff; background-color: #003f7c;  border-color: #30a5ff;}
.btn-dblue:hover  {color: #fff; opacity:.8;}

.side-search {
	margin:15px;	
}
.side-search .form-control{
	border-radius: 55px;	
}
.side-search button{
	border-radius: 55px;	
}

/**--Main-Body-Section--**/
/************************************/
.mdd-panel{
	background: #fff;
	margin-bottom: 10px;
	border-radius: 8px;
	text-align:center;
}
.mdd-panel-header{
	background: #aaa;
    padding: 3px;    
    border-radius: 8px 8px 0px 0px;
}
.mdd-panel-header h5{
    color: #fff;
    text-transform: uppercase;
	font-weight:600;
}
.mdd-panel-body{
	margin: 15px 0px 0px;
}
.mdd-panel-body a{
	color:#666;
}
.mdd-panel-body h3{
    font-weight: 600;
    font-size: 30px;
    font-family: 'Khand', sans-serif;
    color: #aaa;
    margin: 0px;
}
.mdd-panel-body h5{
    font-weight: 600;
    font-size: 16px;
    margin: 5px 0px;
    text-transform: uppercase;
    min-height: 45px;
    line-height: 20px;
}
.mdd-panel-footer{
    margin-top: 3px;
}
.mdd-panel-footer h5{
    padding: 10px;
    font-weight:600;
    border-radius: 0px 0px 5px 5px;
    margin: 0px;
}
.mdd-panel-footer p{
	color: #003f7c;
    font-size: 16px;
    font-weight: 600;
}

.my-panel {
    text-align: left;
    min-height: 100px;
}
.my-panel h3 {
    color: #ee6e00;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 100;
    margin: 5px 0px 15px;
    border-bottom: 1px solid;
    display: inline-block;
}
.my-panel h5 {
    color: #003f7c;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    text-align: left;
}
.my-panel p {
    color: #64a900;
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
}
.my-panel a {
    color: #64a900!important;
}

/*----*/
.my-orng-panel {
    text-align: center;
    height: 285px;
    background: url(../img/admin-count1-bg.png) no-repeat top;
    width: 100%;
    margin: 0 auto;
}
.my-orng-panel h6{
   padding:30px 0px 10px;
}
.my-orng-panel h5{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.my-orng-panel h4{
    bottom: 26px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}
.my-orng-panel h3{
    bottom: 68px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 60px;
    font-weight: 600;
    color: #fff;
}
/*----*/

/*----*/
.my-purl-panel {
    text-align: center;
    height: 285px;
    background: url(../img/admin-count2-bg.png) no-repeat top;
    width: 100%;
    margin: 0 auto;
}
.my-purl-panel h6{
   padding:30px 0px 10px;
}
.my-purl-panel h5{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.my-purl-panel h4{
    bottom: 26px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}
.my-purl-panel h3{
    bottom: 68px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 60px;
    font-weight: 600;
    color: #fff;
}
/*----*/

/*----*/
.my-blue-panel {
    text-align: center;
    height: 285px;
    background: url(../img/admin-count3-bg.png) no-repeat top;
    width: 100%;
    margin: 0 auto;
}
.my-blue-panel h6{
   padding:30px 0px 10px;
}
.my-blue-panel h5{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.my-blue-panel h4{
    bottom: 26px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}
.my-blue-panel h3{
    bottom: 68px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 60px;
    font-weight: 600;
    color: #fff;
}
/*----*/

/*----*/
.my-gren-panel {
    text-align: center;
    height: 285px;
    background: url(../img/admin-count4-bg.png) no-repeat top;
    width: 100%;
    margin: 0 auto;
}
.my-gren-panel h6{
   padding:30px 0px 10px;
}
.my-gren-panel h5{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.my-gren-panel h4{
    bottom: 26px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}
.my-gren-panel h3{
    bottom: 68px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 60px;
    font-weight: 600;
    color: #fff;
}
/*----*/

.rgt-bdr {
    border-right: 1px solid #fff;
}
.lft-bdr {
    border-left: 1px solid #ddd;
}
/*green-panel*/
.mdd-green {
    background: #64a900!important;
	color:#fff!important;
}
.green-lgt {
    background: #78cb00!important;
	border: 2px solid #64a900!important;
}
.green-bg {
    background: #e3ffb8!important;
    border: 2px solid #64a900!important;
}
.green-bdr {
    border: 2px solid #64a900!important;
}
.mdd-green-text {
	color:#64a900!important;
}


/*pink-panel*/
.mdd-pink {
    background: #c82f64!important;
	color:#fff!important;
}
.pink-lgt{
    background: #f03878!important;
	border: 2px solid #c82f64!important;
}
.pink-bg {
    background: #ffe3ed!important;
    border: 2px solid #c82f64!important;
}
.pink-bdr {
    border: 2px solid #c82f64!important;
}
.mdd-pink-text {
	color:#c82f64!important;
}

/*blue-panel*/
.mdd-blue {
    background: #1000ef!important;
	color:#fff!important;
}
.mdd-blue-text {
	color:#1000ef!important;
}

/*orange-panel*/
.mdd-orng {
    background: #e98900!important;
	color:#fff!important;
}
.orng-lgt{
    background: #ff9600!important;
	border: 2px solid #e98900!important;
}
.orng-bg {
    background: #fff7cc!important;
    border: 2px solid #e98900!important;
}
.orng-bdr {
    border: 2px solid #e98900!important;
}
.mdd-orng-text {
	color:#e98900!important;
}

/*skyblue-panel*/
.mdd-sblue {
    background: #0093c9!important;
	color:#fff!important;
}
.sblue-lgt {
    background: #00a8e6!important;
    border: 2px solid #0093c9!important;
}
.sblue-bg {
    background: #cff2ff!important;
    border: 2px solid #0093c9!important;
}
.sblue-bdr {
    border: 2px solid #0093c9!important;
}
.mdd-sblue-text {
	color:#0093c9!important;
}


/*violet-panel*/
.mdd-violet {
    background: #6c4c87!important;
	color:#fff!important;
}
.violet-lgt {
    background: #8a5cb0!important;
    border: 2px solid #6c4c87!important;
}
.violet-bg {
    background: #edd6ff!important;
    border: 2px solid #6c4c87!important;
}
.violet-bdr {
    border: 2px solid #6c4c87!important;
}
.mdd-violet-text {
	color:#6c4c87!important;
}

/*purple-panel*/ 
.mdd-purple {
    background: #bc0397!important;
	color:#fff!important;
}
.mdd-purple-text {
	color:#bc0397!important;
}

/*aquamarine-panel*/ 
.mdd-aqua {
    background: #2c9176!important;
	color:#fff!important;
}
.aqua-lgt {
    background: #1cc396!important;
    border: 2px solid #2c9176!important;
}
.aqua-bg {
    background: #afffe4!important;
    border: 2px solid #2c9176!important;
}
.aqua-bdr {
    border: 2px solid #2c9176!important;
}
.mdd-aqua-text {
	color:#2c9176!important;
}

/*red-panel*/ 
.mdd-red {
    background: #f10000!important;
	color:#fff!important;
}
.mdd-red-text {
	color:#f10000!important;
}

.mdd-panel-circle img {
    width: 100px;
    margin-top: -50px;
    border: 2px solid #ccc;
    background: #fff;
    padding: 5px;
}

/**--Progress Bar Indicator---**/
.indicatorWrap{
    position: relative;
    display: inline-block;
}
 
.rad-cntnt{
    position: absolute;
    display: table;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size:20px;
    line-height: 24px;
}
 
 
#prgFileSelector{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top:0;
    left:0;
    z-index: 10;
}
.indicatorWrap,.indicatorContainer{
    display:inline-block;
    position:relative;
    margin-bottom:0px!important;
}
.indicatorWrap-text{
    position:absolute;
    width: 120px;
    height: 120px;
    color: #888;
    margin-top: -55px;
}
.indicatorWrap-text2{
    position:absolute;
    width: 84px;
    height: 84px;
    color: #004587;
    margin-top: -40px;
    font-size: 10px;
    font-weight: 600;
}

/*Breadcrumbs*/

.breadcrumb {
	border-radius: 8px;
    padding: 10px 15px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
    margin: 0;
}


.breadcrumb span{
	font-size: 18px;
    color: #003f7c;
    vertical-align: middle;
}

.breadcrumb > li{
	font-weight: 600!important;
    font-size: 13px;
	line-height: 22px;
}

.breadcrumb-center {
	padding: 10px 15px;
	background: #dedede;
	box-shadow: none!important;
	margin: 0 0 20px 0px;
	border-radius: 10px!important;
	text-align:right!important;
}
.breadcrumb-center a{color: #004384!important;}
.breadcrumb-center h5{font-weight:600; margin:5px 0px;}

.breadcrumb-pink {
	padding: 10px 15px;
	box-shadow: none!important;
	margin: 0 0 20px 0px;
	border-radius: 0px!important;
	text-align:right!important;
	border-bottom: 1px dashed #bbbbbb;
}
.breadcrumb-pink a{color: #004384!important;}
.breadcrumb-pink h5{font-weight:600; margin:5px 0px;}

.breadcrumb-dropdown{
    margin-left: 15px;
    min-width: 130px;
}
.pageNum .dropdown-menu{
	right:0!important;
	left: unset;
	min-width: 130px;
}
.pageNum a{
	cursor: pointer;
}
 .exl-icon i {
    color: #2DA500!important;
    font-size: 18px;
}
 .pdf-icon i {
    color: #E90000!important;
    font-size: 18px;
}
.patient-photo img{
	float:left;
	margin-right: 8px;
	border: 2px solid #004587;
	margin-top: 10px!important;
}
.patient-detail{
	float:left;
	color: #ff397e;
	font-weight: 600;
}
.patient-detail p{
	margin: 0 0 3px;
	font-size: 13px;
}
.patient-detail span{
	display:inline-block;
	width:45px;
	color: #003f7c;
}

.staff-photo img{
	float:left;
	margin-right: 8px;
	border: 2px solid #004587;
}
.staff-detail{
	float:left;
	color: #ff397e;
	font-weight: 600;
}
.staff-detail p{
	margin: 0 0 3px;
	font-size: 13px;
}
.staff-detail span{
	display:inline-block;
	width:65px;
	color: #003f7c;
}


/*Tabs*/

.panel .tabs {
	margin: 0;
	padding: 0;
}

.nav-tabs {
	background: #888990;
	border: 0;
	border-radius: 8px;
	padding: 0px 4px;
	margin-bottom: 30px;
}

.nav-tabs li a {
	border: 0;
	padding: 10px;
	font-size: 13px;
	color: #ffffff;
	margin-top: 5px;
	margin-right: 3px;
	font-weight: 600;
}

.nav-tabs li a:hover,
.nav-tabs li.active a,
.nav-tabs li a:focus,
.nav-tabs li.active a:hover {
	padding: 10px;
	color: #97ff00!important;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	border-radius: 5px;
	background-color: #003f7c!important;
	border: none!important;
}

.nav-pills {
	padding: 15px;
	padding-bottom: 0;
}

.nav-pills li a,
.nav-pills li a:hover,
.nav-pills li.active a,
.nav-pills li.active a:hover {
	border: 0;
	padding: 7px 15px;
}

.nav-pills li.active a,
.nav-pills li.active a:hover {
	background: #004587;
}

.tab-content {
	padding: 0px;
}

/*Accordion*/

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}

.upload-img{
	border: 2px solid #003f7c;
	width:75px;
	border-radius:100px;
	margin-bottom:5px;
}
.padLR5px {
    padding-left: 5px;
    padding-right: 5px;
}
/*-------*/
.gren-alrt {
    background: #82d905!important;
    padding: 3px 7px 2px 7px!important;
    border-radius: 100px!important;
    margin: 0px 5px!important;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.yalw-alrt {
    background: #ffb53e!important;
    padding: 3px 7px 2px 7px!important;
    border-radius: 100px!important;
    margin: 0px 5px!important;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.red-alrt {
    background: #f10000!important;
    padding: 3px 7px 2px 7px!important;
    border-radius: 100px!important;
    margin: 0px 5px!important;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

/*-------cd-------*/

.indicatorWrap1-text {
    text-transform: uppercase;
    color: #1706fd;
    border: 1px dashed #1706fd;
    border-radius: 19px;
    margin: 15px auto 10px;
    padding: 13px;
    font-family: 'Righteous', cursive;
}

.indicatorWrap1-per {
    font-size: 36px;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
}

.opfull{
display:block;
}
.opzero{
display:none;
}
.c-patient:hover {
    background: #f03878;
    transition-duration: 0.5s;
}
.c-hypertension:hover .opfull{
display:none;
}

.c-hypertension:hover .opzero{
display:block;
}

.c-patient:hover .opfull{
display:none;
}

.c-patient:hover .opzero{
display:block;
}
.c-patient:hover .indicatorWrap1-per, .c-patient:hover .my-panel h5 {
   color:#fff !important;
}
 
.c-hypertension:hover {
    background: #2e1ffd;
    transition-duration: 0.5s;
}

.c-hypertension:hover .my-panel h3, .c-hypertension:hover .my-panel h5, .c-hypertension:hover .my-panel a{
   color:#fff !important;
}

.c-patients:hover .opfull{
display:none;
}

.c-patients:hover .opzero{
display:block;
}
.c-patients:hover {
    background: #82d905;
    transition-duration: 0.5s;
}
.c-patients:hover .my-panel h3, .c-patients:hover .my-panel h5, .c-patients:hover .my-panel a{
    color:#fff !important;
   
}
.c-cancer:hover .opfull{
display:none;
}

.c-cancer:hover .opzero{
display:block;
}
.c-cancer:hover {
    background: #ee6e00;
    transition-duration: 0.5s;
}
.c-cancer:hover .my-panel h3, .c-cancer:hover .my-panel h5, .c-cancer:hover .my-panel a{
    color:#fff !important;
   
}

span.badge-c {
    margin-top: -50px;
}
.panel-theme {
    background: #fff;
    padding: 5px;
    border-radius: 10px;
    margin-top: -1px;
}
.white-box { background: #fff;}
.pannel-box {
    padding: 10px 10px 3px;
    border-radius: 10px;
    color: #000;
	border: 5px solid #d6d9db;
	
}
.pannel-box h3{color:#004384;margin: 38px 10px 5px;font-weight: bold;font-size: 21px;}
.pannel-box h4{color:#004384;margin: 5px 10px;font-weight: bold;font-size: 14px;}
.pannel-box a{color:#fff;font-size: 12px;}
.pannel-box p{font-size: 12px; margin-bottom: 4px;}

.table>thead>tr>th {
    border-bottom: 1px solid #e6e7e8;
    vertical-align: middle;
    /* height: 50px; */
    color: #000!important;
    font-weight: 600!important;
    background: #f5f5f5;
}

.mydd-menu {
    background: #eaeaea;
    border: none;
    box-shadow: none;
    margin-top: 10px;
    width: 100%;
}
.mydd-menu li{
    border-bottom: 1px dashed #ccc!important;
}
.mydd-menu li:last-child{
    border-bottom: none!important;
}
.mydd-menu li a{
    color: #003f7c!important;
    line-height: 28px;
}
/*--Vital Trend--*/
.vital-trend-left{
	padding:30px;
}
.left-sec{
	float:left;
	position: relative;
}
.right-sec{
	float:left;
	margin-left: -90px;
}
.right-sec h1{
	font-weight: 300;
	color: #003f7c;
	border-bottom: 2px solid #004f9c;
	margin-bottom: 55px;
	text-align: center;
	width: max-content;
}
.right-sec img{
	padding:0px 15px;
}
.vt-grenBG{
	background:#d7f6b3;
	padding: 15px 20px 15px 60px;
	font-size: 18px;
	color: #58a100;
	font-weight: 600;
	display: inline;
	position: relative;
	z-index: -99;
	border-radius: 0px 30px 30px 0px;
}
.vt-pinkBG{
	background:#ffc3d8;
	padding: 15px 20px 15px 85px;
	font-size: 18px;
	color: #cc2d64;
	font-weight: 600;
	display: inline;
	position: relative;
	z-index: -99;
	top: 5px;
	border-radius: 0px 30px 30px 0px;
}
.vt-orngBG{
	background:#ffe4b2;
	padding: 15px 20px 15px 95px;
	font-size: 18px;
	color: #ff7b1a;
	font-weight: 600;
	display: inline;
	position: relative;
	z-index: -99;
	top: 5px;
	border-radius: 0px 30px 30px 0px;
}
.vt-purlBG{
	background:#ddd1e9;
	padding: 15px 20px 15px 105px;
	font-size: 18px;
	color: #725292;
	font-weight: 600;
	display: inline;
	position: relative;
	z-index: -99;
	top: 5px;
	border-radius: 0px 30px 30px 0px;
}


.vital-trend-right{
	padding:30px;
	/* background: url(../img/gray-cntr-line.png) no-repeat top center; */
	height: 730px;
    margin-top:15px;
}
.vtrBluetxt{
	margin: 20px 10px 10px 10px;
    text-align: center;
	float: left;
}

.vtrBluetxt h1{
	font-size: 46px;
    font-weight: 300;
	color:#23cedc;
	margin-top: 0px;
}
.vtrGrentxt{
	margin: 20px 10px 10px 45px;
    text-align: center;
	float: left;
}

.vtrGrentxt h1{
	font-size: 46px;
    font-weight: 300;
	color:#75d500;
	margin-top: 0px;
}
.vtrPinktxt{
	margin: 20px 10px 10px 10px;
    text-align: center;
	float: left;
}

.vtrPinktxt h1{
	font-size: 46px;
    font-weight: 300;
	color:#ee1862;
	margin-top: 0px;
}
.vtrOrngtxt{
	margin: 20px 10px 10px 45px;
    text-align: center;
	float: left;
}

.vtrOrngtxt h1{
	font-size: 46px;
    font-weight: 300;
	color:#ebac00;
	margin-top: 0px;
}
.vtrPurltxt{
	margin: 20px 10px 10px 10px;
    text-align: center;
	float: left;
}

.vtrPurltxt h1{
	font-size: 46px;
    font-weight: 300;
	color:#8156ad;
}
/*--/Vital Trend--*/

.notify-panel {
	border: 1px solid #ddd;
	background-color: #fcfcfc;
	border-radius: 5px;
}
.notify-panel .btn-group {
	margin: 15px 0 30px;
}
.notify-panel .btn-group .btn {
	transition: background-color .3s ease;
}

.notify-filter .media-photo {
    width: 35px;
}

.notify-filter .media-meta {
    font-size: 11px;
    color: #999;
}
.notify-filter  .title {
    color: #0059af;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
}
.notify-filter .summary {
    font-size: 13px;
}
.notify-filter .title span {
    font-size: .8em;
    margin-right: 20px;
}

.notify-filter .title span.bp {
    color: #78cc00;
}
.notify-filter .title span.noti {
    color: #ffae0b;
}
.notify-filter  .title span.medi {
    color: #ff4686;
}
.notify-filter  .title span.msg {
    color: #30a5ff;
}

.img-notify img {
    width: 42px;
    border-radius: 75px;
    float: left;
    margin-right: 10px;
}
.bp-notify {
    background: #82d905;
    float: left;
    padding: 8px 10px 6px;
    color: #fff;
    margin-right: 10px;
    font-size: 21px;
    border-radius: 75px;
    line-height: 28px;
}
.noti-notify {
    background: #ffae0b;
    float: left;
    padding: 7px 10px 7px;
    color: #fff;
    margin-right: 10px;
    font-size: 21px;
    border-radius: 75px;
    line-height: 28px;
}
.medi-notify {
    background: #ff4686;
    float: left;
    padding: 6px 10px 7px;
    color: #fff;
    margin-right: 10px;
    font-size: 21px;
    border-radius: 75px;
    line-height: 30px;
}
.msg-notify {
    background: #30a5ff;
    float: left;
    padding: 6px 10px 8px;
    color: #fff;
    margin-right: 10px;
    font-size: 21px;
    border-radius: 75px;
    line-height: 28px;
}