/* Main file */

html {
    height: 100%;
}

body {
    padding: 0px !important;
    margin: 0px !important;
    font-size: 14px;
    color: #4a4a4a;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    background: url('https://eu.ekareinc.com/static/img/wound-bg/wound_summary_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:100% !important;
    width:100% !important;
}

body .page {
    height: 100%;
} 

#login-page {
    background: url('https://eu.ekareinc.com/static/img/bg_login_iphone.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

#error-expired-token {
    width: 40%;
    height: auto;
    left: 45%;
    margin: 0 auto;
    bottom: 10px;
    font-size: 16px;
    background-color: #383838;
    color: #F0F0F0;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}

/* Scroll bar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: #9c9c9c;
  border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
  background: #6c6c6c;
}
/* Scroll bar */

br, textarea {
    font-family: sans-serif !important;
}

.clinical-class input[type=number]::-webkit-inner-spin-button, .clinical-class input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
.buttonCustumized {
        font-weight: bold;
        background: transparent;
        font-size: 15px;
        color: #247377;
        outline: none;
        border: none;
}
.buttonCustumized:hover {
    color: #000000;
}
 .h4_label {
     background: transparent;
     border: none;
     font-family: 'Roboto', sans-serif;
     font-size: 18px;
}
 img, a {
     border: none;
     outline: none;
}
 .text-height {
     font-weight: bold !important;
}
 a {
     color: #adabac;
     outline: none;
     text-decoration: none;
}

select.form-control {
    padding-right : 20px !important;
}

.head-clini-assign {
    background: #7ad1cb;
    padding-top: 5px;
    padding-bottom: 5px
}

 a:visited {
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
}
/* Clear fix */
 .clearfix {
     zoom: 1;
}
 .clearfix:before, .clearfix:after {
     content: " ";
     display: table;
}
 .clearfix:after {
     clear: both;
}
 .text-orange {
     color: #EC971F;
}
/* Box sizing */
 * {
     box-sizing: border-box;
}
 .alert-danger-alt {
     text-align: center;
     font-size: 12px;
     color: #000;
     margin-bottom: 10px;
}
 .glyphicon {
    /*margin-right:7px;
     */
     ;
}
/*====================== Risk Factors =====================*/
 .riskfactors-chart {
     width: 1048px;
     height: 260px;
}
 .table-fixed {
     max-height: 200px;
     overflow-y: scroll;
     width: 100%;
}
 .label-selected-wound {
     padding-top: 6px;
     padding-left: 40px;
     font-size: 14px;
}
 .secondary {
     top: 200px;
     z-index: 10;
}
 .wound-step-2 .col-md-1, .wound-step-2 .col-md-10, .wound-step-2 .col-md-11, .wound-step-2 .col-md-12, .wound-step-2 .col-md-2, .wound-step-2 .col-md-3, .wound-step-2 .col-md-4, .wound-step-2 .col-md-5, .wound-step-2 .col-md-6, .wound-step-2 .col-md-7, .wound-step-2 .col-md-8, .wound-step-2 .col-md-9, .wound-step-2 .col-sm-1, .wound-step-2 .col-sm-10, .wound-step-2 .col-sm-11, .wound-step-2 .col-sm-12, .wound-step-2 .col-sm-2, .wound-step-2 .col-sm-3, .wound-step-2 .col-sm-4, .wound-step-2 .col-sm-5, .wound-step-2 .col-sm-6, .wound-step-2 .col-sm-7, .wound-step-2 .col-sm-8, .wound-step-2 .col-sm-9 {
     position: relative;
     min-height: 1px;
     padding-right: 0;
     padding-left: 15px;
}
 .overlay {
     background-color: rgba(0, 0, 0, .75);
     opacity: 0.03;
     -moz-transition: opacity .25s ease;
     left: 0;
}
 .closed-wound {
    /*border-left: 5px solid #7ad1cb;*/
     background: #E2E2E2 !important;
}
 span.active-wound {
     margin-top: 8px;
     color: #46A5B3;
     width: 10px;
     padding-right: 10px;
     font-size: 13px;
}
 span.wound-id {
     margin-top: 12px;
     position: absolute;
     font-size: 12px;
     color: #FFFFFF;
     padding: 4px 7px !important;
}
 .small-md {
     font-size: 100%;
}
 .icon-right {
     color: #D9534F;
     font-size: 1.5em;
     margin-top: -4px;
}
 .bgimage img {
     width: 100%;
}
 .rgt-info2 {
     float: right;
}
 .rgt-info2 p {
     margin-top: 13px;
     margin-left: 10px;
     color: white;
}
 .rgt-info2 a {
     color: #E4ECEC;
     outline: none;
     text-decoration: none;
}
 .rgt-info2 a:hover {
     color: #23527C;
}
 .background-color {
     margin: 0;
     padding: 0;
     height: 100%;
     width: 100%;
     max-height: 100%;
     background-color: #FFFFFF;
}
 .capitalize {
     text-transform: capitalize;
}
/*====================== Login page =====================*/
#login-page-content {
    width: 400px;
    margin: auto;
}
#login-page-content .title {
    font-size: 16px;
    width: 100%;
}

.main-logo {
    margin-top: 20px;
    height: 240px;
    background-image: url('https://eu.ekareinc.com/static/img/logos/Insight-Europe-white.png');
    background-size: 105% auto;
    background-position: center;
    background-repeat: no-repeat;
}

 #login-page-content .reset {
     text-align: center;
     font-size: 14px;
     color: white;
     padding: 20px 0;
     border-bottom: 2px solid rgb(255,255,255,0.5);
     border-top: 2px solid rgb(255,255,255,0.5);
}
 #login-page-content .form-group {
     margin: 5px 5px 15px 5px;
     float: right;
}
 #login-page-content .reset a {
     color: white;
     text-decoration: none;
}
/*====================== Patient Directory =====================*/
 .margin-bottom-sm {
     margin-bottom: 5px !important;
}
 .margin-top-sm {
     margin-top: 10px !important;
     margin-bottom: 0px;
}
 .input-group .form-control {
     padding: 10px;
}
 #p-dir {
     width: 100%;
     float: left;
}
 .dir-head {
     padding-top: 15px;
     padding-bottom: 5px;
}
 .prev {
     float: left;
     width: 47px;
     height: 29px;
}
 .title {
     font-size: 18px;
     color: #fff;
}
 .dir-search-bar {
     float: left;
     width: 100%;
     padding: 0 37px 10px;
}
 .search-bar {
     float: left;
     background: rgba(255, 255, 255, 0.4);
     border-radius: 30px;
     height: 48px;
     width: 40%;
     margin-top: 10px;
}
 .search-bar input[type="text"] {
     background: none;
     border: none;
     height: 48px;
     padding: 10px 20px;
     width: 92%;
     font-size: 16px;
     color: #2b6662;
     float: left;
     outline: none;
}
 .search-bar input[type="submit"] {
     background: url(../img/img_search.png) no-repeat;
     border: none;
     width: 35px;
     height: 36px;
     padding: 0;
     cursor: pointer;
     float: left;
     margin-top: 6px;
     outline: none;
}
 .rgt-info {
     float: right;
     width: 18%;
}
 .rgt-info p {
     float: left;
     font-size: 16px;
     color: #fff;
     font-weight: normal;
     padding-right: 20px;
     margin-left: 17px;
     margin-top: 16px;
}
 .p-toggle {
     margin-right: 10px;
     margin-top: 20px;
     height: 32px !important;
}
/* Patients list */
 .list-container {
     width: 100%;
}
 .list {
     width: 100%;
     height: 84%;
     overflow-y: auto;
}
 .ngscroll-content-container {
     width: 100%;
}
 .patient-dir .dir-table {
     margin-top: 10px;
}
 .patient-dir-dash {
     margin: 0px;
}
 .dir-table {
     margin-top: 5px;
     float: left;
     width: 100%;
     background-color: #FFFFFF;
}
 .list-container .table-header {
     width: 100% !important;
}
 .list-container .table-header tr th {
     background: #faf6ed;
     text-align: left;
     padding: 8px 20px;
     font-size: 16px;
     color: #adabac;
     font-weight: normal;
}
 .table-header-custom {
     background: #e4ce9b;
     text-align: left;
     padding: 8px 20px;
     font-size: 16px;
     color: #e4eff7;
     font-weight: normal;
}
 .list-container .table tr td {
     cursor: pointer;
}
 .list-container a {
     color: #adabac;
     outline: none;
     text-decoration: none;
     cursor: pointer;
}
 .table tr td img {
     max-width: 100%;
     margin-left: 18px;
}
 .table .enabled {
     color: #C3C3BF;
}
 .list-container .tic-btn {
     width: 53px;
     height: 53px;
     display: block;
}
/*Physicians list*/
 .physician-select {
     width: 25%;
     height: 48px;
     float: right;
     padding-top: 20px;
}
 .physician-select p {
     float: left;
     font-size: 16px;
     color: #fff;
     font-weight: normal;
     padding-right: 25px;
     padding-top: 5px;
     margin-left: 17px;
}
 .physician-select .form-control {
     width: 60% !important;
}
 .form-physician-select {
     padding-top: -10px !important;
}
/*====================== Staging =====================*/
 .pu {
     font-size: 21px;
     color: #5e5e55;
     margin-top: 8px;
}
 .pu:hover {
     font-size: 23px;
     color: #363630;
     margin-top: 7px;
}
 .staging.active, .staging.focus, .staging:active, .staging:focus, .staging:hover {
     border: 2px solid #f58282;
}
 .staging-close:focus, .staging-close:hover {
     color: #e96565;
     text-decoration: none;
     cursor: pointer;
     filter: alpha(opacity=50);
     opacity: 1;
}
 button.staging-close {
     -webkit-appearance: none;
     padding: 0;
     cursor: pointer;
     background: 0 0;
     border: 0;
}
 .staging-close {
     float: right;
     font-size: 21px;
     font-weight: 700;
     line-height: 1;
     color: #f58282;
     text-shadow: 0 1px 0 #fff;
     filter: alpha(opacity=20);
     opacity: .8;
}
 .staging-disable {
     opacity: 0.5;
     pointer-events: none;
}
 .assesssmentUnit {
     font-size: 13px;
     color: #c4c1bd;
     margin-bottom: 10px;
     margin-top: -4px;
}
 .mg-t-md {
     margin-top: 10px;
}
 .mg-b-s {
     margin-bottom: 4px;
}
 .mb-b-lg {
     height: 150px;
}
 .btn-reset {
     border: 1px solid #f58282;
     color: #f58282;
}
 .btn-reset.active, .btn-scale.focus, .btn-reset:active, .btn-scale:focus, .btn-reset:hover {
     background: #f58282;
     color: white;
}
 .scaleCol {
     /*background: #FBF8F4;*/
     border-right: 2px solid #f58282;
     height: 175px;
}
 .scaleLastCol {
     background: #FBF8F4;
     border-right: 2px solid #efe9e2;
}
 .btn-scale-circle {
     width: 40px;
     height: 40px;
     text-align: center;
     padding: 6px 0;
     font-size: 12px;
     line-height: 1.428571429;
     border-radius: 20px;
}
 .btn-scale {
     background: #FBF8F4;
     font-size: 18px;
     color: #444444;
}
 .btn-scale-s {
     background: #fbf8f4;
     font-size: 14px;
     color: #b2afaa;
}
 .scaleTotal {
     margin-left: 32px;
}

 .bradenAgend {
     font-size: 12px;
     padding-right: 10px;
    color: #666666;
}
 .scaleLastColHeight {
     height: 85px;
}
 .bradenHeader {
     background-color: #FBF8F4 !important;
     padding: 10px 0;
     margin-bottom: 7px;
     border: 0 !important;
}
.bradenHeader * {
    color: #000;
    font-weight: bold;
}
.pushTitle h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
}
.pushTitle small {
    color: rgba(0,0,0,0.6);
}
 .scaleBlock {
     margin-top: 18px;
}
 .col-centered {
     float: none;
     margin: 0 auto;
}
 .scaleClean {
     margin-left: -25px;
}
 .btn-scale.active, .btn-scale.focus, .btn-scale:active, .btn-scale:focus, .btn-scale:hover {
     background: #f58282;
     color: black;
}

.stagingCaptionTitle {
    text-align: center;
}
.braden-totalText {
    color: #000;
    font-weight: 400;
    margin: 20px 0 0 0;
}
.braden-totalNumber {
    margin-left: 10px;
    font-weight: 500;
}
 .scale-active {
     background: #f58282;
     color: black;
}
 .padding-left-right-none {
     padding-left: 0px;
     padding-right: 0px;
}
 .radio-margin-left {
     margin-left: 35px;
     margin-top: 20px;
}
 .stage-active {
     border: 2px solid #f58282;
}
 .stagingTitle {
     padding-bottom: 10px;
     border-bottom: 2px solid #7ad1cb;
     width: 30%;
     margin: auto;
     margin-top: 10px;
     margin-bottom: 10px;
}
 .stagingReadMoreTitle {
     padding-bottom: 10px;
     border-bottom: 2px solid #7ad1cb;
     width: 30%;
     margin: auto;
     margin-bottom: 10px;
}
 .scaleReadMoreTitle {
     padding-bottom: 10px;
     width: 40%;
     margin: auto;
}
 .mg-t-md {
     margin-top: 9px;
}
 .mg-b-md {
     margin-bottom: 10px;
}
 .mg-b-lg {
     margin-bottom: 15px;
}
 .stagingRadioLabel {
     font-family: inherit;
     font-weight: 400;
     color: inherit;
     font-size: 13px;
}
 .pushThumbnail {
     display: block;
     padding: 10px 10px 10px 0;
     line-height: 1.42857143;
     background-color: #fff;
     border-bottom: 1px solid #ddd;
}
 .pushBottomBorder {
     border-bottom: 1px solid #ddd;
}
 .pushThumbnail .caption {
     padding: 9px;
     color: #333;
}
 .stagingTitleLg {
     padding-bottom: 10px;
     border-bottom: 2px solid #7ad1cb;
     width: 40%;
     margin: auto;
     margin-top: 10px;
     margin-bottom: 10px;
}
 .stagingFixedHeight {
     height: 355px;
}
 .assessmentDesc {
     font-size: 15px;
     color: #928E88;
}
 .bottomAlignDiv {
     position: absolute;
     bottom: 10px;
     left: 50%;
     margin-left: -50px;
}
 .stagingFixedPosition {
     position: relative;
}
.btn-staging {
     color: #247377;
     background-color: rgba(255,255,255,0);
     border-color: #247377;
}

 .btn-staging:hover {
     color: #FFFFFF;
     background-color: #247377 !important;
     border-color: #247377 !important;
}
.name {
      color: #7ad1cb;
      font-size: 14px;
      margin-right: 15px;
}
.status{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #7ad1cb;
    border-radius: 50%;
    margin-right: 8px;

}

}
 .btn-staging.active, .btn-staging:active, .open > .dropdown-toggle.btn-staging {
     background-image: none;
}
 .btn-staging.disabled, .btn-staging.disabled.active, .btn-staging.disabled.focus, .btn-staging.disabled:active, .btn-staging.disabled:focus, .btn-staging.disabled:hover, .btn-staging[disabled], .btn-staging[disabled].active, .btn-staging[disabled].focus, .btn-staging[disabled]:active, .btn-staging[disabled]:focus, .btn-staging[disabled]:hover, fieldset[disabled] .btn-staging, fieldset[disabled] .btn-staging.active, fieldset[disabled] .btn-staging.focus, fieldset[disabled] .btn-staging:active, fieldset[disabled] .btn-staging:focus, fieldset[disabled] .btn-staging:hover {
     background-color: #337ab7;
}
 .row-horizon {
     overflow-x: scroll;
     overflow-y: hidden;
     white-space: nowrap;
}
 .row-horizon > [class*="col-lg"], .row-horizon > [class*="col-md"], .row-horizon > [class*="col-sm"], .row-horizon > [class*="col-xs"] {
     float: none;
     display: inline-block;
     white-space: normal;
     vertical-align: top;
}
 .row-horizon > .col-xs-12 {
     width: 90%;
}
 .row-horizon > .col-xs-11 {
     width: 82.5%;
}
 .row-horizon > .col-xs-10 {
     width: 75%;
}
 .row-horizon > .col-xs-9 {
     width: 67.5%;
}
 .row-horizon > .col-xs-8 {
     width: 60%;
}
 .row-horizon > .col-xs-7 {
     width: 52.5%;
}
 .row-horizon > .col-xs-6 {
     width: 45%;
}
 .row-horizon > .col-xs-5 {
     width: 37.5%;
}
 .row-horizon > .col-xs-4 {
     width: 30%;
}
 .row-horizon > .col-xs-3 {
     width: 22.5%;
}
 .row-horizon > .col-xs-2 {
     width: 15%;
}
 .row-horizon > .col-xs-1 {
     width: 7.5%;
}
 @media (min-width: 768px) {
     .row-horizon > .col-sm-12 {
         width: 90%;
    }
     .row-horizon > .col-sm-11 {
         width: 82.5%;
    }
     .row-horizon > .col-sm-10 {
         width: 75%;
    }
     .row-horizon > .col-sm-9 {
         width: 67.5%;
    }
     .row-horizon > .col-sm-8 {
         width: 60%;
    }
     .row-horizon > .col-sm-7 {
         width: 52.5%;
    }
     .row-horizon > .col-sm-6 {
         width: 45%;
    }
     .row-horizon > .col-sm-5 {
         width: 37.5%;
    }
     .row-horizon > .col-sm-4 {
         width: 30%;
    }
     .row-horizon > .col-sm-3 {
         width: 22.5%;
    }
     .row-horizon > .col-sm-2 {
         width: 15%;
    }
     .row-horizon > .col-sm-1 {
         width: 7.5%;
    }
}
 @media (min-width: 992px) {
     .row-horizon > .col-md-12 {
         width: 90%;
    }
     .row-horizon > .col-md-11 {
         width: 82.5%;
    }
     .row-horizon > .col-md-10 {
         width: 75%;
    }
     .row-horizon > .col-md-9 {
         width: 67.5%;
    }
     .row-horizon > .col-md-8 {
         width: 60%;
    }
     .row-horizon > .col-md-7 {
         width: 52.5%;
    }
     .row-horizon > .col-md-6 {
         width: 45%;
    }
     .row-horizon > .col-md-5 {
         width: 37.5%;
    }
     .row-horizon > .col-md-4 {
         width: 30%;
    }
     .row-horizon > .col-md-3 {
         width: 22.5%;
    }
     .row-horizon > .col-md-2 {
         width: 16.66666667%;
    }
     .row-horizon > .col-md-1 {
         width: 7.5%;
    }
}
 @media (min-width: 1200px) {
     .row-horizon > .col-lg-12 {
         width: 90%;
    }
     .row-horizon > .col-lg-11 {
         width: 82.5%;
    }
     .row-horizon > .col-lg-10 {
         width: 75%;
    }
     .row-horizon > .col-lg-9 {
         width: 67.5%;
    }
     .row-horizon > .col-lg-8 {
         width: 60%;
    }
     .row-horizon > .col-lg-7 {
         width: 52.5%;
    }
     .row-horizon > .col-lg-6 {
         width: 45%;
    }
     .row-horizon > .col-lg-5 {
         width: 37.5%;
    }
     .row-horizon > .col-lg-4 {
         width: 30%;
    }
     .row-horizon > .col-lg-3 {
         width: 22.5%;
    }
     .row-horizon > .col-lg-2 {
         width: 15%;
    }
     .row-horizon > .col-lg-1 {
         width: 7.5%;
    }
}
/*====================== Modal add new patient =====================*/
 .modal-body .container {
     overflow: hidden;
}
 .modal-body {
     overflow: hidden;
}
 .gender-radio {
     height: 20px;
}
 .gender-radio input[type="radio"] + label {
     padding: 0 25px 0 8px !important;
     top: 8px !important;
     line-height: 16px;
}
 .nice-radio input[type="radio"] {
     position: absolute;
     opacity: 0;
     -moz-opacity: 0;
     -webkit-opacity: 0;
     -o-opacity: 0;
}
 .nice-radio input[type="radio"] + label {
     position: relative;
     padding: 0 2px 0 25px;
     font-size: 16px;
     top: 4px;
     line-height: 16px;
}
 .nice-radio input[type="radio"] + label:before {
     content: "";
     display: block;
     position: absolute;
     height: 14px;
     width: 14px;
     background: white;
     border: 1px solid gray;
     box-shadow: inset 0px 0px 0px 2px white;
     -webkit-box-shadow: inset 0px 0px 0px 2px white;
     -moz-box-shadow: inset 0px 0px 0px 2px white;
     -o-box-shadow: inset 0px 0px 0px 2px white;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -o-border-radius: 8px;
}
 .nice-radio input[type="radio"]:checked + label:before {
     background: #7ad1cb;
}
/* Responsive */
 @media (min-width: 1100px) and (max-width: 1291px) {
     .rgt-info {
         width: 22%;
    }
}
 @media (min-width: 1292px) and (max-width: 1393px) {
     .rgt-info {
         width: 22%;
    }
}
 @media (min-width: 1394px) and (max-width: 1451px) {
     .rgt-info {
         width: 22%;
    }
}
 @media (min-width: 1450px) and (max-width: 1519px) {
     .rgt-info {
         width: 23%;
    }
}
 @media (min-width: 1520px) and (max-width: 1600px) {
     .rgt-info {
         width: 22%;
    }
}
 @media (min-width: 1101px) and (max-width: 1280px) {
     .title {
         width: 85%;
    }
     .search-bar input[type="text"] {
         width: 90%;
    }
}
 @media (min-width: 801px) and (max-width: 1100px) {
     .search-bar input[type="text"] {
         width: 89%;
    }
     .rgt-info {
         width: 22%;
    }
     .dir-head {
         padding: 20px 3%;
    }
     .dir-search-bar {
         padding: 0 2% 10px;
    }
     .rgt-info p {
         font-size: 16px;
         padding-right: 20px;
         margin-left: 118px;
    }
     .title {
         float: left;
         font-size: 18px;
         color: #fff;
         width: 83%;
    }
}
 @media (max-width: 800px) {
     .title {
         text-align: left;
         width: 100%;
         padding: 20px 0;
    }
     .user-ico {
         float: left;
    }
     .search-bar input[type="text"] {
         width: 90%;
    }
     .rgt-info {
         padding-top: 15px;
         width: 100%;
    }
     .search-bar {
         width: 100%;
    }
     .dir-head {
         padding: 20px 2%;
    }
     .dir-search-bar {
         padding: 0 2% 10px;
    }
     .rgt-info p {
         font-size: 16px;
         padding-right: 20px;
    }
     .cross-btn, .tic-btn {
         width: 33px;
         height: 33px;
    }
}
 @media (max-width: 500px) {
     .search-bar input[type="text"] {
         width: 85%;
    }
}
/*====================== Wound summary =====================*/
 .row {
     display: table;
     width: 100%;
     margin-left: 1px;
}
 .main-content {
     margin: 0;
     padding: 0;
     display: default;
     /*height: 768px;*/
}
 .top-header {
     top: 0;
     left: 0;
     position: relative;
}
 .header {
     background: #7ad1cb;
     height: 25px;
     margin: 0px;
}
 .header_user {
     color: #fff;
     margin-top: 12px;
     font-size: 16px;
     text-align: center;
}
 .header_user label {
     font-size: 16px;
     font-weight: normal;
     text-align: center;
}
 .user-ico {
     float: right;
     width: 40px;
     margin-top: 5px;
}
.second_header {
    background: #f4efe9;
    height: 45px;
}
 .risk_factors_important {
     background: #f4efe9;
     height: 45px;
}
 .risk_factors {
     background: #fbfaf8;
     height: 45px;
}
 .second_header label {
     cursor: pointer;
}
 .btn-circle-selected {
     font-weight: bold !important;
     color: #000 !important;
     border: 1.5px solid #000 !important;
}

.btn-circle {
    border-radius: 27px;
    height: 35px;
    width: 210px;
    text-align: center;
    margin-top: 05px;
    font-size: 14px;
    line-height: 1.42;
    background: transparent;
    padding: 0 40px;
    outline: 0 !important;
    border: 0;
    font-weight: 500;
    color: #000;
}

.btn-circle:hover {
    border: 1.5px solid #000;
}
 .btn-circle-custom {
     font-weight: bolder;
     font-size: 20px;
     height: 40px;
     width: 100%;
     color: #FFF;
     text-align: center;
     margin-top: 05px;
     font-size: 14px;
     line-height: 1.42;
     border-radius: 27px;
     background: transparent;
     border-color: #FFF;
     padding: 0 40px;
}

 .btn-disabled-custom {
     font-weight: bolder;
     font-size: 20px;
     height: 40px;
     width: 100%;
     color: rgb(244, 173, 80) !important;
     text-align: center;
     margin-top: 05px;
     font-size: 14px;
     line-height: 1.42;
     border-radius: 27px;
     border-color: rgb(244, 173, 80) !important;
     background: #fdf3e7;
     padding: 0 40px;
}
button:focus {
    outline: none !important;
    box-shadow: none !important;
}
 .sh_padding {
     height: 100%;
     padding-top: 35px;
}
 .htext {
     color: #999691;
     font-size: 14px;
     font-weight: normal;
     margin-top: -20px;
}
 .patient_info {
     background: white;
     /*height: 590px !important;*/
     padding-left: 0px;
     padding-right: 0px;
}

.profile {
    /*background: url("../img/img_patient_info_bg.jpg");*/
    /*height: 58vh !important;*/
    height: 405px !important;
    overflow: auto;
    padding: 6px 15px;
    color: #ffffff;
    background: #49585f;
}

.profile div {
     font-size: 13px;
}
 .profile ul {
     margin-top: 10px;
     margin-bottom: 50px;
}
 .profile ul > li {
     line-height: 2.5;
     font-size: 13px;
}
 .row-first {
     border-bottom: 1px solid #eeeeee;
     margin-right: 0 !important;
     border-right: 2px solid #eeeeee;
}
 .add_wnd_btn {
     color: #ffffff;
     font-size: 13px;
     height: 45px;
     border-radius: 5px;
     width: 100%;
     padding: 12px 0;
     background: #f58182;
     border-color: #f58182;
}
 .btn-profile {
     height: 45px;
     border-radius: 5px;
     width: 100%;
     padding: 12px 0;
     color: #f8f9fa;
     background-color: transparent;
     background-image: none;
     border-color: #f8f9fa;
     font-weight: 500;
}

.btn-profile:hover {
    color: #212529 !important;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-profile:focus {
    color: #f8f9fa;
}

 .status_wnd_btn {
     color: #ffffff;
     font-size: 12px;
     height: 45px;
     border-radius: 5px;
     width: 100%;
     padding: 12px 0;
     background: #f58182;
     border-color: #f79999;
}
 .status_wnd_btn_disabled {
     color: #ffffff;
     font-size: 12px;
     height: 45px;
     border-radius: 5px;
     width: 100%;
     padding: 12px 0;
     background: #7ad1cb;
     border-color: #7ad1cb;
     background-color: #7ad1cb;
}
/* Wound summary page */
.top-sidebar {
    border-bottom: 3px solid #eeeeee;
    text-align: left;
    padding-top: 20px;
    padding-left: 5px;
    padding-bottom: 10px;
    min-height: 100px;
}

.top-sidebar h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    display: inline-block;
    font-size: 20px;
    color: #000;
}

.top-sidebar h5 {
    color: rgba(0,0,0,0.9);
}
.top-sidebar p {
    color: #469991;
    font-size: 14px;
}

 .rsidebar-second {
     padding-top: 10px;
     padding-bottom: 0px;
     text-align: left;
     padding-left: 5px;
}
 .rsidebar-second p {
     color: #000;
     font-size: 13px;
}
 .rsidebar-second label {
     color: #000;
     font-size: 14px;
     font-weight: bold;
     margin-top: 10px;
}
 .wounds-list p {
     color: #247377;
     font-size: 13px;
     margin-bottom: -1px;
     margin-left: 31px;
     font-weight: 400;
}
 .reside-buttons {
     margin-bottom: 5px;
}
 .reside-buttons button {
     margin-top: 5px;
}
 .reside-buttons2 {
     margin-top: -26px;
     margin-bottom: 5px;
}
 .reside-buttons2 button {
     margin-top: 5px;
}
 .wound-left-side {
     height: calc(100vh - 491px) !important;
     background-color: #fff;
     overflow-y: auto;
     min-height: 150px !important;
     overflow-x: hidden;
}
 .ngscroll-content-container {
     width: 100% !important;
}
 .wounds-list {
     margin-left:0 !important;
     background-color: #fff;
     border-bottom: 2px solid #f4efe9;;
     cursor: pointer;
}

.wounds-list-inner {
    border-left: 5px solid rgba(255, 0, 0, 0);
    display: table-cell;
    padding: 10px;
}

 .wounds-list a {
     text-decoration: none;
     color: #000;
}

.wounds-list-inner:hover, .selected-wound {
    border-left: 5px solid #247377;
    background: #f4efe9 !important;
}

 .wounds-list h3 {
     font-size: 14px;
     margin: 0 0 0 30px;
     font-weight: 500;
}
 .wounds-list h4 {
     font-size: 14px;
     margin: 0 0 5px 30px;
     font-weight: 400;
}
.body-title {
     margin-left: -75px;
     padding: 0px;
     font-size: 14px;
     color: #cecccc;
}
 .bgimage {
     background-size: cover;
     height: 100%;
     background-position: center center;
     cursor: pointer;
}
 .full ul[rn-carousel] {
     margin-top: 3px;
     width: 100%;
     height: 600px;
}
 .slider-container ol, ul {
     margin-top: 0;
     margin-bottom: 5px;
}

.body-parts {
    padding-top: 8px;
    height: 448px;
    background: #fff;
}

.ws-info-section {
    background: #fff;
}

.quality-index {
    -webkit-appearance: none !important;
    /* Hides the slider so that custom slider can be made */
    width: 100% !important;
    /* Specific width is required for Firefox. */
    background: transparent !important;
    /* Otherwise white in Chrome */
    margin-top: 14 !important;
}
/* Special styling for WebKit/Blink */
 .quality-index::-webkit-slider-thumb {
     cursor: pointer !important;
     -webkit-appearance: none;
     width: 61px;
     height: 42px;
     border-radius: 10px;
     background-image: url('../img/gallery/gauge.png');
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: 50%;
}
/* All the same stuff for Firefox */
 .quality-index::-moz-range-thumb {
     cursor: pointer !important;
     -webkit-appearance: none;
     width: 20px;
     height: 20px;
     background-image: url('../img/gallery/gauge.png');
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: 50%;
}
/* All the same stuff for IE */
 .quality-index::-ms-thumb {
     cursor: pointer !important;
     -webkit-appearance: none;
     width: 20px;
     height: 20px;
     background-image: url('../img/gallery/gauge.png');
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: 50%;
}
/* Chart */
 .slide-chart {
    /*background-color: #fcfcfc;
     */
     ;
}
 .chart {
     border-right: 2px solid #eeeeee;
     padding: 0 25px;
     padding-top: 3px;
}
 .chart h3 {
     color: #000;
     font-size: 14px;
     font-weight: bold;
     line-height: 1em;
}
 .chart div {
     padding-top: 0px;
}
 .chart p {
    color: rgba(0, 0, 0, 0.9);
    font-size: 22px;
    display: inline;
    font-weight: 500;
}
 .chart span {
     font-size: 14px;
     font-weight: 500;
}
.chart span.chart-date {
     font-size: 12px;
     color: rgba(0,0,0,0.6);
}
 .chart-ajust {
     margin-top: 5px;
}
 .chart li {
     font-size: 13px;
     margin-left: -23px;
}
 .chart-data {
     margin-bottom: -1px;
}
 .chart h4 {
     padding: 5px;
     margin-left: 10px;
     width: 5px;
     background: #e07b8b;
}
 .chart-date {
     float: right;
}
/* Expand */
 .chart-expand {
     padding: 0 25px;
     padding-top: 3px;
}
 .area-chart canvas, .volume-chart canvas, .depth-chart canvas {
     width: 100% !important;
     height: 100%;
}
 .chart-expand h3 {
     color: #777777;
     font-size: 1.2em;
}
 .chart-expand div {
     padding-top: 0px;
}
 .chart-expand p {
     color: #000;
     font-size: 22px;
     display: inline;
}
 .chart-expand span {
     font-size: 16px;
}

 .chart-expand li {
     font-size: 13px;
     margin-left: -23px;
}
 .chart-expand h4 {
     padding: 5px;
     margin-left: 10px;
     width: 5px;
     background: #e07b8b;
}
 .wound-image {
    background: #fff;
     height: auto;
     overflow: auto;
     width: 28em;
     padding: 0;
     margin-left: calc((100% - 28em) / 2) !important;
     margin-right: calc((100% - 28em) / 2 ) !important;
}
 .wound-image-height {
     height: 28em;
     overflow: hidden;
}
 @media (min-width: 990px) {
     .patient_info {
         /*height: 768px !important;*/
    }

     .wound-left-side {
         /*height: calc(768px - 410px) !important;*/
    }
     .main-content {
         /*min-height: 768px;*/
        /* real browsers */
         background: white;
         display: flex !important;
    }
     .body-parts {
         width: calc((100% - 32em) / 2);
    }
     .wound-image {
         height: auto;
         overflow: auto;
         width: 31em;
         padding: 0;
         margin-left: 0 !important;
         margin-right: 0 !important;
    }
     .wound-image-height {
         height: 32em;
         overflow: hidden;
    }

    .wound-details {
        height: 445px;
        width: calc((100% - 31em) / 2);
    }
}
 @media (max-width: 990px) {
     .second_header {
         background: #f4efe9;
         height: calc(45px * 4);
         ;
    }
}
/* Assessment page */
 .assessment-row {
    /*height: 100% !important;
     */
     ;
}
 .a-dir {
     width: 100% !important;
}
 .a-table thead {
     width: 100% !important;
}
 .a-table thead tr {
     width: 100% !important;
}
 .a-table-scroll {
     height: 520px !important;
     overflow: auto;
}
 .treatment-table {
     background-color: #fbf8f3;
 }
 .treatment-row {
     background-color: #FBF8F3;
 }
 .treatment-table-scroll {
     height: 240px !important;
     overflow: auto;
}
 .a-table tr th {
     background: #faf6ed !important;
     color:  !important;
     padding: 10px;
     font-size: 14px;
     color: rgba(0,0,0,0.6);
}
 .a-table tr td {
     background: #fffbf2 !important;
     border-bottom:  !important;
     padding: 10px;
     text-align: center;
     font-size: 13px;
     font-weight: normal;
     cursor: pointer;
     overflow: hidden;
     color: #000 !important;
}
 .a-table tr.even td {
     background: #faf6ed;
}
 .mygrid-wrapper-div {
     width: 1060px;
     overflow: auto;
     margin: 0 auto;
     white-space: nowrap;
}
 .outer {
     position: relative;
}
 .inner {
     overflow-x: scroll;
     overflow-y: visible;
     width: 1060px;
     margin-left: 0;
}
/* Treatment page */
 .wound-protocol {
     margin-top: 10px;
}
 .wound-care-margin .form-group {
     margin-bottom: 7px;
}
 .wound-protocol span {
     font-size: 17px;
     color: #767676;
}
 .wound-protocol img {
     height: 25px;
     margin-left: 50%;
     display: inline;
}
 .wound-protocol-form {
     margin-left: -3%;
     margin-top: 10px;
}
 .wound-protocol-form input {
     padding: 8px 5px;
}
 .wound-protocol-form select {
     padding: 8px 5px;
}
 .treatment-first-row {
     height: 370px;
     border-bottom: 2px solid #F4EFE9;
}
 .wound-protocole-table {
     margin-top: 10px;
     margin-left: -7%;
     color: #92908B;
     width: 350px;
}
 .wound-protocole-table tr {
     font-size: 14px;
     height: 35px !important;
}
 .wound-protocole-table td:nth-child(2) {
     padding-left: 10px;
}
 .border {
     border-right: 2px solid #F4EFE9;
}
/* Add traitement button */
 .add-treatment-button {
     width: 80px;
     height: 40px;
}
 .add-treatment-img {
     height: 15px;
}
 .cross-btn img {
     height: 30px;
}
/* Full image */
 .lightbox-nav {
     text-align: left;
}
 .row-referral {
     margin-left: 10px;
     margin-bottom: 15px;
     margin-top: 5px;
}
 label {
     font-weight: 400;
}
 .wound-step-2 .col-md-1, .wound-step-2 .col-md-10, .wound-step-2 .col-md-11, .wound-step-2 .col-md-12, .wound-step-2 .col-md-2, .wound-step-2 .col-md-3, .wound-step-2 .col-md-4, .wound-step-2 .col-md-5, .wound-step-2 .col-md-6, .wound-step-2 .col-md-7, .wound-step-2 .col-md-8, .wound-step-2 .col-md-9, .wound-step-2 .col-sm-1, .wound-step-2 .col-sm-10, .wound-step-2 .col-sm-11, .wound-step-2 .col-sm-12, .wound-step-2 .col-sm-2, .wound-step-2 .col-sm-3, .wound-step-2 .col-sm-4, .wound-step-2 .col-sm-5, .wound-step-2 .col-sm-6, .wound-step-2 .col-sm-7, .wound-step-2 .col-sm-8, .wound-step-2 .col-sm-9 {
     position: relative;
     min-height: 1px;
     padding-right: 0;
     padding-left: 0;
}
 .wound-step-2 .panel {
    /*margin-left: 122px;
     margin-right: -15;
     */
     background-color: #828A8C;
}
 .wound-toggle {
     margin-bottom: 20px;
}
 .dropdown-menu {
     min-width: 0;
}
 .btn-group {
     margin-left: 10px;
}
 .protocol-row {
    /*background-color: #FAF6ED;
     */
     ;
}
 .referral-row {
    /* background-color: #FAF6ED;
     */
     ;
}
 .has-no-wounds {
     margin-top: 250px;
     font-size: 50px;
     color: rgba(0,0,0,0.6);
}
 .has-no-measurements {
     margin-top: 80px;
     font-size: 30px;
     color: rgba(0,0,0,0.6);
}
 .border-right {
     border-right: 1px solid #F4EFE9;
}
 .border-left {
     border-left: 2px solid #F4EFE9;
     margin-left: -2px;
}
 .has-no-photo {
     padding-top: 150px;
     font-size: 20px;
     color: rgba(0,0,0,0.6);
}
 .clinical-staff {
     padding-top: 20px;
     font-size: 18px;
     color: rgba(0,0,0,0.6);
     text-align: center;
}
 .fv-icon-no-label {
     top: 6px;
}
 .fv-form-bootstrap .fv-icon-no-label {
     top: 6px;
}
 .margin-sm {
     margin-bottom: 10px;
     margin-top: 10px;
}
 .margin-sm-button {
     margin-top: 2px;
}
 .modal-small .modal-content {
     width: 500px;
     margin-left: 45px;
}
 .modal-center-sm .modal-content {
     width: 320px;
     margin-left: 140px;
     margin-top: 330px;
}
 small {
     font-size: 95%;
}
.login-failed .alert {
     margin-bottom: 0;
}
.tab-img {
     margin-top: 8px !important;
}
.tabs .panel-heading {
     background:   !important;
     color:   !important;
     text-decoration: none;
} 
.tabs .panel-heading a {
     color:   !important;
     text-decoration: none;
}
 .accordion-toggle:hover {
     text-decoration: none;
}
 .accordion-toggle:hover span, .accordion-toggle:hover strong {
     text-decoration: none;
}
 .accordion-toggle:visited span, .accordion-toggle:visited strong {
     text-decoration: none;
}
 .tabs .panel-group .panel {
     border: 0;
     border-radius: 0;
     box-shadow: none;
     border-bottom: 1px solid #faf6ed;
     margin-top: 0;
     display: block;
     cursor: pointer;
}
 .pain-row .radio.radio-inline {
     margin-top: 15px;
     left: 6px;
}
 .clinical-row select {
     padding: 5px;
     margin-top: 5px;
}
 .clinical-row input {
     margin-top: 5px;
}
 .margin-top-in {
     margin-top: 13px;
}
 h3.direction {
     position: relative;
     top: 140px;
}
 .form-direction {
     float: left;
     position: relative;
}
 .form-direction .direction-all {
     position: absolute;
}
/* SQUARED ONE */
 .squared input.squaredchk {
     margin: 5px;
}
 .squared {
     height: 31px;
     width: 31px;
     position: absolute;
}
 .squared label {
     background: none;
     border-radius: 50%;
     cursor: pointer;
     height: 31px;
     left: 0;
     position: absolute;
     top: 0;
     width: 31px;
}
 .squared label:before {
     background: #e3ded8 none repeat scroll 0 0;
     width: 31px;
     height: 31px;
     border-radius: 50%;
}
 .squared label:after {
     background: #f58182 none repeat scroll 0 0;
     border-radius: 20px;
     content: "";
     height: 31px;
     left: 0;
     margin: 0 !important;
     opacity: 0;
     position: absolute;
     top: 0;
     width: 31px;
}
 .squared label:hover::after {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
     filter: alpha(opacity=100);
     opacity: 1;
     background: #f58182 none repeat scroll 0 0;
}
 .squared input[type=checkbox]:checked + label:after {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     opacity: 1;
}
 .squared1 {
     left: 186px;
     top: 44px;
}
 .squared2 {
     right: 42px;
     top: 82px;
}
 .squared3 {
     right: 28px;
     top: 135px;
}
 .squared4 {
     right: 42px;
     top: 187px;
}
 .squared5 {
     right: 81px;
     top: 225px;
}
 .squared6 {
     bottom: 28px;
     left: 134px;
}
 .squared7 {
     left: 81px;
     top: 225px;
}
 .squared8 {
     left: 42px;
     top: 187px;
}
 .squared9 {
     left: 28px;
     top: 135px;
}
 .squared10 {
     left: 42px;
     top: 82px;
}
 .squared11 {
     right: 186px;
     top: 44px;
}
 .squared12 {
     top: 28px;
     left: 134px;
}
 .squared13 {
     left: 186px;
     top: 44px;
}
 .squared14 {
     right: 42px;
     top: 82px;
}
 .squared15 {
     right: 28px;
     top: 135px;
}
 .squared16 {
     right: 42px;
     top: 187px;
}
 .squared17 {
     right: 81px;
     top: 225px;
}
 .squared18 {
     bottom: 28px;
     left: 134px;
}
 .squared19 {
     left: 81px;
     top: 225px;
}
 .squared20 {
     left: 42px;
     top: 187px;
}
 .squared21 {
     left: 28px;
     top: 135px;
}
 .squared22 {
     left: 42px;
     top: 82px;
}
 .squared23 {
     right: 186px;
     top: 44px;
}
 .squared24 {
     top: 28px;
     left: 134px;
}
 .type-radio label {
     display: inline-block;
     cursor: pointer;
     position: relative;
     padding-left: 35px !important;
     margin-right: 45px;
     font-size: 13px;
}
 .type-radio input[type=radio] {
     display: none;
}
 .type-radio label:before {
     content: "";
     display: inline-block;
     width: 25px;
     height: 25px;
     margin-right: 10px;
     position: absolute;
     left: 0;
     bottom: 1px;
     background: #fff;
     box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.8);
}
 .type-radio label:before {
     border-radius: 15px;
}
 .type-radio input[type=radio]:checked + label:before {
     content: "\2022";
     color: #000;
     font-size: 45px;
     text-align: center;
     line-height: 25px;
}
 #collapse2 .form-1 {
     margin-bottom: 20px;
}
 #collapse2 .panel-body, #collapse4 .panel-body, #collapse5 .panel-body, #collapse6 .panel-body {
     padding: 40px;
}
 h3.title-cttab {
     font-size: 16px;
     font-weight: bold;
}
 .switch_options {
     float: left;
}
 .value-15 {
     background: none repeat scroll 0 0 #e3ded8;
     border: 0 none;
     border-radius: 10px;
     box-shadow: none;
     height: 45px;
     text-align: center;
     width: 90px;
     font-size: 20px;
     margin-right: 10px;
}
 #collapse5 select.form-control {
     background: transparent;
     margin-bottom: 10px;
     padding: 5px;
     font-size: 16px;
     line-height: 1;
     border: 0;
     border-radius: 10px;
     height: 34px;
     -webkit-appearance: none !important;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 #collapse5 select::-ms-expand {
    /* for IE 11 */
     display: none;
}
 #collapse5 select.form-control {
     width: 240px;
     height: 45px;
     overflow: hidden;
     background: url("images/select.jpg") no-repeat 98% #fff;
}
 #collapse5 input[type=number] {
     background: none repeat scroll 0 0 #e3ded8;
     border: 0 none;
     border-radius: 5px;
     height: 45px;
     text-align: center;
     width: 60px;
}
 #collapse6 h3.title-cttab {
     float: left;
     margin-right: 20px;
}
 h3.direction {
     position: relative;
     top: 140px;
}
 .form-direction {
     float: left;
     position: relative;
}
 .form-direction .direction-all {
     position: absolute;
}
/* SQUARED ONE */
 .squared input.squaredchk {
     margin: 5px;
}
 .squared {
     height: 31px;
     width: 31px;
     position: absolute;
}
 .squared label {
     background: none;
     border-radius: 50%;
     cursor: pointer;
     height: 31px;
     left: 0;
     position: absolute;
     top: 0;
     width: 31px;
}
 .squared label:before {
     background: #e3ded8 none repeat scroll 0 0;
     width: 31px;
     height: 31px;
     border-radius: 50%;
}
 .squared label:after {
     background: #f58182 none repeat scroll 0 0;
     border-radius: 20px;
     content: "";
     height: 31px;
     left: 0;
     margin: 0 !important;
     opacity: 0;
     position: absolute;
     top: 0;
     width: 31px;
}
 .margin-top-dir {
     margin-top: 140px;
}
 .padding-left-dir {
     padding-left: 5px !important;
}
 div.disabled {
     pointer-events: none;
    /* for "disabled" effect */
     opacity: 0.5;
}
 .admin {
    /*background:#f6f6f6;
     */
     ;
}
 .search {
     padding: 20px 10px;
     background: #ffffff;
}
 .search img {
     margin: 0 2px;
}
 .search i {
     padding-right: 10px;
}
 .search label {
     padding: 20px;
     font-weight: normal;
     font-size: 14px;
}
 .search_input {
     margin: 0 10px;
     border-bottom: thin solid #dddddd;
}
 .search_input input {
     border: none;
     box-shadow: none;
}
 .admin .search button {
     margin: 14px;
}
 input.search-input:focus {
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
     transition: none;
     -moz-transition: none;
     -webkit-transition: none;
}
 .admin table {
     margin: 10px 0;
     padding-bottom: 10px;
     width: 100%;
     border: 1px solid #DDDDDD;
}
 .admin .col-md-12 {
     padding: 0;
}
 .admin .a-table tr th {
     background: #ffffff;
     padding: 10px;
     font-size: 14px;
     color: #000000;
     font-weight: normal;
}
 .admin .a-table tr td {
     background: #F5F5F5;
     padding: 10px;
     text-align: left;
     font-size: 12px;
     font-weight: normal;
}
 .admin .a-table > tbody > tr > td, .admin .a-table > tbody > tr > th, .admin .a-table > tfoot > tr > td, .admin .a-table > tfoot > tr > th, .admin .a-table > thead > tr > td, .admin .a-table > thead > tr > th {
     vertical-align: top;
     border-top: 1px solid #ddd;
}
 .add-a .panel-heading {
     padding: 20px 15px;
}
 .label {
     font-size: 100%;
}
 .admin-td {
     padding-top: 20px !important;
}
 .stylish-input-group .input-group-addon {
     background: white !important;
}
 .stylish-input-group .form-control {
     border-right: 0;
     box-shadow: 0 0 0;
     border-color: #ccc;
}
 .stylish-input-group button {
     border: 0;
     background: transparent;
}
 .admin .spinner {
     height: 60px;
}
 .add-patient .fv-icon-no-label {
     top: 0;
}
 .add-patient .input-group-addon {
     width: 20%;
}
 .input-group {
     width: 100%;
}
 .form-date {
     cursor: pointer !important;
}
 .dropdown {
     background: #fff;
     border: 1px solid #ccc;
     border-radius: 4px;
     width: 300px;
}
 .dropdown-menu > li > a {
     color: #000;
}
 .dropdown ul.dropdown-menu {
     border-radius: 4px;
     box-shadow: none;
     margin-top: 20px;
     width: 300px;
}
 .dropdown ul.dropdown-menu:before {
     content: "";
     border-bottom: 10px solid #fff;
     border-right: 10px solid transparent;
     border-left: 10px solid transparent;
     position: absolute;
     top: -10px;
     right: 16px;
     z-index: 10;
}
 .dropdown ul.dropdown-menu:after {
     content: "";
     border-bottom: 12px solid #ccc;
     border-right: 12px solid transparent;
     border-left: 12px solid transparent;
     position: absolute;
     top: -12px;
     right: 14px;
     z-index: 9;
}
 .chat {
     position: relative;
     color: #F26D6E;
     cursor: pointer;
}
 .chat i {
     position: absolute;
     top: 10px;
     right: 35px;
     display: block;
     cursor: pointer;
}
 #report-table {
     border-collapse: separate;
}
 #report-table tr {
     padding: 10px !important;
}
 tr.spaceUnder > td {
     padding-bottom: 10px;
}
 .add_wnd_btn2 {
     color: #ffffff;
     font-size: 13px;
     height: 35px;
     border-radius: 8px;
     width: 100%;
     padding: 8px 0px;
     background: #f58182;
     border-color: #f58182;
}
 #tissueClassification {
     height: 131px !important;
     width: 100%;
     margin: 0px;
     padding: 0px;
}
 .scroll-message {
     height: 680px !important;
     background: #FAF6EE;
     overflow-x: hidden;
     overflow-y: auto;
}
 .body-image {
     height: 360px;
     width: 150px;
     border: none;
     outline: none;
}
 @media (max-width: 1300px) {
     #tissueClassification {
         height: 127px !important;
         width: 100% !important;
         margin-left: 0px;
    }
}
 @media (max-width: 1200px) {
     #tissueClassification {
         height: 113px !important;
         width: 100% !important;
         margin-left: 0px;
    }
}
 @media (max-width: 1024px) {
     #tissueClassification {
         height: 114px !important;
         width: 100% !important;
         margin-left: 0px;
    }
}
 @media (max-width: 950px) {
     #tissueClassification {
         height: 203px !important;
         width: 100% !important;
         margin-left: 0px;
    }
}
 @media (min-width: 1400px) {
     .ngbottom {
         padding-bottom: 25px !important;
    }
     .border-right {
         height: 488px !important;
    }
     .treatment-first-row {
         height: 350px !important;
    }
     #tissueClassification {
         height: 148px !important;
         width: 100%;
         margin-left: 0px;
    }
     .reside-buttons2 {
         margin-top: 70px !important;
    }
}
 .rn-carousel-control.rn-carousel-control-prev {
     left: 30px !important;
}
 .rn-carousel-control.rn-carousel-control-next {
     right: 30px !important;
}
 .slide ul[rn-carousel] {
     margin-top: 3px;
     width: 100%;
     margin-left: 0px;
}
 .profile ul {
     margin-top: 10px;
     margin-bottom: 25px;
}
 .under {
     color: #E2F0EB !important;
}
 .chart-ajust {
     cursor: pointer;
}
 th:hover {
}
 a:hover {
}
.profile div.row {
     margin-top: 8px;
}
 .state {
     stroke-width: 1;
     -webkit-transition: stroke 0.5s, stroke-width 0.5s;
     -o-transition: stroke 0.5s, stroke-width 0.5s;
     transition: stroke 0.5s, stroke-width 0.5s;
}
 .state:hover, .state.active {
     cursor: pointer;
     stroke-width: 1;
}
 .popover {
     max-width: none !important;
}
 .popover-content {
     word-wrap: break-word !important;
}
 .popover-content, .popover-content .body {
     width: 100%;
}
 .popover-content li {
     overflow: hidden;
     text-overflow: ellipsis;
}
 #tissueClassification > svg {
     width: 100% !important;
     height: 100% !important;
}
 .scrollme {
     max-height: 200px !important;
}
 .spinner {
     position: absolute;
     left: 70px;
     top: 150px !important;
}
 .icon-no-label {
     top: 0px !important;
}
/*====================== LEFT SIDE BAR =====================*/
 #wrapper {
     background-color: #7ad1cb;
     padding-left: 200px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 #wrapper-acc {
     padding-left: 200px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
/* 220px is the width of menu bar */

.page-content-wrapper {
    background: #7ad1cb;
    width: -moz-calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
    width: calc(100% - 220px);
    position: absolute;
    left: 220px;
    z-index: 1;
    height: 100%;
    z-index: 1;
    overflow-y: hidden;
}

#page-content-wrapper-patients {
    background: #7ad1cb;
}

.users_sub-header {
  padding: 10px 15px 10px 15px;
}
.users_sub-header-acc {
    background-color: rgb(244, 173, 80);
}
#page-content-wrapper-acc {
     background: rgb(244, 173, 80);
     width: -moz-calc(100% - 220px);
     width: -webkit-calc(100% - 220px);
     width: calc(100% - 220px);
     position: absolute;
     left: 220px;
     z-index: 1;
     height: 100%;
     z-index: 1;
     overflow-y: hidden;
}
 #sidebar-wrapper {
     position: fixed;
     z-index: 2;
     left: 200px;
     width: 200px;
     height: 100%;
     margin-left: -200px;
     margin-right: 0px;
     background: #4c394b;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
/* Sidebar Styles */
.purpleacc {
     background-color: rgb(244, 173, 80) !important;
     margin-left: 15px;
}
.purple, .purplebar a:hover, .purplebar .active {
    background-color: rgb(244, 173, 80) !important;
}

.users_title {
    font-size:16px;
    color: #fff;
    font-weight:normal;
    display: block;
    text-align: center
}

.patients_status-title, .patients_physician-title {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin: 3px 0 0 0px;
    text-align: right;
    vertical-align:middle;
    display:inline-block;
}

.EKLogo {
    width: 100% !important;
    height: 5em !important;
    background-position: center;
    background-size: 100%;
    margin: 10px 0 0 0;
    background-repeat: no-repeat;
    background-image: url('https://eu.ekareinc.com/static/img/logos/Insight-Europe-white.png');
}

.EKUser {
     color: #eee;
     margin: 0;
     padding: 0;
     font-size: 12px;
     text-transform: capitalize;
     text-align: center;
}
.EKUser:before {
     content: '';
     display: inline-block;
     background-color: #337ab7;
     border-radius: 50%;
     width: 10px;
     height: 10px;
     margin: 0 5px 0 0;
}
 .sidebar-nav .tooltip {
     display: none !important;
}

.conversations:hover {
    background-color: #fdfbf7 !important;
    border-color: #247377;
}

.button-conversation-selected {
    background-color: #fdfbf7 !important;
    border-color: #247377;
}

#isOnline {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #247377;
    left: 15px;
    top: 23px;
}

.custom-table {
    background: #fff;
}

.custom-table tbody {
    color: ;
}

.custom-table thead tr, .custom-table thead th, .custom-table thead a {
    background: ;
    color: ;
}

.users_search-bar {
    background: rgba(255,255,255,0.4);
    border-radius: 30px;
    height: 48px;
}

section.patients {
    background: #fff;
}

.table-search-header {
    border-bottom: 2px solid #e1dcd3;
    margin: 0; 
    padding: 0 10px 10px 0px; 
    background-color: #faf6ed;
}

.patients_search-bar {
    background: rgba(0, 0, 0, 0.05);
    height: 48px;
    margin-top: 10px;
}

 .sidebar-nav {
     position: absolute;
     top: 0;
     margin: 0;
     padding: 0;
     list-style: none;
}
 .sidebar-nav li {
     text-indent: 8px;
     font-size: 14px;
     width: 200px;
     height: 50px;
}
 .sidebar-nav li a {
     display: block;
     text-decoration: none;
     color: #FFFFFF;
     cursor: pointer;
     line-height: 50px;
}
 .sidebar-nav li a span:first-child {
     font-size: 18px;
     line-height: 50px;
}
 .sidebar-nav li a span:nth-child(2) {
     display: inline-block;
}
 .sidebar-nav li a:hover, .sidebar-nav .active {
     text-decoration: none;
     color: #FFFFFF;
     background-color: #7ad1cb;
}
 .sidebar-nav li a:active, .sidebar-nav li a:focus {
     text-decoration: none;
}
 .sidebar-nav li > ul {
     position: relative;
     background-color: #4c394b;
     top: -50px;
     left: 200px;
     display: none;
     padding-left: 0;
     width: 200px;
}
 .sidebar-nav li > ul li {
     list-style: none;
     padding-left: 0px;
     width: 100%;
}
 .sidebar-nav li:hover > ul {
     left: 199px;
     display: block;
}
 @media(max-width:1200px) {
     #wrapper #sidebar-wrapper {
         width: 50px;
    }
     .EKLogo-collapsed {
         background-image: url('../img/ekare-collapsed.png') !important;
         background-size: auto 40%;
    }
     .EKUser-collapsed {
         display: none;
    }
     #wrapper .sidebar-nav .tooltip {
         display: inline-block !important;
         width: 12em;
    }
     #wrapper .sidebar-nav li {
         width: 50px;
    }
     #wrapper .sidebar-nav li a span:nth-child(2) {
         display: none;
    }
     #wrapper .sidebar-nav li > ul {
         left: 50px;
    }
     #wrapper .sidebar-nav li:hover > ul {
         left: 49px;
         display: block;
    }
     #wrapper .sidebar-nav li > ul li {
         width: 200px;
    }
     #wrapper .sidebar-nav li > ul li a span:last-child {
         display: inline-block;
    }
}
 @media(max-width:1200px) {
     #wrapper-acc #sidebar-wrapper {
         width: 50px;
    }
     .EKLogo-collapsed {
         background-image: url('../img/ekare-collapsed.png') !important;
         background-size: auto 40%;
    }
     .EKUser-collapsed {
         display: none;
    }
     #wrapper-acc .sidebar-nav .tooltip {
         display: inline-block !important;
         width: 12em;
    }
     #wrapper-acc .sidebar-nav li {
         width: 50px;
    }
     #wrapper-acc .sidebar-nav li a span:nth-child(2) {
         display: none;
    }
     #wrapper-acc .sidebar-nav li > ul {
         left: 50px;
    }
     #wrapper-acc .sidebar-nav li:hover > ul {
         left: 49px;
         display: block;
    }
     #wrapper-acc .sidebar-nav li > ul li {
         width: 200px;
    }
     #wrapper-acc .sidebar-nav li > ul li a span:last-child {
         display: inline-block;
    }
}
/* quick hack */
 [ng-cloak] {
     display: none !important;
}
 .disabled-arrow {
     color: #c5c5c5 !important;
}
 .cp_body {
     height: 240px;
     overflow-y: scroll;
     overflow-x: hidden;
     font-size: 12px;
     color: #4a4a4a;
     text-transform: capitalize;
}
 .cp_body select {
     width: 50% !important;
}
 .cp_body .col-xs-12 {
     margin-bottom: 5px;
}
 .frequency:before {
     content: '';
     border-top: 1px solid #c5c5c5;
     width: 5px;
     position: absolute;
     left: 0;
     top: 47.5%;
}
 .options:after {
     content: '';
     border-right: 1px solid #c5c5c5;
     height: 80%;
     width: 2px;
     position: absolute;
     right: 0;
     top: 10%;
}

.treatm-actions-container {
    background-color: #E8E3DD;
}

 .card {
     background-color: #F7F4EF;
     height: 620px;
     margin-top: 10px;
     border: ;
     color: rgba(0, 0, 0, 0.73);
}
 .content-card {
     height: 55vh;
     overflow-y: scroll;
}
 .header-text {
     color: rgba(0,0,0,0.8);
     padding: 10px;
     font-size: 18px;
     background-color: #7ad1cb;
     border-bottom-right-radius: 3em;
     padding-left: 20px;
}
 .header-label {
     color: #000;
     font-weight: bold;
     font-size: 18px;
     margin-bottom: 10px;
     color: #000;
}
 .treatm-record {
     width: 94%;
     margin-top: 5px;
     padding: 12px;
     float: right;
     border-bottom: 1px solid #bfd1ce;
}
 .treatm-record-final {
     width: 94%;
     margin-top: 5px;
     padding: 12px;
     float: right;
}
 .wcp-head-value {
     color: rgba(0,0,0,0.60);
     font-size: 13px;
     margin-left: 16px;
}
 .wcp-head-changed {
     color: rgba(0,0,0,0.8);
     float: right;
     padding: 10px;
     font-size: 16px;
    font-weight: 500;
}
 .all {
     background-color: #f58282;
}
 .footer-bottom {
     height: 7vh;
}
 .true {
     font-size: 30px;
}
 .false {
     background-color: red;
}
/* ======================================================================== * bootstrap-switch - v3.3.2 * http://www.bootstrap-switch.org * ======================================================================== * Copyright 2012-2013 Mattia Larentis * * ======================================================================== * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */
 .bootstrap-switch {
     display: inline-block;
     direction: ltr;
     cursor: pointer;
     border-radius: 4px;
     border: 1px solid;
     border-color: #cccccc;
     position: relative;
     text-align: left;
     overflow: hidden;
     line-height: 8px;
     z-index: 0;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     vertical-align: middle;
     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 .bootstrap-switch .bootstrap-switch-container {
     display: inline-block;
     top: 0;
     border-radius: 4px;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-block !important;
     height: 100%;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 20px;
}
 .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off {
     text-align: center;
     z-index: 1;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
     color: #fff;
     background: #337ab7;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-customon, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-customon {
     color: #fff;
     background: #7ad1cb;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-customoff, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-customoff {
     color: #606060;
     background: #FAF6EE;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
     color: #fff;
     background: #5bc0de;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
     color: #fff;
     background: #5cb85c;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
     background: #f0ad4e;
     color: #fff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
     color: #fff;
     background: #d9534f;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
     color: #000;
     background: #eeeeee;
}
 .bootstrap-switch .bootstrap-switch-label {
     text-align: center;
     margin-top: -1px;
     margin-bottom: -1px;
     z-index: 100;
     color: #333333;
     background: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on {
     border-bottom-left-radius: 3px;
     border-top-left-radius: 3px;
}
 .bootstrap-switch .bootstrap-switch-handle-off {
     border-bottom-right-radius: 3px;
     border-top-right-radius: 3px;
}
 .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] {
     position: absolute !important;
     top: 0;
     left: 0;
     margin: 0;
     z-index: -1;
     opacity: 0;
     filter: alpha(opacity=0);
}
 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
     padding: 1px 5px;
     font-size: 12px;
     line-height: 1.5;
}
 .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5;
}
 .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
     padding: 6px 16px;
     font-size: 18px;
     line-height: 1.3333333;
}
 .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate {
     cursor: default !important;
}
 .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
     opacity: 0.5;
     filter: alpha(opacity=50);
     cursor: default !important;
}
 .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
     -webkit-transition: margin-left 0.5s;
     -o-transition: margin-left 0.5s;
     transition: margin-left 0.5s;
}
 .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
     border-bottom-right-radius: 3px;
     border-top-right-radius: 3px;
}
 .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
     border-bottom-left-radius: 3px;
     border-top-left-radius: 3px;
}
 .bootstrap-switch.bootstrap-switch-focused {
     border-color: #66afe9;
     outline: 0;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
 .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
     border-bottom-right-radius: 3px;
     border-top-right-radius: 3px;
}
 .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
     border-bottom-left-radius: 3px;
     border-top-left-radius: 3px;
}
/* WOUND SUMMARY*/
 div.manage-wound-modal > div.modal-dialog {
     width: 400px !important;
}
 .numberOfmessagesWound {
     position: absolute;
     right: -15px;
     bottom: 0px;
     width: 10px;
     height: 10px;
     text-align: center;
     padding: 0px;
     background: rgb(251,116,151);
     border-radius: 10px;
     color: white;
     padding: 1px;
}
 .ekarecolor {
     color: #7ad1cb;
}
.chart-good-value {
    color: #247377 !important;
}
.chart-bad-value {
   color: #c11539 !important;
    font-weight: 600 !important;
}
.bg-ekarecolor {
    background-color: #7ad1cb;
}
/* SITE DASHBOARD */
 .graybox {
     background: #aeadad;
     padding: 18px;
}
 .graybox h1 {
     font-family: 'Roboto', sans-serif;
     font-size: 16px !important;
     color: #fff;
     margin: 0px;
     font-weight: 700;
     letter-spacing: 1.3px;
}
 .uppercase {
     text-transform: uppercase;
}
.panel-heading h3 {
    font-size: 20px;
    color: #f7921e;
    letter-spacing: 0.5px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
}

.panel-heading {
    border-bottom: 1px solid #c7c7c7;
    padding: 15px;
    text-transform: uppercase;
    color: #232425;
    font-size: 12px;
    letter-spacing: 1px;
    background: ;
}

#login-page-content .panel-heading {
    color: ;
    background-color: ;
    border-color: ;
}

.btn-ekare {
    color: #fff;
    background-color: #423C3C;
    border-color: #423C3C;
}
.btn-ekare.active, .btn-ekare.focus, .btn-ekare:active, .btn-ekare:focus, .btn-ekare:hover, .open>.dropdown-toggle.btn-ekare {
    color: #fff;
    opacity: 0.8;
}

#select-structure-modal-header {
    background-color: #7ad1cb;
}

 .panel-body h5 {
     text-transform: uppercase;
     color: rgba(0, 0, 0, 0.6);
     margin: 15px 0px;
     line-height: 18px;
}
 .right-border {
     border-right: 1px solid #c7c7c7;
}
 .filter-box {
     background: #aeadad;
     padding: 15px 0px 20px;
}
 .filter-box .form-group {
     margin-bottom: 0px;
}
 .filter-box-risk {
     background: #aeadad;
     padding: 15px 0px 20px;
}
 .filter-box-risk .form-group {
     margin-bottom: 0px;
}
 .filter-box-risk label {
     color: #fff;
     font-size: 15px;
     text-transform: uppercase;
     line-height: 18px;
     font-weight: bold;
}
 .filter-box label {
     color: #fff;
     font-size: 15px;
     text-transform: uppercase;
     line-height: 18px;
     font-weight: bold;
}
 .bluetag {
     margin: 5px;
     line-height: 42px;
     font-size: 25px;
     font-family: 'Roboto', sans-serif;
     color: #68bdf1;
     font-weight: 400;
}
 .orgtag {
     margin: 5px;
     line-height: 42px;
     font-size: 25px;
     font-family: 'Roboto', sans-serif;
     color: #f4ac67;
     font-weight: 400;
}
 .greentag {
     margin: 5px;
     line-height: 42px;
     font-size: 25px;
     font-family: 'Roboto', sans-serif;
     color: #8fd492;
     font-weight: 400;
}
 .two_div {
     text-align: center;
}
 .redtag {
     margin: 5px;
     line-height: 42px;
     font-size: 25px;
     font-family: 'Roboto', sans-serif;
     color: #f98a87;
     font-weight: 400;
}
 .margin-left {
     margin: 0px auto 0px 42px;
}
 .margin-left-zero {
     margin: 0px auto 0px 0px;
}
 #pvcBar3 {
     margin: 0px auto 0px -4%;
}
 #mcwlbar {
     margin: 0px auto 0px 0%;
}
 .div-bar {
     margin: 0px auto 0px 6%;
}
 .right-pading-pent {
     padding-right: 20%;
}
 @media screen and (max-width: 1366px) {
     .orgtag, .bluetag, .greentag , .redtag {
         font-size: 18px;
    }
     .right-pading-pent {
         padding-right: 0%;
    }
}
 @media screen and (max-width: 768px) {
     .filter-box .form-group {
         margin-bottom: 15px;
    }
     .filter-box-risk .form-group {
         margin-bottom: 15px;
    }
     .right-border {
         border-right: 0px solid #c7c7c7;
    }
     .right-pading-pent {
         padding-right: 12%;
    }
}
 @media screen and (max-width: 480px) {
     .right-border {
         border-right: 0px solid #c7c7c7;
    }
     .filter-box .form-group {
         margin-bottom: 10px;
    }
     .filter-box-risk .form-group {
         margin-bottom: 10px;
    }
}
 @media screen and (max-width: 1440px) {
     #pvcBar3 {
         margin: 0px auto 0px 0%;
    }
     #mcwlbar {
         margin: 0px auto 0px 0%;
    }
}
 @media (min-width: 1369px) and (max-width: 1920px) {
     .panel-body h5 {
         text-transform: uppercase;
         color: rgba(0, 0, 0, 0.6);
         margin: 15px 0px;
         line-height: 20px;
    }
     .right-pading-pent {
         padding-right: 0%;
    }
}
 .dataTables_filter, .dataTables_length, .dataTables_info {
     display: none;
}
/*------------------------------------------------Risk Summary Design style start-------------------------------------------------------------------------------------*/
 .rsbox .form-group {
     margin-bottom: 0px;
}
 .rsbox label {
     color: #fff;
     font-size: 15px;
     text-transform: uppercase;
     line-height: 18px;
     font-weight: bold;
}
 .riskleveltable {
     margin: 25px 0px 15px;
}
 .riskleveltable table {
     border: 1px solid #cccccc;
     font-family: 'Roboto', sans-serif;
}
 .riskleveltable th {
     background: #e8f1f1;
     color: #000;
     padding: 4px 15px;
}
 .riskleveltable table th:nth-child(2) {
     text-align: center;
}
 .riskleveltable table td {
     padding: 8px 10px;
     color: #898989;
}
 .riskleveltable table td:nth-child(2) {
     text-align: center;
}
 .riskleveltable table tfoot tr {
     font-weight: bold;
     color: #898989;
}
 .riskleveltable table tfoot tr td {
     padding: 10px 15px;
}
 .riskleveltable table tr td span {
     border-radius: 5px;
     width: 40px;
     height: 20px;
     float: left;
     margin-right: 10px;
}
 .minimal-risk {
     background: #9cdaa4;
}
 .mild-risk {
     background: #ecef8f;
}
 .moderate-risk {
     background: #fbc88e;
}
 .high-risk {
     background: #ff7f7f;
}
 .severe-risk {
     background: #b295c8;
}
 .no-assessment {
     background: #d9d9d9;
}
 #tableData.table td a {
     color: #898989;
     text-decoration: underline;
}
 #tableData.table td a:hover {
     color: #333333;
     text-decoration: underline;
}
 #tableData.table, #tableData.table tr td {
     font-family: 'Roboto', sans-serif;
     color: #898989;
}
 #tableData.table tr th, #tableData.table tr td {
     font-family: 'Roboto', sans-serif;
     border: 1px solid #ccc;
     border-left: 0px;
     border-bottom: 0;
}
 #tableData.table tr th:last-child, #tableData.table tr td:last-child {
     font-family: 'Roboto', sans-serif;
     border: 1px solid #ccc;
     border-left: 0px;
     border-bottom: 0;
     border-right: 0px;
}
 #tableData.table th {
     background: #e8f1f1;
     color: #000;
     padding: 4px 8px;
     font-size: 13px;
     vertical-align: middle;
     text-transform: uppercase;
}
 .mrn-td {
     width: auto !important;
}
 #patientRiskValue {
}
 #patientRiskValue ul {
     float: right;
     margin-bottom: 0px;
}
 #patientRiskValue ul li {
     text-transform: none;
     margin-right: 4px;
     padding-left: 32px;
     clear: #898989;
}
 #patientRiskValue ul li a {
     text-transform: none;
     color: #898989 !important;
     line-height: 24px;
}
 .pagination {
     display: inline-block;
     padding-left: 0;
     border-radius: 4px;
}
 #patientRiskValue .pagination li a {
     text-transform: none;
     color: #898989 !important;
     line-height: 15px;
}
 #patientRiskValue .red-problem {
     background: url(../img/problem-icon.png) left top no-repeat;
}
 #patientRiskValue .potential-problem {
     background: url(../img/potential-problem.png) left top no-repeat;
}
 #patientRiskValue .low-risk {
     background: url(../img/low-risk.png) left top no-repeat;
}
/*
pagination > li > a:hover, .pagination > li.active > a, .pagination > .active > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
     color: #fff !important;
     background-color: transparent !important;
     border-color: #dddddd;
}
 .pagination > li > a:hover, .pagination > li.active > a, .pagination > .active > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
     color: #fff;
     background-color:transparent !important;
     border-color: #ddd !important;
}

 .pagination > li > a:hover, .pagination > li.active > a, .pagination > .active > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
     color: #fff !important;
     background-color: #fff !important;
    /*rgb(249, 249, 249)*/
     border-color: #fff;
}
 .pagination > li > a:hover, .pagination > li.active > a, .pagination > .active > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
     color: #fff;
     background-color: #fff !important;
     border-color: #fff !important;
}

 .app-modal-window .modal-dialog {
     width: 95%;
}
 #patientRiskValue .pagination>li {
     display: inline-block;
     padding-left: 0px;
     margin-right: 0;
}
*/
 #patientRiskValue .green-up {
     background: url(../img/green-up.png) 40px 10px no-repeat;
}
 #patientRiskValue .red-down {
     background: url(../img/red-down.png) 40px 10px no-repeat;
}
 #patientRiskValue td.red-problem, #patientRiskValue td.potential-problem , #patientRiskValue td.low-risk {
     background-position: 4px 12px;
     padding-left: 35px;
}
 .red-problem-text a {
     color: #ff7f7f !important;
     text-decoration: underline;
}
 .red-problem-text {
     color: #ff7f7f !important;
}
 #patientRiskValue td h6 {
     font-size: 12px;
     margin: 0px;
     line-height: 18px;
     color: #898989;
}
 .responsive-custom .tbl-head {
     display: none;
}
 .tbl-footer {
     padding: 0px 15px 15px;
}
 .tbl-info {
     margin-top: 10px;
     display: none;
}
 .cust-heirow {
     min-height: 307px;
}
 .cust-value {
     margin: 40% auto 0px;
}
 .cust-value h5 {
     font-size: 25px;
     color: #72c3d0;
}
 .cust-value h6 {
     font-size: 16px;
     color: #8f8f8f;
}
 .tbl-top {
     padding: 20px;
     border-bottom: #ccc 1px solid;
     display: none;
}
 .cust-value h5.skybly {
     color: #a8e1f4 !important;
}
 .cust-value h5.dblu {
     color: #a7b7e8 !important;
}
 .tablate-pad {
     padding-top: auto;
}
 @media screen and (max-width: 768px) {
     .cust-value {
         margin: 140% auto 0px !important;
    }
     .cust-value h5 {
         font-size: 23px !important;
         font-weight: bold !important;
    }
     .cust-value h6 {
         font-size: 14px !important;
         color: #8f8f8f;
    }
     .tablate-pad {
         padding-top: 10%;
    }
     .border-sm-bot {
         border-bottom: 1px solid #c7c7c7;
    }
     .cust-value-tow {
         margin: 67% auto 0 !important;
    }
     .cust-heirow {
         min-height: 253px !important;
    }
}
 @media screen and (max-width: 1024px) {
     .responsive-custom {
         white-space: nowrap;
         overflow-x: auto;
    }
     .responsive-custom .tbl-top {
         width: 100%;
         min-width: 1600px;
    }
     .responsive-custom table {
         min-width: 1600px;
    }
     .responsive-custom .ColVis {
         display: none;
    }
     .border-sm-bot {
         border-bottom: 1px solid #c7c7c7;
    }
}
 @media screen and (max-width: 1366px) {
     .panel-heading h3 {
         font-size: 14px !important;
    }
     .riskleveltable table th:first-child {
         width: 65%;
    }
     .riskleveltable table td {
         padding: 4px 8px;
         color: #898989;
    }
     #tableData.table th {
         font-size: 12px;
    }
     #tableData tr td {
         font-size: 13px;
    }
     #tableDatatable.dataTable thead th, #tableDatatable.dataTable thead td {
         padding: 10px 18px;
         border-bottom: 1px solid #111111;
    }
     .cust-value {
         margin: 95% auto 0 !important;
    }
     .cust-value-tow {
         margin: 50% auto 0 !important;
    }
     .cust-value h5 {
         font-size: 30px;
    }
     .cust-value h6 {
         font-size: 16px;
         color: #8f8f8f;
    }
     .cust-heirow {
         min-height: 305px;
    }
     .pie-left {
         margin-right: 10px;
    }
}
 @media (max-width: 1440px) {
     .panel-heading h3 {
         font-size: 15px;
    }
}
 @media (min-width: 1600px) and (max-width: 1680px) {
     .panel-heading h3 {
         font-size: 17px;
    }
     .tablate-pad {
         padding-top: 10%;
    }
     .tablate-pad-pie {
         padding-top: 10%;
    }
     .panel-body h5 {
    }
     .panel-body .cust-value h5 {
         font-size: 25px;
    }
     .tablate-pad-bar {
         padding-top: 16%;
    }
}
 @media screen and (min-width: 1920px) {
     .cust-value h5 {
         font-size: 40px;
    }
     .tablate-pad {
         padding-top: 10%;
    }
     .tablate-pad-bar {
         padding-top: 10%;
    }
}
/*=========================== TREATMENT & TWCP ================================*/
 .care-protocol {
     padding: 0;
     background-color: #7ad1cb;
     margin: 0;
}
 .care-protocol h1 {
     color: rgba(0,0,0,0.8);
     font-size: 16px;
}
 .nav-tabs {
     border: 0;
}
 .tab-content {
     background-color: #f4efe9;
     width: 100%;
     min-height: 450px;
     position: relative;
}
 .nav-tabs.nav-justified > li.active > a {
     border-bottom: 5px solid #247377 !important;
     border-top: 0;
     border-left: 0;
     color: #000 !important;;
     font-weight: bold;
}
 .nav-tabs.nav-justified > li.active > a:hover {
     border-top: 0;
     border-left: 0;
     /*border-right: 0;*/
     background-color: #fbf8f4;
}

 .nav-tabs.nav-justified > li > a:hover {
     border-bottom: 5px solid #247377 !important;
    background-color: #fbf8f4;
}

.nav-tabs.nav-justified > li.active > a:focus {
     border-top: 0;
     border-left: 0;
     /*border-right: 0;*/
    background-color: #fbf8f4;
}
 .nav-tabs.nav-justified > li > a {
     border-top: 0!important;
     border-bottom: 5px solid #fbf8f4 !important;
     border-left: 0;
     border-right: 2px solid #f4efe9;
     background-color: #fbf8f4;
     border-radius: 0;
     color: rgba(0, 0, 0, 0.8);
     padding: 15px 0;
     font-size: 13px;
     outline: 0;
     font-weight: 500;
}
 .nav-tabs.nav-justified > li > a:before {
     content: "";
     position: absolute;
     border-top: 5px solid #f4efe9;
     width: 2px;
     right: -2px;
     bottom: -5px;
}
 .nav-tabs.nav-justified > li.active > a:before {
     content: "";
     position: absolute;
     border: 0;
}
 .tab_head {
     color: #000;
     font-size: 20px;
     padding: 20px 0px;
     text-align: center;
     border-bottom: 5px solid #7ad1cb!important;
     position: relative;
     z-index: 1;
}
 .tab_head:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: -5px;
     height: 1px;
     width: 47%;
     border-bottom: 5px solid #f4efe9;
}
 .tab_head:after {
     content: "";
     position: absolute;
     right: 0;
     bottom: -5px;
     height: 1px;
     width: 47%;
     border-bottom: 5px solid #f4efe9;
}
 .tab_content {
     text-align: left;
     padding: 0 0 20px 0;
}
 .checkbox input[type=checkbox]:checked + label:after {
     font-family: 'Glyphicons Halflings';
     content: "\e013";
}
 .checkbox label:after {
     font-size: 20px;
     padding-left: 0px;
     padding-top: 2px;
     margin-left: -25px;
}
 .checkbox label::before {
     width: 30px;
     height: 30px;
     margin-left: -30px;
     margin-top: 0px;
}
.checkbox input[type="checkbox"] + label {
     color: #000;
}

.radio input[type="radio"] + label {
     color: #000;
}
 .footer {
     background-color: #fbf8f4;
     padding: 20px 0;
}
 .footer label {
     font-size: 16px;
     line-height: 34px;
     margin: 0px;
     padding: 0px;
     color: ;
}
 .options .form-group {
     height: 60px;
     margin-bottom: 20px;
     border-bottom: 1px solid #edeae4;
}
 .btns .btn {
     padding: 10px 0;
     width: 50%;
     border: none;
}
 .btns div:first-child {
     text-align: right;
}
 .save {
     background: #f58282;
}
 .cancel {
     background: #7ad1cb;
}
 .cancel:hover {
     background: #4abbb4;
}
/*================================ MENU =========================*/
 .nav-side-menu {
     overflow: auto;
     font-family: verdana;
     font-size: 12px;
     font-weight: 200;
     background-color: #2e353d;
     position: fixed;
     top: 0px;
     width: 300px;
     height: 100%;
     color: #e1ffff;
}
 .nav-side-menu .brand {
     background-color: #23282e;
     line-height: 50px;
     display: block;
     text-align: center;
     font-size: 14px;
}
 .nav-side-menu .toggle-btn {
     display: none;
}
 .nav-side-menu ul, .nav-side-menu li {
     list-style: none;
     padding: 0px;
     margin: 0px;
     line-height: 50px;
     cursor: pointer;
    /* .collapsed{
         .arrow:before{
             font-family: FontAwesome;
             content: "\f053";
             display: inline-block;
             padding-left:10px;
             padding-right: 10px;
             vertical-align: middle;
             float:right;
        }
    }
     */
}
 .nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before {
     font-family: FontAwesome;
     content: "\f078";
     display: inline-block;
     padding-left: 10px;
     padding-right: 10px;
     vertical-align: middle;
     float: right;
}
.nav-side-menu ul .active, .nav-side-menu li .active {
    border-left: 3px solid #7ad1cb;
    background: #4f5b69;
}
 .nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active {
     color: #7ad1cb;
}
 .nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a {
     color: #7ad1cb;
}
 .nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
     background-color: #181c20;
     border: none;
     line-height: 50px;
    /*border-bottom: 1px solid #23282e;
    */
     margin-left: 0px;
}
 .nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover {
     background-color: #020203;
}
 .nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before {
     font-family: FontAwesome;
     content: "\f105";
     display: inline-block;
     padding-left: 10px;
     padding-right: 10px;
     vertical-align: middle;
}
 .nav-side-menu li {
     padding-left: 0px;
     border-left: 3px solid #2e353d;
    /*border-bottom: 1px solid #23282e;
    */
}
 .nav-side-menu li a {
     text-decoration: none;
     color: #e1ffff;
}
 .nav-side-menu li a i {
     padding-left: 10px;
     width: 20px;
     padding-right: 20px;
}
 .nav-side-menu li:hover {
     border-left: 3px solid #7ad1cb;
     background-color: #4f5b69;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     -ms-transition: all 1s ease;
     transition: all 1s ease;
}
 @media (max-width: 767px) {
     .nav-side-menu {
         position: relative;
         width: 100%;
         margin-bottom: 10px;
    }
     .nav-side-menu .toggle-btn {
         display: block;
         cursor: pointer;
         position: absolute;
         right: 10px;
         top: 10px;
         z-index: 10 !important;
         padding: 3px;
         background-color: #ffffff;
         color: #000;
         width: 40px;
         text-align: center;
    }
     .brand {
         text-align: left !important;
         font-size: 22px;
         padding-left: 20px;
         line-height: 50px !important;
    }
}
 @media (min-width: 767px) {
     .nav-side-menu .menu-list .menu-content {
         display: block;
    }
}

textarea[disabled], select[disabled], input[type='text'][disabled] {
    /*required*/
    background-color:#F2F2F2 !important;
    color: black !important;
    border: transparent !important;
}
.img-type {
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    display: block;
    width: 50px !important;
}
.img-url {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.img-outline {
    z-index:2;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.button-custom {
    background: transparent;
    font-size: 15px;
    outline: none;
    border: none;
}

.hover-light-grey:hover {
    background: rgba(0,0,0,0.1);
}

.w-100 {
    width: 100%;
}

.cursor-pointer:hover {
    cursor: pointer;
}

.cursor-not-allowed:hover {
    cursor: not-allowed;
}

.btn-add {
    background: #247377;
    border-color: #247377;
    color: #fff;
}

.btn-add:hover, .btn-add:focus {
    opacity: 0.9;
    color: #fff;
}



.cbtn-action {
    padding: 6px 12px;
    color: #247377;
    background-color: #ffffff;
    border-color: #ffffff;
    font-weight: bold;
    outline: 0;
    border: 0;
    text-transform: uppercase;
}

.cbtn-action:hover {
    color: #000;
}

.ws-btn-icon {
 color: #247377;
padding: 5px 0;
}

.ws-btn-icon:hover {
 color: #000;
}

.ws-btn-icon[disabled=disabled] {
    color: rgba(0,0,0,0.7);
}

.ws-menu-icon {
    color: #247377;
    padding: 5px 0;
}

.ws-menu-icon:hover {
    color: black;
}

.wound-details {
    margin: unset;
    background: #fff;
}

.ws-btn-gr {
    background-color: rgba(255,255,255,0);
    color: #247377;
    font-size: 14px !important;
    outline: none;
    border: none;
    padding: 10px;
    height: 40px;
    font-weight: 500;
}

.ws-btn-gr:hover {
    color: #000 !important;
}

.green-checkbox label {
	 position: relative;
	 min-height: 34px;
	 display: block;
	 padding-left: 40px;
	 font-weight: normal;
	 cursor: pointer;
}
 .green-checkbox label span {
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
     color: }
 .green-checkbox label:before {
	 content: '';
	 position: absolute;
	 left: 0;
	 top: 4px;
	 margin: 4px;
	 width: 18px;
	 height: 18px;
	 transition: transform 0.28s ease;
	 border-radius: 3px;
	 border: 2px solid gray;
}


.gallery-checkbox label:before {
    width: 30px;
    height: 30px;
}

 .green-checkbox label:after {
	 content: '';
	 display: block;
	 width: 10px;
	 height: 5px;
	 border-bottom: 2px solid white;
	 border-left: 2px solid white;
	 transform: rotate(-45deg) scale(0);
	 transition: transform ease 0.25s;
	 position: absolute;
	 top: 14px;
	 left: 8px;
}

.gallery-checkbox label:after {
    width: 18px;
    height: 10px;
    top: 15px;
    left: 10px;
}

.gallery-checkbox label {
    padding-left: 38px;
}
 .green-checkbox input[type="checkbox"] {
	 width: auto;
	 opacity: 0.00000001;
	 position: absolute;
	 left: 0;
	 margin-left: -20px;
}
 .green-checkbox input[type="checkbox"]:checked ~ label:before {
	 border: 2px solid #247377;
	 background-color: #247377;
}
 .green-checkbox input[type="checkbox"]:checked ~ label:after {
	 transform: rotate(-45deg) scale(1);
}
 .green-checkbox input[type="checkbox"]:focus + label::before {
	 outline: 0;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #247377 !important;
    border-color: #247377 !important;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #247377 !important;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #247377 !important;
}
.switch.switch-success.checked {
  background: #247377 !important;
  border-color: #247377 !important;
}

.popover-btn-action {
    width: 99%;
    outline: 0;
    height: 45px;
    border: 0;
    background-color: transparent;
    color: #247377;
    font-size: 14px;
    font-weight: bold;
    margin: 1px !important;
    border-radius: 5px;
}

.popover-btn-action:hover {
    background-color: #247377;
    color: #fff;
}

.popover-report {
    width: 222px !important;
    left: 14.6px !important;
    margin-top: 4px !important;
}

.popover-report .arrow {
    display: block;
}

.popover-report .popover-content {
    padding: 0;
}

.dropdown-btn-svg {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 15px;
}

.dropdown-btn {
    font-weight: 500;
    padding: 15px;
    text-align: left;
    width: 100%;
}

.dropdown-btn[disabled=disabled] {
    color: rgba(0,0,0,0.6);
}

.radio-wound-status {
    padding-bottom: 25px;
    margin: 0;
}

.radio-wound-status label {
    padding-left: 20px !important;
}

.radio-wound-status label::after {
    width: 11px !important;
    height: 11px !important;
    left: 3.5px !important;
    top: 4px !important;
}

.radio-wound-status label::before {
    width: 18px !important;
    height: 18px !important;
    left: 0px !important;
    top: 1px !important;
}

.selector {
    height: 60px;
    display: inline-flex;
    width: 100%;
    border: none;
    border-bottom: 4px solid transparent;
    color:   !important;
    max-width: 200px;
    background: transparent;
    font-weight: 500;
}

.selectorSelected {
    border-bottom: 4px solid #247377 !important;
    color: black !important;
}

.btn-treatment-action {
    color: #247377;
}

.btn-treatment-action:hover {
    color: #000;
}

.btn-treatment-action[disabled=disabled] {
    color: #666666 !important;
}

.btn-treatment-action[disabled=disabled]:hover {
    color: #666666 !important;
}

.color-primary {
    color: #247377 !important;
}

.bgcolor-primary {
    background-color: #247377 !important;
}

.wcp-checkbox {
    font-size: 14px;
    width: 420px;
    display: inline-table;
    margin-left: 50px;
}

.wcp-btn {
    height: 45px !important;
    border-radius: 5px;
    width: 50%;
    padding: 12px 0 !important;
    color: #247377;
    background-color: transparent;
    border: 1px solid #247377 !important;
    font-weight: 500;
}

.wcp-btn:hover {
    color: #fff;
    background-color: #247377;
}

.buttonUpload {
    width: 245px;
    background-color: #247377;
    color: #FFF;
    margin:0 auto;
    font-weight: 500;
}
.buttonUpload:hover {
    color: #FFF;
    opacity: 0.8;
}
.buttonUpload:focus {
    color: #FFF;
}

input:checked + .slider {
    background-color: #247377 !important;
}

.switch.checked {
    background: #247377 !important;
    border-color: #247377 !important;
}

.btn-day-circle {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 20px;
}

.btn-day {
    background: #F2F2F2;
    font-size: 18px;
    color: #b2afaa;
}

.btn-day:hover {
    background: #247377 !important;
    color: white;
}

.btn-day-active {
    background: #247377 !important;
    color: white;
}

.btn-day-container {
    margin-left: 0 !important;
    margin-right: 10px !important;
    padding-left: 0 !important;
}

.password-expiration-modal .modal-dialog {
    width: fit-content;
}

#modal-body-password-expiration button {
    background-color: #F2F2F2;
    color: rgba(0, 0, 0, 0.8);
    border-color: #F2F2F2;
    width: 75px;
    text-align: center;
    padding: 7px 4px;
    margin-right: 10px;
}

.pswd-exp-modl-row {
    margin-top: 17px;
}

.selected-interval {
    background-color: #247377 !important;
    border-color: #247377 !important;
    color: #FFFFFF !important;
}

.border-color-primary {
    border-color: #247377 !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-12 {
    padding-right: 12px !important;
}
.add-assessment-btn{
    color: ;
}

.twcp-arrow {
    color: ;
}