.log-bx-cntnt select:focus{
    outline:none;
}
.mb-10{
    margin-bottom: 10px;
}
.sidebar-nav li a:hover{
    cursor: pointer;
}
.sidebar-nav div#limb-sub ul.submenu li.sub-sub-mnu.active a{
    color: #2f3459 !important
}
.rmve-btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.unit-btn {
    background: #606cb3 none repeat scroll 0 0 !important;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 13px;
    margin-top: 12px;
    padding: 4px 0;
}
.owl-carousel.skyblue-head-slider{

    z-index: 0 !important;
}
.skyblue-head-slider .owl-nav{
    margin: 0 !important;
}
.tiles-icon img {
    width: 76px !important;
    height: 76px !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color: transparent !important;
}
#page-wrapper .owl-theme .owl-controls {
    margin-top: 0;
}
.tile-textarea textarea:focus {
    outline: none;
    box-shadow: none;
}
.vertical-center
{
    /* max-height: 90%;
      max-width: 90%;
    */  position: absolute;
    top: 40%;
    /*bottom: 0;*/
    left: 30%;
    font-size: 18px
    /*right: 0;*/
    /*margin: auto;*/

}
.vertical-center p{
    text-align: center;
}
#sidebar ul li .submenu li.sub-active a {
    color: #2e335e !important;
}
#sidebar ul li .submenu li a {
    border-bottom: 1px solid #2e335e;
    cursor: pointer;
    /*color: #2e335e !important;*/
}

.sidebar-nav li ul.submenu li {
    margin: 0;
    padding: 0;
}
.sidebar-nav li.active .submenu a::after{
    border:none;
}

.sidebar-nav li.limb-asse ul.submenu li a ,.sidebar-nav li.viewer ul.submenu li a {
    color: #fff !important;
    /*padding-left: 60px !important;*/
    text-align: right;
}
.sidebar-nav li ul.submenu li a {
    color: #232647 !important;
    /*padding-left: 60px !important;*/
    text-align: right;
}
.sidebar-nav li ul.submenu a:hover {
    /*background: rgba(255, 54, 50, 0.8) !important;*/
    background: #F0C40E!important;
}
.wound-cre ul li.sub-active a , .limb-asse ul li.sub-active a {
    /*background: #fff;
    color: #ff3632 !important;
    font-weight: bold;*/
    background: #F0C40E;
    color: #232647 !important;
    font-weight: bold;
}
.wound-cre ul li.sub-active a:hover,.limb-asse ul li.sub-active a:hover{
    background: #F0C40E;
    color: #232647 !important;

}
/*ul.submenu > li{
  border-top: 0.5px solid #fff;
}
ul li.active ul.submenu > li{
  border-top: 0.5px solid #2F3459;
}*/
.wound-cre ul li.sub-active.sub-sub-mnu > a::after , .limb-asse ul li.sub-active.sub-sub-mnu > a::after {
    /*background: rgba(0, 0, 0, 0) url("../images/wnd-cre-mnu-arw.png") no-repeat scroll center center;
   content: "";
   display: block;
   height: 16px;
   position: absolute;
   right: 10px;
   top: 23px;
   width: 15px;*/
    border-bottom: 5px solid transparent;
    border-left: 17px solid ;
    border-top: 5px solid transparent;
    content: "";
    margin-top: -11px;
    position: absolute;
    right: 9px;
    top: 59%;
    border-left-color: #2F3459 !important;

}
.wound-cre ul li.sub-sub-mnu > a::after {
    /*background: rgba(0, 0, 0, 0) url("../images/wihte-mnu-arw.png") no-repeat scroll center center;
   content: "";
   display: block;
   height: 16px;
   position: absolute;
   right: 10px;
   top: 23px;
   width: 15px;*/
}
.sidebar-nav li.wound-cre .submenu , .sidebar-nav li.limb-asse .submenu {
    /*background: #FF3632;*/
    padding-bottom: 2px !important;
}
.sidebar-nav li ul li.sub-sub-mnu {
    border-bottom: 0px;
}
/*---*/
.page-footer {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #dbe1e8;
    height: 33px;
    padding: 10px 20px;
}
.page-footer p {
    color: #394263;
    font-size: 11px;
    margin: 0;
    padding-top: 0;
    text-align: right;
}
.right {
    float: right;
}
.left {
    float: left;
}
.page-footer p span {
    color: #01bae1;
}
.top-admin-menu .glyphicon-menu-down {
    color: #fff;
    font-size: 10px;
    height: 25px;
    margin-left: 5px;
    margin-top: 15px;
}
.noti-count {
    background: #f54d4d none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    height: 15px;
    line-height: 12px;
    padding: 1px 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 16px;
}
#sidebar.fncy-scroll::after {
    background: #dbe1e8 none repeat scroll 0 0;
    content: "";
    height: calc(100% - 69px);
    position: absolute;
    right: 0;
    top: 69px;
    width: 1px;
}
.top-admin-menu ul li a {
    padding-top: 20px;
}
.home-icon {
    margin-right: 15px;
    padding: 20px 0;
}
.form-search-custom input.searchfield {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    padding-left: 30px;
    font-size: 15px;
}
.form-search-custom input.searchfield::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
.form-search-custom input.searchfield:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.form-search-custom input.searchfield::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.form-search-custom input.searchfield:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.form-search-custom #searchbtn {
    background: rgba(0, 0, 0, 0) url("../images/srch-icon.png") no-repeat scroll center center;
    border: medium none;
    left: 0;
    top: 0;
    padding: 2px 8px;
    position: absolute;
}
.page-breadcrumb ul li + li:before {
    content: "";
    background: rgba(0, 0, 0, 0) url("../images/bread-sepretor.png") no-repeat scroll left center;
}
div#sidebar {
    background-color: #636DB4;
}
.sidebar-nav li {
    /*margin: 0 5px 5px 5px;*/
    margin: 0;
    border-bottom: 0.5px solid #636DB4;
}
.sidebar-nav li.pat-pro a {
    background: #0E96EC none repeat scroll 0 0;
}
.sidebar-nav li.vit-sign a {
    background: #1C5587 none repeat scroll 0 0;
}
.sidebar-nav li.wound-cre a {
    background: #FF3633 none repeat scroll 0 0;
}

.sidebar-nav li.investi a {
    background:#35485F none repeat scroll 0 0;
}
.sidebar-nav li.refe-rec a {
    background: #1ABC9C none repeat scroll 0 0;
}
.sidebar-nav li.viewer a {
    background: #189F87 none repeat scroll 0 0;
}

.sidebar-nav li.limb-asse a {
    background: #F49B12 none repeat scroll 0 0;
}
.sidebar-nav li.braden a {
    background: #2A80BA none repeat scroll 0 0;
}
.sidebar-nav li.diabitic-ft a {
    background: #D35301 none repeat scroll 0 0;
}
.sidebar-nav li.summary a {
    background: #5b3991 none repeat scroll 0 0;
}
.sidebar-nav li.active a::after {
    border-bottom: 5px solid transparent;
    border-left: 17px solid ;
    border-top: 5px solid transparent;
    content: "";
    margin-top: -11px;
    position: absolute;
    right: 9px;
    top: 59%;
    border-left-color: #2F3459 !important;


}
.sidebar-nav li.active ul.submenu li.active a{
    font-weight: bold;
}
.sidebar-nav li.active ul.submenu li.active a::after {
    border-bottom: 5px solid transparent;
    border-left: 17px solid ;
    border-top: 5px solid transparent;
    content: "";
    margin-top: -11px;
    position: absolute;
    right: 9px;
    top: 59%;
    border-left-color: #2F3459 !important;


}
.sidebar-nav li.active a ,.sidebar-nav li.limb-asse.active ul.submenu li a{
    background-color: #EAEDF2;
    color: #2F3459 !important;
}
.sidebar-nav li.pat-pro.active a::after{
    border-left-color: #00569f ;
}
.sidebar-nav li.pat-pro.active a::after{
    border-left-color: #00569f ;
}
.sidebar-nav li.vit-sign.active a::after{
    border-left-color: #833a9f ;
}
.sidebar-nav li.wound-cre.active a::after{
    border-left-color: #ff3632 ;
}
.sidebar-nav li.investi.active a::after{
    border-left-color: #00abf7;
}
.sidebar-nav li.refe-rec.active a::after{
    border-left-color: #00695b;
}
.sidebar-nav li.limb-asse.active a::after{
    border-left-color: #c72684 ;
}
.sidebar-nav li.braden.active a::after{
    border-left-color: #5e9c00  ;
}
.sidebar-nav li.diabitic-ft.active a::after{
    border-left-color: #ff7d09   ;
}
.sidebar-nav li.viewer.active a::after{
    border-left-color: #9e9d24;
}
#sidebar .mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
}
/*patient content section css*/
.no-col-padding{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pro-de-tbl {
    border: 1px solid #c2c2c2;
}
.patient-pro-image {
    border-right: 1px solid #c2c2c2;
    padding: 4px;
}
.profile-des label {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 10px;
}
.profile-des label {
    color: #333333;
    font-size: 14px;
}
.profile-des div:first-child{
    border-bottom: 1px solid #c2c2c2;
}
.profile-des div {
    padding: 14px 17px;
}
.orange-fnt {
    color: #ff6d00;
}
.more-info-link {
    background: #7f7f7f none repeat scroll 0 0;
    padding: 20px 0 10px;
    text-align: center;
}
.more-info-link a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    display: block;
}
.more-info-link img {
    margin-bottom: 5px;
}
.more-link-txt {
    display: block;
}
.pro-de-tbl table {
    margin-bottom: 0 !important;
}
.pro-de-tbl table td {
    padding: 0 !important;
    border-top: none !important;
}
.pro-de-tbl tbody td:nth-child(2), .pro-de-tbl tbody td:nth-child(3) {
    border-right: 1px solid #c2c2c2;
}
/* .pro-de-tbl tbody td:nth-child(4) {
  background: #7f7f7f none repeat scroll 0 0;
} */
/*.wound-care-page h4.full-wdth-sec-title{
  background: #bf3a2b none repeat scroll 0 0;
}
.summary-page h4.full-wdth-sec-title{
  background: #5b3991 none repeat scroll 0 0;
}
.viewer-page h4.full-wdth-sec-title{
  background: #17A086 none repeat scroll 0 0;
}
.referl-recomndtn-page h4.full-wdth-sec-title{
  background: #1DBA9A none repeat scroll 0 0;
}
.diabetic-foot-page h4.full-wdth-sec-title{
  background: #D25400 none repeat scroll 0 0;
}
.braden-page h4.full-wdth-sec-title{
  background: #2B80B9 none repeat scroll 0 0;
}
.patient-profile-page h4.full-wdth-sec-title{
  background: #0E96EC none repeat scroll 0 0;
}
.basic-limb-asses-page h4.full-wdth-sec-title , .mobility-asesmnt-page h4.full-wdth-sec-title{
  background: #F49B12 none repeat scroll 0 0;
}
*/
h4.full-wdth-sec-title {
    /*  background: #0e96ec none repeat scroll 0 0;*/
    color: #fff;
    font-family: open sans;
    font-size: 20px;
    /*margin-left: -20px;
    margin-right: -20px;*/
    padding: 13px 20px;
    border-bottom: 2px solid #2e335e;
    color: #2e335e;
}
.tile-boxes {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    height: 76px;
    cursor: pointer;
    display: table;
    position: relative;
}
.cus-tile-dsgn label {
    display: block;
    margin-bottom: 10px;
}
.tiles-icon {
    background: /*#00569f*/ #0E96EC none repeat scroll 0 0;
    border-radius: 4px;
    display: table-cell;
    height: 100%;
    padding: 0 8px;
    vertical-align: middle;
}
.tile-name {
    color: #000;
    display: table-cell;
    font-size: 20px;
    font-weight: 600;
    height: 100%;
    padding-left: 10px;
    padding-right:35px;
    line-height: 20px;
    vertical-align: middle;
    width: 100%;
    opacity: 0.9;
}
.tile-chkbx input[type="checkbox"] {
    display: none !important;
}
.tile-chkbx input[type="checkbox"]:checked + label span {
    /*background: rgba(76, 175, 80, 0.4);*/
    background: rgba(100%, 70%, 100%,0.6);
    height: 100%;
    left: 0;
    position: absolute;
    border-radius: 4px;
    right: 0;
    top: 0;
    width: 100%;
    cursor: pointer;
}

.checkedSpan {
    background: rgba(100%, 70%, 100%,0.6);
    height: 100%;
    left: 0;
    position: absolute;
    border-radius: 4px;
    right: 0;
    top: 0;
    width: 100%;
    cursor: pointer;
}
.tiles-section .owl-pagination {
    display: none;
}
.tiles-section .owl-item .item {
    margin: 5px;
}

.tiles-section .owl-buttons {
    position: absolute;
    right: 0;
    top: -53px;
}
.tiles-section .owl-buttons .owl-prev {
    background: rgba(0, 0, 0, 0) url("../images/left-arrow.png") no-repeat scroll 0 0 / contain !important;
    font-size: 0 !important;
    opacity: 1 !important;
    padding: 12px 10px !important;
}
.tiles-section .owl-buttons .owl-next {
    background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat scroll 0 0 / contain !important;
    font-size: 0 !important;
    opacity: 1 !important;
    padding: 12px 10px !important;
}
.green-btn {
    background: #00c853 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    font-family: open sans;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 5px 25px;
}
.mt-20{
    margin-top: 20px;
}
.patient-profile-page .tiles-icon {
    padding: 0;
}
.patient-profile-page .tiles-icon img {
    width: 76px;
    height: 76px;
    border-radius: 4px;
}
/*------patient profile--popup----*/
.info-popup .modal-content {
    border-radius: initial;
    background: #eeeeee none repeat scroll 0 0;
}
.info-popup .modal-header {
    padding: 10px 15px;
    background: #fff none repeat scroll 0 0;
}
.info-popup .modal-header .close {
    background-repeat:no-reapeat;
    background-size:contain;
    background:url("../images/modal-cls.png");
    /* background: rgba(0, 0, 0, 0) url("../images/modal-cls.png") repeat scroll 0 0; */
    background-repeat: no-repeat;
    font-size: 0;
    padding: 7px;
    background-size: contain;
    margin-top: 5px;
    opacity: 1;
}
.table-title {
    background: #b6cbda none repeat scroll 0 0;
    color: #333;
    padding: 10px;
    margin-bottom: 14px;
}
.info-table td {
    color: rgba(51, 51, 51, 0.8);
    padding: 5px 10px;
    font-size: 15px;
    height: 45px;
    border-color: #e7e7e7 !important;
}
.info-table tbody td:nth-child(2n+1),.info-table thead th:nth-child(2n+1) {
    background: #cfeafb;
}
.info-table tr {
    border-bottom: 1px solid #ddd;
}
/*.info-popup .modal-body {
  height: 300px;
  overflow: auto;
}*/
/*.info-table{
  height: 500px;
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  padding: 10px;
}*/
.info-table {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 14px;
    min-height: 111px;
    padding: 10px;
}
.info-table .table-bordered {
    border-color: #e7e7e7 !important;
}
.info-table thead th {
    color: rgba(0, 0, 0, 0.8);
    font-size: 15px;
    border-color: #e7e7e7 !important;
    font-weight: 600;
    border-bottom: medium none !important;
    padding: 13px 10px;
}
.info-table  .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fcfcfc;
}
.info-table .mCSB_scrollTools {
    width: 6px;
}
.info-table .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #cccccc;
    border-radius: 4px;
    width: 6px !important;
}
@media screen and (min-width:320px) and (max-width:790px){
    .vertical-center.custom_center{
        display: block;
        left: 0;
        margin: 15% auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    .center-logo img {
        width: 100%;
    }
}
@media screen and (min-width: 768px) and (max-width: 840px){
    .profile-des div {
        padding: 2px 17px;
        min-height: 47px;
    }
}

@media screen and (max-width: 992px){
    .profile-des div {
        min-height: 49px;
        padding: 4px 17px;
    }
    h4.full-wdth-sec-title {
        margin-left: -15px;
        margin-right: -15px;
    }
}
/*--end--*/
/*home page css*/
.home-page.sidebar-partial #sidebar {
    width: 0;
}
.home-page.sidebar-partial #main-container {
    margin-left: 0;
}
.home-white-bg {
    padding: 15px;
    padding-bottom: 0;
    background: #fff;
}
.home-page header.navbar {
    padding-left: 220px;
}
.home-page .sidebar-brand {
    width: 220px;
}
.home-page #page-content {
    padding: 90px 20px 20px;
}
.home-menu-box {
    padding: 55px 20px 30px;
    text-align: center;
    margin-top: 30px;
}

.home-menu-box img {
    display: unset;
    margin-bottom: 5px;
}
.home-white-bg.home-menus {
    padding-top: 0;
    padding-bottom: 15px;
}
.home-menus a{
    color: #fff;
    font-size: 20px;
    text-decoration: none;
}

.home-white-bg .pro-de-tbl {
    margin-bottom: 0;
}
.home-box > div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.menu-name {
    padding-left: 20px;
}
.home-box {
    border-radius: 4px;
    padding:28px 10px 28px 20px;
    margin-top: 10px;
}
.home-box.blue {
    background: #01579b none repeat scroll 0 0;
}
.home-box.green {
    background: #739a21 none repeat scroll 0 0;
}
.home-box.purple {
    background: #733c9b none repeat scroll 0 0;
}
.home-box.skyblue {
    background: #03a9f4 none repeat scroll 0 0;
}
.home-box.dark-pink {
    background: #c72684 none repeat scroll 0 0;
}
.home-box.orange {
    background: #fe7c21 none repeat scroll 0 0;
}
.home-box.teal {
    background: #00695c none repeat scroll 0 0;
}
.home-box.red {
    background: #e53935 none repeat scroll 0 0;
}
.home-box.olive {
    background: #9e9d24 none repeat scroll 0 0;
}
.cus-row-5 {
    margin-left: -5px;
    margin-right: -5px;
}
.cus-col-pad{
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.pt-10{
    padding-top: 10px;
}
/*respnsive*/
@media screen and (min-width: 1199px) and (max-width:1290px){
    .home-menus a {
        font-size: 17px;
    }
}
@media screen and (max-width:991px){
    .home-page #page-content {
        padding: 20px;
    }
    .home-page .sidebar-brand {
        padding: 7px 20px;
        position: relative;
    }
    .home-page.sidebar-partial #sidebar {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        float: left;
        padding-top: 0;
        position: relative;
        width: auto;
    }
}

@media screen and (max-width:767px){
    .pro-de-tbl tr td:last-child div:last-child{
        border-bottom: medium none;
        display: inline-block;
        width: 100%;
    }
    .home-page #page-content {
        padding: 20px;
    }
    .cus-grid {
        width: 50%;
    }
    .cus-grid:nth-child(2n+3) {
        clear: both;
    }
    .cus-grid .morbis-boxes label {
        display: unset;
    }
    .morbis-boxes img {
        margin-bottom: 0;
        margin-top: 0;
        max-height: none;
        width: 100%;
    }
    .profile-des label {
        width: 50%;
    }
    .pro-de-tbl table td {
        display: block;
        width: 100%;
    }
    .patient-pro-image {
        border-right: none;
        text-align: center;
    }
    .patient-pro-image img{
        display: unset;
    }
    .pro-de-tbl tbody td:nth-child(2) {
        border-right: none;
    }
    .pro-de-tbl tbody td:nth-child(2), .pro-de-tbl tbody td:nth-child(3) {
        border-right: none;
    }
    .profile-des div {
        border-bottom: 1px solid #c2c2c2;
    }
}
/*@media screen and (max-width:675px){
.home-icon {
  float: right !important;
}
.form-search-custom {
  float: right;
  padding-right: 10px;
}

}*/
@media screen and (max-width:675px){
    .home-page .home-icon {
        float: right !important;
    }
    .home-page .form-search-custom {
        clear: both;
        float: left;
        margin-left: 20px;
        margin-right: 0;
        min-width: auto;
    }
    .home-page header.navbar {
        padding-left:0;
    }
}
@media screen and (max-width:540px){
    .cmn-form .dis-flex {
        display: unset;
    }

}
@media screen and (max-width:520px){
    .home-page header.navbar {
        padding-left: 0;
    }
}
@media screen and (max-width:460px){
    .home-page .form-search-custom {
        width: 115px;
    }

    .profile-des label {
        float: left;
        width: 48%;
        margin-right: 0;
        display: inline-table !important;
    }
    .profile-des span {
        display: block;
        padding-left: 120px;
    }
    .home-icon {
        position: absolute;
        right: 0;
    }
    .form-search-custom {
        float: right;
        margin-left: 10px;
        margin-right: 40px;
        margin-top: 0;
        width: auto;
    }
}
@media screen and (max-width:380px){
    .form-search-custom {
        float: right;
        margin-left: 10px;
        margin-right: 50px;
        margin-top: 0;
        width: 150px;
    }
    .cus-grid {
        width: 100%;
    }

}
@media screen and (max-width:350px){

    .menu-name {
        padding-left: 10px;
    }
    .home-menus a {
        font-size: 17px;
    }
}


/*-------------------------*/
/*login page css*/
header.login-head {
    background: #1f469d none repeat scroll 0 0;
    border-bottom: 4px solid #0b2662;
    height: 70px;
}
.login-cntnt {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 400px;
}
.log-bx-head {
    background: #606CB3 none repeat scroll 0 0;
    font-family: "Roboto", sans-serif !important;
    color: #fff;
    padding: 15px 0;
    position: relative;
    text-align: center;
    padding-bottom: 20px;
}
.log-logo {
    margin-bottom: 20px;
    text-align: center;
}
.log-logo img{
    display:initial;
    width: 200px;
}
.log-bx-head h4 {
    font-family: "Roboto", sans-serif !important;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}
.login-box {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.log-bx-cntnt {
    padding: 45px 25px 20px;
}
.log-bx-cntnt form .input-group input {
    background: #dfdfdf none repeat scroll 0 0;
    border: medium none;
    border-radius: initial;
    box-shadow: unset;
    color: #7d7d7d;
    font-family: Roboto;
    font-size: 16px;
    height: 44px;
}
.log-bx-cntnt form .input-group-addon {
    /*  background: #22313f;*/
    background: #606cb3;
    border-radius: initial;
    border: none;
    padding: 6px 12px;
}
.log-bx-cntnt form .input-group {
    margin-bottom: 15px;
}
.log-bx-cntnt form .glyphicon.glyphicon-user {
    background: rgba(0, 0, 0, 0) url("../images/lg-user-icon.png") no-repeat scroll 0 0;
    display:inline-block;
    height: 26px;
    width: 20px;
}
.log-bx-cntnt form .glyphicon.glyphicon-user::before {
    content: "" !important;
}

.log-bx-cntnt form  .glyphicon.glyphicon-lock{
    display:inline-block;
    background: rgba(0, 0, 0, 0) url("../images/lg-pass-ic.png") no-repeat scroll 0 0;
    height: 26px;
    width: 20px;
}
.log-bx-cntnt form .glyphicon.glyphicon-lock::before {
    content: "" !important;
}
.log-bx-head::after {
    border-left: 12px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #606CB3;
    bottom: -13px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    font-family: 'roboto' !important;
}
.fancy-chk-btn input[type="checkbox"] {
    display:none;
}
.fancy-chk-btn input[type="checkbox"] + label span {
    background: rgba(0, 0, 0, 0) url("../images/fncy-chk.png") no-repeat scroll 2px 0;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: bottom;
    width: 25px;
}
.fancy-chk-btn input[type="checkbox"]:checked + label span {
    background: rgba(0, 0, 0, 0) url("../images/fncy-chk.png") no-repeat scroll 2px -29px;
}
.fancy-chk-btn label {
    color: #898989;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}
.frgt-link a {
    color: #898989;
    font-family: Roboto;
    font-size: 14px;
    text-decoration: underline;
}
.sign-in-btn,.sign-in-btn:hover {
    background: #606CB3 none repeat scroll 0 0;
    border-radius: initial;
    color: #fff;
    display: block;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}
.dont-ac {
    border-top: 1px dashed #c4c4c4;
    color: #898989;
    font-family: Roboto;
    font-size: 16px;
    padding-top: 10px;
    text-align: center;
}
.dont-ac a{
    color: #7d7d7d;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}
.login-form-footer ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 50px;
}
.login-form-footer ul li {
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    width: 126px;
    margin-right: 7px;
    margin-top: 10px;
}
.login-form-footer ul li a:hover{
    text-decoration: none;
}
.login-form-footer ul li:last-child {
    margin-right: 0;
}
.login-form-footer ul li img {
    display: unset;
    margin-bottom: 5px;
}
.login-form-footer ul li.teal{
    background: #00695b;
}
.login-form-footer ul li.orange{
    background: #ff7d09;
}
.login-form-footer ul li.purple{
    background: #833a9f;
}
.login-form-footer li a h5 {
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}
.no-bg{
    background: transparent;
    border-top: none;
}
@media screen and (max-width:420px){
    .login-cntnt {
        padding: 0 10px;
        width: 100%;
    }
    .login-form-footer ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 10px;
        -webkit-column-gap: 10px;
        column-gap: 10px;
    }
    .login-form-footer ul li {
        width: 100%;
    }
}
@media screen and (max-width:380px){
    .login-form-footer ul li.orange,.login-form-footer ul li.purple {
        padding-bottom: 25px;
    }
}
/*---*/

/*search bar*/
.search {
    color: #fff;
    float: left;
    margin: 17px 19px;
    cursor: pointer;
}
.fa-search::before {
    background: rgba(0, 0, 0, 0) url("../images/srch-icon.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 30px;
    width: 30px;
}
.search a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    top: -10px;
}
.search .fa.fa-search {
    display: inline-block;
}
.top-search-bar {
    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
    height: 69px;
    position: fixed;
    top: -70px;
    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    width: 100%;
    z-index: 25;
    background-color: #fff;
}
.top-search-bar .btn.btn-search {
    /*background: #0e96ec none repeat scroll 0 0;*/
    background: #606CB3;
    border-radius: 4px !important;
    color: #fff;
    margin-top: 15px;
}
.top-search-bar select::-ms-expand {
    display: none;
}
.top-search-bar select{
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;

    border: 1px solid #dbe1e8;
    border-radius: 4px !important;
    padding: 6px;

    background:#fff url("../images/down-arrow.png") no-repeat scroll 98% center;
    border-radius: 4px;
    padding-left: 6px;
    font-size: 13px;
    height: 34px;
    margin-top: 15px;
    font-weight: 400;
    width: 100%;
}
.top-search-bar select:focus {
    box-shadow: none;
    border-color:#dbe1e8;
}
.search-input-addon {
    margin-top: 15px;
}
.top-search-bar .search-input-addon .top-search-input, .top-search-bar select {
    border: 1px solid #eee;
    border-radius: 4px !important;
    box-shadow: none;
    height: 35px;
    padding-left: 10px;
}
.top-search-bar .btn.btn-search > img {
    margin-right: 5px;
    margin-top: -2px;
}
.top-search-bar.open {
    top: 0;
}
/*end*/
/*-- Start yasir --*/
.search-ctgry-block {
    background:#fff;
    border-radius:4px;
    box-shadow:1px 0 3px rgba(0,0,0,0.10);
    padding:20px;
    margin-bottom:20px;
}

.search-ctgry-block .form-group label {
    font-size:16px;
    font-weight:300;
    margin-bottom:10px;
}

.slect-product .search-ctgry-block {
    margin-bottom:0;
}

/*-- Start Fancy Scroll --*/
.ctgry-fncy-scroll {
    height: 380px;
    padding: 0 18px 0 0;
}

.ctgry-fncy-scroll .mCSB_inside > .mCSB_container {
    margin-right: 0;
}


.wc-product-table {
    position: relative;
    border: 1px solid #ccc;
    border-left:none;
    padding-top: 37px;
}
.wc-product-table .slimScrollContainer {
    position: static !important;
    /*min-width: 100%;*/
    width:calc(100% - 10px) !important;
}
.wc-product-table .slimScrollBar {
    /*position: fixed !important;*/
    margin-top: 40px;
    background:#cccccc !important;
    margin-right: 4px;
    opacity:1 !important;
}
.wc-product-table .slimScrollDiv {
    position: static !important;
    /*min-width:100%;*/
    width:calc(100% - 10px) !important;
}
.wc-product-table table {
    border-spacing: 0;
    width:100%;
    margin-bottom:0;
}
.wc-product-table td + td {
    border-left:1px solid #ccc;
}

.wc-product-table th {
    height: 0 !important;
    line-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: transparent;
    border: none !important;
    white-space: nowrap;
    font-size: 0 !important;
}
.wc-product-table th > i {
    display: none !important;
}
.wc-product-table th div{
    position: absolute;
    background: #fff;
    color: #000;
    padding: 9px 8px;
    top: 0;
    margin-left: -9px;
    line-height: normal;
    border-left: 1px solid #ddd;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}


.wc-product-table th:last-child div {
    width: 88px !important;
}

/*-- End Fancy Scroll --*/

/*-- Start other checkbox --*/
.other-chkbx input[type=checkbox]:not(old) {
    opacity : 0;
    position:absolute;
}
.other-chkbx input[type=checkbox]:not(old) + label {
    display : inline-block;
    margin-left :0;
    cursor:pointer;
}
.other-chkbx input[type=checkbox]:not(old) + label > span {
    display : inline-block;
    width : 21px;
    height : 21px;
    margin : 0 10px 0 0;
    border-radius : 0.25em;
    background:url(../images/check-icon.png) no-repeat center right;
    vertical-align : bottom;
    cursor:pointer;
}
.other-chkbx input[type=checkbox]:not(old):checked + label > span {
    background:url(../images/check-icon.png) no-repeat center left;
}

/*-- End other checkbox --*/

.search-ctgry-block .form-control {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.63);
}

.choose-ctgry-block {
    margin: 0 -15px;
}

.ctgry-heading {
    background: #fff none repeat scroll 0 0;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
}

.ctgry-heading h4 {
    line-height: 1.42857;
    margin: 0;
}

/*-- Start check box --*/
.ctgry-body {
    padding:15px 0;
}

.ctgry-checkbox .tile-boxes {
    height:76px;
}

.ctgry-checkbox .tile-ic-number {
    width:76px;
    font-size:40px;
    font-weight:400;
}

.ctgry-checkbox .tile-name {
    font-size: 20px;
    line-height: 28px;
}
/*-- End check box --*/

/*-- Start select product table --*/
.cmn-popup .modal-body .search-ctgry-block p {
    color:rgba(0,0,0,0.80);
    font-size:16px;
    margin: 5px -20px 20px -20px;
    padding: 12px 20px;
    text-align: left;
    min-height:50px;
}

.info-cion {
    background: rgba(0, 0, 0, 0) url("../images/info-blue.png") repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 21px;
    margin-right: 10px;
    width: 21px;
}

/*.wc-product-table {
  margin: 0 -20px;
}*/

.wc-product-table .table-hover > tbody > tr:hover, .wc-product-table .table-hover > tbody > tr.active td  {
    background-color:rgba(80,175,80,0.40);
}

.wc-product-table thead > tr > td, .wc-product-table thead > tr > th,
.wc-product-table tbody > tr > td, .wc-product-table tbody > tr > th {
    font-size:15px;
    color:#333333;
    font-weight:600;
}

/*.wc-product-table tbody > tr > td, .wc-product-table tbody > tr > th {
  line-height:38px;
}*/

/*.table-pro-main {
  position:relative;
  width:40px;
  height:40px;
  margin:0 auto;
}

.table-pro-main:hover .table-pro-hoverImg {
  display:block;
}*/

.wc-product-table .table-pro-img {
    width:40px;
    height:40px;
    margin:0 auto;
    background:#fff;
    display:block;
    box-shadow:1px 0 3px rgba(0,0,0,0.10)
}

.wc-product-table .table-pro-img img {
    width:100%;
}

/*.wc-product-table .table-pro-hoverImg {
  background: #fff none repeat scroll 0 0;
  bottom: 20px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  display: none;
  height: 280px;
  left: 32px;
  margin: 0 auto;
  position: absolute;
  width: 280px;
}*/

.popover img {
    width:100%;
}

.wc-product-table .table-pro-hoverImg img {
    width:100%;
}

.slect-product .white-btn {
    margin-right:20px;
}

/*-- Start home page product section --*/
.product-dsgn .tile-name {
    line-height: 25px;
}

.product-dsgn .tile-name > span {
    border: 1px solid #0e96ec;
    border-radius: 50%;
    color: #0e96ec;
    font-size: 18px;
    height: 30px;
    line-height: 28px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 31%;
    width: 30px;
}

.product-dsgn .tile-name sup {
    font-size: 13px;
}
/*-- End home page product section --*/

@media (max-width:991px){
    .wc-product-table .slimScrollDiv, .wc-product-table .slimScrollContainer {
        width: 100% !important;
    }
    .wc-product-table th:last-child div {
        width:auto !important;
    }

    .table th:nth-child(2) div, .table th:nth-child(2) {
        width: 375px;
    }

    .table th:first-child div, .table th:first-child {
        width: 65px;
    }

}


@media (max-width:582px){
    .table th:nth-child(2) div, .table th:nth-child(2) {
        width: 272px;
    }
}

@media (max-width:480px){
    .table th:nth-child(2) div, .table th:nth-child(2) {
        width:50%;
    }
}

/*-- End yasir --*/
/*wound care page*/
.pixa-gen-refrl #priorty-slider .owl-item .item {
    margin: 0 5px 5px;
}
.cus-textarea textarea {
    border: medium none;
    border-radius: 4px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    height: 75px;
    padding: 5px;
    resize: none;
    width: 100%;
}
.wnd-cre-img-bx {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    padding: 10px;
    min-height: 389px;
}
.wnd-cre-img-bx .text-right span {
    color: #000;
    font-size: 16px;
}
.bold-txt{
    font-weight: 600;
}
.wnd-image {
    padding: 10px;
}
.heading-box {
    /*background: #95A4A9 none repeat scroll 0 0;*/
    /*  background: #95A4A9 none repeat scroll 0 0;*/
    border-bottom: 2px solid #2e335e;
    color: #2e335e !important;
    /*box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);*/
    padding: 6px 10px;
    margin-bottom: 10px;
    min-height: 40px;
}
.heading-box .pull-left{
    /*   color: #fff; */
}
.heading-box > span {
    color: #2e335e;
    font-size: 16px;
}

.icat-page .heading-box > span {
    color: #fff;
}

.icat-page .heading-box {
    background: #95A4A9 none repeat scroll 0 0;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    border-bottom: none;
}

.head-rgt-btn > a {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    padding: 3px 10px;
    text-decoration: none;
}
.head-rgt-btn img {
    margin-right: 10px;
}
.wnd-loc-al-radio ul {
    padding: 0;
    list-style: none;
}
.wnd-loc-al-radio li {
    float: left;
    margin-right: 15px;
}
.viewer-page .wnd-radio {
    background: #17A088;
}
.wnd-radio {
    /*background: #FA3A37 none repeat scroll 0 0;*/
    background: #bf3a2b none repeat scroll 0 0;
    display: table-cell;
    font-weight: normal;
    height: 76px;
    text-align: center;
    vertical-align: middle;
    width: 76px;
    font-size: 24px;
    color: #fff;
    border-radius: 4px;
}
.wnd-loc-al-radio label {
    display: block;
}
.wnd-loc-al-radio input[type="radio"]{
    display: none;
}
.viewer-page .wnd-loc-al-radio input[type="radio"]:checked + label .wnd-radio {
    color: #17A086;
}
.wnd-loc-al-radio input[type="radio"]:checked + label .wnd-radio{
    background: #fff;
    /*  color: #ff3632;*/
    color:#bf3a2b;
    font-size: 36px;
}
.wound-care-page .tiles-icon {
    padding: 0;
    width: 76px;
}
.wound-tile-radio input[type="radio"]{
    display: none;
}
.wound-tile-radio input[type="radio"]:checked + label .tile-boxes span{
    background:rgba(100%, 70%, 100%, 0.6) url("../images/radio-img.png") no-repeat scroll 97% center;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.etiology-popup-cntnt .wound-tile-radio input[type="radio"] + label .tile-boxes span{
    background: rgba(0, 0, 0, 0) url("../images/unchk-radio-img.png") no-repeat scroll 97% center;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.etiology-popup-cntnt .wound-tile-radio input[type="radio"]:checked + label .tile-boxes span{
    /*background: rgba(76, 175, 80, 0.4) url("../images/lg-radio-chk.png") no-repeat scroll 97% center;*/
    background: rgba(100%, 70%, 100%, 0.6) url("../images/lg-radio-chk.png") no-repeat scroll 97% center;
    height: 100%;
    left: 0;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.wound-care-page .wound-tile-radio .tile-name {
    padding-right: 30px;
}
.heading-box img {
    margin-left: 5px;
}
#etiology .owl-pagination {
    display: none;
}
#etiology .owl-buttons .owl-prev {
    background: rgba(0, 0, 0, 0) url("../images/left-blue.png") no-repeat scroll 0 0 / contain  !important;
    font-size: 0 !important;
    left: -20px;
    opacity: 1 !important;
    padding: 17px 10px !important;
    position: relative;
    position: absolute;
    top: 37%;
}
#etiology .owl-buttons .owl-next {
    background: rgba(0, 0, 0, 0) url("../images/right-blue.png") no-repeat scroll 0 0 / contain  !important;
    font-size: 0 !important;
    opacity: 1 !important;
    padding: 17px 10px !important;
    position: absolute;
    top: 37%;
    right: -20px;
}

#etiology .owl-wrapper-outer .item {
    margin: 0 13px 13px;
}
.wound-care-page .etiology-popup-cntnt .wound-tile-radio .tile-name {
    padding-right: 55px;
    font-size: 25px;
    line-height: 28px;
}
.etiology-popup-cntnt .tiles-icon {
    height: 117px !important;
    width: 117px !important;
}
.wound-care-page .tiles-icon {
    background: #bf3a2b none repeat scroll 0 0;
}
.summary-page .tiles-icon {
    background: #5b3991 none repeat scroll 0 0;
}
.cmn-popup .modal-header {
    background: #fff none repeat scroll 0 0;
    padding: 10px 15px;
}
.cmn-popup .modal-header .close {
    background: rgba(0, 0, 0, 0) url("../images/modal-cls.png") no-repeat scroll 0 0 / contain ;
    font-size: 0;
    margin-top: 5px;
    opacity: 1;
    padding: 7px;
}
.cmn-popup .modal-content {
    background: #eeeeee none repeat scroll 0 0;
    border-radius: unset;
}
.cmn-popup .modal-footer {
    border-top: none;
    padding: 0;
    padding-bottom: 20px;
}
.white-btn {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #333;
    font-family: open sans;
    font-size: 18px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 5px 25px;
}
.cmn-popup .modal-body p {
    color: #333;
    font-size: 20px;
    text-align: center;
}
.cmn-popup .modal-body p stronge {
    font-weight: 600;
}
.tile-ic-number {
    color: #fff;
    font-size: 36px;
    text-align: center;
    font-weight: 400;
    width: 76px;
}

.gray-btn {
    background: #e5e5e5 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #333;
    font-family: open sans;
    font-size: 18px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 5px 25px;
}
.clac-box {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    margin: 10px auto 0;
    width: 240px;
}
.clc-bx-title {
    background: #0e96ec none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
}
.clc-content > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.clc-content li {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: inline-block;
    height: 60px;
    margin-left: 12px;
    margin-top: 10px;
    font-size: 16px;
    padding: 20px 15px;
    text-align: center;
    width: 60px;
    cursor: pointer;
}
.clc-content li:last-child {
    width: 135px;
}

.clc-bck-btn {
    background: #e5e5e5 none repeat scroll 0 0;
    border: medium none;
    color: #333;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 8px 20px;
    width: 95px;
}
.clc-done-btn{
    background: #00c853 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px;
    margin-left: 12px;
    margin-top: 15px;
    padding: 8px 20px;
    width: 95px;
}
.clc-input{
    padding: 15px;
    display:flex;
}
.clc-input button {
    background: no-repeat;
    border: none;
}
.clc-input input {
    border: medium none;
    font-size: 15px;
    margin-right: 5px;
    margin-top: 11px;
    width: 76.5%;
}
.skyblue-bx{
    /*  background: #bbdefb;*/
    background: #fff;
}
#assmnt-img-slider .item {
    margin: 0 5px;
}
.row-5{
    margin-left: -5px;
    margin-right: -5px;
}
.skyblue-bx .tiles-icon {
    background: transparent !important;
}
.skyblue-head-slider .owl-pagination {
    display: none;
}
.skyblue-head-slider .owl-nav .owl-prev {
    background: url("../images/left-arrow.png") !important;
    font-size: 0 !important;
    opacity: 1 !important;
    padding: 10px !important;
    position: absolute;
    right: 50px;
    top: -43px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width:20px;
    /*
        background: rgba(0, 0, 0, 0) url("../images/left-arrow.png") no-repeat scroll 0 0 / contain  !important;
      font-size: 0 !important;
      opacity: 1 !important;
      padding: 10px !important;
      position: absolute;
      right: 50px;
      top: -43px; */
}
.skyblue-head-slider .owl-nav .owl-next {
    /*  background: rgba(0, 0, 0, 0) url("../images/left-arrow.png") no-repeat scroll 0 0 / contain  !important;
     font-size: 0 !important;
     opacity: 1 !important;
     padding:10px !important;
     position: absolute;
     right: 20px;
     top: -43px;
     transform: rotate(180deg); */
    background: url("../images/left-arrow.png") !important;
    font-size: 0 !important;
    opacity: 1 !important;
    padding: 10px !important;
    position: absolute;
    right: 20px;
    top: -43px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width:20px;
}
.blue-btn {
    background: #bf3a2b none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    font-family: open sans;
    font-size: 18px;
    margin-left: 15px;
    margin-bottom: 5px;
    padding: 5px 25px;
}
.abdomen-btn {
    background: #bf3a2b none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    font-family: open sans;
    font-size: 18px;
    margin-left: 0px;
    margin-bottom: 5px;
    padding: 5px 5px;
}

.mt-5{
    margin-top: 5px;
}
.no-slider-tile {
    padding: 0 5px;
}
#add-under-dpth-form h2 {
    color: #010101;
    font-size: 18px;
    margin-top: 5px;
    opacity: 0.9;
}
.undr-white-bx {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 15px;
}
.undr-white-bx .form-group  label {
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: normal;
    opacity: 0.9;
    display: block;
}
.undr-white-bx .form-group {
    margin-bottom: 30px;
}
.frm-to-txt {
    font-size: 16px;
    color: rgba(0,0,0,0.9);
    text-align: center;
    margin-top: 5px;
}
.undr-white-bx select{
    border: 1px solid #cccccc;
    border-radius: 4px !important;
    padding: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:#fff url("../images/undr-se-arrow.png") no-repeat scroll 97% center;
    border-radius: 4px;
    color: rgba(0,0,0,0.8);
    padding-left: 6px;
    font-size: 16px;
    height: 39px;
    font-weight: 400;
    width: 100%;
}
.undr-white-bx input{
    border: 1px solid #cccccc;
    padding-left: 6px;
    color: rgba(0,0,0,0.8);
    border-radius: 4px !important;
    font-size: 16px;
    height: 39px;
    width: 100%;
}
.no-mb{
    margin-bottom: 0;
}
#add-under-dpth-form .fncy-scroll {
    height: 350px;
}
#add-under-dpth-form  .mCSB_dragger_bar {
    background: #cccccc none repeat scroll 0 0 !important;
    border-radius: 10px;
    width: 6px !important;
}
#add-under-dpth-form  .mCSB_scrollTools {
    width: 6px;
}
#undr-depth-slider .item {
    margin: 0 5px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-15{
    margin-top: 15px;
}
.skyblue-head-slider .owl-item .item {
    margin: 0 5px 5px;
}
.wnd-bd-dec-no {
    border: 1px solid;
    border-radius: 50%;
    color: #0e96ec;
    font-size: 18px;
    font-weight: normal;
    height: 30px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 23px;
    width: 30px;
}
.clac-box .clc-content {
    padding-bottom: 10px;
}
.wound-tile-radio input[type="radio"] + label .tile-boxes span {
    background: rgba(0, 0, 0, 0) url("../images/unchk-radio-sm.png") no-repeat scroll 97% center;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.treat-sumry {
    color: #232323;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 50px;
}
.treat-white-bg-bx {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin-top: 15px;
}
.treat-white-bg-bx .slimScrollDiv{
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;

}
.treat-white-bg-bx textarea {
    padding:10px;
    resize: none;
    border:none;
    width: 100%;
}
.treat-white-bg-bx textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 20px;
    color: #000;
    opacity: 0.5;
    font-weight: 600;
}
.treat-white-bg-bx textarea::-moz-placeholder { /* Firefox 19+ */
    font-size: 20px;
    color: #000;
    opacity: 0.5;
    font-weight: 600;
}
.treat-white-bg-bx textarea:-ms-input-placeholder { /* IE 10+ */
    font-size: 20px;
    color: #000;
    opacity: 0.5;
    font-weight: 600;
}
.treat-white-bg-bx textarea:-moz-placeholder { /* Firefox 18- */
    font-size: 20px;
    color: #000;
    opacity: 0.5;
    font-weight: 600;
}
.treat-white-bg-bx .blue-btn {
    margin-left: 5px;
    font-size: 15px;
}
.wound-care-page .tiles-icon > img {
    border-radius: 4px;
}
/*responsive*/

@media screen and (min-width: 992px) and (max-width: 1250px){
    .wound-care-page .etiology-popup-cntnt .tiles-icon > img {
        width: 100px;
    }

    .etiology-popup-cntnt .tiles-icon {
        height: 100px !important;
        width: 100px !important;
    }
    .wound-care-page .etiology-popup-cntnt .wound-tile-radio input[type="radio"] + label .tile-boxes span {
        background-size: auto auto;
    }
    .wound-care-page  .wound-tile-radio input[type="radio"] + label .tile-boxes span{
        background-size: 20px auto;
    }
    .wound-care-page .tile-name {
        font-size: 14px;
    }
    .wnd-cre-img-bx {
        min-height: 360px;
    }
    .wound-care-page .tiles-icon > img {
        width: 50px !important;
        height: auto !important;
    }
    .wound-care-page .tile-boxes {
        height: 50px;
    }
    .pull-right.head-rgt-btn {
        float: none !important;
        margin-top: 5px;
        display: inline-block;
    }
    .wound-care-page .tile-ic-number {
        font-size: 26px;
        width: 50px;
    }
}
@media screen and (min-width: 992px)  and (max-width: 1100px) {
    .wound-care-page .heading-box a {
        position: absolute;
    }
}
@media screen and (max-width: 992px) {
    .wound-care-page .pull-right.head-rgt-btn {
        float: none !important;
        margin-top: 5px;
        display: inline-block;
    }
    .wound-care-page .wound-care-page .tile-name {
        font-size: 16px;
    }
    .tile-name {
        font-size: 16px;
    }
    .wnd-cre-img-bx {
        min-height: 410px;
    }

    .wc-product-table .table-responsive {
        overflow-x: auto !important;
    }
    .wc-product-table {
        overflow: hidden;
    }
}
@media screen and (min-width: 767px)  and (max-width: 820px) {
    .wound-care-page .etiology-popup-cntnt .tiles-icon > img {
        width: auto;
    }
    .wnd-cre-img-bx {
        min-height: 379px;
    }
    .wound-care-page .tile-name {
        font-size: 13px;
        line-height: 15px;
    }
    .wound-care-page .tiles-icon > img {
        width: 60px;
        border-radius: 4px;
    }
    .wound-care-page .tile-boxes {
        height: 60px;
    }
    .wound-care-page .tile-ic-number {
        font-size: 26px;
        width: 60px;
    }
}
@media screen and (max-width: 767px) {
    .wnd-cre-img-bx {
        overflow:  auto;
    }
    .wound-care-page .ctgry-checkbox .tile-boxes {
        height: 76px;
    }
    .ctgry-checkbox .tile-ic-number {
        font-size: 30px;
        font-weight: 400;
        width: 76px;
    }
    .ctgry-checkbox .tile-name {
        font-size: 16px;
        line-height: 18px;
    }
    .wnd-cre-img-bx .pull-left, .wnd-cre-img-bx .pull-right {
        float: none !important;
    }
    .wound-care-page .pull-right.head-rgt-btn {
        display: block;
        float: none !important;
        margin-top: 5px;
    }
    .wound-care-page .pull-left {
        float: none !important;
    }
    .xs-mt-15{
        margin-top: 15px;
    }
    .xs-mt-10{
        margin-top: 10px;
    }

    #date-onset .pull-left {
        float: right !important;
    }
    #date-onset .pull-right {
        float: left !important;
    }
}
@media screen and (max-width: 420px) {
    .etiology-popup-cntnt .tiles-icon > img {
        width: 80px;
    }
    .etiology-popup-cntnt .tiles-icon {
        height: 80px !important;
        width: 80px !important;
    }
    .wound-care-page .etiology-popup-cntnt .wound-tile-radio .tile-name {
        font-size: 16px;
        line-height: 15px;
    }
    .etiology-popup-cntnt .wound-tile-radio input[type="radio"] + label .tile-boxes span{
        background-size: 30px auto;
    }
    .etiology-popup-cntnt .wound-tile-radio input[type="radio"]:checked + label .tile-boxes span{
        background-size: 30px auto;
    }

}
/*end wond care*/

/*vital sign page css*/

.vital-sign-page .tiles-icon {
    background: #833a9f none repeat scroll 0 0;
    padding: 0;
}


/*--responsive---*/
@media screen and (min-width: 992px) and (max-width: 1250px){
    .vital-sign-page .tile-name {
        font-size: 14px;
    }
    .vital-sign-page .tile-ic-number {
        font-size: 26px;
        width: 50px;
    }
    .vital-sign-page .tile-boxes {
        height: 50px;
    }
    .vital-sign-page .tiles-icon > img {
        height: auto !important;
        width: 50px !important;
    }
    .vital-sign-page .wound-tile-radio .tile-name {
        padding-right: 30px;
    }
    .vital-sign-page .wound-tile-radio input[type="radio"] + label .tile-boxes span {
        background-size: 20px auto;
    }
}
/*end vital sign*/

/*diabetic foot page css*/
.diabetic-foot-page .tiles-icon {
    padding: 0;
    /*background: #ff7d09;*/
    background: #D25400;
}
.ask-que > ul {
    color: #333;
    font-size: 15px;
    list-style: outside none none;
    padding-left: 0;
}
.diabetic-foot-page .tile-name {
    padding-right: 30px;
}
.long-heading{
    overflow: hidden;
    padding-right: 75px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scre-totl span {
    margin-left: 10px;
    font-size: 16px;
}
.snatn-mnflmnt {
    margin: 0 auto;
    position: relative;
    width: 290px;
}
/*foot checkbox*/
.foot-chkbx input[type="checkbox"] {
    display: none;
}
.foot-chkbx {
    position: absolute;
}
/*Diabetic foot radios*/
.foot-chkbx input[type="checkbox"]:checked + label {
    /*background: rgba(255, 0, 0, 0.8);*/
    background: rgba(210, 84, 0,1);
}
.foot-chkbx label {
    /*background: rgba(255, 102, 102, 0.4) none repeat scroll 0 0;*/
    background: rgba(210, 84, 0,0.4) none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 28px;
}
.right-ft.ft1-chk {
    right: 100px;
    top: 50px;
}
.right-ft.ft2-chk {
    right: 65px;
    top: 28px;
}
.right-ft.ft3-chk {
    right: 20px;
    top: 10px;
}
.right-ft.ft4-chk{
    right: 99px;
    top: 105px;
}
.right-ft.ft5-chk {
    right: 60px;
    top: 90px;
}
.right-ft.ft6-chk {
    right: 14px;
    top: 75px;
}
.right-ft.ft7-chk{
    bottom: 80px;
    right: 85px;
}
.right-ft.ft8-chk{
    bottom: 85px;
    right: 50px;
}
.right-ft.ft10-chk {
    right: 35px;
    top: 47px;
}
.right-ft.ft9-chk {
    bottom: 20px;
    right: 60px;
}
.left-ft.ft11-chk{
    left: 20px;
    top: 15px;
}
.left-ft.ft22-chk{
    left: 70px;
    top: 25px;
}
.left-ft.ft33-chk {
    left: 102px;
    top: 50px;
}
.left-ft.ft44-chk {
    left: 15px;
    top: 80px;
}
.left-ft.ft55-chk {
    left: 56px;
    top: 95px;
}
.left-ft.ft66-chk{
    left: 102px;
    top: 110px;
}
.left-ft.ft77-chk {
    bottom: 80px;
    left: 52px;
}
.left-ft.ft88-chk {
    bottom: 78px;
    left: 87px;
}
.left-ft.ft99-chk {
    bottom: 20px;
    left: 60px;
}
.left-ft.ft110-chk {
    left: 37px;
    top: 49px;
}
/*responsive*/
@media screen and (min-width: 992px) and (max-width: 1280px){
    .diabetic-foot-page .wound-tile-radio input[type="radio"] + label .tile-boxes span {
        background-size: 20px auto;
    }
    .diabetic-foot-page .tile-name {
        font-size: 13px;
        line-height: 15px;
    }
    .diabetic-foot-page .tiles-icon > img {
        width: 50px;
    }
    .diabetic-foot-page .tile-boxes {
        height: 50px;
    }
    .diabetic-foot-page .tile-ic-number {
        font-size: 26px;
        width: 50px;
    }
}
@media screen  and (min-width: 767px) and (max-width: 880px){
    .diabetic-foot-page .tile-name {
        font-size: 14px;
        line-height: 15px;
        padding-right: 25px;
    }

    .diabetic-foot-page .tile-ic-number {
        width: 60px;
        font-size: 26px;
    }
    .diabetic-foot-page .tiles-icon > img {
        width: 60px;
    }
    .diabetic-foot-page .tile-boxes {
        height: 60px;
    }
}

@media screen and (max-width: 550px){
    .page-breadcrumb {
        float: none;
    }
}
@media screen and (max-width: 350px){
    .wnd-image {
        overflow-y: auto;
    }
}
/*end diabetic foot*/

/*investigatoin page css*/
.tile-del-ic button {
    border: none;
    background: none;
}
.inline-timepiker .datepicker {
    display: none;
}
.inline-timepiker .timepicker {
    background: #fff none repeat scroll 0 0;
    width: 100%;
}
.inline-timepiker {
    overflow: hidden;
    padding: 5px;
}
.inline-timepiker span.timepicker-hour,.inline-timepiker span.timepicker-minute {
    pointer-events: none;
}
.inline-timepiker .timepicker td button.btn {
    background: #606CB3;
    border: 1px solid #606CB3;
}
.inline-timepiker .timepicker .glyphicon {
    color: #606CB3;
}
.inline-timepiker .timepicker-hours {
    padding: 5px 0;
}
.inline-dt-pk .modal-content {
    min-height: 390px;
}
.inline-dt-pk .datepicker-inline {
    background: #fff none repeat scroll 0 0;
    border-radius: unset;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}
.inline-dt-pk .datepicker table {
    width: 100%;
}
.inline-dt-pk  .datepicker table tr td span {
    height: 40px;
    line-height: 40px;
    color: #333;
}
.inline-dt-pk .datepicker .month.active ,.inline-dt-pk .datepicker .year.active ,.inline-dt-pk .datepicker table tbody td.active{
    background: #606CB3 !important;
    color: #fff;
}
.inline-dt-pk .datepicker table thead th {
    color: #333 !important;
    font-weight: 600;
}
.investigation-page .tile-ic-number {
    font-size: 30px;
    line-height: 25px;
}
.investigation-page .tiles-icon{
    padding: 0;
}
.investigation-page  .tile-del-ic {
    position: absolute;
    right:-6px;
    top: 25%;
}
.investigation-page  .tile-name{
    padding-right: 30px;
}
.pop-two-lin-slider .owl-wrapper-outer .item {
    margin: 0 13px 13px;
}
.pop-two-lin-slider .tiles-icon {
    height: 117px !important;
    width: 117px !important;
}
.pop-two-lin-slider .tile-boxes {
    height: 117px;
}
.pop-two-lin-slider .tile-ic-number {
    font-size: 40px;
    width: 117px;
}
.pop-two-lin-slider .tile-name {
    font-size: 25px;
}

.pop-two-lin-slider .wound-tile-radio input[type="radio"]:checked + label .tile-boxes span {
    background: rgba(0, 0, 0, 0)  url("../images/lg-radio-chk.png") no-repeat scroll 97% center;
    height: 100%;
    border-radius: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.pop-two-lin-slider .wound-tile-radio input[type="radio"] + label .tile-boxes span {
    background: rgba(0, 0, 0, 0) url("../images/unchk-radio-img.png") no-repeat scroll 97% center;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.pop-two-lin-slider .owl-pagination {
    display: none;
}
.pop-two-lin-slider .owl-buttons .owl-prev {
    background: rgba(0, 0, 0, 0) url("../images/left-blue.png") no-repeat scroll 0 0 / contain  !important;
    font-size: 0 !important;
    left: -20px;
    opacity: 1 !important;
    padding: 17px 10px !important;
    position: absolute;
    top: 37%;
}
.pop-two-lin-slider .owl-buttons .owl-next {
    background: rgba(0, 0, 0, 0) url("../images/right-blue.png") no-repeat scroll 0 0 / contain  !important;
    font-size: 0 !important;
    opacity: 1 !important;
    padding: 17px 10px !important;
    position: absolute;
    right: -20px;
    top: 37%;
}
.investigation-page .tiles-icon{
    /*  background: #00abf7;*/
    background: #34495E;
}

@media screen and (min-width: 992px) and (max-width: 1280px){
    .investigation-page .pop-two-lin-slider .tile-name {
        font-size: 24px;
        line-height: 15px;
    }
    .investigation-page .pop-two-lin-slider .tile-ic-number {
        font-size: 40px;
        width: 117px;
    }
    .investigation-page .tile-del-ic img {
        width: 25px;
    }
    .investigation-page .tile-name {
        font-size: 14px;
        line-height: 15px;
    }
    .investigation-page .tile-ic-number {
        font-size: 20px;
        width: 60px;
        line-height: 16px;
    }
    .investigation-page .tile-boxes {
        height: 60px;
    }
    .investigation-page .tiles-icon > img {
        width: 50px;
    }
    .md-txt-elipsis {
        overflow: hidden;
        padding-right: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .investigation-page .pop-two-lin-slider .tile-name {
        font-size: 24px;
        line-height: 15px;
    }
    .investigation-page .pop-two-lin-slider .tile-ic-number {
        font-size: 40px;
        width: 117px;
    }
    .investigation-page .tile-ic-number {
        width: 60px;
        font-size: 16px;
    }
    .investigation-page .tile-del-ic img {
        width: 25px;
    }
    .investigation-page .tile-name {
        font-size: 14px;
        line-height: 15px;
    }
    .investigation-page .tiles-icon img {
        width: 60px;
    }
    .investigation-page .tile-boxes {
        height: 60px;
    }
}
@media screen and (max-width: 480px){
    .pop-two-lin-slider .tile-boxes {
        height: 65px;
    }
    .pop-two-lin-slider .tiles-icon {
        height: 65px !important;
    }
    .pop-two-lin-slider .tile-ic-number {
        font-size: 30px;
        width: 65px;
    }
    .pop-two-lin-slider .tile-name {
        font-size: 18px;
    }
    .pop-two-lin-slider .wound-tile-radio input[type="radio"] + label .tile-boxes span {
        background-size: 30px;
    }
    .pop-two-lin-slider .wound-tile-radio input[type="radio"]:checked + label .tile-boxes span {
        background-size: 30px;
    }
}
/*end investigation*/
/*mobility assesment page css*/
.mobility-asesmnt-page .tiles-icon {
    /*background: #c72684;*/
    background: #F49B12;
    padding: 0;
}
.tile-textarea {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    padding: 10px;
}
.tile-textarea .slimScrollDiv {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.tile-textarea textarea {
    border: medium none;
    padding: 10px;
    resize: none;
    width: 100%;
}
.tile-textarea textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 20px;
    color: #000;
    opacity: 0.5;
    font-weight: 600;
}
.tile-textarea textarea::-moz-placeholder { /* Firefox 19+ */
    font-size: 20px;
    color: #000;
    opacity: 0.5;
    font-weight: 600;
}
.tile-textarea textarea:-ms-input-placeholder { /* IE 10+ */
    font-size: 20px;
    color: #000;
    opacity: 0.5;
    font-weight: 600;
}
.tile-textarea textarea:-moz-placeholder { /* Firefox 18- */
    font-size: 20px;
    color: #000;
    opacity: 0.5;
    font-weight: 600;
}
.mt-50{
    margin-top: 50px;
}
.mb-20{
    margin-bottom: 20px;
}
/*responsive*/
@media screen and (min-width: 992px) and (max-width: 1199px){
    .mobility-asesmnt-page .tiles-icon img {
        width: 50px;
    }
    .mobility-asesmnt-page .wound-tile-radio input[type="radio"] + label .tile-boxes span {
        background-size: 20px auto;
    }
    .mobility-asesmnt-page .tile-name {
        font-size: 14px;
    }
    .mobility-asesmnt-page .tile-ic-number {
        font-size: 26px;
        width: 50px;
    }
    .mobility-asesmnt-page .tile-boxes{
        height: 50px;
    }
}
@media screen and (min-width: 767px) and (max-width: 991px){
    .mobility-asesmnt-page .tile-ic-number {
        font-size: 26px;
        width: 60px;
    }
    .mobility-asesmnt-page .tiles-icon img {
        width: 60px;
    }
    .mobility-asesmnt-page .tile-name {
        font-size: 14px;
    }
    .mobility-asesmnt-page .tile-boxes{
        height: 60px;
    }
}
/*end mobility assessment*/
/*basic lower limb assessment page css*/
.basic-limb-asses-page .tiles-icon {
    /*background: #009688;*/
    background: #F49B12;
    padding: 0;
}
.basic-limb-asses-page .tile-name{
    padding-right: 42px;
}
@media screen and (min-width: 992px) and (max-width: 1299px){
    .basic-limb-asses-page .tile-ic-number {
        font-size: 22px;
        width: 50px;
    }
    .basic-limb-asses-page .tiles-icon img {
        width: 50px !important;
        height: auto !important;
    }
    .basic-limb-asses-page .tile-name {
        font-size: 13px;
        line-height: 15px;
        padding-right: 30px;
    }
    .basic-limb-asses-page .tile-boxes {
        height: 50px;
    }
    .basic-limb-asses-page .wound-tile-radio input[type="radio"] + label .tile-boxes span {
        background-size: 20px auto;
    }

}
/*end*/
/*advanced limb assessment page css*/
.basic-limb-asses-page .tile-ic-number {
    line-height: 20px;
}
.basic-limb-asses-page .tile-ic-number small {
    font-size: 20px;
    font-weight: 600;
}
/*end*/
/*referral & recommendation*/
.referl-recomndtn-page .tiles-icon {
    /*background: #00695b none repeat scroll 0 0;*/
    background: #1DBA9A none repeat scroll 0 0;
    padding: 0;
}
.referl-recomndtn-page .tile-name {
    padding-right: 30px;
}
/*responsive*/
@media screen and (min-width: 992px) and (max-width: 1299px){
    .referl-recomndtn-page .tile-boxes {
        height: 50px;
    }
    .referl-recomndtn-page .tile-ic-number {
        font-size: 22px;
        width: 50px;
    }
    .referl-recomndtn-page .tiles-icon img{
        width: 50px;
        border-radius: 4px;
    }
    .referl-recomndtn-page .tile-name {
        font-size: 13px;
        line-height: 15px;
    }
    .referl-recomndtn-page .wound-tile-radio input[type="radio"] + label .tile-boxes span {
        background-size: 20px auto;
    }

}
/*end*/
/*braden page css*/
.braden-page .tiles-icon {
    /*  background: #5e9c00;*/
    background: #2B80B9;
    padding: 0;
}
.main-title-slider .item {
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.braden-page .tile-name{
    padding-right: 35px;
}
.decscription-tile{
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    font-size: 16px;
    padding: 10px;
    position: relative;
}
.dec-scroll {
    height: 95px;
}
.dec-scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.dec-scroll  .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #d9d9d9 none repeat scroll 0 0;
    width: 1px;
}
.slider-wth-txtarea .cus-tile-dsgn label {
    margin-bottom: 1px;
}
.braden-page .tiles-section .owl-buttons {
    top: -55px;
}
@media screen and (min-width: 992px) and (max-width: 1299px){
    .braden-page .tile-name {
        font-size: 14px;
        line-height: 15px;
    }
    .braden-page .tile-ic-number {
        font-size: 22px;
        width: 50px;
    }
    .braden-page .tiles-icon img{
        width: 50px;
        border-radius: 4px;
    }
    .braden-page .tile-boxes {
        height: 50px;
    }
    .braden-page .wound-tile-radio input[type="radio"] + label .tile-boxes span {
        background-size: 20px auto;
    }
    .decscription-tile {
        font-size: 14px;
    }
}
/*end*/
/*viwer page css*/
.viewer-page .tiles-icon {
    /*background: #9e9d24 none repeat scroll 0 0;*/
    background: #17A086 none repeat scroll 0 0;
    padding: 0;
}
.viewer-page .tile-ic-number small {
    font-size: 25px;
}
.viewer-page .tile-ic-number {
    line-height: 22px;
}
.radio-slider .owl-pagination {
    display: none;
}
.radio-slider .owl-buttons {
    position: absolute;
    right: 0;
    top: -50px;
}
.radio-slider .owl-buttons .owl-prev {
    background: rgba(0, 0, 0, 0) url("../images/left-arrow.png") no-repeat scroll 0 0 / contain  !important;
    font-size: 0 !important;
    opacity: 1 !important;
    padding: 12px 10px !important;
}
.radio-slider .owl-buttons .owl-next {
    background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat scroll 0 0 / contain  !important;
    font-size: 0 !important;
    opacity: 1 !important;
    padding: 12px 10px !important;
}
.sky-head-wht-bg {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
}
.sky-head-wht-bg h4{
    /*background: #bbdefb none repeat scroll 0 0;*/
    background: #95A4A5 none repeat scroll 0 0;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 10px 20px;
}
.wnd-loc-img {
    padding: 20px;
}
.assmt-img-sldr-section {
    padding: 20px;
    position: relative;
}
.assmt-img-sldr-section .owl-pagination{
    display: none;
}
.assmt-img-sldr-section .owl-buttons {
    bottom: 0;
    position: absolute;
    right: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.assmt-img-sldr-section .owl-buttons .owl-prev {
    background: #fff url("../images/left-arrow-pg.png") no-repeat scroll center center !important;
    border-radius: unset !important;
    font-size: 0 !important;
    margin: 0 !important;
    padding: 18px 25px !important;
    border-right: 1px solid #ebeef2;
    opacity: 1 !important;
}
.assmt-img-sldr-section .owl-buttons .owl-next {
    background: #fff url("../images/right-arrow-pg.png") no-repeat scroll center center !important;
    border-radius: unset !important;
    font-size: 0 !important;
    padding: 18px 25px !important;
    opacity: 1 !important;
    margin: 0 !important;
}
.assmt-img-sldr-section .owl-theme .owl-controls{
    margin-top: 0;
}
.viewer-table {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.viewer-table td {
    border-color: #e0e0e0 !important;
    color: rgba(0,0,0,0.8);
    font-size: 16px;
    height: 40px;
    padding: 10px 35px 10px 20px !important;
}
.viewer-table table{
    margin-bottom: 0;
}
.viewer-table tr td:nth-child(1) {
    background: #17A086 none repeat scroll 0 0;
    border-right: 2px solid #c8d6de;
    color: #fff;
}
.viewer-table tr td:nth-child(2){
    position: relative;
}
.edit-pen {
    margin-top: -15px;
    position: absolute;
    right: 15px;
    top: 50%;
}
.wnd-loc-al-radio.skyblue-head-slider .owl-nav .owl-prev {
    top: -41px;
}
.wnd-loc-al-radio.skyblue-head-slider .owl-nav .owl-next {
    top: -41px;
}
.viewer-page .tile-name{
    padding-right: 30px;
}
#ass-img-slider .item img{
    width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1150px){
    .viewer-page .tile-name {
        font-size: 13px;
        line-height: 15px;
        padding-right: 15px;
    }
    .viewer-page .tile-ic-number {
        font-size: 22px;
        line-height: 15px;
        width: 50px;
    }
    .viewer-page .tile-boxes {
        height: 50px;
    }
    .viewer-page .tile-ic-number small {
        font-size: 17px;
    }
    .viewer-page  .wound-tile-radio input[type="radio"] + label .tile-boxes span {
        background-size: 20px auto;
    }
}
@media screen and (max-width: 420px){
    .assmt-img-sldr-section .owl-buttons .owl-prev,.assmt-img-sldr-section .owl-buttons .owl-next{
        padding: 15px 20px !important;
    }
}

/*end*/
.home-page-note {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    padding: 20px;
}
#searchMessage,#noaccess {
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    background: #fff;
    /*margin-left: 305px;*/
    padding: 10px;
    padding-top: 0;
    margin-top: 1px;
    border-radius: 0 0 4px 4px;
    width: 100% !important;
    /*position: absolute;*/
    left: 0 !important;
    top: 0 !important;
}
#searchMessage:hover {
    background: #F0C40E !important;
    color: #232647 !important;
}
.home-page-logo .page-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}
@media screen and (max-width: 992px){
    #select-product .fncy-scroll {
        max-height: 350px;
    }
}

.log-bx-cntnt select {
    -webkit-appearance:none;
    -moz-appearance: none;
    background: #fff url("../images/down-arrow.png") no-repeat scroll 98% center;
    border: 1px solid #dbe1e8;
    border-radius: 4px !important;
    font-size: 13px;
    font-weight: 400;
    height: 34px;
    padding: 6px;
    width: 100%;
}
#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
}
.windows8 {
    position: relative;
    width: 66px;
    top: 50%;
    height:66px;
    margin:auto;
}

.windows8 .wBall {
    position: absolute;
    width: 63px;
    height: 63px;
    opacity: 0;
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    animation: orbit 4.5325s infinite;
    -o-animation: orbit 4.5325s infinite;
    -ms-animation: orbit 4.5325s infinite;
    -webkit-animation: orbit 4.5325s infinite;
    -moz-animation: orbit 4.5325s infinite;
}

.windows8 .wBall .wInnerBall{
    position: absolute;
    width: 8px;
    height: 8px;
    background: rgb(96,108,179);
    left:0px;
    top:0px;
    border-radius: 8px;
}

.windows8 #wBall_1 {
    animation-delay: 0.986s;
    -o-animation-delay: 0.986s;
    -ms-animation-delay: 0.986s;
    -webkit-animation-delay: 0.986s;
    -moz-animation-delay: 0.986s;
}

.windows8 #wBall_2 {
    animation-delay: 0.193s;
    -o-animation-delay: 0.193s;
    -ms-animation-delay: 0.193s;
    -webkit-animation-delay: 0.193s;
    -moz-animation-delay: 0.193s;
}

.windows8 #wBall_3 {
    animation-delay: 0.3965s;
    -o-animation-delay: 0.3965s;
    -ms-animation-delay: 0.3965s;
    -webkit-animation-delay: 0.3965s;
    -moz-animation-delay: 0.3965s;
}

.windows8 #wBall_4 {
    animation-delay: 0.5895s;
    -o-animation-delay: 0.5895s;
    -ms-animation-delay: 0.5895s;
    -webkit-animation-delay: 0.5895s;
    -moz-animation-delay: 0.5895s;
}

.windows8 #wBall_5 {
    animation-delay: 0.793s;
    -o-animation-delay: 0.793s;
    -ms-animation-delay: 0.793s;
    -webkit-animation-delay: 0.793s;
    -moz-animation-delay: 0.793s;
}



@keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin:0%;
    }

    30% {
        opacity: 1;
        transform:rotate(410deg);
        animation-timing-function: ease-in-out;
        origin:7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin:30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin:39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin:70%;
    }

    76% {
        opacity: 0;
        transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin:0%;
    }

    30% {
        opacity: 1;
        -o-transform:rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin:7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin:30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin:39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin:70%;
    }

    76% {
        opacity: 0;
        -o-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin:0%;
    }

    30% {
        opacity: 1;
        -ms-transform:rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin:7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin:30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:70%;
    }

    76% {
        opacity: 0;
        -ms-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:0%;
    }

    30% {
        opacity: 1;
        -webkit-transform:rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin:7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:70%;
    }

    76% {
        opacity: 0;
        -webkit-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin:0%;
    }

    30% {
        opacity: 1;
        -moz-transform:rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin:7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin:30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:70%;
    }

    76% {
        opacity: 0;
        -moz-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}
/*--30-3--*/
.wnd_tile-boxes {
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    cursor: pointer;
}
.wound_profile_imgs {
    border-bottom: 1px solid #ccc;
    padding: 0 15px;
    background: #fff;
}
.wound_profile_name {
    background: #fff none repeat scroll 0 0;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 0;
    text-align: center;
}
.wound_profile_options input[type="radio"]{
    display: none;
}
.wound_profile_options{
    text-align: center;
}
#etiology .owl-nav .owl-prev {
    background: rgba(0, 0, 0, 0) url("../images/left-blue.png") no-repeat scroll 0 0 / contain  !important;
    font-size: 0 !important;
    left: -25px;
    opacity: 1 !important;
    padding: 17px 10px !important;
    position: absolute;
    top: 37%;
}
#etiology .owl-nav .owl-next {
    background:rgba(0, 0, 0, 0) url("../images/left-blue.png") no-repeat scroll 0 0 / contain  !important;
    font-size: 0 !important;
    opacity: 1 !important;
    padding: 17px 10px !important;
    position: absolute;
    right: -25px;
    top: 37%;
    transform: rotate(-180deg);
}


.tile-boxes .val-add:before {
    content: "";
    position: absolute;
    display: block;
    background: rgba(100%, 70%, 100%,0.6);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.pix-tabs ul li a {
    background: none !important;
    border-color: transparent !important;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
}
.pix-tabs ul li.active a::after {
    background: #f49b12 none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
button.pop-btn {
    background: #F49B12;
    border: none;
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 4px;
}
div.Atrash {
    font-weight: 700;
    color: #BF3A2B;
    font-size: 20px;
}
.alpha-pos {
    position: absolute;
    color: #ff3632;
    font-size: 15px;
    font-weight: bold;
    /*left: 190px;
    top: 120px;*/
}
.braden-page .skyblue-head-slider .owl-nav .owl-prev,.braden-page .skyblue-head-slider .owl-nav .owl-next{
    top:-54px
}
/*2d Css */
.modal-header {
    text-transform: capitalize;
}
.fakeBrowse {
    background: #0E96EC none repeat scroll 0 0;
    border: none;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
}
.fileName {
    background: none;
    border: none;
}
#upload-button {
    background: #0E96EC;
    color: #fff;
    border: none;
    margin-top: 10px !important;
}
.upld-footer-btn button {
    display: inline-block !important;
    margin-right: 5px;
    margin-left: 5px;
}
.upld-footer-btn {
    float: none !important;
    text-align: center;
    margin-top: 20px;
}
#uploadFileModalBody input.form-control {
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 2px;
}
.wite-bg {
    background: #fff;
    padding: 20px 0;
    border-radius: 4px;
}
.wite-bg label {
    text-align: left !important;
    font-weight: 400;
}
.wite-bg .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
    margin-bottom: 20px;
}
#progressBar {


    border: 1px solid grey;
    height: 22px;
    margin: 0 auto;
    width: 400px;
}

#progressBar div {
    height: 100%;
    /*color: #fff;*/
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0099ff;
}
#progressBar > img {
    float: right;
    margin-right: -30px;
    margin-top: -3px;
}
.foot_btn{
    text-align: center;
    margin-top: 20px;
}
/*--new css--*/
.lg-popup .tile-ic-number {
    width: 118px;
}
.tile-boxes.trigger-tile {
    background: #fff176;
}
.ylwBox {
    font-size: 20px;
    color: #FFCC00;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0;
}
.lg-popup .cus-tile-dsgn .tiles-icon img {
    width: 117px !important;
    height: 117px !important;
}
.category-select{
    height: 180px;
}
@media screen and (max-width: 1250px){
    .category-select{
        height: auto;
    }
}

body {
    padding-right: 0px !important;
}
body.modal-open {
    padding-right: 17px !important;
}
.prod-name-img{
    text-align: center;
    font-size: 25px;
}

.wc-product-table th:nth-child(1),.wc-product-table th:nth-child(1) div {
    min-width: 70px !important;
}
.wc-product-table th:nth-child(2),.wc-product-table th:nth-child(2) div {
    min-width: 450px !important;
}
.wc-product-table th:nth-child(3),.wc-product-table th:nth-child(3) div {
    min-width: 80px !important;
    text-align: left;
}
.wc-product-table th:nth-child(4),.wc-product-table th:nth-child(4) div {
    min-width: 200px !important;
    text-align: left;
}

#sidebar .sidebar-nav li.active a {
    color: #2e335e !important;
}
.inpt-file input[type="file"] {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 99;
}

.inpt-file.no-tooltip input[type="file"] {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 99;
}
/*Chat Css*/
.chat-window {
    bottom: 0;
    position: fixed;
    float: right;
    margin-left: 10px;
    /*right: 155px;*/
    right:20px;
    width: 320px;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
    z-index:999;

}
.chat-window > div > .panel {
    border-radius: 5px 5px 0 0;
}
.icon_minim {
    padding: 2px 10px;
}
.msg_container_base {
    background: #f9f9f9;
    margin: 0;
    padding: 0;
    max-height:355px;
    /*overflow-x: hidden;*/
    border: 1px solid #eeeeee;
    width:100% !important;
}
.top-bar {
    background: #666;
    color: white;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
.msg_receive {
    padding-left: 0;
    margin-left: 0;
}
.msg_sent {
    /*padding-bottom: 20px !important;*/
    margin-right: 0;
}
.messages {
    background: white;
    padding: 10px;
    border-radius: 2px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    max-width: 100%;
    box-shadow:none;
}
.messages > p {
    font-size: 13px;
    margin: 0 0 0.2rem;
}
.messages > time {
    font-size: 11px;
    color: #ccc;
}
.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}
.chat-window img {
    /*display: block;
        width: 100%;*/
}
.avatar {
    height: 44px;
    position: relative;
    width: 44px;
}
.base_receive > .avatar:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border: 5px solid #eeeeee;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

.msg_sent:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border: 5px solid #0E96EC;
    border-right-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}


.base_sent {
    justify-content: flex-end;
    align-items: flex-end;
}
.base_sent > .avatar:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid white;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.msg_sent > time {
    float: right;
}
.msg_container_base::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.msg_container_base::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}
.msg_container_base::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.btn-group.dropup {
    position: fixed;
    left: 0px;
    bottom: 0;
}

.msg_receive {
    background: #eeeeee;
    border-top-left-radius: 0 !important;
    margin-left: 10px;
    color: #666666;
}

.msg_sent {
    background: #0E96EC;
    color: #fff;
    position:relative;
    border-top-right-radius: 0 !important;
}

/* new edit css */

.chat-window .panel-heading {
    background: #606CB3 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 !important;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 0;
}
.chat-window .panel {
    margin: 0;
    border: none;
}
.chat-window .top-bar .fa {
    color: #ffffff;
    height: 22px;
    padding: 0;
    width: 22px;
    border-radius: 50px !important;
    line-height: 22px;
    text-align: center;
}
.chat-window .top-bar .fa:hover {
    background: rgba(255,255,255,0.4);
}
.chat-window .fa.fa-minus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    float: none;
    margin: 0;
}

.chat-window .fa.fa-minus, .chat-window .fa.fa-plus {
    position: relative;
    top: 1px;
}

.chat-window .search-bar {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 10px 15px;
}
.members-bar {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    padding: 10px 0;
}
.chat-window .search-box {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    border-radius: 5px !important;
    min-height: 39px;
    width:100%;
}
.chat-window .search-btn {
    background: rgba(0, 0, 0, 0) url("../images/chat-search-icon.png") no-repeat scroll center center;
    display: block;
    float: left;
    height: 39px;
    width: 39px;
}
.chat-window .search-box > input {
    border: medium none;
    min-height: 39px;
    padding: 5px;
}
.mbrs-text {
    color: #333333;
    font-size: 14px;
    text-transform: uppercase;
}
.online-user {
    color: #4caf50;
}
.chat-user-name {
    margin-left: 10px;
    margin-top: 5px;
}
.sidebar-name span {
    color: #909090;
    display: block;
    padding-left: 0;
}
.default-user {
    width: 10px;
    height: 10px;
    position: absolute;
    background: #dddddd;
    border-radius: 50px !important;
    right: 20px;
    top: 44%;
}
.green-user {
    background: #4caf50;
}
.yellow-user {
    background: #ffb300;
}
.red-user {
    background: #ff5252;
}
.chat-window .panel-title {
    margin-top: 3px;
}

.sent-msg-footer {
    bottom:10px;
    padding: 0 15px 0 15px;
    position: absolute;
    width: 100%;
}

.chat_input {
    border: 1px solid #dbe1e8;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

.sent-msg-footer .btn-sm {
    background: #606CB3 url("../images/msg-correct-icon.png") no-repeat scroll center center;
    border: 1px solid #606CB3;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    overflow: hidden;
    text-indent: 999px;
    width: 38px;
}

.track3:hover .handle3, .track3.dragging .handle3 {
    width: 7px;
}
/* new edit css */

/* click open css */
@media only screen and (max-width : 540px) {
    /*.chat-sidebar {
        display: none !important;
    }
    .chat-popup {
        display: none !important;
    }*/
}
.chat-sidebar {
    width: 100%;
    /*position: fixed;*/
    height: 100%;/*right: 0px;
                top: 0px;
                padding-top: 10px;
                padding-bottom: 10px;
                border: 1px solid rgba(29, 49, 91, .3);*/
}
.sidebar-name {
    font-size: 12px;
    color: #333333;
    padding: 15px;
    border-bottom: 1px solid #eeeeee;
    display: inline-block;
    width: 100%;
    position: relative;
    background :  #F9F9F9;
}
.sidebar-name a {
    display: inline-block;
    height: 100%;
    text-decoration: none;
    color: inherit;
    width:100%;
}
.sidebar-name:hover, .sidebar-name.active {
    background-color: #ffffff;
}
.sidebar-name img {
    width: 43px;
    height: 43px;
    vertical-align: middle;
    float: left;
}
.popup-box {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 220px;
    height: 400px;
    background-color: rgb(255, 255, 255);
    width: 300px;/*border: 1px solid rgba(29, 49, 91, .3);*/
    box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);
    z-index:999;
}
.popup-box .popup-head {
    background-color: #eeeeee;
    padding: 10px;
    color: #333333;
    font-size: 14px;
    clear: both;
}
.popup-box .popup-head .popup-head-left {
    float: left;
}
.popup-box .popup-head .popup-head-right {
    float: right;
    opacity: 0.5;
}
.popup-box .popup-head .popup-head-right a {
    text-decoration: none;
    color: inherit;
}
.popup-box .popup-messages {
    height: 78%;
    /*overflow-y: scroll;*/
    background: #fff;
    width:100% !important;
}
.chat-title{
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
}
.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: #cfdbe2;
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}
.sent-msg-footer input:focus {
    /* box-shadow: none; */
    border-color: #606CB2;
}
.loadmore {
    text-align: center;
    background: rgba(96, 108, 179, 0.5);
    color: #fff;
    padding: 5px 0;
    font-size: 16px;
    font-weight: 600;
}
.chat-acco a{
    width: 29px;
    height: 28px;
    float: right;
    overflow: hidden;
    background: url(../images/pl-mn-img.png);
    background-position: 4px -22px;
    background-repeat: no-repeat;
}
.chat-acco a.expand {
    background: url(../images/pl-mn-img.png);
    background-position: 4px 9px;
    width: 29px;
    height: 28px;
    float: right;
    overflow: hidden;
    background-repeat: no-repeat;
}

/*Conference*/

/*create conference page css*/
.cus-input-box input {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    height: 40px;
    width: 100%;
}
.cus-txtarea .slimScrollDiv {
    margin-bottom: 0;
}
.create-confe-page .tiles-icon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}
.invite-list ul {
    padding-left: 0;
    list-style: none;
}
.invite-list .tiles-icon {
    padding: 0;
}
.invite-list .tile-ic-number {
    width: 60px;
    font-size: 26px;
}
.invite-list .tile-boxes{
    height: 60px;
}
.invite-list .tile-name{
    font-size: 16px;
}
.invite-list {
    max-height: 340px;
}
.srch-text-bx input {
    border: 1px solid #ccc;
    height: 35px;
    width: 100%;
    box-shadow: 1px 0 3px rgba(0,0,0,0.10);
}
.srch-text-bx {
    border-radius: 4px;
    background: #fff;
    margin-bottom: 15px;
    padding: 10px;
}
.conf-table tbody td {
    padding: 10px 10px !important;
    vertical-align: middle !important;
    font-size: 15px;
}
.conf-table thead th {
    background: #35485F ;
    color: #fff;
    padding: 10px 10px !important;
    font-size: 15px;
}
.conf-table button {
    background: #1ABC9C;
    border: none;
    color: #fff;
    padding: 5px 15px;
    border-radius: 4px;
}
textarea#treatmentPlan {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.pb-15{
    padding-bottom: 15px;
}
.pt-15{
    padding-top: 15px;
}
.live-meeting .page-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.create-confe-page .tiles-icon.tile-bg {
    background: #0E96EC;
}
@media screen and (max-width: 767px){
    .xs-mb-10{
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 500px){
    .cus-xs-wdth{
        width: 100%;

    }
}
#info-content ul li {
    list-style: none;
}
/*new treatment section css*/
.treat-sumry{
    margin-top: 0;
}
.white-bg-bx {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    margin-top: 15px;
    padding: 7px;
}
.white-bg-bx textarea {
    border: none;
    resize: none;
}
.bfre-brdr::before {
    background: #ccc none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 1px;
}
.white-bg-innr {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 0;
}
.ref-lft-de .blue-btn {
    margin-left: 0;
}
.ad-pro-rgt-btn a{
    background: #768181 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    padding: 3px 10px;
    text-decoration: none;
}
.aded-product-tbl tbody tr {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.aded-product-tbl tbody td {
    border: medium none !important;
    vertical-align: middle !important;
}
.aded-product-tbl tbody td:nth-child(1) img {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 60px;
}
.tbl-scroll {
    max-height: 260px;
}

@media screen and (max-width: 767px){
    .bfre-brdr::before {
        height: 1px;
        left: 0;
        top: -6px;
        width: 100%;
    }
    .aded-product-tbl .table-responsive {
        border: medium none;
    }

}
@media screen and (max-width: 380px){
    .aded-product-tbl .tbl-scroll .mCustomScrollBox {
        overflow-x: auto;
    }
    .aded-product-tbl .tbl-scroll .mCSB_container {
        height: auto;
        overflow: auto;
        width: 350px;
    }
}
/*---*/
.aded-product-tbl .tile-ic-number {
    background: #bf3a2b;
    width: 60px;
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
}
.aded-product-tbl  tr td:first-child {
    padding:0 !important;
}
/* countdown */
.countdown-Timer {
    position: fixed;
    width: 100%;
    z-index: 99999;
    background: #ffc200;
    left: 0;
    padding: 10px;
    text-align: center;
    top: -70px;

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.countdown-Timer.slide-down-effect{
    top:0;
}

.countdown-Timer p {
    margin: 0 0 5px;
}
#blueman_grid .redBox {
    color: red;
    width: 18px;
    height: 20px;
    float: left;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}
.ylwBox {
    font-size: 18px;
    color: #FFCC00;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0;
}
.borders{
    border-top: 1px solid #ddd;
}
/* .wound-care-page .heading-box {
    background: #bf3a2b none repeat scroll 0 0;
} */
/*Wound Changes*/
.white-bg-innr .mce-panel {
    border: none;
}
/* .pro-lst-nav .owl-prev, .pro-lst-nav .owl-next {
  top: -93px !important;
} */
#select-product .wc-product-table thead th:nth-child(4) {
    width: 200px;
}
#select-product .wc-product-table thead th:nth-child(3) {
    width: 80px;
}

#category .mCustomScrollBox::after{
    background: transparent !important;
}
.pro-lst-nav .owl-prev, .pro-lst-nav .owl-next {
    top: -60px !important;
}

.white-bg-innr .mce-panel {
    border: none;
}

.heading-box.sub-title {
    /* background: #95A4A9; */
    /* color: #fff; */
    padding-top: 10px;
}
.heading-box.sub-title .ad-pro-rgt-btn a {
    background: #fff;
    color: #2e335e;
}
#category .mCustomScrollBox::before,#category .mCustomScrollBox::after {
    background: transparent !important;

}
.wc-product-table tbody td:nth-child(1) {
    text-align: center;
    line-height: 38px;
}

.summary-page .summary-table table thead tr th {
    background :#5b3991 none repeat scroll 0 0;
    color:#fff;
    border-bottom: 0.8px solid grey;
}

.summary-page .summary-table table tbody tr:LAST-CHILD td {
    color:#333;

}
.summary-page .summary-table tbody {
    color : #333;
}
.summary-page .summary-table table tbody tr td:first-child {
    border-left: 1px solid grey;
}
.summary-page .summary-table table tbody tr td:last-child {
    border-right: 1px solid grey;
}
.table-responsive.summary-table {
    border: 2px solid #bbc1c8;
    margin-bottom: 10px;
}
.table-responsive.summary-table table {
    margin-bottom: 0 !important;
}

.wnd-bd-dec-no {
    background-color: rgba(100%, 70%, 100%,1);

}

.information_pop#information_pop_1 , .information_pop#information_pop_2 {
    padding: 10px;
    margin-left: 15px;
    background-color: rgba(96, 108, 179,0.5) !important;
    width: 97%;
    color: #fff;
    margin-top: 10px;
}
h4.full-wdth-sec-title.main-heading{
    color : #fff;
    border: none;
    background-color : #bf3a2b !important;
}
#info-summary {
    font-weight: bold !important ;
    font-size: 14px !important;
}
.product-add-button .skyblue-head-slider .owl-nav .owl-next {
    right: 175px;
}
.product-add-button .pro-lst-nav .owl-prev,
.product-add-button .pro-lst-nav .owl-next {
    top: -60px !important;
}
.product-add-button .skyblue-head-slider .owl-nav .owl-prev {
    right: 200px;
}
#infopopup .fncy-scroll {
    height: 400px;
}
.undr-mng-sldr .owl-carousel .item {
    margin-top: 5px;
}
.undr-mng-sldr .tile-boxes {
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5);
}.undr-mng-sldr .owl-prev, .undr-mng-sldr .owl-next {
     top: -43px !important;
 }
.add-undermining-popup {
    height: 600px;
    overflow-y: hidden !important;
}
/*Horizontal Scroll for Wound Measure Image*/
/*#wMImageDiv {
  overflow-x: scroll;
}*/
/*Over Horizontal Scroll for Wound Measure Image*/
/* for investigation page */
.invest .tiles-icon > img {
    width: 60px !important;
    height: auto !important;
}
#daigVal .skyblue-head-slider .owl-nav .owl-next ,#daigVal .skyblue-head-slider .owl-nav .owl-prev{
    top: -54px !important;
}
/* for investigation page */
#uploadFileModalBody {
    min-width: 300px;
    width: 100%;
}

@media screen and (max-width:480px){
    .vertical-center .center-logo img {
        width: 100%;
    }
}

@media screen and (max-width:460px){
    .top-admin-menu.pull-right {
        margin-right: 30px;
    }
}
@media screen and (max-width:360px){
    .top-admin-menu.pull-right {
        margin-right: 0;
        clear:both;
    }
}
@media screen and (min-width:992px) and (max-width:1045px){
    .profile-des div {
        min-height: 49px;
        padding: 4px 17px;
    }
}

.assmt-img-sldr-section .item img {
    max-height: 266px;
    width: auto;
    margin: 0 auto;
}
.assmt-img-sldr-section .owl-carousel .owl-nav .owl-next,.assmt-img-sldr-section .owl-carousel .owl-nav .owl-prev {
    top: -54px;
}
.assmt-img-sldr-section .owl-carousel .owl-nav .owl-next {
    right: 0;
}
.assmt-img-sldr-section .owl-carousel .owl-nav .owl-prev {
    right: 20px;
}
.login-page .page-footer {
    padding: 10px 0;
}

@media screen and (max-width:530px){
    .pull-right.head-rgt-btn {
        display: inline-block;
        float: none !important;
        margin-top: 20px;
    }
}
@media screen and (max-width:430px){
    #upload-button {
        float: left;
        margin-left: 5px !important;
    }
    #progressBar {
        width: 100%;
        margin-bottom: 10px;
    }
}
.chat-window.chat_trans {
    bottom: 0;
}
.chat-window .collapse {
    display: initial;
}
/* .chat-window {
    bottom: -65px;
    transition: 0.5s ease-in-out;
} */
/*.chat-window .panel-heading + .collapse {
 bottom: -70px !important;
 display: inherit;
 position: relative;
 transition: all 0.5s ease-in-out 0s;
}
.chat-window .panel {
 margin-bottom: -65px;
 transition: all 0.5s ease-in-out 0s;
}*/
.tile-name.wound_bed{
    max-width: 140px;
    padding-right: 30px;
    word-wrap: break-word;

}
#wMImageDiv
{
    overflow: auto;
}
.popup-head-right button {
    border: none;
    background: none;
}
.donld-ptnt #main-container {
    margin-left: 0;
}
.donld-ptnt .content-header {
    padding: 13px 20px 13px 20px;
    top: 0px;
}
.donld-ptnt #page-content {
    padding: 40px 20px 20px;
}

.tile-boxes-optional {
    border-radius: 4px;
    height: 76px;
    cursor: pointer;
    display: table;
    position: relative;
}

.div1-custom-margin {
    margin-top: -23%;
}

.div2-custom-margin {
    margin-top: -10%;
    float: right;
}

.alpha-icon {
    padding: 1em;
    font-size: 25px !important;
}

.display_none {
    display: none;
}
.donld-ptnt .tiles-section .item {
    margin-bottom: 15px;
}.overlay{
     opacity: 0.5;
 }
.clc-content-pain .wound-tile-radio span {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: inline-block;
    height: 60px;
    margin-left: 12px;
    margin-top: 10px;
    font-size: 16px;
    padding: 20px 15px;
    text-align: center;
    width: 60px;
    cursor: pointer;
}
.clc-content-pain .wound-tile-radio span:last-child {
    width: 135px;
}
.clc-content-pain > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
/*initial client ass page css*/
.mb-5{
    margin-bottom: 5px;
}
.last-update{
    padding-left: 15px;
}
.last-update span {
    font-weight: 600;
}
.cus-slct-box select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance:none;
    height: 40px;
}
.cus-slct-box select {
    background: rgba(0, 0, 0, 0) url("../images/down-arrow.png") no-repeat scroll 97% center;
    border: 1px solid #dbe1e8;
    border-radius: 4px !important;
    box-shadow:   none;
    padding: 6px;
}
.gry-title-bx .portlet-body {
    background: #fff none repeat scroll 0 0;
    padding: 10px 0;
    border: 1px solid #e6e9ec ;
}
.gry-title-bx .heading-box{
    margin-bottom: 0;
}
.gry-title-bx .form-group{
    margin-bottom: 0;
}
.gry-title-bx .checkbox input[type="checkbox"] {
    display: none;
}
.gry-title-bx .form-group label{
    font-size: 13px;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    margin: 7px 0;
}
.gry-title-bx .form-group .checkbox {
    font-size: 13px;
    font-family: "Open Sans",sans-serif;
    margin: 7px 0;
    padding: 0 0 0 25px;
}
.gry-title-bx .checkbox  input[type="checkbox"]:checked + label::before {
    background: #606CB3 url("../images/checkbox-check.png") no-repeat scroll 1px 3px;
    border: 1px solid #606CB3;
    color: #fff;
    content: "";
    font-family: "FontAwesome";
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    position: absolute;
    text-align: center;
}
.gry-title-bx .checkbox label{
    padding-left: 0;
    margin:0;
}
.gry-title-bx .checkbox label::before{
    border: 1px solid #e0e0e0;
    content: "";
    display: inline-block;
    height: 15px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 1px;
    width: 15px;
}
.gry-title-bx .form-group .checkbox {
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    margin: 7px 0;
    padding: 0 0 0 25px;
}
.gry-title-bx .portlet-body  .form-group  textarea,.gry-title-bx .portlet-body  .form-group  textarea:focus{
    box-shadow: none;
    resize: none;
    border:1px solid #ccc;
}
.gry-title-bx .md-radio-inline .md-radio {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.gry-title-bx .fncy-radio-btn label,.gry-title-bx .fncy-radio-btn .md-radio-inline .md-radio label {
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin: 7px 0;
}
.gry-title-bx .fncy-radio-btn .md-radio input[type="radio"] {
    position: absolute;
    visibility: hidden;
}
.gry-title-bx .fncy-radio-btn .md-radio label > .check {
    background: #606CB3 none repeat scroll 0 0;
    border-radius: 50% !important;
    height: 9px;
    left: 3px;
    opacity: 1;
    top: 13px;
    transform: scale(0);
    width: 9px;
}
.gry-title-bx .fncy-radio-btn .md-radio label > span {
    display: block;
    left: 0;
    position: absolute;
    transition-duration: 0.3s;
}
.gry-title-bx .fncy-radio-btn .md-radio label > .box {
    border: 1px solid #bababa !important;
    border-radius: 50% !important;
    height: 15px;
    top: 10px;
    width: 15px;
}
.gry-title-bx .fncy-radio-btn .md-radio input[type="radio"]:checked ~ label > .check {
    opacity: 1;
    transform: scale(1);
}
.gry-title-bx .fncy-radio-btn .md-radio-inline .md-radio label {
    padding-left: 25px;
}
.mb-5{
    margin-bottom: 5px;
}
.mb-10{
    margin-bottom: 10px;
}
.cus-textarea textarea{

}
.hideChild{
    display: none !important;
}
.showChild{
    display: block !important;
}
.istitle {
    width: 100%;
}
.subtitle, .supertitle {
    background: #17A086 none repeat scroll 0 0 !important;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}


.viewer-table-ica {
    background: #fff;
}
/*initial client ass page css end*/


.test{
    display: none;
}