@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
 font-size: 14px;
}

body {
 font-family: 'Roboto', sans-serif;
 color: #454545;
 font-size: 1rem;
 margin: 0;
 padding: 0;
 font-weight: 400;
 background: #fff;
 overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 color: #31384E;
 font-family: 'Roboto', sans-serif;
 font-weight: bold;
}

h1 {
 font-size: 42px;
}

h2 {
 font-size: 36px;
}

h3 {
 font-size: 24px;
}

h4 {
 font-size: 20px;
}

h5 {
 font-size: 16px;
}

h6 {
 font-size: 14px;
}

a:hover,
a:focus {
 text-decoration: none;
 color: #4ab951;
}

a {
 color: #454545;
}

img {
 max-width: 100%;
}

ol,
ul {
 padding: 0px;
 margin: 0px;
 list-style: none;
}

.btn {
 padding: 8px 20px;
 border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 background-color: #1079bf;
 color: #fff !important;
 font-size: 14px;
 font-weight: 500;
 box-shadow: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 border: 0px;
 border-radius: 50px;
 background: #4cb74d;
}

 .btn.bg_orange {
  background-color: #1079bf;
 }

  .btn:hover, .btn.bg_orange:hover,
  .btn:focus, .btn.bg_orange:focus {
   background: #17689f;
   color: #fff;
  }

.fl_group .form-control {
 border-radius: 0px;
 -webkit-border-radius: 0px;
 box-shadow: none;
 -webkit-box-shadow: none;
 background: transparent;
 border-width: 0;
 border-bottom: 1px solid #454545;
 padding: 8px 0;
 text-indent: 0;
 color: #454545;
}

 .fl_group .form-control:focus {
  color: #454545;
  background-color: transparent;
  border-color: #1079bf;
  outline: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
 }

  .fl_group .form-control:focus ~ .f_label, .fl_group .form-control:not(:placeholder-shown) ~ .f_label {
   top: -12px;
   left: 0px;
   font-size: 12px;
   opacity: 1;
   color: #999;
  }

 .fl_group .form-control::-webkit-input-placeholder {
  color: #999;
  opacity: 0;
 }

 .fl_group .form-control::-moz-placeholder {
  color: #999;
  opacity: 0;
 }

 .fl_group .form-control:-ms-input-placeholder {
  color: #999;
  opacity: 0;
 }

 .fl_group .form-control:-moz-placeholder {
  color: #999;
  opacity: 0;
 }

 .fl_group .form-control:focus::-webkit-input-placeholder {
  opacity: 1;
 }

 .fl_group .form-control:focus::-moz-placeholder {
  opacity: 1;
 }

 .fl_group .form-control:focus:-ms-input-placeholder {
  opacity: 1;
 }

 .fl_group .form-control:focus:-moz-placeholder {
  opacity: 1;
 }

.c_blue {
 color: #1079bf;
}

.c_orange {
 color: #4cb74d;
}

.c_green {
 color: #4cb74d;
}

.error {
 color: #DC3545;
}

.c_white {
 color: #ffffff;
}

.bg_blue {
 background-color: #1079bf;
}

.bg_orange {
 background-color: #4cb74d;
}

.bg_green {
 background-color: #28A745;
}

.bg_red {
 background-color: #DC3545;
}

.bg_gray {
 background-color: #ccc;
}

.row.gutter_5 {
 margin-left: -5px;
 margin-right: -5px;
}

 .row.gutter_5 > div {
  padding-left: 5px;
  padding-right: 5px;
 }

.row.gutter_10 {
 margin-left: -10px;
 margin-right: -10px;
}

 .row.gutter_10 > div {
  padding-left: 10px;
  padding-right: 10px;
 }

.modal-backdrop {
 z-index: 9991
}

.modal {
 z-index: 9992;
 padding-right: 0px !important;
}

.form-control:focus {
 border-color: #4cb74d;
}

.fw_500 {
 font-weight: 500;
}

.fw_600 {
 font-weight: 600;
}

.fw_bold {
 font-weight: bold;
}
/*Login page style
=============================================================*/
.login_wrap, .page_gradient {
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4cb74d+0,aed6ae+100 */
 background: #4cb74d; /* Old browsers */
 background: -moz-linear-gradient(-45deg, #4cb74d 0%, #aed6ae 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(-45deg, #4cb74d 0%,#aed6ae 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(135deg, #4cb74d 0%,#aed6ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cb74d', endColorstr='#aed6ae',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

 .page_gradient.orange_gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bf6c28+0,f7fafb+100 */
  background: rgb(191,108,40); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(191,108,40,1) 0%, rgba(247,250,251,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(191,108,40,1) 0%,rgba(247,250,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(191,108,40,1) 0%,rgba(247,250,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6c28', endColorstr='#f7fafb',GradientType=0 ); /* IE6-9 */
 }

.login_inner {
 min-height: 100vh;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 margin: 0 0 -28px;
}

 .login_inner label.custom_checkbox {
  max-width: inherit;
  display: inline-block;
  position: absolute;
  right: 0;
  margin: 0;
  top: 4px;
  z-index: 1;
 }

  .login_inner label.custom_checkbox input {
   position: absolute;
   left: 0;
   width: 100%;
   top: 0;
   height: 100%;
   opacity: 0;
   z-index: 9;
   margin: 0;
  }

  .login_inner label.custom_checkbox span {
   font-size: 17px;
   padding: 0;
   color: #666;
   height: 27px;
   width: 27px;
   display: flex;
   position: relative;
   align-items: center;
   justify-content: center;
  }

   .login_inner label.custom_checkbox span i.fa-eye {
    display: none;
   }

  .login_inner label.custom_checkbox input[type="checkbox"]:checked + span i.fa-eye-slash {
   display: none;
  }

  .login_inner label.custom_checkbox input[type="checkbox"]:checked + span i.fa-eye {
   display: block;
  }


.site_logo img {
 max-width: 250px;
}

.login_box {
 padding: 30px 60px 60px;
 background: #f3f3f3;
 width: 100%;
 max-width: 520px;
 margin: 20px auto;
 box-shadow: 0 0px 50px rgb(0 0 0 / 12%);
 border-radius: 12px;
 overflow: hidden;
}

 .login_box .btn {
  width: 100%;
  text-transform: uppercase;
 }

  .login_box .btn i.fa-spin {
   margin: 0 0 0 8px;
   display: none;
   color: #fff;
  }

  .login_box .btn.loading i.fa-spin {
   display: inline-block;
  }

.site_logo {
 text-align: center;
 margin: -30px -60px 40px;
 background: #ffffff;
 padding: 20px 15px;
 box-shadow: 0 0px 5px rgb(0 0 0 / 10%);
}

.fl_group {
 position: relative;
 margin-top: 15px;
 margin-bottom: 25px;
}

 .fl_group .f_label {
  font-size: 14px;
  color: #454545;
  position: absolute;
  pointer-events: none;
  top: 9px;
  left: 0;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  margin: 0;
  width: 100%;
 }

.rememberMeDiv {
 justify-content: space-between;
 margin: 0px 0 20px;
}

 .rememberMeDiv a {
  text-decoration: underline;
  color: #454545;
  margin-left: auto;
 }

.checkbox_input {
 cursor: pointer;
}

 .checkbox_input input[type=checkbox] {
  position: absolute;
  margin-left: 0;
  opacity: 0;
 }

  .checkbox_input input[type=checkbox] + span {
   padding-left: 25px;
   margin-bottom: 0;
   font-size: 14px;
   color: #403838;
   position: relative;
   display: block;
   min-height: 18px;
  }

   .checkbox_input input[type=checkbox] + span::before {
    content: "";
    display: flex;
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #c4c4c4;
    border-radius: 0px;
    background-color: #fff;
    left: 0;
    top: 1px;
    align-items: center;
    justify-content: center;
   }

  .checkbox_input input[type=checkbox]:checked + span:before {
   font-weight: normal;
   color: #f3f3f3;
   line-height: 15px;
   font-size: 11px;
   background-color: #4cb74d;
   content: "\f00c";
   font-family: fontAwesome;
   border-color: #4cb74d;
   box-shadow: 3px 3px 8px rgba(76, 183, 77,0.30);
   -webkit-box-shadow: 3px 3px 8px rgba(76, 183, 77,0.30);
   border-radius: 2px;
  }

.login_box h3 {
 text-transform: uppercase;
 position: relative;
 font-size: 22px;
 padding: 0 0 8px;
 color: #1079bf;
 margin: 0 0 20px;
}

 .login_box h3.text-center:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 40px;
  height: 1px;
  background: #1079bf;
  bottom: 0;
 }

.backToLogin_link {
 margin: 8px 0 0;
}

 .backToLogin_link a {
  font-size: 14px;
  text-transform: uppercase;
 }

  .backToLogin_link a i {
   padding: 0 4px 0 0;
   display: inline-block;
   transition: all ease 0.4s;
  }


/*Header  style
=============================================================*/
.loader {
 position: fixed;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 99999;
 display: flex;
 align-items: center;
 justify-content: center;
 background: rgba(255,255,255,0.60);
}

.loader_inner {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

 .loader_inner img {
  max-width: 70px;
  display: block;
  animation-duration: 2.2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  backface-visibility: visible;
  animation-name: flip;
  -webkit-animation-duration: 2.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: flip;
 }

 .loader_inner span {
  text-transform: uppercase;
  color: #1079bf;
 }

@keyframes flip {
 0% {
  transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  animation-timing-function: ease-out;
 }

 40% {
  transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  animation-timing-function: ease-out;
 }

 50% {
  transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  animation-timing-function: ease-in;
 }

 80% {
  transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
  animation-timing-function: ease-in;
 }

 100% {
  transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  animation-timing-function: ease-in;
 }
}

@-webkit-keyframes flip {
 0% {
  -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
  -webkit-animation-timing-function: ease-out;
 }

 40% {
  -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  -webkit-animation-timing-function: ease-out;
 }

 50% {
  -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  -webkit-animation-timing-function: ease-in;
 }

 80% {
  -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
  -webkit-animation-timing-function: ease-in;
 }

 100% {
  -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  -webkit-animation-timing-function: ease-in;
 }
}
/*btn loader*/
.btn_loader {
 border: 3px solid #f3f3f3;
 border-radius: 50%;
 border-top: 3px solid #1079bf;
 width: 20px;
 height: 20px;
 -webkit-animation: spin 1s linear infinite;
 animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
 0% {
  -webkit-transform: rotate(0deg);
 }

 100% {
  -webkit-transform: rotate(360deg);
 }
}

@keyframes spin {
 0% {
  transform: rotate(0deg);
 }

 100% {
  transform: rotate(360deg);
 }
}



.page_gradient {
 height: 100vh;
 width: 100%;
 margin: 0 auto;
 z-index: -1;
 position: fixed;
 top: 0px;
 left: 0;
 width: 100%;
 right: 0;
 pointer-events: none;
}

header.main_header {
 position: relative;
 background: #fff;
 box-shadow: 0 0px 15px rgb(0 0 0 / 18%);
 position: sticky;
 top: 0;
 z-index: 9990;
 padding: 8px 0;
 border-top: 3px solid #4ab951;
}

nav.navbar {
 padding: 0px 0;
}

ul.navbar-nav {
 padding: 0px 0 0;
 width: 100%;
}

.navbar-brand img {
 max-width: 185px;
 height: auto;
 object-fit: contain;
 image-rendering: auto;
}

ul.navbar-nav {
 justify-content: center;
}

 ul.navbar-nav > li {
  margin: 0 0 0 45px;
  position: relative;
  padding: 14px 0;
 }

  ul.navbar-nav > li > a {
   font-weight: 500;
  }

 ul.navbar-nav li.active > a {
  color: #4ab951;
 }

 ul.navbar-nav > li > a {
  padding: 12px 0px;
  /* border-radius: 50px; */
  position: relative;
 }

 ul.navbar-nav li.active > a {
  background: transparent;
  /* color: #fff; */
  /* border-radius: 50px; */
 }

 ul.navbar-nav > li > a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  height: 2px;
  width: 0;
  background: #4ab951;
  transition: all ease 0.4s;
 }

 ul.navbar-nav > li.active > a:after, ul.navbar-nav > li:hover > a:after {
  width: 100%;
 }

.dropdown-menu.dropdown-menu-right {
 left: auto;
 right: 0;
 border: 0;
 box-shadow: 0 4px 16px rgb(0 0 0 / 14%);
 top: 35px;
}

 .dropdown-menu.dropdown-menu-right a {
  padding: 6px 15px;
 }

ul.sub_menu_list {
 position: absolute;
 top: 100%;
 left: 0;
 width: 150px;
 background: #fff;
 margin: 0;
 padding: 8px 0px;
 border-radius: 4px;
 box-shadow: 0 4px 16px rgb(0 0 0 / 14%);
 display: none;
 z-index: 1000;
}

.s_menu_toggle {
 display: none;
}

ul.sub_menu_list li {
 margin: 0;
}

 ul.sub_menu_list li a {
  padding: 5px 15px;
  display: block;
 }

  ul.sub_menu_list li a:hover, .dropdown-menu.dropdown-menu-right a:hover {
   text-decoration: none;
   background-color: #f8f9fa;
   color: #4ab951;
  }

ul.sub_menu_list:before,
.dropdown-menu.dropdown-menu-right:before {
 display: block;
 content: "";
 position: absolute;
 top: -10px;
 left: 10px;
 border-style: solid;
 border-width: 0 8px 10px 8px;
 border-color: transparent transparent #fff transparent;
}

.dropdown-menu.dropdown-menu-right:before {
 left: auto;
 right: 10px;
}

.user_avtar {
 height: 36px;
 width: 36px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #eee;
 border-radius: 50px;
 margin: 0 10px 0 0;
 overflow: hidden;
 box-shadow: 0 0 5px rgba(54, 149, 200,0.15);
}

.menu_wrap {
 width: calc(100% - 210px);
 display: flex;
 align-items: center;
 justify-content: space-between;
}

a.navbar-brand {
 margin-right: 20px;
 padding: 0px 0;
}

.header_right {
 width: calc(100% - 250px);
 justify-content: space-between;
}

.header_search .form-control {
 margin-left: 5px;
 height: 30px !important;
 padding: 0px 10px;
 font-size: 13px;
 box-shadow: none !important;
 outline: none;
 border-radius: 0;
}

.header_search button.btn {
 height: 30px;
 margin: 0 0 0 5px;
 padding: 0 20px;
 text-transform: uppercase;
 font-size: 13px;
}

.header_search .search_field {
 width: 100%;
 max-width: 340px;
 text-align: left;
 background-image: url(../images/search-icon.png);
 background-repeat: no-repeat;
 background-size: 12px auto;
 background-repeat: no-repeat;
 background-position: 10px center;
 padding-left: 30px;
}

.header_search select.form-control {
 width: 130px;
}

.header_search .form-control::placeholder {
 color: #ccc;
 opacity: 1;
}

ul.navbar-nav li > a i.fa-cog {
 margin-left: 3px;
 font-size: 16px;
 color: #1079bf;
 animation: rotation 4s infinite linear;
 -webkit-animation: rotation 4s infinite linear;
}

@keyframes rotation {
 from {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
 }

 to {
  transform: rotate(359deg);
  -webkit-transform: rotate(359deg);
 }
}

@-webkit-keyframes rotation {
 from {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
 }

 to {
  transform: rotate(359deg);
  -webkit-transform: rotate(359deg);
 }
}

body {
 min-height: 100vh;
 position: relative;
 padding-bottom: 28px;
 padding-right: 0px !important;
 background: #f4f8f9;
}

footer.main_footer {
 position: absolute;
 bottom: 0;
 width: 100%;
 background: #fff;
 padding: 10px 0;
 line-height: 1.6;
}

.copyright {
 font-size: 13px;
}

 .copyright a {
  font-weight: 500;
  color: #4ab951;
  text-decoration: underline;
 }

.header_search {
 position: absolute;
 top: 100%;
 width: 100vw;
 right: -15px;
 background: #f3f3f3;
 transition: all ease 0.4s;
 -webkit-transition: all ease 0.4s;
 display: none;
 z-index: 999;
 box-shadow: 0 2px 2px rgb(0 0 0 / 20%);
 -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / 20%);
}

 .header_search form {
  padding: 15px 10px;
  justify-content: center !important;
 }

.menu_right_block {
 display: flex;
 justify-content: flex-end;
 align-items: center;
 min-width: 200px;
 padding: 6px 0;
}

 .menu_right_block .userDropdown {
  margin-left: 20px;
 }

  .menu_right_block .userDropdown .dropdown-toggle {
   display: flex;
   align-items: center;
   font-weight: 500;
  }

.menuToggle, .searchToggle {
 margin: 0 0 0 10px;
 padding: 5px 5px;
 font-size: 18px;
 width: 35px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}

 .menuToggle span {
  height: 2px;
  width: 100%;
  background: #000;
  display: block;
  margin: 3px 0;
  transition: all ease 0.4s;
 }

body.menu_expanded .menuToggle {
 position: relative;
 z-index: 99990;
}

 body.menu_expanded .menuToggle span:nth-child(2) {
  display: none;
 }

 body.menu_expanded .menuToggle span:first-child {
  transform: rotate(45deg);
  transform-origin: 8px 1px;
 }

 body.menu_expanded .menuToggle span:last-child {
  transform: rotate(-45deg);
  transform-origin: 6px 0px;
 }

.searchToggle {
 height: 30px;
 width: 30px;
 background: rgba(61, 157, 203,0.13);
 border-radius: 50px;
 font-size: 15px;
 padding: 0;
 cursor: pointer;
 color: #1079bf;
 transition: all ease 0.4s;
 min-width: 30px;
}

.menu_wrap .dropdown-toggle > span {
 max-width: 60px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}

.searchToggle.active {
 background: rgba(61, 157, 203,1);
 color: #fff;
}







/*Line loader css 
------------------------------------
*/
.line_loader {
 /* background: #1079bf; */
 position: relative;
 width: 100%;
 overflow: hidden;
 position: fixed;
 top: 73px;
 left: 0;
 height: 5px;
 z-index: 9999;
}

 .line_loader img {
  height: 100%;
  width: 100%;
  display: block;
 }

 .line_loader span {
  display: block;
  width: 50px;
  background: #fff;
  left: 0;
  height: 100%;
  position: absolute;
  left: 20px;
  top: 0;
  animation: line_animation 2.5s linear infinite;
  -webkit-animation: line_animation 2.5s linear infinite;
  -moz-animation: line_animation 2.5s linear infinite;
  -ms-animation: line_animation 2.5s linear infinite;
  -o-animation: line_animation 2.5s linear infinite;
 }

@-webkit-keyframes line_animation {
 0% {
  left: 0px;
 }

 100% {
  left: 100%;
 }
}

@-moz-keyframes line_animation {
 0% {
  left: 0px;
 }

 100% {
  left: 100%;
 }
}

@-o-keyframes line_animation {
 0% {
  left: 0px;
 }

 100% {
  left: 100%;
 }
}

@keyframes line_animation {
 0% {
  left: 0px;
 }

 100% {
  left: 100%;
 }
}



/*Change Password page style
=============================================================*/
.change_password_wrap {
 min-height: calc(100vh - 140px);
 display: flex;
 align-items: center;
}

 .change_password_wrap .c_password_inner {
  padding: 40px 20px 50px;
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
  background: #fff;
  display: block;
 }

.c_password_inner form {
 max-width: 380px;
 margin: 0 auto;
 width: 100%;
 padding: 0;
}

.c_password_inner .form-group {
 margin: 0 0 15px;
}

.cpImg {
 background: #e3eced87;
 padding: 70px 50px 100px;
}

.c_password_inner .btn {
 width: 50%;
}

.c_password_inner .portal_head h4 {
 margin: 0 0 15px;
 font-size: 22px;
}

.tooltip {
 opacity: 1 !important;
}

.tooltip-inner {
 background-color: #1079bf;
 opacity: 1;
}

.tooltip.bs-tooltip-right .arrow:before {
 border-top-color: #1079bf !important;
}

.tooltip.bs-tooltip-left .arrow:before {
 border-top-color: #1079bf !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
 border-top-color: #1079bf !important;
}

.tooltip.bs-tooltip-top .arrow:before {
 border-top-color: #1079bf !important;
}




/*User's page style
=============================================================*/
.listing_page, .users_page, .patientEncounter_page {
 padding: 20px 0;
}

 .listing_page .portal_block h4,
 .patientEncounter_page .portal_block h4,
 .has_divider {
  margin: 0 0 0px;
  padding: 0 0 8px;
  position: relative;
  text-transform: uppercase;
 }

  .listing_page .portal_block h4:after,
  .patientEncounter_page .portal_block h4:after,
  .has_divider:after {
   display: block;
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 40px;
   height: 1px;
   background: #4cb74d;
  }

  .has_divider.text-center:after {
   right: 0;
   margin: 0 auto;
  }

table.dataTable tbody th,
table.dataTable tbody td,
table.c_table tbody th,
table.c_table tbody td {
 padding: 12px 12px;
 vertical-align: middle;
}

table.dataTable thead th,
table.dataTable thead td,
table.c_table thead th,
table.c_table thead td {
 border-bottom: 2px solid #3b747f;
 text-transform: uppercase;
 color: #3b747f;
 padding: 12px 18px;
}

table.dataTable thead th,
table.c_table thead th {
 white-space: nowrap;
}

table.dataTable.no-footer {
 border-bottom: 1px solid #3b747f;
}

.small_icon {
 height: 22px;
 width: 22px;
 color: #fff;
 border-radius: 4px;
 font-size: 14px;
 display: flex;
 align-items: center;
 justify-content: center;
 margin: 0 auto;
}

.d-flex > .small_icon {
 margin: 0 3px;
}

.small_icon.bg_blue {
 background-color: rgba(17, 122, 191,0.2);
 color: #127abf;
}

 .small_icon.bg_blue:hover {
  background-color: #127abf;
  color: #fff;
 }

.small_icon.bg_green {
 background-color: rgb(40 167 69 / 20%);
 color: #28A745;
}

 .small_icon.bg_green:hover {
  background-color: rgb(40 167 69 / 100%);
  color: #fff;
 }

.small_icon.bg_red {
 background-color: rgb(220 53 69 / 20%);
 color: #DC3545;
}

 .small_icon.bg_red:hover {
  background-color: rgb(220 53 69 / 100%);
  color: #fff;
 }

.small_icon:hover {
 background-color: #4cb74d;
 color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next) {
 padding: 3px 10px;
 background: rgb(67 122 133 / 20%) !important;
 border-color: transparent !important;
 color: #437a85 !important;
 margin-left: 5px;
}

 .dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next).current {
  background: #1079bf !important;
  border-color: transparent !important;
  color: #fff !important;
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next):hover {
  background: #4cb74d !important;
  border-color: #4cb74d !important;
  color: #fff !important;
 }

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:active {
 background: transparent !important;
 border-color: transparent !important;
 color: #4cb74d !important;
 box-shadow: none !important;
}

.dataTables_wrapper .dataTables_filter input[type="search"] {
 outline: none;
 box-shadow: none;
}

.portal_head .button-switch {
 margin-right: 10px;
}

.portal_head {
 padding: 0 0 12px;
}

.modal-header {
 background: #4cb74d;
 color: #fff;
}

 .modal-header .modal-title {
  color: #fff;
 }

 .modal-header button.close {
  color: #fff;
  font-weight: normal;
  text-shadow: none;
  opacity: 1;
 }

.modal-content {
 border: 0;
}

.form-control {
    box-shadow: 2px 2px 5px rgb(0 0 0 / 6%) !important;
    border-radius: 4px;
    background: #fff;
    border-color: #ccc;
}

.modal-header button.close:focus {
 outline: none;
 border: 0;
}

.users_access_wrap label.checkbox_input {
 margin: 0px;
}

.users_access_wrap label.checkbox_input {
 margin: 0px auto;
 display: block;
 text-align: center;
}

 .users_access_wrap label.checkbox_input span::before {
  margin: 0 auto;
  right: 0;
 }

.user_role_box {
 margin: 10px 0 15px;
}

 .user_role_box select.form-control {
  height: 31px !important;
  border-radius: 0;
  min-width: 200px;
 }

.dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input[type="search"] {
 border-radius: 4px;
 height: 31px;
 border: 1px solid #ced4da;
 box-shadow: none;
}

.user_role_box .btn i {
 margin: 0 3px 0 0;
}

.portal_block {
 padding: 15px;
 background: #fff;
 min-height: 100%;
 margin-bottom: 0px;
}

 .portal_block .checkbox_input input[type=checkbox] + span {
  color: #7F7F7F;
 }

  .portal_block .checkbox_input input[type=checkbox] + span::before {
   border: 1px solid #7F7F7F;
  }

 .portal_block .checkbox_input input[type=checkbox]:checked + span::before {
  border: 1px solid #f27421;
 }


table.dataTable thead th {
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.1;
}
#divItemTypeModel .modal-dialog {
    max-width: 900px;
}
.form-group {
    margin-bottom: 10px;
}
.form_actions {
    margin: 14px 0 0;
}
button.btn.btn-cancel {
    background: #bbb;
}



/*USER TYPE CSS
=============================================================*/
.checkbox_input input[type=radio] {
 position: absolute;
 margin-left: 0;
 opacity: 0;
}

 .checkbox_input input[type=radio] + span {
  padding-left: 25px;
  margin-bottom: 0;
  font-size: 14px;
  color: #403838;
  position: relative;
  display: block;
  min-height: 18px;
 }

  .checkbox_input input[type=radio] + span::before {
   content: "";
   display: flex;
   position: absolute;
   width: 18px;
   height: 18px;
   border: 1px solid #c4c4c4;
   border-radius: 0px;
   background-color: #fff;
   left: 0;
   top: 1px;
   align-items: center;
   justify-content: center;
  }

 .checkbox_input input[type=radio]:checked + span:before {
  font-weight: normal;
  color: #f3f3f3;
  line-height: 15px;
  font-size: 11px;
  background-color: #1079bf;
  content: "\f00c";
  font-family: fontAwesome;
  border-color: #1079bf;
  box-shadow: 3px 3px 8px rgb(242 116 33 / 30%);
  -webkit-box-shadow: 3px 3px 8px rgb(242 116 33 / 30%);
 }

.userTypeDiv label.checkbox_input span:before {
 display: none;
 position: static;
 margin: 0 auto;
 width: 30px;
 height: 30px;
 border: 0;
 box-shadow: none !important;
 background: transparent;
}

.userTypeDiv label.checkbox_input span {
 background: #cccc;
 width: 100%;
 display: flex;
 padding: 20px;
 margin: 0 0 20px;
 border-radius: 5px;
 min-height: 105px;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 text-transform: uppercase;
 font-weight: 500;
 letter-spacing: 0.05rem;
 font-size: 14px;
}

.userTypeDiv label.checkbox_input {
 display: block;
 text-align: center;
}

.userTypeDiv .checkbox_input input[type=radio]:checked + span:before {
 font-size: 22px;
 background: transparent;
 color: #fff;
 display: flex;
}

.userTypeDiv .checkbox_input input[type=radio]:checked + span {
 background: #1079bf;
 color: #fff;
}

/*Patient Encounter style
=============================================================*/
.patient_encounter_info label {
 margin: 0 15px 0 0;
 font-weight: 500;
 white-space: nowrap;
}

.patient_encounter_info .p_en_value, 
.patient_encounter_info .p_en_value + .select2-container--default .select2-selection--single {
    background: #FBF3D5;
    padding: 2px 15px;
    min-width: 60px;
    text-align: left;
    max-width: 250px;   
    border-radius: 2px;
    height:32px;
}
.select2-container--open.select2-container--default .select2-selection--single {
    border-color: #4cb74d;
}
.p_en_value + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    line-height: 25px;
}
.patient_encounter_info {
 padding: 0 0 2px;
}

.form-control {
 padding: 4px 12px;
 height: auto !important;
 min-height: 32px;
}

.patientEncounterWrap table.c_table tbody th,
.patientEncounterWrap table.c_table tbody td {
 padding: 5px 12px;
}

table.c_table th,
table.c_table td {
 font-size: 13px;
 line-height:1.2;
}
.select2-results__option {
    font-size: 13px;
    line-height: 1.2;
}
table.c_table .form-control, table.c_table .select2-container--default .select2-selection--multiple {
    min-height: 28px;
    padding: 3px 12px;
    font-size: 13px;
    border-radius: 0;
    box-shadow: none !important;
}
table.c_table .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    margin: 3px 2px 0 0;
}
.patientEncounterWrap table.c_table {
 /*margin: 0 0 5px;*/
}

select.answerType_field {
    min-width: 85px;
    text-indent: 0px;
    max-width: 150px;
}

input.anotation_field {
 min-width: 200px;
 margin-left: -1px;
}

table.c_table thead th {
 line-height: 1.2;
 padding: 8px 12px;
 vertical-align: middle;
}

.table tr:last-child td {
 border-bottom: 1px solid #dee2e6;
}

.form-control.active_field,
table.c_table .form-control.active_field + .select2-container--default .select2-selection {
    background: rgba(73, 185, 80,0.08);
    border-color: #4ab951;
    z-index: 1;
    position: relative;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc;
    outline: none;
}

.form-control.p_en_field,
table.c_table .form-control.p_en_field + .select2-container--default .select2-selection {
    background: #FBF3D5;
    border-color: #4ab951;
    z-index: 1;
    position: relative;
}

.datepicker {
 cursor: pointer;
}

.datepicker_div {
 position: relative;
 width: 100%;
 max-width: 250px;
}

 .datepicker_div i.fa {
  position: absolute;
  right: 10px;
  top: 8px;
  pointer-events: none;
 }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li input {
    height: auto;
    margin: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    margin: 2px 2px 3px;
    position: relative;
    box-sizing: border-box;
    display: block;
    float: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
table.c_table .select2-container--default .select2-selection--multiple {
    padding: 0;
    border-color: #ccc;
}

table.c_table  span.select2.select2-container {
    max-width: 200px;
    width: 200px!important;
}
table.c_table .select2-container--default .select2-selection--single {
    border-radius: 0;
    border: 1px solid #ccc;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
}
.select2-container--default .select2-selection {
    outline: none !important;
}
/*my responsive style
=============================================================*/
@media screen and (max-width: 1199px) {
 ul.navbar-nav li {
  margin: 0 0 0 20px;
 }

 .cards_list .row > div {
  flex: 0 0 33.333%;
  max-width: 33.333%;
 }
}


@media screen and (min-width: 992px) {
 ul.navbar-nav > li:hover ul.sub_menu_list {
  display: block;
 }
}


@media screen and (max-width: 991px) {
 .sub_menu .nav-tabs li.nav-item {
  margin: 0 15px 0 0;
 }

  .sub_menu .nav-tabs li.nav-item:last-child {
   margin: 0;
  }

 ul.navbar-nav li {
  margin: 0 0 10px !important;
 }

 .header_search .search_field {
  max-width: 320px;
 }

 .menu_right_block {
  min-width: initial;
  margin-left: auto;
 }

  .menu_right_block .userDropdown {
   margin-left: 15px;
  }

 .menu_wrap {
  position: fixed;
  right: -100%;
  left: auto;
  width: 300px;
  background: #fff;
  height: 100%;
  top: 0;
  padding: 60px 0px 60px;
  overflow: auto;
  box-shadow: 0 0 30px rgb(0 0 0 / 15%);
  transition: all ease 0.4s;
  -webkit-transition: all ease 0.4s;
  opacity: 0;
  z-index: 9999;
  display: block;
 }

 body.menu_expanded .menu_wrap {
  right: 0px;
  opacity: 1;
 }

 ul.navbar-nav {
  margin: 0px;
 }

  ul.navbar-nav li a {
   padding: 12px 20px;
   display: block;
  }

  ul.navbar-nav li {
   margin: 0 0 0px !important;
   border-bottom: 1px solid #f3f3f3;
   padding: 0;
  }

   ul.navbar-nav li:first-child {
    border-top: 1px solid #f3f3f3;
   }

 ul.sub_menu_list {
  position: static;
  box-shadow: none;
  width: 100%;
  padding: 0;
  background: #f3f3f3;
 }

  ul.sub_menu_list:before {
   display: none;
  }

  ul.sub_menu_list li {
   border: 0 !important;
  }

   ul.sub_menu_list li a {
    padding: 8px 30px;
   }

 span.s_menu_toggle {
  height: 45px;
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: flex;
  pointer-events: none;
 }

  span.s_menu_toggle:after {
   display: block;
   content: "\f067";
   font-family: 'FontAwesome';
   color: #555;
  }

  span.s_menu_toggle.active:after {
   content: "\f068";
  }
}

@media screen and (max-width: 767px) {
 .cpImg {
  background: #e3eced87;
  padding: 20px 50px 40px;
 }

 .c_password_inner {
  padding: 40px 20px 50px;
 }

 .cards_list .row > div {
  flex: 0 0 50%;
  max-width: 50%;
 }

 .searchPipeline .form-group .btn {
  margin: 0px 0 0;
 }

 .portal_head {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
 }

 

 .listing_page .portal_block h4 {
  display: block;
  width: 100%;
 }

  .listing_page .portal_block h4:after {
   margin: 0 auto;
   right: 0;
  }

 .portal_block {
  min-height: initial;
  margin-bottom: 10px;
 }

 .header_search select.form-control {
  width: 48%;
  margin: 0 1% 5px;
 }

 .header_search button.btn {
  margin: 5px 0 0;
  min-width: 98%;
 }

 .header_search .search_field {
  width: 100%;
  max-width: 98%;
  margin: 0;
 }

 .user_avtar {
  margin: 0px;
 }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
}

@media screen and (max-width: 639px) {
 .user_role_box {
  flex-direction: column;
  justify-content: center;
  align-items: stretch !important;
 }

  .user_role_box .btn {
   width: 50%;
  }

  .user_role_box .ml-auto {
   margin: 6px 0 0 !important;
  }

  .user_role_box select.form-control {
   width: 100%;
   display: block;
  }

 #p_credit_memo .portal_block {
  padding: 10px 15px 10px;
 }

 .sub_menu {
  flex: 100%;
  max-width: 100%;
  padding: 15px 0 5px 0px;
 }

 .left_sidebar {
  flex: none;
  max-width: 100%;
  width: 100%;
  margin: 0 0 20px;
 }

 .sub_menu .nav-tabs {
  justify-content: center;
 }

 .main_inner {
  flex-wrap: wrap;
 }

 .main_content {
  flex: none;
  max-width: 100%;
  padding-left: 0;
 }
}

@media screen and (max-width: 479px) {
    .portal_head .ml-auto {
        margin: 15px 0 0 0 !important;
    }
 .site_logo {
  margin: -30px -20px 25px;
 }

 .login_box {
  padding: 30px 20px;
 }

 .cards_list .row > div {
  flex: 0 0 100%;
  max-width: 100%;
 }

 .navbar-brand img {
  max-width: 140px;
 }

 .header_right {
  width: calc(100% - 145px);
  justify-content: space-between;
 }

 a.navbar-brand {
  margin: 0;
 }
}

/*modal popup style
=============================================================*/
.modal.modal-fullscreen .modal-dialog {
 width: 100vw;
 height: 100vh;
 margin: 0;
 padding: 0;
 max-width: none;
}

.modal.modal-fullscreen .modal-content {
 height: auto;
 height: 100vh;
 border-radius: 0;
 border: none;
}

.modal.modal-fullscreen .modal-body {
 overflow-y: auto;
}

/* algorithm popup design */
#addNewAlgorithm .modal-dialog {
 max-width: 1300px;
 width: 95%;
 margin: 20px auto;
}

#addNewAlgorithm .modal-header .modal-title {
 color: #fff;
 text-transform: uppercase;
}

.c_form label {
 margin: 0 0 2px;
 text-transform: uppercase;
 font-size: 13px;
 /* font-weight: 500; */
}

.c_form .form-group {
 margin: 0 0 10px;
}

 .c_form .form-group .form-control {
  box-shadow: none !important;
 }

.newAlgorithmGuidelines {
 background: transparent;
 margin: 0;
 padding: 5px 0px;
}

 .newAlgorithmGuidelines h3 {
  margin: 5px 0 8px;
  font-size: 16px;
  text-transform: uppercase;
 }

.algorithm_list_table table.c_table thead th {
 line-height: 1.2;
 padding: 12px 12px;
 vertical-align: middle;
 background: rgb(76 183 77 / 20%);
 color: #000;
 border-color: rgb(76 183 77);
 border-bottom-width: 0px;
 font-weight: 500;
}

 .algorithm_list_table table.c_table thead th.n_g_column {
  background: rgb(16 121 191 / 20%);
  border-color: rgb(16 121 191);
 }

.guideline_info .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 6%) !important;
    border-radius: 4px;
    background: #fff;
    border-color: #ccc;
    padding: 4px 12px;
    height: auto !important;
    min-height: 32px;
}

    .guideline_info .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 32px;
    }

#divUserTypeModel .select2-container--default .select2-selection--multiple {
    border: 1px solid #aaa;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 6%) !important;
    border-radius: 4px;
    background: #fff;
    border-color: #ccc;
    padding: 4px 0px;
    height: auto !important;
    min-height: 32px;
}

.table-responsive > .table-bordered {
 border: 0;
 border-collapse: collapse;
}

.table-striped tbody tr:nth-of-type(odd) {
 background-color: rgba(0,0,0,.03);
}

.toast-center-center {
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.disabled {
 pointer-events: none;
 opacity: 0.4;
}