.site-gridbuttons {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1000;
  padding: 10px 1px;
  background-color: #fff;
  width: 78px;
  overflow-x: hidden;
  overflow-y: auto;
}

.site-gridbuttons ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.site-gridbuttons li {
  float: none;
  width: 100%;
  text-align: center;
  position: relative;
}
.site-gridbuttons li > button {
  display: block;
  margin: 0 5px 10px;
}
.site-gridbuttons li > .keystroke {
	position: absolute;
	z-index: 10;
    bottom: -7px;
    right: 9px;
}
.ajax-loader {position:fixed;top:50%;left:50%;margin-top:-32px;margin-left:-42px;z-index:2000;display:none;}
.table-primary thead tr th {
	color: #fff;
	background-color: #3f51b5;
}
.table-success thead tr th {
	color: #fff;
	background-color: #4caf50;
}
.table-info thead tr th {
	color: #fff;
	background-color: #00bcd4;
}
.table-warning thead tr th {
	color: #fff;
	background-color: #ff9800;
}
.table-danger thead tr th {
	color: #fff;
	background-color: #f44336;
}
.table-dark thead tr th {
	color: #fff;
	background-color: #616161;
}
.min-table td {
	padding: 2px 5px !important;
}
.min-table th {
	padding: 2px 8px !important;
}
.min-table.dataTable thead .sorting::after,
.min-table.dataTable thead .sorting_asc::after,
.min-table.dataTable thead .sorting_desc::after {
	top: 3px !important;
}
table.dataTable > tbody > tr.DTTT_selected {
	background-color: #00acc1;
	color: #fff;
}
.btn-white {
    border-color: #cccccc;
    color: #333333;
    background-color: #ffffff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    border-color: #adadad;
    color: #333333;
    background-color: #ebebeb;
}
.ui-autocomplete .new-menu-item {
	background-color: #f4f4f4;
}
.ui-autocomplete .new-menu-item.ui-state-focus {
}
.input-group-xs .input-group-addon {
	padding: 4px 15px;
    font-size: 12px;
}
.div-inline-block {
    display: inline-block;
    margin-right: 20px;
}
.cube {
	display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border-radius: 3px;
    vertical-align: text-top;
}
.page-no-space .page .page-content {
	padding: 0;
}
.form-control.ui-state-error.ui-icon-alert{color:red;}
.form-control.ui-state-error.ui-icon-alert:focus{border-color:red;}
/* MAILBOX */
.mail-box {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  border-top: 0;
  padding: 0px;
  margin-bottom: 20px;
}
.mail-box-header {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  border-bottom: 0;
  padding: 30px 20px 20px 20px;
}
.mail-box-header h2 {
  margin-top: 0px;
}
.mailbox-content .tag-list li a {
  background: #ffffff;
}
.mail-body {
  border-top: 1px solid #e7eaec;
  padding: 20px;
}
.mail-text {
  border-top: 1px solid #e7eaec;
}
.mail-text .note-toolbar {
  padding: 10px 15px;
}
.mail-body .form-group {
  margin-bottom: 5px;
}
.mail-text .note-editor .note-toolbar {
  background-color: #F9F8F8;
}
.mail-attachment {
  border-top: 1px solid #e7eaec;
  padding: 20px;
  font-size: 12px;
}
.mailbox-content {
  background: none;
  border: none;
  padding: 10px;
}
.mail-ontact {
  width: 23%;
}
/* FILE MANAGER */
.file-box {
  float: left;
  /* width: 220px; */
}
.file-manager h5 {
  text-transform: uppercase;
}
.file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.category-list li {
  display: block;
}
.category-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a .text-navy {
  color: #1ab394;
}
.category-list li a .text-primary {
  color: #1c84c6;
}
.category-list li a .text-info {
  color: #23c6c8;
}
.category-list li a .text-danger {
  color: #EF5352;
}
.category-list li a .text-warning {
  color: #F8AC59;
}
.file-manager h5.tag-title {
  margin-top: 20px;
}
.tag-list li {
  float: left;
}
.tag-list li a {
  font-size: 10px;
  background-color: #f3f3f4;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}
.file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
}
.file-manager .hr-line-dashed {
  margin: 15px 0;
}
.file .icon,
.file .image {
  height: 100px;
  overflow: hidden;
}
.file .icon {
  padding: 15px 10px;
  text-align: center;
}
.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px;
}
.file-control.active {
  text-decoration: underline;
}
.file .icon i {
  font-size: 70px;
  color: #dadada;
}
.file .file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
}
.file-name small {
  color: #676a6c;
}
.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0em;
  bottom: 0em;
}
a.compose-mail {
  padding: 8px 10px;
}
.mail-search {
  max-width: 300px;
}