p { margin-bottom: 10px; }

p:last-child { margin-bottom: 0; }

a:hover { text-decoration: none; }

button:focus { outline: none; }


#preloader {
position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(255 255 255 / 77%);
    z-index: 999;display: none;
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/*user-detail-header*/

 .sidebar-admin-menu ul li .green-test{color:#1f31b2 !important;}
.right-text{float: right;}
.user-detail-header { position: relative; z-index: 9; padding: 20px 0; border-bottom: 1px solid #e6e6e6; }

.user-detail-header .row { align-items: center; }

.user-detail-logo img { max-width: 250px; width: 100%; }

.user-detail-avatar { text-align: center; float: right; }

.user-detail-avatar-img img { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; object-position: top; background-color: #bbbbbb; }

.user-detail-avatar-name p { font-size: 14px; color: #1f3197; font-weight: 700; }

.menu-toggle { display: none; text-align: right; }

.menu-toggle i { font-size: 20px; }
.blue_btn {
    background: #ffff;
    border: 2px solid #1fa7df !important;
    color: #1fa7df;
    border-radius: 0 !important;
    min-width: 100px;
}


/*user-detail-sidebar*/

.user-detail-sec { position: relative; z-index: 10; }

.user-detail-sidebar { background-color: #1fa7df; color: #fff; padding: 25px; }

.user-detail-sidebar-mobile { display: none; }

.sidebar-close { display: none; }

.sidebar-close i { font-size: 16px; }

.user-detail-sec > .row { margin: 0; }

.user-detail-sidebar .user-detail-avatar { display: none; }

.user-detail-sidebar h2 { font-size: 24px; font-weight: 400; text-transform: uppercase; margin-bottom: 30px; }



.sidebar-admin-menu {  }

.sidebar-admin-menu ul { padding-left: 0; }

.sidebar-admin-menu ul li { list-style: none; display: block; border-bottom: 1px solid #61bde3; padding-bottom: 10px; margin-bottom: 10px; }

.sidebar-admin-menu ul li a { text-transform: uppercase; color: #fff; font-size: 16px; }

.sidebar-admin-menu ul li.has-submenu { position: relative; padding-right: 30px; }

.sidebar-admin-menu ul li.has-submenu .submenu-arrow { position: absolute; right: 0; top: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; z-index: 99; cursor: pointer; }

.sidebar-admin-menu ul li.has-submenu .submenu-arrow.active i:before { content: "\f068"; }

.sidebar-admin-menu ul li .admin-submenu { padding: 15px 0 0 15px; }

.sidebar-admin-menu ul li .admin-submenu li { border: 0; padding-bottom: 0; }



/*user-detail-right*/

.user-detail-right { padding: 0; }

.user-detail-top-icon-title { display: none; }

.user-detail-top-icon-sec { display: flex; padding: 25px 50px; background-color: #fff; }

.user-detail-top-icon-box { display: flex; align-items: center; margin-right: 30px; }

.user-detail-top-icon-box:last-child { margin-right: 0; }

.user-detail-top-icon-img { margin-right: 15px; }

.user-detail-top-icon-img img { max-width: 50px; width: 100%; }

.user-detail-top-icon-box a { font-size: 16px; color: #010101; line-height: 1; font-weight: 700; text-transform: uppercase;} 

.user-detail-top-icon-box a .text-blue { display: block; color: #1fa7df; }



.user-detail-form-sec { padding: 50px; background: linear-gradient(180deg, rgba(236,239,248,1) 0%, rgba(255,255,255,1) 100%, rgba(236,239,248,1) 100%); }

.user-detail-form-title h2 { font-size: 24px; color: #011c49; font-weight: 300; margin: 0 0 25px; }

.user-detail-form-sec-in { max-width: 900px; }



form.user-form > .row { align-items: flex-end; margin-bottom: 30px; }

form.user-form h3 { font-size: 14px; color: #011c49; font-weight: 700; text-transform: uppercase; margin: 0 0 20px; }

.user-detail-form-sec h4 { font-size: 14px; color: #011c49; font-weight: 700; margin: 0 0 20px; }

form.user-form .form-group { width: 90%; }

form.user-form label { display: block; font-size: 14px; color: #011c49; font-weight: 300; border-radius: 0; }

form.user-form label b { font-weight: 700; }

form.user-form .form-control { border-radius: 0; }

form.user-form .form-control:focus { outline: none; box-shadow: none; }

form.user-form .input-group-append {position: absolute; right: 10px; line-height: 38px; display: block; z-index: 9; color: #9b9b9b; }

form.user-form .form-check-inline { padding: 6px 0; }

form.user-form .form-check-inline label { display: inline-block; margin-right: 12px; }

form.user-form .remove-more-btn,form.user-form .add-more-btn { border: 0; margin: 0 0 30px; font-size: 14px; color: #ff8a01; font-weight: 700; appearance: none; background: transparent; cursor: pointer; }

form.user-form .remove-more-btn i,form.user-form .add-more-btn i { margin-right: 5px; }

form.user-form .submit-btn { background: #eceff8; border: 2px solid #1fa7df; color: #1fa7df; border-radius: 0; min-width: 170px; font-size: 16px; font-weight: 900; padding: 12px 30px; margin-bottom: 30px; }

form.user-form .submit-btn:hover { background-color: #fff; }

form.user-form input[type=checkbox] { position: static; margin-left: 0; }

form.user-form .form-check { margin-bottom: 15px; }

form.user-form .form-check input[type=checkbox] { position: absolute; left: 0; }

form.user-form textarea::placeholder { color: #ccc; }

form.care-plan-form h3 { margin: 5px 0 10px; }

form.risk-fall-form ol { padding-left: 12px; margin-bottom: 30px; }

form.risk-fall-form ol li { margin-bottom: 10px; }

form.risk-infection-form .row .row { align-items: center; }

form.risk-infection-form .row .row h4 { margin-bottom: 15px; }

form.user-form .form-control::placeholder { color: #ccc; }

.complaint-top-sec { margin-bottom: 30px; }

form.user-form table tr td { font-weight: 300; }

form.medicine-list-form .row + .row { margin-bottom: 0; }

.assessment-radio-row .form-group >label { font-weight: 600; }



/*service-user-guide-sec*/

.service-user-guide-sec p, .service-user-guide-sec ul li { font-size: 16px; }

.service-user-guide-sec h3 { font-size: 22px; color: #1fa7df; font-weight: 400; }

.service-user-guide-sec h4 { font-size: 18px; color: #1fa7df; font-weight: 400; }

.guide-contact-sec h3 { margin-bottom: 15px; }

.guide-contact-sec .row { margin-bottom: 30px; }

.guide-contact-box { border: 1px solid #000; height: 100%; }

.guide-contact-box h4 { padding: 10px; text-align: center; background-color: #f8f8f8; }

.guide-contact-box ul { padding-left: 0; }

.guide-contact-box ul li { list-style: none; }

.guide-contact-box ul li i { margin-right: 10px; }

.guide-contact-box-text { padding: 15px; }



/*user-detail-footer*/

.user-detail-footer { padding: 25px 15px; border-top: 1px solid #e6e6e6; text-align: center; font-size: 12px; color: #74685b; }

.user-detail-footer p { margin-bottom: 5px; }

.user-detail-footer ul { margin: 0; padding: 0; }

.user-detail-footer ul li { display: inline-block; border-right: 1px solid #74685b; font-size: 12px; color: #74685b; line-height: 1;

    padding: 0 5px; }

.user-detail-footer ul li:last-child { border: 0; }

.user-detail-footer ul li a { color: #74685b; }



/*management-sidebar*/

.management-sidebar { background-color: #fff; padding: 25px 0; }

.management-sidebar .user-detail-top-icon-sec { display: block; padding: 0; }

.management-sidebar .user-detail-top-icon-box { width: 100%; margin: 0 0 30px; padding: 0 25px; }

.management-sidebar .user-detail-top-icon-box.active { position: relative; }

.management-sidebar .user-detail-top-icon-box.active:after { content: '' ; position: absolute; right: -20px; width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid white; border-bottom: 20px solid transparent; z-index: 1; }

.management-page .user-detail-sidebar-mobile .user-detail-avatar-name p { color: #000; }



/*modules-sec*/

.modules-sec { display: flex; align-items: center; min-height: 65vh; padding: 50px; background: linear-gradient(180deg, rgba(236,239,248,1) 0%, rgba(255,255,255,1) 100%, rgba(236,239,248,1) 100%); }

.modules-sec .user-detail-top-icon-sec { flex-wrap: wrap; justify-content: center; max-width: 700px;  margin: 0 auto; padding: 50px 40px; }

.modules-sec .user-detail-top-icon-box { width: calc(100%/2); border-color: #f4f4f4; border-style: solid; border-width: 0px 1px 1px 0px; padding: 50px 25px; margin: 0; }

.modules-sec .user-detail-top-icon-box:nth-child(2n) { margin-right: 0; border-right: 0;}

.modules-sec .user-detail-top-icon-box:nth-child(3n),.modules-sec .user-detail-top-icon-box:last-child { margin-bottom: 0; border-bottom-width: 0;}

.modules-sec .user-detail-top-icon-box img { width: 50px; }



/*data-table*/

.add-client-btn { margin-bottom: 30px; }

.data-table tbody td .mobile-th { display: none; }

.data-table tr td, .data-table tr th { border-color: #1fa7df; }

.data-table button { font-size: 16px; margin: 0 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0; background: 0; cursor: pointer; }

.data-table button:hover { color: #1fa7df; }

.data-table button#btn-delete:hover { color: red; }

.data-table button:disabled { cursor: not-allowed; color: #b4b5b6; }

.data-table tr td a { color: #253155; }

.data-table tr td a:hover { color: #1fa7df; }

.data-table .btn-delete i { color: red; }

#client-table tr td:nth-child(-n+3) { white-space: nowrap; }

#client-table tr td:first-child { white-space: unset; }



/*create-document-sec*/

.create-document-sec .btn { margin-bottom: 30px; }

.document-filter-sec form .submit-btn { margin-bottom: 0; padding: 5px 25px; }

.user-personal-detail-form.login-form { padding: 0; }

.user-personal-detail-form.login-form.login-form .input-group label { text-transform: initial; font-size: 14px; }

.custom-file-input { cursor: pointer; min-width: 220px; overflow: hidden; }

.custom-file-label { white-space: nowrap; overflow: hidden; }

.custom-file-label::after { background-color: #1fa7df; color: #fff; border-radius: 0; }

.modal .create-doc-form .row { align-items: flex-start; }

.modal .create-doc-form .submit-btn { min-width: unset; margin: 0; padding: 5px 30px; }



/*Responsive*/



@media (max-width: 1199px) {

  /*User-detail*/

  .user-detail-top-icon-sec { padding: 25px 50px 10px; }

  .user-detail-top-icon-sec { flex-wrap: wrap; }

  .user-detail-top-icon-box { width: calc(100%/2 - 15px); margin-right: 15px; margin-bottom: 15px; }

  .user-detail-top-icon-img img { width: 30px; }

  .user-detail-top-icon-box a { font-size: 14px; }

}



@media (max-width: 991px) {

  .sidebar-admin-menu ul li a { font-size: 14px; }

  .guide-contact-sec .row { margin-bottom: 0; }

  .guide-contact-sec .col-lg-4 { margin-bottom: 30px; }

}



@media (max-width: 767px) {

  body.sidebar-active { overflow: hidden; }

  .user-detail-header { padding: 20px 10px; }

  .user-detail-header .user-detail-avatar { display: none; }

  .menu-toggle { display: block; padding-right: 5px; }

  .modules-header .menu-toggle { display: none; }

  .modules-header.user-detail-header .user-detail-avatar { display: block; }



  /*User-detail*/

  .user-detail-sec .user-detail-sidebar { display: none; }

  .user-detail-sidebar-mobile { display: block; }

  .user-detail-sidebar { position: fixed; z-index: 999999999; top: 0; bottom: 0; right: 0; width: 250px; padding: 15px; height: 100%; overflow: auto;  transform: translateX(130%); transition: transform 0.5s ease-in-out 0s; }

  .user-detail-sidebar.active { transform: translateX(0%); transition: transform 0.5s ease-in-out 0s; box-shadow: 0px 0px 6px #000; }

  .sidebar-close { display: block; text-align: right; }

  .user-detail-sidebar .user-detail-avatar { display: block; float: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #61bde3;}

  .user-detail-sidebar .user-detail-avatar-name p { color: #fff; }

  .user-detail-sidebar h2 { font-size: 20px; }

  .user-detail-form-title h2 { font-size: 20px; }



  /*.management-sidebar*/

  .management-page .user-detail-right .user-detail-top-icon-title { display: none; }

  .user-detail-sidebar-mobile .user-detail-top-icon-sec { display: block !important; padding: 0; }

  .user-detail-sidebar-mobile .user-detail-top-icon-box { display: flex; float: none; width: 100%; }

  .user-detail-sidebar-mobile .user-detail-top-icon-img { margin: 0 15px 0px 0px; }

  .management-page .user-detail-sidebar-mobile { color: #1fa7df; background-color: #fff; }



  /*//*/



  .user-detail-top-icon-title { display: block; padding: 15px; text-align: center; background: #1fa7df; color: #fff; font-weight: 700; }

  .user-detail-top-icon-title h3 { margin: 0; font-size: 16px; }

  .user-detail-top-icon-sec { display: none; padding: 25px 30px 10px; }

  .user-detail-top-icon-sec:after { content: ''; display: table; clear: both; }

  .user-detail-top-icon-box { float: left; }

  .user-detail-form-sec { padding: 30px; }

  form.user-form > .row { margin-bottom: 15px; }

  form.user-form .marital-row { margin-bottom: 0; }

  form.user-form .form-group { width: 100% !important; }

  form.risk-infection-form .row .row { margin-bottom: 15px; }

  form.user-form .form-control::placeholder { font-size: 14px; }



  /*modules-sec*/

  .modules-sec { padding: 30px; }

  .modules-sec .user-detail-top-icon-sec { display: block; padding: 25px 30px; }

  .modules-sec .user-detail-top-icon-box { width: 100%; margin-right: 0; padding: 0; border: 0; margin-bottom: 30px; }

  .modules-sec .user-detail-top-icon-box:nth-child(3n) { margin-bottom: 30px; }

  .data-table thead th { display: none; }

  .data-table tbody tr { display: block; margin-bottom: 15px; border-bottom: 1px solid #1fa7df; }

  .data-table tbody tr:nth-child(even) { background: rgba(0,0,0,.07); }

  .data-table tbody td { display: flex; border-bottom: 0; }

  .data-table tbody td.upload-td { display: block; }

  .data-table tbody td .mobile-th { display: inline-block; font-weight: 600; width: 50%; padding-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 50%; max-width: 50%; }

  .data-table tbody td.upload-td .mobile-th { margin-bottom: 10px; display: block; width: 100%; max-width: 100%; }

  .custom-file-input { min-width: auto; height: 35px; }

  .data-table tbody td.upload-td .custom-file-label { height: 35px; }

  .data-table tbody td.upload-td .custom-file-label::after { height: 35px; }



}



@media (max-width: 480px) {

  /*User-detail*/ 

  .user-detail-top-icon-box { display: block; }

  .user-detail-top-icon-img { margin: 0 0 5px; }

  form.user-form .submit-btn { min-width: 150px; padding: 10px 30px; }

  .modal .create-doc-form .submit-btn { padding: 5px 20px; }

}



@media (max-width: 400px) {

  /*User-detail*/ 

  .user-detail-top-icon-box a { font-size: 12px; }

  .data-table button { font-size: 14px; margin: 0 2px; }

}