/* You can add global styles to this file, and also import other style files */
/*body{
	background-image: url("./app/media/img/bg/bg-3.jpg") !important;
}*/

.m-body-lis-on {
  background-image: url("./app/media/img/bg/bg-3.jpg") !important;
}

.m-body-lis-off {
  background-color: #f3faff !important;
}

body,
html {
  height: 100%;
}

.btn-accent-submit {
  color: white !important;
  background-color: #5867dd !important;
  border-color: #5867dd !important;
}

.btn-accent-submit:hover {
  color: white !important;
  background-color: #384ad7 !important;
  border-color: #384ad7 !important;
}

.btn-accent-white {
  color: black !important;
  background-color: #ebedf2 !important;
}

.btn-accent-white:hover {
  color: black !important;
  background-color: #f4f5f8 !important;
}

.header-company-type {
  color: rgb(245, 129, 52) !important;
  background-color: rgb(255, 255, 255) !important;
  border-color: white !important;
  border: white !important;
  font-size: 20px !important;

  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto !important;
  border-radius: 5px !important;
}

.m-menu__subnav {
  padding: 0px !important;
  /* Some padding */
  height: auto !important;
}

.m-menu__item {
  padding: 1px !important;
}

.m-table-thead-global {
  color: rgb(255, 255, 255) !important;
  background-color: rgb(245, 129, 52) !important;
}

.modal-header-global {
  color: rgb(255, 255, 255) !important;
  background-color: #f58134 !important;
}

.menu-button {
  border-radius: 0px !important;
}

.menu-button:active {
  background: rgb(244, 177, 131) !important;
}

.menu-button:focus {
  background: rgb(244, 177, 131) !important;
}

.menu-button-round {
  border-radius: 50% !important;
  background: rgb(244, 177, 131) !important;
}

.menu-button-round {
  border-radius: 100% !important;
}

.menu-button-round:active {
  border-radius: 100% !important;
  background: rgb(244, 177, 131) !important;
}

.menu-button-round:focus {
  background: rgb(244, 177, 131) !important;
}

.btn-outline-focus {
  border-color: black !important;
  color: black !important;
}

.btn-outline-focus:hover {
  border-color: black !important;
  color: black !important;
  background-color: rgb(244, 177, 131) !important;
}

.btn-outline-focus:active {
  border-color: black !important;
  color: black !important;
  background-color: white !important;
}

.m-menu__submenu {
  height: auto !important;
}

.m-header-zero-height {
  height: 0px !important;
}

.m-header-max-height {
  height: 155px !important;
}

.m-header-min-height {
  height: 105px !important;
}

.m-menu__link-round {
  width: auto !important;
  height: 30px !important;
  padding: 6px 0px !important;
  border-radius: 25px !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 1.42857 !important;
}

.m-menu__link-height {
  height: 50px !important;
}

.m-menu__link-height:hover {
  height: 50px !important;
}

.m-portlet__body-red {
  color: red !important;
}

.btn-accent-sumit {
  background-color: #5867dd !important;
  border-color: #5867dd !important;
  color: white !important;
}

.btn-accent-sumit:hover {
  background-color: #384ad7 !important;
  border-color: #384ad7 !important;
  color: white !important;
}

.sub-menu-height-line-height {
  height: 35px !important;
  line-height: 0 !important;
}

.tableFixHead {
  text-align: center !important;
  word-wrap: break-word !important;
}

.tableFixHead a {
  padding: 10px !important;
  display: block !important;
}

.tableFixHead tbody {
  display: block !important;
  overflow-y: scroll !important;
  max-height: 50vh !important;
}

.tableFixHead thead, tfoot,
tbody tr {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.tableFixHead table {
  max-height: 50vh !important;
}

li {
  cursor: pointer !important;
}

li:hover {
  cursor: pointer !important;
}

.btn {
  cursor: pointer !important;
}

.btn-link {
  cursor: pointer !important;
}

a {
  cursor: pointer !important;
}

a:hover {
  cursor: pointer !important;
}

/* link button on tables */
.btn-padding {
  padding: 0 !important;
}

.btn-grading-warning {
  color: red !important;
}

/* Pop up */
.global-pop-up {
  display: block !important;
  overflow: scroll !important;
}