body, html {
  height: 100%;
  width: 100%;
  /* background-color: rgba(240, 240, 240, 1); */
}

body {
  margin: 0;
  background-color: transparent !important;
}

a {
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

.unselectable {
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

.splash {
  text-align: center;
  margin: 10% 0 0 0;
  box-sizing: border-box;
}

.splash .message {
  font-size: 72px;
  line-height: 72px;
  text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.splash .fa-spinner {
  text-align: center;
  display: inline-block;
  font-size: 72px;
  margin-top: 50px;
}

.welcome-icon {
  height: 50vh;
}

.page-host {
  /* position: absolute; */
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

@media print {
  .page-host {
    position: absolute;
    left: 10px;
    right: 0;
    top: 50px;
    bottom: 0;
    overflow-y: inherit;
    overflow-x: inherit;
  }
}

section {
  /* margin: 0 20px; */
}

.navbar-nav li.loader {
  margin: 12px 24px 0 6px;
}

.pictureDetail {
  max-width: 425px;
}

/* animate page transitions */
section.au-enter-active {
  -webkit-animation: fadeInRight 1s;
  animation: fadeInRight 1s;
}

div.au-stagger {
  /* 50ms will be applied between each successive enter operation */
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms;
}

.card-container.au-enter {
  opacity: 0;
}

.card-container.au-enter-active {
  -webkit-animation: fadeIn 2s;
  animation: fadeIn 2s;
}

.card {
  overflow: hidden;
  position: relative;
  border: 1px solid #CCC;
  border-radius: 8px;
  text-align: center;
  padding: 0;
  background-color: #337ab7;
  color: rgb(136, 172, 217);
  margin-bottom: 32px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

.card .content {
  margin-top: 10px;
}

.card .content .name {
  color: white;
  text-shadow: 0 0 6px rgba(0, 0, 0, .5);
  font-size: 18px;
}

.card .header-bg {
  /* This stretches the canvas across the entire hero unit */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-bottom: 1px #FFF solid;
  border-radius: 6px 6px 0 0;
}

.card .avatar {
  position: relative;
  margin-top: 15px;
  z-index: 100;
}

.card .avatar img {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px #FFF solid;
}

/* animation definitions */
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#page-content {
  /* background-color: rgba(240, 240, 240, 0.8) !important; */
}

.pointer {
  cursor: pointer;
}

#page-content-wrapper {
  z-index: 1 !important;
}

.form-text {
  margin-top: 7px;
}

#filterCollapse {
  clear: both;
  padding-top: 25px;
}

.parsley-errors-list {
  display: block;
  position: absolute;
  margin-top: 40px !important;
}

#header-logo .logo-content-big {
  background: url(data:image/png;base64,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) !important;
}

.logo-content-small {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7ZJREFUeNrEWMFx2lAQFRoXIFcQfI/HyiU+AhXYrsCiAMdQgU0FQFwAcgWQCsBH52I8zj1KB0oH2WXeMs/rLyS4ZGf+ID76+9++3b+7n1a0hzw//2zLR1dGR4Y+pzKS8/OvLf398+npWL/LeJKx+PX2VjbV3WoIQDe/lXEZ+p2ALAHUZCFjKoBWdXsc1QBQi8dOOUvdBgr8UgDqe30BVOwNREAMAIJFFU0VgLCwrgFRwH0RDHkRQEMBk4dejitAzBwIVdqTzU9kTBqAiGTDE2UBayPEzkzAzBrFCEBkNKUbD+3Lzc03pfsCVm4sfnj4/iFGBIjNKYA7GQPSmcvv/UrXwB0Moi8gcgIwJrobCU7OUAC9KiOYzuT7E7spDgRmCIQqmDsQJYJ1tAuIrM0AKIerTNRNaYgR9t2IQLwgX/BJmYo7Fg1JuRYdHXlfT00um5+Rm9Tw3pYRYSOjzdYC4p6YSImBvijs7QHCJIMuZUbjzYK9K8Ayds0tLRpSTGQEQgHk0eGSQed2D2NsAwSxYVZrfljJgsS5SplYHwjgkZ7HYGXlWGnHLm0/UkZMLE2HXCGLVYEG3BJjFjpRYNEycNuCF4lxm4GPUMC4NmzpCtBoIDLHWJ2ojhc8aw7KsZfpuIhdkJaUkjdzYlHhmdgTRAS3FsS25RebS2NyQYEg7dYUtdsDY2VFuaXNeyoGziOvgcV/KyrqIfKHnhVIIaz0dha9/yHMyKeGa9Yu01a906ThGpuuI0eXV9IJrP/RAMg0MNeh4LV4Se1gxJxY8FLJc0huXE3vazqz3Dc/CM5uwFCbW8WsVKi6JKtNBoHS3kPVLV01Hvk+w9K7T5q01wZcjI47omQTIeFsjysdt3fMyDjWBgjjGGz5NiBFY2Rgc7eXylMsSWxBlmV6ZUASG1GLN/cuaiKBmqXtQ4lribFUKIY4EFyGfkL+VKuWIWZ2gNB3l5y5BcQ9Fz92VQv+UuS/Kcv2UIVTKEuIWgU9QVBXsTBABuZ1X5RpxMac5rUhL1sV14cSYNYAM3NHtkTRenWsnbnKbafkCiC8YVcIjfddvLw4pxTOYEKdeBNR944QFx5ELrr7wesEXLR07aGiXpHf7wJW+4vVAoFZ0JV1TmvWMLLcda/xYLaW8UK4LOFgVODcyUGXZ/IDiMpLOBTMXKW1HPBYd9ODG65xRBPXePU9iNp/AxDAdwE3FLDMtw5nYMgf8xKMTg7+WwLsjGviokq2xz3Ewt7/jxAgvvcmOzZfoV4t6gCY/BNgAIhXzKq9+YAMAAAAAElFTkSuQmCC) !important;
}

#page-header .user-account-btn > a.user-profile span {
  width: auto !important;
}

.btn {
  overflow: hidden;
}

.view-list {
  clear: both;
  padding-top: 10px;
}

.selectedRow {
  height: 200px;
}

#sidebar-menu li .sidebar-submenu ul li a.sfActive {
  background: transparent !important;
  text-decoration: underline;
}

input[disabled], select[disabled], textarea[disabled], .form-control[disabled] {
	opacity: 1 !important;
	background: #eee !important;
}

#page-content a, #page-content .table {
  /* color: black !important; */
}

.viewbuilder-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 52px;
  line-height: 46px;
  background-color: rgba(240, 240, 240, 0.9);
  border-top: 1px solid;
  border-color: rgba(220, 220, 220, 0.7);
  margin-bottom: 0 !important;
  padding-left: 230px; /* side bar width */
}

#page-content {
  padding-bottom: 50px !important;
  /* background-color: rgba(240, 240, 240, 1) !important; */
}

#page-wrapper {
  background-color: transparent;
  position: absolute;
  width: 100%;
  min-height: 100%;
  height: auto;
  padding-top: 78px;
  /* background-color: #2d2d2d !important; */
}

/* .table-striped>tbody>tr:nth-of-type(odd) { */
/*   background-color: #eaeaea !important; */
/* } */

.pagination > .active > a {
  background-color: #d67e22 !important;
  border-color: #d67520 !important;
}

.has-error span {
  color: #a94442;
}

.tab-pane.fade {
  opacity: 1;
}

.table-transactions td span {
  overflow: hidden;
  height: 39px;
  display: inline-block;
  vertical-align: middle;
  /* line-height: 59px; */
  /* text-align: center; */
}

.table-viewbuilder td span {
  overflow: hidden;
}

.table-viewbuilder td span .centre-content {
  /* line-height: normal; */
}

td .table-icon {
  padding-right: 2px;
}

.table-viewbuilder td.opened-row {
  text-align: center;
  background-color: #CFD8DC;
}

.table-viewbuilder td.opened-row span {
  text-align: center;
  float: none;
}

.suggestion {
  background-color: #AED581;
  color: white;
}
.no_suggestion {
  background-color: #D4A190;
  color: white;
}

.selected {
  background-color: #CFD8DC;
  /* color: white; */
}

.price_color {
  color: green;
}

tr:hover td{
  /* background-color: black; */
  position: relative;
}

td {
  /* height: 80px; */
  /* max-height: 80px; */
  /* overflow: hidden; */
  word-break: break-all;
}

.table-btn {
  color: black;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.animated-03 {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-04 {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-05 {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-06 {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-07 {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-08 {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-09 {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.no-padding {
  padding: 0;
}

.auto-width {
  width: 1px;
  white-space: nowrap;
}

.overlay-table-row {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  color: white;
  font-size: 1.2em;

  background: rgba(0, 0, 0, 0.60);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.table-btn {
  color: black;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.vh-75 {
  height: 75vh;
}
.vh-100 {
  height: 100vh;
  word-break: break-all;
  padding: 0px;
}

/* Touch devices */
@media (hover: none) {
  /* disable click on menu icon */
  .menu-icon a {
    pointer-events: none;
  }

  /* larger lines for touchscreen */
  .table th, .table td {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
}

@media (max-width: 1050px) {
    /* Information Boxes */

    .info-box.icon-wrapper {
        padding-left: 50px;
    }
    .info-box.icon-wrapper .icon-large {
        font-size: 70px;
    }
    .info-box .stats {
        font-size: 20px;
    }
    .info-box b {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 1000px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* === Tablet devices - Landscape (900px wide) === */
@media only screen and (min-width: 900px) {

  .closed-sidebar .viewbuilder-buttons {
    padding-left: 50px;
  }

  #theme-options,
  #header-logo {
    display: block;
  }
  #mobile-navigation {
    display: none;
  }
  #page-sidebar {
    transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    visibility: visible;
  }
  #page-content {
    margin-left: 230px;
  }
  #page-sidebar.collapse {
    display: block;
  }
}
@media only screen and (max-width: 900px) {
  /* no menu */
  .viewbuilder-buttons {
    padding-left: 0px;
  }

  #page-content {
    margin: 0px;
    padding: 5px;
  }

  #theme-options,
  #header-logo {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 720px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 2px;
    padding-right: 2px;
  }
}
@media screen and (max-width: 650px) {
    .mobile-hidden {
        display: none !important;
    }
    .mobile-buttons a.btn {
        display: block;
        float: none;
        min-width: 1px;
        max-width: 100%;
        margin: 0 0 5px;
    }
    .heading-1 .heading-content {
        width: 80%;
    }
    .heading-1 small {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .content-box .content-box-wrapper {
        padding: 5px;
    }
    .popover {
        min-width: 100px !important;
    }
    .medium-box,
    .scrollable-small {
        width: 300px !important;
    }
    /* Chats */

    .chat-box li {
        padding-right: 50px;
    }
    .chat-box li.float-left {
        padding-left: 50px;
    }
    .chat-box .popover .popover-content {
        font-size: 11px;
        line-height: 1.5em;
        padding: 5px;
    }
    .chat-box .chat-author img {
        width: 34px;
        min-width: 34px;
    }
    /* Notifications */

    .notifications-box li .notification-text {
        display: block;
        overflow: hidden;
        width: 44%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .notifications-box li .notification-time {
        margin: 0;
    }
    /* Messages */

    .messages-box li .messages-text {
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

/* === Mobile devices - Portrait (320px wide) === */
@media only screen and (min-width: 320px) {
  /* #page-sidebar { */
  /*     transform: translateX(0px); */
  /*     -ms-transform: translateX(0px); */
  /*     -o-transform: translateX(0px); */
  /*     -webkit-transform: translateX(0px); */
  /*     visibility: hidden; */
  /* } */
  /* #page-content { */
  /*   margin-left: 0; */
  /* } */
}

/* === Desktop devices (1300px wide) === */
@media only screen and (min-width: 81.25em) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 20px;
    padding-right: 20px;
  }

}
/* === Desktop devices (1400px wide) === */
@media only screen and (min-width: 1400px) {
  .table th, .table td {
    padding: 0.8rem;
  }
}

/* === Desktop devices (1500px wide) === */
@media only screen and (min-width: 1500px) {
  .table th, .table td {
    padding: 0.9rem;
  }
}

/* Custom */
@media only screen and (max-width: 760px) {

  #header-nav-right #fullscreen-btn,
  #cloud-btn {
    display: none;
  }

}

@media only screen and (max-width: 630px) {

  #page-header .user-account-btn > a.user-profile span {
    display: none;
  }
  #page-header .user-account-btn .dropdown-menu:after,
  #page-header .user-account-btn .dropdown-menu:before {
    left: 56px;
  }

}

@media only screen and (max-width: 575px) {
  .row {
    margin: 0px;
  }
}
@media only screen and (max-width: 545px) {

  #header-nav-right #chatbox-btn {
    display: none;
  }

}
@media only screen and (max-width: 520px) {

  #dashnav-btn,
  #page-header .user-account-btn > a.user-profile span {
    display: none;
  }
  .popover {
    width: 100%;
    border-radius: 0;
  }
  .box-md {
    width: auto;
  }

}
@media only screen and (max-width: 460px) {

  .box-sm {
    width: auto;
  }

  #page-title {
    padding: 10px 0 15px;
    text-align: center;
  }

  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    margin-bottom: 20px;
  }

  .content-box {
    margin-top: 0 !important;
  }

  .row.mrg20B {
    margin-bottom: 0 !important;
  }

  .timeline-box .popover {
    width: auto;
  }

  .header-buttons-separator,
  #progress-btn,
  #page-title p,
  .dashboard-box .list-grade,
  .tooltip .tooltip-arrow,
  .todo-box .btn,
  .todo-box .bs-label {
    display: none;
  }

}
@media only screen and (max-width: 410px) {

  #header-nav-right #logout-btn,
  #notifications-btn {
    display: none;
  }
  #header-nav-left {
    float: right;
  }
  #header-nav-right {
    margin-right: 0;
    margin-left: 15px;
    float: left;
  }
  .dropdown-menu {
    position: fixed;
    left: 0 !important;
    width: 100%;
    border-radius: 0;
  }
  #page-header .user-account-btn .dropdown-menu {
    top: 65px;
  }
  #page-header .user-account-btn .dropdown-menu:after,
  #page-header .user-account-btn .dropdown-menu:before {
    left: auto;
    right: 24px;
  }

}

/* clockpicker bootstrap 4 fixes & template colors*/
.clockpicker-tick {
	font-size: 150% !important;
}

.clockpicker-popover {
	padding: 1px !important;
}

.clockpicker-popover .popover-title {
	padding: 8px 14px;
}

.clockpicker-popover .text-primary {
	color: #e67e22 !important;
}

.clockpicker-tick.active, .clockpicker-tick:hover {
	background-color: rgba(230, 126, 34, .25) !important;
}

.clockpicker-canvas-bg, .clockpicker-canvas-fg, .clockpicker-canvas-bearing {
	fill: rgba(230, 126, 34, .25) !important;
}

.clockpicker-canvas line {
	stroke: rgba(230, 126, 34, .25) !important;
}
/* clockpicker */


/*# sourceMappingURL=app~b8f0d581.c595666e73d49801b798.bundle.map*/