@charset "UTF-8";
/* --------------------------------------------------
// Project Name: ALK/Reminder
// Dev URL     : https://remind.testni.eu/
// Author      : InetSol Ltd.
// Author URL  : http://inetsol.co
// Version     : 0.0.3
// Date        : 2020/06/15 @ 15:00
--------------------------------------------------
darkblue ##002559
medblue ##003583
ahrefblue ##0046ad
menublue  ##003583

logocolors
##163056
##1a3960
##40537a
##616e90
##a4a9c3

verylitegreen ##daf7f4
litegreen ##a8dcd8

body #3d3d3d
-------------------------------------------------- */

/* Main Styles
-------------------------------------------------- */
a {
    color: #163056;
}

a:hover {
    color: #0046ad;
}

@media screen and (min-width: 768px) {
  .desktop-only{display:block !important;}
  .mobile-only{display:none !important;}
}
@media screen and (max-width: 767px) {
  .mobile-only{display:block !important;}
  .desktop-only{display:none !important;}
}

.content-wrapper {
    min-height: 100%;
    background-color: #defaf7; /* eef8f7 ecf3ff */
    background-image: url('../images/alk_wave.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    z-index: 800;
}

.nounderline {
    text-decoration: none !important;
}

.alk-color {
    color: #163056;
}

a.alk-color {
    color: #163056;
}

a.alk-color:hover {
    color: #3d3d3d;
}
.box {
    /* padding-bottom: 10px; */
}
.box.box-purple {
  border-top-color: #0046ad;
}
.bg-light-purple {
    background-color: #f4f2f8;
    cursor: not-allowed;
}

.alk-logo-blue {
    background: url('../images/alk_logo_blue.png') no-repeat;
    background-image: url('../images/alk_logo_blue.svg'), none;
    background-size: 100% 100%;
    background-size: contain;
    background-position: center center;
}

.alk-logo-white {
    background: url('../images/alk-white.png') no-repeat;
    background-image: url('../images/alk-white.svg'), none;
    background-size: 100% 100%;
    background-size: contain;
    background-position: center center;
}
.hr-small-space {
  margin-top: 8px;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid #ddd;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 9999px white inset;
  -webkit-animation: autofill 0s forwards;
  animation: autofill 0s forwards;
}

@keyframes autofill {
  100% {
    background: transparent;
    color: inherit;
    font-size: inherit;
  }
}

@-webkit-keyframes autofill {
  100% {
    background: transparent;
    color: inherit;
    font-size: inherit;
  }
}

.pagination {
    margin: 0;
}

.pagination > li > a, .pagination > li > span {
  padding: 5px 10px;
}

.text-normal {
    color: #3d3d3d;
}

.text-gray {
    color: #888;
}
.text-modal {
  font-size: 15px;
  color: #555;
}

.up-space-10px {
    padding-top: 10px;
}

.up-space-20px {
    padding-top: 20px;
}

.up-space-30px {
    padding-top: 30px;
}

.up-space-40px {
    padding-top: 40px;
}

.up-space-50px {
    padding-top: 50px;
}

.up-space-60px {
    padding-top: 60px;
}

.up-space-70px {
    padding-top: 70px;
}

.up-space-80px {
    padding-top: 80px;
}

.up-space-90px {
    padding-top: 90px;
}

.up-space-100px {
    padding-top: 100px;
}

.down-space-10px {
    margin-bottom: 10px;
}

.down-space-20px {
    margin-bottom: 20px;
}

.down-space-30px {
    margin-bottom: 30px;
}

.down-space-40px {
    margin-bottom: 40px;
}

.down-space-50px {
    margin-bottom: 50px;
}

.down-space-60px {
    margin-bottom: 60px;
}

.down-space-70px {
    margin-bottom: 70px;
}

.down-space-80px {
    margin-bottom: 80px;
}

.down-space-90px {
    margin-bottom: 90px;
}

.down-space-100px {
    margin-bottom: 100px;
}

.right-space-10px {
    margin-right: 10px;
}
.right-space-15px {
    margin-right: 15px;
}
.right-space-20px {
    margin-right: 20px;
}
.clickable-row,
.clickable-cell {
    cursor: pointer;
}
.pointer-cursor {
  cursor: pointer;
}
option[value=""][disabled] {
    display: none;
}

a#scroll-to-top {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEZFRDY3RjhCMjExMTFFNUE3RjlCQ0I4NkYyNUQ3RTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEZFRDY3RjdCMjExMTFFNUE3RjlCQ0I4NkYyNUQ3RTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNzE5RUFDNDNBREExMUUxQUVGMkE2NTdBQ0QzMDBFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNzE5RUFDNTNBREExMUUxQUVGMkE2NTdBQ0QzMDBFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNvoukAAAEQSURBVHjaYgwNDRVjYGAIAGIlIGYG4v8M9AOMQPwXiO8C8UYWIBEGxMoMAwdAbtACYiYmICHHMDiAMhPDIAKjjhl1zKhjBpNjngLxBCg9oI75BsQzgPghEL8eaMc8AOIvUPZCIL42UI65DMQL0MQWQMXp6pgrQLwYiH+jiYP4J+ntmAdYHAIDV4F4L70cs48Iy7ZA1dHUMXuAeDORajcjJW6aOOY4ierX08oxi4D4HYmOOQfVRzXHgNrES4H4PJmJHaRvP7UcA8o5ZygsHEH6PxLTGCYEJIA4k4JiANQD+ArteVDsGE4gVhttQow6ZtQxo44ZdQwNHPN0kLjlIag6WM0AGTCSGkCHPAO1fQACDAAmxzHZ/SF5mgAAAABJRU5ErkJggg==") no-repeat center center;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 10px;
    bottom: 17px;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: 0;
}
/* Dashboard Top Infos */
.info-box {
  height: 70px;
  min-height: 70px;
}
.info-box-icon {
  height: 70px;
  width: 100px; /* 3 cols width 100 - 4 cols width 70 */
  line-height: 70px;
  font-size: 37px;
}

.info-box-content {
  min-height: 70px;
  height: 70px;
}
.info-box-text {
  display: flex;
  min-height: 62px;
  height: 62px;
  white-space: normal;
  text-align: center;
  overflow: visible;
  text-overflow: initial;
  font-size: 16px;
  line-height: 20px;
  justify-content:center;
  align-items:center;
}

.logo-lg {
  font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: 600;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: auto!important;
    padding: 20px 10px 1px 10px!important;
    text-align: center;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #666666;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
  right: 5px!important;
  -webkit-box-shadow: 2px 2px 13px 1px rgba(0,0,0,0.3);
  -moz-box-shadow:    2px 2px 13px 1px rgba(0,0,0,0.3);
  box-shadow:         2px 2px 13px 1px rgba(0,0,0,0.3);
}
@media (max-width: 991px) {
  .navbar-nav>.user-menu>.dropdown-menu {
      padding: 0;
  }
  .content-header>.breadcrumb {
      background: rgba(0,0,0,0.1);
  }
  .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    right: 15px!important;
  }
}
/*


.dataTable th, .dataTable td {
    white-space: nowrap;
}*/
.dataTable th {
    white-space: nowrap;
}
.info-text-helper {
  position: fixed;
  left: 0px;
  bottom: 0px;
  padding: 5px 10px;
  background-color: #aaa;
  color:#111;
  z-index: 999;
}
/* Bootstrap Elements ALK Colors Styles
-------------------------------------------------- */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #004bb0;
  outline: 0;
}

.panel-alk {
    border-color: #163056;
}

.panel-alk > .panel-heading {
    color: #defaf7;
    background-color: #163056;
    border-color: #163056;
}

.panel-alk > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #163056;
}

.panel-alk > .panel-heading .badge {
    color: #ccc1eb;
    background-color: #163056;
}

.panel-alk > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #163056;
}

.btn-link-alk {
  font-weight: normal;
  color: #163056;
  border-radius: 0;
}
.btn-link-alk,
.btn-link-alk:active,
.btn-link-alk.active,
.btn-link-alk[disabled],
fieldset[disabled] .btn-link-alk {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link-alk,
.btn-link-alk:hover,
.btn-link-alk:focus,
.btn-link-alk:active {
  border-color: transparent;
}
.btn-link-alk:hover,
.btn-link-alk:focus {
  color: #0046ad;
  text-decoration: underline;
  background-color: transparent;
}

.btn-alk {
  color: #fff;
  background-color: #163056;
  border-color: #130269;
}

.btn-alk:hover,
.btn-alk:focus,
.btn-alk:active,
.btn-alk.active,
.open .dropdown-toggle.btn-alk {
  color: #fff;
  background-color: #003583;
  border-color: #130269;
}

.btn-alk:active,
.btn-alk.active,
.open .dropdown-toggle.btn-alk {
  background-image: none;
}

.btn-alk.disabled,
.btn-alk[disabled],
fieldset[disabled] .btn-alk,
.btn-alk.disabled:hover,
.btn-alk[disabled]:hover,
fieldset[disabled] .btn-alk:hover,
.btn-alk.disabled:focus,
.btn-alk[disabled]:focus,
fieldset[disabled] .btn-alk:focus,
.btn-alk.disabled:active,
.btn-alk[disabled]:active,
fieldset[disabled] .btn-alk:active,
.btn-alk.disabled.active,
.btn-alk[disabled].active,
fieldset[disabled] .btn-alk.active {
  background-color: #163056;
  border-color: #130269;
}

.btn-alk .badge {
  color: #163056;
  background-color: #fff;
}

.btn-spacer {
    margin-left: 15px;
}
.btn-spacer-big {
    margin-right: 12px;
    margin-bottom: 12px;
}
.btn-space-visit {
    margin-right: 25px;
}
.btn-space-patient {
    margin-right: 40px;
}
/* InputLike Div
-------------------------------------------------- */
.input-like {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    /* background-color: #fff; */
    background-image: none;
    border: 1px solid #ccc;
}

.textarea-like {
    min-height: 34px;
    height:auto;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #dd4b39;
}
.form-control {
  color: #000!important;
}
.has-feedback .form-control {
    padding-right: 15px;
}
.glyphicon-input {
    right: 15px!important;
    z-index: 999;
}
.glyphicon-select {
    right: 24px!important;
    z-index: 999;
}
.glyphicon-textarea {
    right: 15px!important;
    z-index: 999;
}
.glyphicon-input-date {
    right: 0px!important;
    z-index: 999;
}

/* for validation */
.has-success .select2-selection , .has-success .select2-container,
.has-success .select2-choice, .has-success .select2-choices {
    border-color: #3c763d;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.has-success .select2-selection:focus , .has-success .select2-container:focus,
.has-success .select2-choice:focus, .has-success .select2-choices:focus {
    border-color: #2b542c;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #67b168;
}

.has-error .select2-selection , .has-error .select2-container,
.has-error .select2-choice, .has-error .select2-choices {
    border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.has-error .select2-selection:focus , .has-error .select2-container:focus,
.has-error .select2-choice:focus, .has-error .select2-choices:focus{
    border-color: #843534;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483;
}
.select2-choices {
    border-radius: 4px;
}

/* Loading Overlay */
.blockOverlay {
  z-index: 2000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.6; cursor: wait; position: fixed;
}
.blockMsg, .blockPage{
  z-index: 2011; position: fixed; padding: 40px 30px 30px; margin: 0px; width: 30%; top: 40%; left: 35%; text-align: center; color: rgb(17, 17, 17); border: 3px solid rgb(170, 170, 170); background-color: rgb(255, 255, 255); cursor: wait;
}

/* Responsive Adjustment for Dashboard & iPad */

div.dataTables_wrapper {
        width: 100%;
        margin: 0 auto;
    }

#export-main{
    width:100%;
    height: 21px;
    margin-bottom: 5px;
}
#export-name{
    width:36%;
    height: 20px;
    float:left;
}
#export-link{
    width:64%;
    height: 20px;
    float:left;
    text-align: right;
}

@media only screen and (min-width:991px) and (max-width:1240px) {
  #export-name, #export-link { width:100%; text-align: left;}
  #export-main{
      width:100%;
      height: 40px;
  }
}
.grecaptcha-badge { visibility: hidden; }