/*
Code
*/
.code {	-moz-tab-size:3; -o-tab-size:3; tab-size:3; font-size:8pt; font-family: Consolas, "Courier New", monospace; color:#111; }

/*
Drag/Drop Support
*/
body.dragging, body.dragging * {
	cursor: move !important;
}
.dragged {
	position: absolute;
	opacity: 0.6;
	z-index: 2000;
}
.table-sortable .sort-handle { cursor: move; }
.table-sortable tr.placeholder td { background-color: #ffefe0; border:1px dashed #ccc; }

table.table-bordered.dataTable tbody td, table.table-bordered.dataTable tbody th { vertical-align: text-top; }
.dataTables_filter input { border-radius: 5px; }

/* Sortable Table Header Format */
table[data-sortable] th:after {  float: left; }

.default { color: #7171a6; text-decoration: none; font-weight:600; }
.default:hover, .default:focus { color: #bbb; }

#statsContainer { min-height: 110px; vertical-align: middle; }

.modal-content { border-radius: 1px; }
.modal-timeout { background-color: rgba(10, 0, 10, 0.95); z-index: 1500; }

/* Dropzone */
.dz-max-files-reached {
	 pointer-events: none;
	 cursor: default;
}
.dropzone {
	border-style: dashed;
	border-color: #d5cdfe;
}
/* Bootstrap 4 Based Shim */
.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }

/* Bootstrap 4 Text Nowrap */
.text-nowrap { white-space: nowrap; }

.form-title {
	position: relative;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
}
.form-title:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #e2e2e2;
}
.form-title span {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #fff;
}

.btn.btn-uplyft {
	border-radius: 25px !important;
	padding:0.7em 1.5em;
	border:0;
	filter: drop-shadow(5px 5px 5px #ddd);

	color: #fff;
	background-color: #927dfe;
	border-color: rgba(0, 0, 0, 0.2);
}
.btn.btn-uplyft:focus,
.btn.btn-uplyft.focus {
	color: #fff;
	background-color: #bdb2f9;
	border-color: rgba(0, 0, 0, 0.2);
}
.btn.btn-uplyft:hover {
	color: #fff;
	background-color: #bdb2f9;
	border-color: rgba(0, 0, 0, 0.2);
}
.btn.btn-uplyft:active,
.btn.btn-uplyft.active,
.open > .dropdown-toggle.btn.btn-uplyft {
	color: #fff;
	background-color: #bdb2f9;
	border-color: rgba(0, 0, 0, 0.2);
}
.btn.btn-uplyft:active:hover,
.btn.btn-uplyft.active:hover,
.open > .dropdown-toggle.btn.btn-uplyft:hover,
.btn.btn-uplyft:active:focus,
.btn.btn-uplyft.active:focus,
.open > .dropdown-toggle.btn.btn-uplyft:focus,
.btn.btn-uplyft:active.focus,
.btn.btn-uplyft.active.focus,
.open > .dropdown-toggle.btn.btn-uplyft.focus {
	color: #fff;
	background-color: #ccd1d9;
	border-color: rgba(0, 0, 0, 0.2);
}
.btn.btn-uplyft:active,
.btn.btn-uplyft.active,
.open > .dropdown-toggle.btn.btn-uplyft {
	background-image: none;
}
.btn.btn-uplyft.disabled:hover,
.btn.btn-uplyft[disabled]:hover,
fieldset[disabled] .btn.btn-uplyft:hover,
.btn.btn-uplyft.disabled:focus,
.btn.btn-uplyft[disabled]:focus,
fieldset[disabled] .btn.btn-uplyft:focus,
.btn.btn-uplyft.disabled.focus,
.btn.btn-uplyft[disabled].focus,
fieldset[disabled] .btn.btn-uplyft.focus {
	background-color: #ccd1d9;
	border-color: rgba(0, 0, 0, 0.2);
}
.btn.btn-uplyft .badge {
	color: #ccd1d9;
	background-color: #fff;
}

/*
*	--------------------------------------------------------
*	7.	Panel Chat / .panel-chat
*	--------------------------------------------------------
*/
.panel-account-notes .media-wrapper {
	max-height: 325px;
	overflow-y: auto;
	/* padding: 0 1em; */
}
.panel-account-notes .media-wrapper .media + .media {
	margin-top: 20px;
}
.panel-account-notes .media-wrapper .media .media-left {
	padding-top: 25px;
}
.panel-account-notes .media-wrapper .media .media-body .time {
	font-size: 11px;
}
.panel-account-notes .media-wrapper .media .media-body .message {
	margin-top: 8px;
	padding: 8px 10px 10px;
	border-radius: 4px;
}
.panel-account-notes .media-wrapper .media .media-body .message strong {
	font-style: italic;
}
.panel-account-notes .media-wrapper .media .media-body .message strong + p {
	margin-top: 8px;
}
.panel-account-notes .media-wrapper .media .media-body .message p {
	margin-bottom: 0;
}
.panel-account-notes .media-wrapper .media-incoming-message .message {
	border: 1px solid #EFEFF3;
	background-color: #F9F9FA;
}
.panel-account-notes .media-wrapper .media-my-message .message {
	border: 1px solid #D8D8E3;
	background-color: #EFEFF8;
}
.panel-account-notes form {
	margin: 10px -15px -15px;
	border-top: 1px solid #EEF0F0;
}
.panel-account-notes form .form-control {
	font-size: 13px;
	border-top: none;
	border-right-color: #EEF0F0;
	border-bottom: none;
	border-left: none;
}
.panel-account-notes form .form-control:focus {
	border-right-color: #EEF0F0;
}

.modal.modal-wide .modal-dialog {
	width: 75%;
}
.modal-wide .modal-body {
	overflow-y: auto;
}

.activity-container {
	max-height: 450px; overflow-y: auto; border-bottom: 1px solid #ecefef;
}

.table-financial-entries > thead > tr > th {
	vertical-align: bottom;
	font-weight: normal;
}

.table-financial-entries > tbody > tr > td {
	font-weight: normal;
}

/* new styles */
.fa-star {
	color: goldenrod;
}

 /* .modal-header-email .modal-header-attachments .modal-header-notes{
	background-color:#927dfe;
	color: white
} */
.modal-header-notes{
	background-color:#927dfe;
	color: white
}

img.primary-logo, img.secondary-logo{
	position: absolute;
	left: .5rem;
	float: left;
	width: 40px;
	margin: 10px 10px 5px 0px;
	transition: visibility 0s, opacity 0.25s linear;
}

a + h2.page-title, a + h2.page-title, div.logo + h2.page-title {
	margin-left: 4rem;
}

img.secondary-logo{
	visibility: hidden;
	opacity: 0;
  }
.logo:hover img.secondary-logo{
	visibility: visible;
	opacity: 1;
  }
.logo:hover img.primary-logo{
	opacity: 0;
  }
.logo{
	display: inline;
}


.stats-title{
	color: #7171a6;
	font-weight: 500;
	font-size: 1.30rem;
}
.stats-item-me{
	color: #927dfe;
	font-weight: 700;
	font-size: 1.5em;
}
.stats-item-historic{
	color: #927dfe;
	font-weight: 700;
	font-size: 1.25em;
}

.fa.fa-arrow-down{
	font-weight: 10;
}

.badge.up {
	background-color: rgba(18,196,87,.1);
	color: #12c457;
	border:none;
}
.badge.down {
	background-color:rgba(232,76,133,.1);
	color:#e84c85;
	border:none;
}

.stats-panel {
	padding: 8px 10px;
}
.stats-row{
	padding-top: 15px;
}
.stats-text-up{
	color:#12c457;
}
.stats-text-down{
	color:#e84c85;
}
.table-title{
	background-color:#927dfe;
	color:white
}

 .create-submissions-container {
	max-height: 200px; overflow-y: auto; border-bottom: 1px solid #ecefef;
}
.purple-header {
	background-color: #927dfe;
   color: white
}
.purple-header label{
	color: white;
	padding : 4px 4px;
	vertical-align: middle;
	font-weight: 600

}

/* .row-add{
	float: right
} */
.iframe-container {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	min-height: 2200px
}

.iframe-container iframe {
	border: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Fixes issue where input-group with addon zindex took priority over sidebar and other elements  */
.content .input-group .form-control, .content .input-group-btn .btn { z-index: inherit !important; }

.scroll-horizontal {
	overflow-x: scroll;
	white-space: nowrap;
}
.table {
	width: 100%
}

#tab-agedLeads table.agedLeadsReport tr {
	height: 44px;
}

.contentEditable {
	background-color: #fdb;
	border: none
}

.text-short {
	position: relative;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.text-clip {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	/* text-overflow: ellipsis; */
	vertical-align: middle;
}
.clip-15 { max-width: 15px !important; }
.clip-50 { max-width: 50px !important; }
.clip-75 { max-width: 75px !important; }
.clip-100 { max-width: 100px !important; }
.clip-150 { max-width: 150px !important; }
.clip-200 { max-width: 200px !important; }
.clip-250 { max-width: 250px !important; }
.clip-300 { max-width: 300px !important; }
.clip-350 { max-width: 350px !important; }

/* Ace Code Editor Style */
.aceEditor {
	font-size: 11px;
	border: 1px solid#e6e6ff;
	margin: auto;
	min-height: 80px;
}

/* ag-Grid Styles */
.ag-row-odd { background-color: #f7f7ff !important; }
.ag-row-even { background-color: #ffffff !important; }
.ag-column-hover { background-color: #f0f0ff !important; }
.ag-row-hover { background-color: #f0f0ff !important; }

/* DateRangePicker */
.daterangepicker .ranges ul { margin:0 auto; }
/* .daterangepicker .range_inputs { display:none;  }
.daterangepicker .range_inputs .applyBtn { display: none; }
.daterangepicker .range_inputs .cancelBtn { display: none; } */

/* .btn.solid-uplyft, .btn-group.solid-uplyft > a.btn {
	color: #e6e6ff;
	border-color: #eee;
	background-color: #6240f5d1;
}

.btn.solid-uplyft:hover, .btn-group.solid-uplyft > a.btn:hover:not([disabled]) {
	color: white;
	background-color: #4d31ca;
} */
.bg-primary {
	color: #fff !important;
	background-color: #4cd0f4 !important;
	border: transparent !important;
}

.bg-success {
	color: #fff !important;
	background-color: #28d1a3 !important;
	border: transparent !important;
}

.bg-info {
	color: #fff !important;
	background-color: #4cd3e3 !important;
	border: transparent !important;
}

.bg-warning {
	color: #fff !important;
	background-color: #ffc381 !important;
	border: transparent !important;
}

.bg-danger {
	color: #fff !important;
	background-color: #fd6969 !important;
	border: transparent !important;
}

.btn-group.btn-dashboard > a.btn {
	color: #47525dad;
	border-color: #d4d9dd;
	background-color: #e6e6ff;
}

.btn-group.btn-dashboard > a.btn:hover:not([disabled]) {
	color: #47525dad;
	border-color: #d4d9dd;
	background-color: white;
}

.btn-group.btn-dashboard.btn-dashboard-actions > a.btn:hover:not([disabled]) {
	color: #ffffff;
	border-color: #929eaa85;
	background-color: #4cd3e3;
}

.btn-group.btn-dashboard.btn-dashboard-contact > a.btn:hover:not([disabled]) {
	color: #ffffff;
	border-color: #929eaa85;
	background-color: #f1b675;
}
.dashboard-metric.footer {
	border-top: 3px solid #333;
}

.dashboard-metric.poor {
	 color: #E85F8E;
	 font-weight: bold;
 }

.dashboard-metric.mediocre {
	color: #ffbf4a;
	font-weight: bold;
}

.dashboard-metric.ok {
	font-weight: 600;
}

.dashboard-metric.good {
	color: #19C258;
	font-weight: bold;
}

.dashboard-metric.great {
	color: #8856FF; /* #927dfe; */
	font-weight: bold;
}

pre {
	font-size: 9px;
}

.light-placeholder {
	::placeholder: color:#f6f6f6;
}

.panel-heading-btn {
	color: #7171a6;
	border:1px solid #e6e8e8;
	margin-right:1em;
	padding:0px 9px;
	border-radius: 5px;
	font-size:12px;
	line-height: 24px;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 0;
}

/* Datatables Sorting Styling */
table.dataTable thead>tr>td.sorting
, table.dataTable thead>tr>td.sorting_asc
, table.dataTable thead>tr>td.sorting_desc
, table.dataTable thead>tr>th.sorting
, table.dataTable thead>tr>th.sorting_asc
, table.dataTable thead>tr>th.sorting_desc {
	padding-right: 15px;
}

table.dataTable thead .sorting:after
, table.dataTable thead .sorting_asc:after
, table.dataTable thead .sorting_desc:after
, table.dataTable thead .sorting_asc_disabled:after
, table.dataTable thead .sorting_desc_disabled:after {
	font-size: 12px;
}

.dt_input_pagination input {
	/* Pagination Input */
	width: 5em !important;
}

.progress-bar-caption {
	text-shadow: 1px 1px 2px #6a9e9e;
}

.progress-bar-payoff {
	border-radius: 5px; padding: 1px 3px; border: 1px solid #28d1a3; font-size: 11px; height:16px; background-color:#28d1a3;
}

@media (min-width: 768px) {
	.col-sm-1point5 {
		width: 12.5%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 992px) {
	.col-md-1point5 {
		width: 12.5%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	.col-lg-1point5 {
		width: 12.5%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* -- ------------ Liran css file -- -------------*/
.d-desktop{
	display:block;
}
.d-mobile{
	display:none;
}
.dropdown-submenu { position: relative; }

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu { display: block; }

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after { border-left-color: #fff; }

.dropdown-submenu.pull-left { float: none; }

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

#dateRangeForm .input-group .input-group-btn .btn {
    height: 38px;
}

#dateRangeForm .btn-default {
    color: #fff;
	background-color: #927dfe;
  }

.nav-tabs > li > a { padding: 10px 10px; }

 @media only screen and (max-width: 479px) {
	.nav-tabs > li, .nav-tabs > a {
	   width: 100% !important;
	}
	.rounded .dropdown-menu{
		width: 99%;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		background: #e6e6ff;
		border: none;
		color:none;
	}
}

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

  #content-tabs .panel {
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  #content-tabs .panel-body{
    padding: 25px 10px !important;
  }
  .panel-body{
    padding: 15px 10px !important;
  }
  #content-tabs .input-group-addon{
    font-size: 10px !important;
  }

  #legend-board .row, #legend-board .col-xs-12, #legend-board .col-lg-3{
	  padding-right: 8px;
	  padding-left: 8px;
	  padding-top: 5px;
  }
  .d-mobile{
	  display:block;
  }
  .d-desktop{
	  display:none;
  }
}

  /* -- ---------END------------------- -- */