@charset "UTF-8";
/* --------------------------------------------------
Style Sheet for NUTRICIA
Version: 0.1.2
Last modified: 2017/01/23
--------------------------------------------------
lite #9283be
dark #492682
menu #605ca8
body #3d3d3d
-------------------------------------------------- */

/* Main Styles
-------------------------------------------------- */
a {
    color: #492682;
}
a:hover {
    color: #9283be;
}
.content-wrapper {
    min-height: 100%;
    background-color: #f4f2f8;
    z-index: 800;
}

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

.nutricia-color {
    color: #492682;
}

a.nutricia-color {
    color: #492682;
}

a.nutricia-color:hover {
    color: #3d3d3d;
}
.box.box-purple {
  border-top-color: #9283be;
}
.bg-light-purple {
    background-color: #f4f2f8;
    cursor: not-allowed;
}

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

.nutricia-white-logo {
    background: url('../images/nutricia-white.png') no-repeat;
    background-image: url('../images/nutricia-white.svg'), none;
    background-size: 100% 100%;
    background-size: contain;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 9999px white inset;
}
.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-20px {
    padding-top: 20px;
}

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

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

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

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

.down-space-60px {
    margin-bottom: 60px;
}
.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: 10px 10px 1px 10px!important;
    text-align: center;
}
/*
.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 Nutricia Colors Styles
-------------------------------------------------- */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #605ca8;
  outline: 0;
}

.panel-nutricia {
    border-color: #492682;
}

.panel-nutricia > .panel-heading {
    color: #ccc1eb;
    background-color: #492682;
    border-color: #492682;
}

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

.panel-nutricia > .panel-heading .badge {
    color: #ccc1eb;
    background-color: #492682;
}

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

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

.btn-nutricia {
  color: #fff;
  background-color: #492682;
  border-color: #130269;
}

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

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

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

.btn-nutricia .badge {
  color: #492682;
  background-color: #fff;
}

.btn-spacer {
    margin-left: 15px;
}
.btn-spacer-big {
    margin-right: 12px;
    margin-bottom: 12px;
}

/* 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: 4px;
    margin-bottom: 7px;
    font-size: 13px;
    color: #a94442;
}

.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;
}

/* 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;
  }
}
