/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/
.loading-image{
  background: url(../img/loading.gif) center center no-repeat;
}
.loading-td {
  position: relative;
  color: transparent; /* hides the text */
}
.loading-td::before {
  content: "";
  background: url(../img/loading.gif) center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.accounts-group,.key-line-group{
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.cursor-move{
  cursor:move;
}
@media only screen and (max-width: 480px){
  .table-wraper{
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 767px){
  #add_new_profile .modal-body, #manage_key_lines .modal-body{
    height: 500px !important;
    overflow-y: scroll !important;
  }
}
.table-striped tbody tr.highlight td{
	background-image: none; background-color: rgba(255, 255, 153, 0.925);
}

.table-striped tbody tr td.highlight{
	background-image: none; background-color: rgba(255, 255, 153, 0.925);
}

/* Portal help drawer */
.portal-help-drawer {
	position: fixed;
	top: 45px;
	right: 0;
	width: 400px;
	max-width: 95%;
	height: calc(100vh - 46px);
	background: #fff;
	border-left: 1px solid #e7ecf1;
	box-shadow: -4px 0 12px rgba(0, 0, 0, 0.08);
	transform: translateX(100%);
	transition: transform 0.3s ease;
	z-index: 1050;
	overflow-y: auto;
}

.portal-help-drawer.is-open {
	transform: translateX(0);
}

body.portal-help-open .page-content,
body.portal-help-open .page-container {
	margin-right: 200px;
	transition: margin-right 0.3s ease;
}

.portal-help-drawer__header {
	position: sticky;
	top: 0;
	background: #f5f7fa;
	padding: 12px 16px;
	border-bottom: 1px solid #e7ecf1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 1;
}

.portal-help-drawer__body {
	padding: 16px;
}

.portal-help-drawer .help-list {
	padding-left: 18px;
}

.portal-help-drawer .help-list li {
	margin-bottom: 8px;
}

.portal-help-template {
	display: none;
}

@media (max-width: 1200px) {
	body.portal-help-open .page-content,
	body.portal-help-open .page-container {
		margin-right: 0;
	}

	.portal-help-drawer {
		width: 100%;
		max-width: 480px;
	}
}