/* general*/
body{background:#F7F7F7;-webkit-overflow-scrolling: touch;}

.no_shadow{box-shadow:none !important}

.btn { box-shadow: none !important; }

.btn-primary-hover {
	transition: all 0.3s ease;
	border:none;
}
.btn-primary-hover:hover, .btn-primary-hover:focus, .btn-primary-hover:active, .btn-primary-hover.active {
    border: 2px solid #1266f1;
}

.loading_full_page{  /* in header.php */
        background-color:rgba(255, 255, 255, 0.3);
        width:100vw;
        height:100vh;
        position:fixed;
        top:0px;
        left:0px;
        z-index: 100000;
        background-image: url("../loading.gif");
        background-position: center;
        background-repeat: no-repeat;
}

.missing{
    background-color: #ffcdd2!important;
}
.typeahead.dropdown-menu{
		right:0px; 
		left: auto !important;
		width: 400px;
		max-width: 400px;
		max-height:400px;
		overflow: auto;
}
.global_search_but{cursor:pointer}
@media (max-width: 992px) {
    .global_search{
        display:none;
    }
    .typeahead.dropdown-menu {
        left: 0px !important;
        max-width: 100vw !important;
        position:fixed !important;
    }
}

.loading_overlay{  /* in header.php */
        background-color:rgba(255, 255, 255, 0.3);
        width:100%;
        height:100%;
        position:absolute;
        top:0px;
        left:0px;
        z-index: 1000;
        background-image: url("../loading.gif");
        background-position: center;
        background-repeat: no-repeat;
}

.logo{
	height:35px;
	margin-top: -7px;
}

.side-nav{
	width:25rem;
	max-width:70vw;
}

.avatar_25{height:25px}
.avatar_35{height:35px}
.avatar_45{height:45px}
.avatar_55{height:55px}
.avatar_65{height:65px}
.avatar_75{height:75px}

.main_content{
padding-top:75px;
}

.white_background, .white-background{
background:white;
}

.white_background_alpha25, .white-background-alpha25{
background:rgba(255,255,255,0.25);
}
.white_background_alpha50, .white-background-alpha50{
background:rgba(255,255,255,0.50);
}
.white_background_alpha75, .white-background-alpha75{
background:rgba(255,255,255,0.75);
}

.grey_background, .grey-background{
 background:#efefef;
}

.dark_grey_background, .dark-grey-background{
 background:#666;
}

.light_grey_background, .light-grey-background{
background-color:#F0F0F0;
}

.ultra_light_grey_background, .ultra-light-grey-background{
background-color:#F7F7F7 !important;
}

.gradient_background, .gradient-background{
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.40) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.40) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.gradient_background_inverse, .gradient-grey-bcakground{
	background: -moz-linear-gradient(top, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( endColorstr='#a6000000',startColorstr='#00000000', GradientType=0 );
}

.black_background, .black-background{
 background:#000;
}

.yellow_background, .yellow-background{
 background:#FCE300;
}

input[type=text].q {
border-radius: 3px;
padding-left: 175px;
}

.full_width, .full-width {
width: 100%;
}

.full_height, .full-height {
height: 100%;
}

.relative{position:relative}

.absolute{position:absolute}


.alpha_0{
opacity:0;
}

.alpha_10{
opacity:0.1;
}
.alpha_15{
opacity:0.15;
}
.alpha_20{
opacity:0.2;
}
.alpha_30{
opacity:0.3;
}
.alpha_40{
opacity:0.4;
}
.alpha_50{
opacity:0.5;
}
.alpha_60{
opacity:0.6;
}
.alpha_70{
opacity:0.7;
}
.alpha_80{
opacity:0.8;
}
.alpha_90{
opacity:0.9;
}

.text_100, .fw_100, .fw-100{
	font-weight:100;
}
.text_200, .fw_200, .fw-200{
	font-weight:200;
}
.text_300, .fw_300, .fw-300{
	font-weight:300;
}
.text_400, .fw_400, .fw-400{
	font-weight:400;
}
.text_500, .fw_500, .fw-500{
	font-weight:500;
}
.text_600, .fw_600, .fw-600{
	font-weight:600;
}
.text_700, .fw_700, .fw-700{
	font-weight:700;
}
.text_800, .fw_800, .fw-800{
	font-weight:800;
}
.text_900, .fw_900, .fw-900{
	font-weight:900;
}

.text_size_10, .fs_10{
font-size:10%;
}
.text_size_20, .fs_20{
font-size:20%;
}
.text_size_30, .fs_30{
font-size:30%;
}
.text_size_40, .fs_40{
font-size:40%;
}
.text_size_50, .fs_50{
font-size:50%;
}
.text_size_60, .fs_60{
font-size:60%;
}
.text_size_70, .fs_70{
font-size:70%;
}
.text_size_80, .fs_80{
font-size:80%;
}
.text_size_90, .fs_90{
font-size:90%;
}

.fs-1{font-size:2.5rem}
.fs-2{font-size:2rem}
.fs-3{font-size:1.75rem}
.fs-4{font-size:1.5rem}
.fs-5{font-size:1.25rem}
.fs-6{font-size:1rem}

.w-10{width:10%}
.w-20{width:20%}
.w-30{width:30%}
.w-40{width:40%}
.w-60{width:60%}
.w-70{width:70%}
.w-80{width:80%}
.w-90{width:90%}

.scroll{
	overflow:auto;
}

.scroll-x{
	overflow-x:auto;
}

.scroll-y{
	overflow-y:auto;
}

.center{
position: absolute;
top: 50%; 
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}

.center_vertical, .center-vertical{
position:absolute;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%); 
-webkit-transform: translateY(-50%); 
padding:0px;
bottom:initial;
}

.center_horizontal, .center-horizontal{
position:absolute;
left: 50%;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%); 
-webkit-transform: translateX(-50%); 
padding:0px;
}

.left {
left: 0px;
}

.right {
right: 0px;
}

.top {
top: 0px;
}

.bottom {
bottom: 0px;
}

.nav-tabs .nav-link {
border: 0px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-bottom: 4px solid #06C;
}
/*end general*/





/* table data and filters */
.active_filters_container {
padding-bottom: 20px;
white-space: nowrap;
overflow: auto;
}

.active_filter {
background: #dfe4e8;
display: inline-block;
margin-right: 5px;
line-height: 28px;
vertical-align: middle;
padding: 0px 12px;
padding-right: 30px;
border-radius: 3px 3px 3px 3px;
}

.active_filter .filter_remove_but {
position: absolute;
top: -3px;
right: 0px;
font-size: 200%;
font-weight: 300;
line-height: 28px;
vertical-align: middle;
width: 35px;
text-align: center;
opacity: 0.5;
cursor: pointer;
}




.table-responsive.fixed_header{
  max-height: calc(100vh - 160px);
  height:100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
}

.table-responsive .fixed_header{
  min-width:100%;
  margin: auto;
  border-collapse:separate;
  border-spacing: 0;
}

.table-responsive .fixed_header thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #dee2e6 !important;
}
/* safari and ios need the tfoot itself to be position:sticky also */
.table-responsive .fixed_header tfoot,
.table-responsive .fixed_header tfoot th,
.table-responsive .fixed_header tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index:4;
}

.table-responsive .fixed_header th:first-child, .table-responsive .fixed_header td:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
}
.table-responsive .fixed_header.sticky_last th:last-child, .table-responsive .fixed_header td:last-child {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  z-index: 2;
}
.table-responsive .fixed_header thead th:first-child,
.table-responsive .fixed_header tfoot th:first-child,
.table-responsive .fixed_header.sticky_last thead th:last-child,
.table-responsive .fixed_header.sticky_last tfoot th:last-child {
  z-index: 5;
}


.order_by_header, .cursor_pointer, .cursor-pointer {
	cursor:pointer;
}

.order_by_header.active_header_desc span:after {
font-family: 'Font Awesome\ 5 Pro';
font-weight: 900;
content: "\00a0 \00a0 \f0d7";
}

.order_by_header.active_header span:after {
font-family: 'Font Awesome\ 5 Pro';
font-weight: 900;
content: "\00a0 \00a0 \f0d8";
}
/* end table data and filters */

/* details page  */
.edit_but, .edit_service{cursor:pointer}
.edit_but:hover, .edit_service:hover{opacity:0.6 !important}
.details_value .edit_container{display:none}
.save_btn_container{max-height:0px; transition: all 0.3s ease;}
.save_btn_container.active{max-height:120px;}

.entry_details .delete_but{position:absolute; top:0px; right:10px}

.next_step_subject, .past_activity_subject{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.timeline_left .timeline__item {
left: 7px;
padding-left: 20px;
padding-right: 0;
width: 100%;
}
.timeline_left:before {
left: 5px!important;
margin: 0!important;
}
/* end details page  */