@font-face {
	font-family: Proxima Nova;
	src: url(../fonts/proxima_nova_light.otf),
		 url(../fonts/proxima_nova_light.eot) format('embedded-opentype'),
		 url(../fonts/proxima_nova_light.ttf) format('truetype');
		 
 }
 @font-face {
	font-family: Proxima Nova Bold;
	src: url(../fonts/proxima_nova_bold.otf),
		 url(../fonts/proxima_nova_bold.eot) format('embedded-opentype'),
		 url(../fonts/proxima_nova_bold.ttf) format('truetype');
 }
 :root {
	 --falcon-orange: #F7931E;
	 --falcon-black: #333e48;
	 --falcon-dark-black: #2b353e;
	 --falcon-light-black: #555d66;
	 --falcon-gray: #f2f2f2;
	 --falcon-error: #ED1C24;
	 --falcon-gray80: #CCCCCC;
	 --falcon-ligth-gray: #F9F9F9;
	 --falcon-white: #FFF;
 }
 input[type="file"] {
	 display: none;
 }
 body{
	font-family: Proxima Nova !important;
 }

 .navbar-right-content {
	margin-right: -44px; 
	margin-top: -5px;
 }

.widget-container .cdk-drop-list-dragging {
    opacity: 0.5;
	border-left: 4px solid rgba(0,0,0, 0.5);
	padding-left: 4px;
}

 /*Header*/
 @media (max-width: 991px) {
	 .nav.navbar-nav.navbar-right, .nav.navbar-nav{
		 width:100%;
		 margin-left:0px;
		 margin-right:0px;
		 margin-bottom: 1px;
	 }
	   .navbar-header {
		   float: none;
	   }
	   .navbar-left,.navbar-right {
		   float: none !important;
	   }
	   .navbar-toggle {
		   display: block;
	   }
	   .navbar-collapse {
		   border-top: 1px solid transparent;
		   box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	   }
	   .navbar-fixed-top {
		   top: 0;
		   border-width: 0 0 1px;
	   }
	 .navbar-collapse.collapse {
		   display: none!important;
	   }
	   .navbar-nav {
		   float: none!important;
		   margin-top: 7.5px;
	   }
	   .navbar-nav>li {
		   float: none;
	   }
	   .navbar-nav>li>a {
		   padding-top: 10px;
		   padding-bottom: 10px;
	   }

	   .collapse.in{
		   display:block !important;
	   }
	 .navbar-collapse.collapse.in{
		 padding-left:0px;
		 padding-right:0px;
		 margin-right:-15px;
		 margin-left:-15px;
	 }

	 .nav.navbar-nav{
		 margin-top:1px;
	 }
	 .navbar-toggle{
		 border:0px;
	 }
	 .navbar-toggle:active{
		 background:white;
	 }


  }

  .nav.navbar-nav a:hover{
	  color: #F7931E !important;
  }

  .progress-bar{
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 3px;
	 width: 100%;
	 z-index: 5;
 }

  /*End header*/



 /*Login css*/
 #login-container { background:#333E48; height: 100% }
 .login-logo{
	 width:100%;
	 padding-top:50px;
	 text-align:center;
 }
 .login-box{
	 padding-top:35px;
	 padding-left:22px;
 }
 .login-text
 {
	 line-height:1;
	 font-size : 23px;
	 color : var(--falcon-orange);
 }

 .login-infotext
 {
	font-size : 14px;
	color : #FFF;
 }

 .login-form
 {
	 padding-top:15px;
	 font-size : 12px;
	 color : #FFF;
 }
 .keep-me-logged-in{
	 margin-top: 25px;
 }

 /*checkbox keep me logged in*/
 .img{
	 background-repeat:no-repeat;
	 background-size:cover;
	 background-position:center;
	 display:block;
	 height:21px;
	 width:22px;
	 cursor:pointer;
 }
 .unchecked{
	background-image:url(../img/login-unchecked.png);
 }
 .checked{
	background-image:url(../img/login-checked.png);
 }
 .login-button {
	height:47px;
	width: calc(100% + 1vw);
	text-align:center;
	padding:11px;
	font-weight:800;
	font-size : 14px;
	background-color: var(--falcon-orange);
	float:right;
	margin-top:-10px;
	box-sizing: border-box;
	border-radius: 4px;
	letter-spacing: 1px;
 }

 .login-button:hover {
	color: var(--falcon-black);
 }

 .keep-me-logged-text{
	 position:absolute;
	 margin-top:-20px;
	 margin-left:30px;
 }

 .login-control {
	 border: 0;
	 border-radius: 0;
	 outline: none;
	 border: none !important;
	 -webkit-box-shadow: none !important;
	 -moz-box-shadow: none !important;
	 box-shadow: none !important;
	 background: transparent;
	 border-bottom: 2px solid #808080 !important;
	 color:white !important;
 }
 .form-control::-webkit-input-placeholder { color: #808080; margin-left:-10px;}
 .form-control:-moz-placeholder { color: #808080; margin-left:-10px;}
 .form-control::-moz-placeholder { color: #808080; margin-left:-10px;}
 .form-control:-ms-input-placeholder { color: #808080; margin-left:-10px; }
 .form-control{color:white;}
 input{
	 padding:0px !important;
 }

 .login-error-class { border-bottom: 2px solid #ED1C24 !important; }
 .password-group{
	 margin-top:-11px;
 }
 .login-footer {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1rem;
   text-align: center;
   margin-bottom:20px;
 }
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
	 transition: background-color 5000s ease-in-out 0s;
 }

 .login-form input:-webkit-autofill,
 .login-form input:-webkit-autofill:hover,
 .login-form input:-webkit-autofill:focus
 .login-form input:-webkit-autofill,
 .login-form textarea:-webkit-autofill,
 .login-form textarea:-webkit-autofill:hover
 .login-form textarea:-webkit-autofill:focus,
 .login-form select:-webkit-autofill,
 .login-form select:-webkit-autofill:hover,
 .login-form select:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
 }

 /*End Login css*/

 .navbar-inverse {
   background : #333E48;
   height:70px;
   border-radius: 0px;
   margin-bottom:0px;
 }
 .navbar-nav > li > a, .navbar-brand {
	 padding-top:24px !important;
	 padding-bottom:0 !important;
	 height: 69px;
	 color:white;
 }
 .navbar-inverse .navbar-nav>li>a {
	 color:white;
 }
 .navbar {min-height:69px !important;}
 .navbar-brand {
	 margin-left:-2px !important;
 }
 .nav.navbar-nav{
	 background:#333E48;
 }
 .navbar-nav > li{
	 margin-left:30px;
	 font-family : Proxima Nova;
	 font-size : 16px;

 }


 .user{
	 font-family : Proxima Nova Bold;
	 font-weight:bold;
	 font-size:12px;
	 color:white;
	 
 }
 .user_dropdown{
	 margin-left:8px;

 }
 .user_dropdown span {
	 width:12px;
	 height:5px;
	 margin-top:8px;
	 display:block;
	 float:right;
	 background: url('down.png');
 }
 .user_dropdown span:hover {
	 background: url('details.png');
 }
 .list-item {
	 font-family : Proxima Nova;
	 font-size: 18px;
	 height:98px;
	 border-left:5px solid white;
	 width:300px;
	 padding-left:9px;

	 -webkit-transition: border-color 0.25s ease-in;
	 -moz-transition: border-color 0.25s ease-in;
	 -o-transition: border-color 0.25s ease-in;
	 -ms-transition: border-color 0.25s ease-in;
	 transition: border-color 0.25s ease-in;
 }
 .list-item .header{
	 font-size: 12px;
	 padding-top:17px;
	 cursor: default;
 }
 .list-item .footer{
	 font-size: 12px;
	 cursor: default;

 }
 .list-item .body{
	 height: 30px;
	 overflow: hidden;
	 cursor: default;
 }
.list-item-body-unread {
	font-family: Proxima Nova Bold;
}
.list-item-unread {
	border-left: 5px solid var(--falcon-black) !important;
}
 .list_item_options{
	 height:25px;
	 width: 20px;
	 background-repeat: no-repeat;
	 background-position-x: left;
	 background-position-y: center;
	 margin-bottom: 12px;
 }

 .search-box{
	padding: 2px;
    font-size: 20px;
   	font-family: Proxima Nova;
   width: 100%;
 }
 .search-box input[type=text],
 .search-box input[type=text]:hover,
 .search-box input[type=text]:focus,
 .search-box input[type=text]:active
 {
	 border: 0;
	 outline: none;
	 outline-offset: 0;
 }

 .search-box-container {
   height: 65px;
   margin: 5px 0 6px 0;
 }

 .search-box-container .mat-form-field-underline {
   display: none !important;
 }

 .search-box-container .search-input {
	padding-right: 0;
 }

 .search-box-container .add-item-container {
	padding-left: 0;
 }

 .search{
	 padding-top:24px;
 }

 .user-data{
	 width: 300px;
	 float:right;
	 position:absolute;
	 background:#333E48;
	 padding-bottom:15px;
	 top:68px;
	 color:white;
	 z-index: 999;
	 right: -1px;
	 -webkit-transition: height 0.5s;
	 transition: height 0.5s;
	 padding-bottom: 0px;
 }
 .user-data ul li{
	 cursor:pointer;
	 font-size: 0.9em;
	 margin-left: -20px;
	 margin-top: 3px;
 }
 .menu-content {
	 opacity: 0;
	 -webkit-transition: opacity 0.2s 0.3s;
	 transition: opacity 0.2s 0.3s;
 }

 .user-data ul li:hover{
	color:var(--falcon-orange);
}
 #map {
	 width: 100%;
	 height: 100%;
	 min-height: 100%;
	 display: block;
 }
 /*workflow-list.component*/
 .full { background: transparent; height: 100% !important }

 .is-sidenav .is-stepper .full {
	max-height: calc(100vh - 320px);
	height: calc(100vh - 320px);
  }

::-webkit-scrollbar,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track { 
    width: 10px;
	height: 10px;
    border: none;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 10px;
}
::-webkit-scrollbar-button,
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar-corner,
::-webkit-resizer {
    display: none;
}
::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track {
    background: transparent;
	background-size: contain;
	border-radius: 10px;
} 

 html, body {margin: 0; height: 100%; overflow: hidden; scroll-behavior: smooth;}
 .workflow-list {
   	padding:0px;
}


 /*Falcon fields*/

 /*textbox*/
 .mat-form-field {
	 border-radius: 0;
	 outline: none;
	 border: none !important;
	 -webkit-box-shadow: none !important;
	 -moz-box-shadow: none !important;
	 box-shadow: none !important;
	 background: transparent;
	 width: 100%;
	 font-weight: normal;
	 font-size: 1.1em;
 }

 .label-control {
	 font-weight: normal;
		font-size: 1em;
 }

 .mat-select {
	 border-radius: 0;
	 outline: none;
	 border: none !important;
	 -webkit-box-shadow: none !important;
	 -moz-box-shadow: none !important;
	 box-shadow: none !important;
	 background: transparent;
	 width: 100%;
	 color: #808080;
	 font-size: 1.1em;
 }

 .mat-select-disabled .mat-select-value, .mat-input-element:disabled {
	 color: black !important;
 }

 .dark-theme .mat-select-disabled .mat-select-value, .dark-theme .mat-input-element:disabled {
	color: white !important;
 }

 .textbox-add-control {
	 padding: 0px;
	 background: url(../img/add_mini.png) no-repeat right transparent;
	 -webkit-appearance: none;
	 background-position-x: 99%;
 }

 .button-control{
	 height: 42px;
	 width: 122px;
	 text-align: center;
	 padding: 10px;
	 background-image: url(../img/login-button.png);
	 background-color: transparent;
	 font-weight: bold;
	 font-size: 14px;
	 color: #F7931E !important;
	 border:none;
	 box-shadow: none !important;
 }

/* Calendar Checkbox */
 .cbx-container {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }

  /* Hide the browser's default checkbox */
  .cbx-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }

  /* Create a custom checkbox */
  .cbx-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #eee;
  }

  /* On mouse-over, add a grey background color */
  .cbx-container:hover input ~ .cbx-checkmark {
	background-color: #ccc;
  }

  /* When the checkbox is checked, add a blue background */
  .cbx-checkmark {
	background-color:var(--falcon-gray);
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .cbx-checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }

  /* Show the checkmark when checked */
  .cbx-container input:checked ~ .cbx-checkmark:after {
	display: block;
  }

  /* Style the checkmark/indicator */
  .cbx-container .cbx-checkmark:after {
	left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }


 /*Content data - workflow and action data form*/
 .content-data .content-name {
	 padding: 20px;
	 color: #808080;
	 font-size:1.2em;
	 font-weight: bold;
 }
 .content-data .content-item-value {
	 color: #808080;
 }
 .content-data .content-item {
	 color: #808080;
 }
 [hidden] {
   display: none !important;
 }
 /*Admin pages*/
 .procedure-selector {
	 height: 50px;
	 margin-top: 6px;
 }
 .form-control-buttons {
	 margin-top: 21px;
 }

 /* error message styling */
 snack-bar-container.owis-error-class {
   background-color: red;
   color: #fff !important;
   max-width: 50vw !important;
 }

 snack-bar-container.owis-validation-message-class {
	background-color: var(--falcon-error);
	color: #fff !important;
	max-width: 50vw !important;
  }

 mat-table .mat-checkbox-inner-container {
	 height: 14px !important;
	 width: 14px !important;
 }

 .mat-table .th-right {
    display: flex;
    justify-content: flex-end;
    padding-right: 5px;
 }

 .mat-table .th-left {
    display: flex;
    justify-content: flex-start;
    padding-left: 1px;
 }

 .mat-header-row, .mat-row {
	 min-height: 28px !important;
	 padding: 0px !important;
 }

 .spinner-container {
	 z-index: 1000;
   text-align: center;
   position: relative;
   top: 50%;
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 .page-sidebar {
	 height: 100%;
	 /* background: #FFF; */
	 overflow: auto;
	 padding-right: 0px;
 }
 .page-sidebar-content {
	 height: 100%;
	 /* background: #f2f2f2; */
	 overflow-y: scroll;
	 /* z-index: 1; */
	 padding-left: 0px !important;
 }

 .item-grid ::-webkit-scrollbar-thumb{
	background-color: #b8b8b8;
 }

 .page-sidebar-scontent {
	 width: 100%;
	 z-index: 1;
 }
 .page-sidebar-header{
	 width: 100%;
	 border-left: 4px solid #f7931e;
	 font-size: 1.3em;
	 padding:8px;
	 padding-bottom: 0px;
	 min-height: 34px;
 }
 .tree-item{
	 margin: 2px;
	 background: #f2f2f2;
	 padding-left: 10px;
	 cursor: pointer;
 }
 .root-item{
	 padding: 2px;
 }
 mat-grid-tile {
	 background: lightblue;
	 height: 30px
 }
 .float-right {
	 float: right;
}
.float-left {
	float: left;
}
 .clear{
 	clear: both;
 }

 .mat-row:hover {
	background-color: var(--falcon-gray);
  }

 /* admin cards */
 .card-placeholder {
	 padding-top: 2%;
	 height: 100vh; 
	 overflow-y: auto;
	 padding-bottom: 100px;
 }
 .card-icon {
	 width:55px;
	 margin: 80px auto 40px;
 }

 .card-description {
	 margin: 20px 20px 0px;
	 text-align: center;
 }
 .card-title {
	 font-size: 30px;
	 text-align: center;
 }
 .card-link:hover{
	 text-decoration: none;
 }
 .card-options {
	padding-top: 25px;
	padding-left: 30px;
 }
 .card-options a{
	 margin-left: 7px;
	 color: var(--falcon-orange);
 }
 .card-options a:hover {
	text-decoration: underline;
}
admin-dashboard mat-card {
	padding: 0px !important;
	background-color: white;
	transition: 300ms !important;
	/* border-radius: 12px !important; */
	overflow: hidden;
	height: 190px;
}

 admin-dashboard mat-card:hover {
	background-color: rgba(0, 0, 0, 0.01);
 }
 admin-dashboard mat-card-header {
	 height: 6px;
	 background-color: var(--falcon-orange);
 }

 owis-dashboard mat-card {
	padding: 0px !important;
	background-color: white;
	transition: 300ms !important;
	overflow: hidden;
	height: 190px;
 }

 owis-dashboard mat-card:hover {
	background-color: rgba(0, 0, 0, 0.01);
 }

 owis-dashboard mat-card-header {
	 height: 6px;
	 background-color: var(--falcon-orange);
 }

 owis-dashboard mat-icon {
	color: black;
	font-size: 40px !important;
	width: 40px !important;
	height: 40px !important;
 }

 owis-dashboard mat-icon:hover {
	color: var(--falcon-orange);
 }

 .dark-theme mat-card {
	background-color: var(--falcon-dark-black) !important;
 }

 .cdk-global-scrollblock{
	 overflow-y: hidden !important;
 }
 .item-icons{
	padding:0px;
	height:70px;
	padding-top:13px;
	padding-left:2px;
 }
.hide {
	display: none;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
    background: inherit !important;
}

 ::ng-deep .mat-step-header:hover {
    background: inherit;
    color: var(--falcon-orange) !important;
  }

::ng-deep .mat-stepper-horizontal-line {
    background-color: var(--falcon-orange) !important;
}

::ng-deep .mat-step-label-selected {
    color: var(--falcon-orange) !important;
    font-weight: bold  !important;
}

::ng-deep .mat-step-label:hover {
    color: var(--falcon-orange) !important;
}


.cal-days .cal-cell {
	text-align: right !important;
	font-weight: normal;
}
.cal-cell-row:hover {
	background: transparent !important;
}
.cal-days .cal-today {
	border-top: 4px solid var(--falcon-orange);
	font-weight: bold;
}

.cal-in-month .cal-day-number {
	opacity: .5 !important;
	font-size: 1em !important;
}
.cal-month-view .cal-day-cell.cal-today {
	background: transparent !important;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
	font-size: 1em !important;
	font-weight: bold;
	font-family: Proxima Nova Bold;
}
.cal-header .cal-cell {
	text-align: right !important;
	font-weight: normal !important;
	padding-right: 20px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.cal-header.cal-today-custom {
	font-weight: bold;
}
.cal-header.cal-today-custom-header {
	font-weight: bold;
}
.cal-week-view .cal-header {
	text-align: right !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	border: 0px;
}
.cal-week-view .cal-day-headers {
	border: 0px !important;
	margin: 0px !important;

}
.cal-week-view .cal-day-headers .cal-header {
	border-right: 1px solid #e1e1e1 !important;
    border-bottom: 1px solid #e1e1e1 !important;
}
.cal-month-view .cal-cell-top {
    height: 15.2vh;
}
.cal-header-hour {
	border-bottom: 0px !important;
}
.week-view-time {
	text-align:left;
	padding-left:9px;
}

.cal-week-view .cal-events-row {
	display: none;
}
.cal-week-view .cal-day-headers span {
    font-weight: 400;
    opacity: 1 !important;
}

.cal-month-view .cal-events {
	align-items: initial !important;
	display: initial !important;
	margin: 0px !important;
}
.cal-event-custom {
	width: 98%;
    height: 22px;
    line-height: initial !important;
    margin: 1%;
    color: white;
    text-align: left;
    padding: 2px;
	padding-left: 1px !important;
	font-size: 10px !important;
}
.cal-hour {
	background: transparent !important;

	box-sizing: border-box !important;
}

.cal-hour-start {
	border-top: 1px solid #e1e1e1;
}

.cal-day-name {
    padding: 15px;
}
.cal-day-badge {
    background: #F7931E;
}

.calendar-view-title {
    font-family : Proxima Nova Bold !important;
    text-align: left;
    padding-top:15px;
    font-size:20px;
    font-family: inherit;
	float:left;
}
.event-title-custom {
	font-family: Proxima Nova Bold;
	font-size:11px;
	float: left;
    display: block;
    width: 70%;
    max-height: 18px;
	overflow: hidden;
	padding-left: 4px;
	white-space: nowrap;
}
.event-w100 {
	width: 100%;
}
.event-time-custom {
	float: left;
}
.calendar-view-title.widget{
	font-weight: normal;
	font-size: 16px;
	padding-left:4px;
}
.view-switch {
	padding-top:22px;
	float: left;
	margin-left: 10px;
}

.view-switch-widget {
	padding-top:22px;
	float: right;
	margin-left: 10px;
}
.view-switch span{
	margin-right:3px;
}
.view-switch-widget span{
	margin-right:3px;
}
.calendar-view-title-options {
    padding-top:25px;
    padding-right:15px;
    float: right;
}
.view-title-option {
    padding-left: 7px;
    padding-right: 7px;
    font-size:14px;
    float: left;
    cursor: pointer;
}
.view-title-option:hover {
    color: #F7931E;
}
.option-separator {
    font-family : Proxima Nova;
    float:left;
    border-right: 1px solid;
    font-weight: normal;
    margin-top: 5px;
	height: 10px;
	width: 2px;
}
.cal-time {
    font-weight: normal !important;
	opacity: .5;
	z-index: -1;
}
.cal-event {
	z-index: 100;
	color:white !important;
	font-size: 14px !important;

}
.cal-hour-rows {
	width: 100% !important;
	border: 0px !important;
    border-bottom: solid 1px #e1e1e1 !important;
    overflow-x: auto !important;
    position: relative !important;
}
.currentTime_hr {
	border-bottom: 3px solid #F7931E;
	position: absolute;
	width: 100%;

}
.cal-month-view .cal-days .cal-weekend {
	background: #E6E6E6;
}

.calendar-widget .cal-days .cal-weekend {
	background: inherit;
}
.calendar-widget .cal-month-view .cal-day-cell {
	border:0px !important;
}
.calendar-widget .cal-days .cal-cell-row {
    border-bottom: 0px !important;
}
.calendar-widget .cal-days {
    border: 0px !important;
}

.calendar-widget .cal-days .cal-today {
    border-top: 4px solid var(--falcon-orange) !important;
    font-weight: bold;
}
.calendar-widget .cal-cell-row {
	height: 2.4vw;
}

.calendar-widget .cal-month-view .cal-day-cell {
	min-height: 0px;
	cursor: pointer;
}
.calendar-widget .cal-day-number {
	margin-right: auto !important;
    margin-left: auto  !important;
}

.calendar-widget .cal-header .cal-cell {
    text-align: center !important;
    font-weight: normal !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 20px !important;
    margin-right: auto;
	margin-left: auto;

}

.calendar-widget .cal-month-view .cal-day-number {
    font-size: 1.2em;
    font-weight: 400;
    opacity: 0.8;
    margin-top: 10%;
	cursor: pointer;
    margin-bottom: 10%;
}
.calendar-widget .calendar-view {
	/* background: white; */
	margin-top: 10px;
	padding-bottom: 10px;
}
/*
.calendar-widget .cal-month-view {
	background: white;
}
*/
.cal-event-day-custom {
	border-radius: 0px !important;
	border: 0px;
}
.cal-event-custom {
    color: var(--falcon-black) !important;
}

.event-title-custom, .event-time-custom{
	color: var(--falcon-black) !important;
}

.event-content-type-code-icon {
	float: right;
}


/* .cal-tooltip {
	background: red
} */



/* List item */
.item {
  font-family: Proxima Nova;
  font-size: 16px;
  height: 100px;
  border-left: 5px solid transparent;
  border-top: 1px solid transparent;
  padding: 0 4px 0 4px;
  margin: 0;
  border-bottom: 1px solid #efefef;
  -webkit-transition: border-color 0.25s ease-in;
  -moz-transition: border-color 0.25s ease-in;
  -o-transition: border-color 0.25s ease-in;
  -ms-transition: border-color 0.25s ease-in;
  transition: border-color 0.25s ease-in;
}

.list-items-container {
	border-top: 1px solid #efefef;
}
.highlighted-list-item {
	font-family: Proxima Nova Bold;
}
.item .header {
  font-size: 12px;
  cursor: default;
  height: 20%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item .footer {
  font-size: 12px;
  cursor: default;
  height: 20%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item .body {
  overflow: hidden;
  cursor: default;
  height: 60%;
  padding-top: 2px;
  line-height: 22px;
  text-shadow: 0 0 currentColor;
}

.item .container {
  height: inherit;
  padding: 10px 0 10px 8px;
}

.item .icons-container {
  padding: 6px 12px 6px 0;
  display: flex; 
  flex-direction: column;
}

.item .icon {
  margin: 3px 0 3px 0;
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  flex: auto;
  opacity: 0;
}

.item .icon {
  opacity: 0;
}

.item .icon.icon-visible {
	opacity: 1;
}

.item:hover .icon {
  opacity: 1;
}

.item.compact {
  height: 55px;
}

.item.compact .container {
	padding-top: 0;	
	padding-bottom: 0;
	overflow-y: hidden;
}

.item.compact .header {
  display: none;
}

.item.compact .footer {
	font-size: 10px !important;
	padding-right: 10px;
    text-shadow: none;
    display: flex;
    align-items: baseline;
    white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	height: 35%;
}

.item.compact .body {
  padding-top: 4px;
  padding-right: 10px;
  text-shadow: none;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;	
  text-overflow: ellipsis;
  height: 65%;
}

.item.compact .icon {
  display: inline-block;
  margin: 0 5px 0 5px;
}

.item.compact .icons-container {
	opacity: 0;
	visibility: hidden;
	height: 52px;
}

.item.compact:hover .icons-container {
  position: absolute;
  right: 0;
  width: fit-content;
  padding-left: 12px;
  flex-direction: row;
  align-content: center;
  align-items: center;
  opacity: 1;
  visibility: visible;
  margin-top: 1px;
}

.item.compact:hover {
  position: relative;
}

.item.compact .multiselect .vertical-align-content {
  padding-top: 6px;
}

.list-items-container {
  height: calc((100%) - 117px);
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 80px;
}

/* .list-items-container:hover {
	overflow-y: auto;
	overflow-y: overlay;
} */

.list-items-container::-webkit-scrollbar {
	width: 8px;
}

.list-items-container::-webkit-scrollbar-thumb {
	border-radius: 4px;
}

.list-items-container:hover::-webkit-scrollbar-thumb {
	background-color: #b8b8b8;
  }

.grid-wrapper .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
    background-color: #b8b8b8 !important; 
}

.grid-wrapper .ag-body-viewport::-webkit-scrollbar-thumb {
    background-color: #b8b8b8 !important; 
}

.grid-wrapper .ag-body-horizontal-scroll-viewport ::-webkit-scrollbar-button, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer{
    display: block;
}

.session-items-row:hover .grid-operation-button{
    opacity: 1;
}

.session-items-row:hover .left-icon-session-item{
    opacity: 1;
}

session-list .session-dropdown-wrapper .mat-form-field-appearance-fill .mat-form-field-flex{
    background-color: #FFF;
}

session-list .session-dropdown-wrapper .mat-form-field-underline{
	width: 0;
}

session-list .session-dropdown-wrapper .mat-form-field-wrapper{
	padding-bottom: 0;
}

session-list .mat-form-field-appearance-fill .mat-form-field-flex{
	padding: .75em 10px 0 23px;
}

.compact.list-items-container {
	height: calc(100% - 120px);
	height: -o-calc(100% - 115px) !important; /* opera */
	height: -webkit-calc(100% - 115px) !important; /* google, safari */
	height: -moz-calc(100% - 115px) !important; /* firefox */
}

.list-placeholder {
	text-align: center;
	width: 100%;
}
.list-placeholder-content {
	margin-top: calc(30vh);
	font-size: 17px;
	opacity: 0.7;
}
.content-from {
	overflow-y: auto; 
	overflow-x:hidden;
	font-family: Proxima Nova; 
	display: flex; 
	flex-direction: column;

}
.content-from-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
}

.content-form-placeholder-content {
	margin-top: 40vh;
	font-size: 17px;
	opacity: 0.7;
}

.no-padding {
  padding: 0;
}

.parent-height {
  height: inherit;
}

.vertical-align-container {
  display: table
}

.vertical-align-content {
  display: table-cell;
  vertical-align: middle
}

/* Content form */
.content-form .toolbar-heading h3 {
  font-weight: bold;
}

.search-box-container .add-button {
  height: 30px !important;
  width: 30px !important;
  margin: 2px !important;
}

.add-session-item-header-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-box-container .add-button .mat-button-wrapper {
  line-height: 0px !important;
}

.searchOptionsMenu.mat-menu-panel {
    margin-top: 10px;
}

.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: none !important;
}

.content-form-button {
  border-radius: 4px !important;
  color: white !important;
  font-weight: bold !important;
  min-width: 90px !important;
  margin: 15px 30px !important;
}

.content-form-button:not([disabled=true]) {
  background:  var(--falcon-orange) !important;
}

.content-form-button-shortcut {
	border-radius: 4px !important;
	color: white !important;
	font-weight: bold !important;
	background:  var(--falcon-black) !important; 
	min-width: 150px !important;
	max-width: 150px !important;
	margin:0 15px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
	margin-bottom: 5px !important;
	margin-top: 5px !important;
	line-height: 18px !important;
    font-size: 13px !important;
    padding: 5px !important;
    max-height: 44px !important;
	height: 44px !important;
}

.content-form-button-shortcut span {
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.mat-raised-button {
  border-radius: 4px !important;
}

.content-integrator-btn-group .mat-stroked-button
{
  background-color: transparent !important;
  border: 1px solid #808080 !important;
  border-radius: 4px !important;
}

.content-integrator-btn-group .main-btn {
  min-width:0 !important;
  text-transform:uppercase;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0px !important;
}

.content-integrator-btn-group .dropdown-toggle {
  min-width:0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding: 0 !important;
}

.mat-mini-fab .mat-button-wrapper {
  display: block !important;
  padding: 0 !important;
}

.mat-mini-fab .mini-fab-icon {
  padding: 6px;
}

.calendar-tree .mat-tree{
    max-height: 41vh ;
    overflow-y: auto;
}


.error-message {
	color: var(--falcon-error) !important;;
}
.content-add-list {
	width:100%;
}
.content-add-list {
	z-index:999;
	display: inline-block;
	position: absolute;
	right: 15px;
	-webkit-transition: width 0.5s , max-height 0.5s;
	transition: width 0.5s, max-height 0.5s;

	width:34px;
	max-height: 34px;
	overflow: hidden;
}
.dropdown-content {
	display: block;
	float:left;
	padding:10px;
	padding-top: 30px;
	background-color: var(--falcon-orange);
	z-index: 1;
	width:100%;
	text-align: left;
	min-height: calc((100vw - 98px)*25/100 - 50px);
	max-height: calc((100vw - 98px)*25/100 - 46px);
	overflow-y: auto;
}

.content-list-add-wrapper {
	border-top-right-radius: 15px;
	width: calc((100vw - 98px)*25/100 - 16px);
	max-height: calc((100vw - 98px)*25/100 - 16px);
	background: var(--falcon-orange);
}
.add-button {
	-webkit-transition-duration: 1s !important;
    -moz-transition-duration: 1s !important;
    -o-transition-duration: 1s !important;
    transition-duration: 1s !important;
    -webkit-transition-property: -webkit-transform !important;
    -moz-transition-property: -moz-transform !important;
    -o-transition-property: -o-transform !important;
    transition-property: transform !important;
}
.add-button-rotate {	
	transform: rotate(45deg) !important;
}

.body .li-item {
	cursor: pointer;
	padding-bottom: 5px;
}
.body .li-item:hover {
	color: var(--falcon-black)
}
.body .li-category-item {
	margin-top: 8px;
	cursor: default;
	font-weight: bold;
}


#loadingScreen
{
    position:fixed;
    padding:0;
    margin:0;
	color:white;
	text-align: center;
    top:0;
    left:0;
	z-index: 1000;
    width: 100%;
    height: 100%;
	background:var(--falcon-black);
	display:table-cell;
    vertical-align:middle;
}
.loading-screen-img {
	margin-top:calc(50vh - 20px)
}

.content-form .form-control {
	height: 15px; 
	padding: 0px 0px !important;
	line-height: 1 !important;
}
.content-form .mat-form-field-infix {
	width: 100% !important;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.content-btn-bottom {
	width: 100%;
	min-height: 100px;
	padding-top: 8px;
}

.actions-shortcut-header {
	padding: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	text-align: center;
}

.standard-action-button-box {
	display: inline-block;
	text-align: center; 
	cursor: pointer; 
	width: 180px;
	transition: opacity 1.5s;
}
.circle-action-button-box {
	display: inline-block;
	text-align: center; 
	cursor: pointer; 
	width: 100px; 
	margin-top: -14px
}

.circle-action-button {
	width: 40px; 
	margin-left:30px;
	height: 46px;
}

.content-form-panel {
	overflow-y: auto; 
	width: 100%;
	margin-left: 0;
	flex: 1;
}

.content-form-panel::-webkit-scrollbar {
	width: 8px;
}
  
.content-form-panel::-webkit-scrollbar-thumb {
	border-radius: 4px;
}
  
.content-form-panel:hover::-webkit-scrollbar-thumb {
	background-color: #b8b8b8;
} 


.scrollbox {
	background: 
		linear-gradient(var(--falcon-gray), var(--falcon-gray) 70%) 0 100%, linear-gradient(var(--falcon-gray) 30%, #93939321 70%) 0px 100%;
    background-repeat: no-repeat;
    background-color: var(--falcon-gray);
    background-size: 100% 15px, 100% 15px;
    background-attachment: local, scroll;
}

.dark-theme .scrollbox {
	background: 
		linear-gradient(var(--falcon-dark-black) , var(--falcon-dark-black) 70%) 0 100%, linear-gradient(var(--falcon-dark-black) 10%, #20262d85 90%) 0px 100%;
    background-repeat: no-repeat;
    background-color: var(--falcon-dark-black);
    background-size: 100% 15px, 100% 15px;
    background-attachment: local,scroll;
}

.content-form-panel:hover {
	overflow-y:auto;
}

.content-from-container .form-group-container {
	height: calc(100% - 60px);
    display: flex;
	flex-direction: column;
	max-height: calc(100vh - 130px);
	flex-shrink: 0;
}

.content-from-container .form-group-container.no-form-heading {
	height: 100%;
}

.content-from-container .form-group-container.content-btn-bottom-float {
	display: block;
	overflow-y: auto;
}


.content-info mat-card-title {
	padding: 7px;
}

.content-info mat-card-content {
	margin: 30px 10px;
}

.content-list-loader {
	padding-left: 28px;
    padding-top: 18px;
    font-size: 16px;
}

.content-list-loader .message {
	padding-right: 5px;
}

.expand-icon {
	margin-left: 0 !important;
	margin-right: 0 !important;
    padding: 0 5px 0 10px;
    height: 100%;
    display: flex !important;
    align-content: center;
    align-items: center;
    min-height: inherit;
}

.folder-list-items .item.compact .footer {
    padding-left: 21px !important;
}

.content-from-container {
	display: flex;
	flex-direction: column;
	flex: 1;
	height: inherit;
	max-height: calc(100vh - 70px);
	position: relative;
}

.content-from-header {
	height: 100px;
}

.uploadFileContainer {
	position: absolute;
    top:0;
    left: 0;
    right: 0;
	bottom: 0;
	z-index: 999;
	background-color: inherit;
}

.import-wrapper .uploadFileContainer div {
	margin-top: 100px;
	border: 2px dashed var(--falcon-gray80);
	color: var(--falcon-black);
	height: 85%;
	background-color: rgba(255,255,255,0.8);
	width: auto;
	font-size: 24px;
	font-weight: bold;
	-webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
	justify-content: center;
}

.uploadFileContainer div {
	margin: 40px;
	border: 2px dashed var(--falcon-gray80);
	color: var(--falcon-black);
	height: 85%;
	width: auto;
	font-size: 24px;
	font-weight: bold;
	-webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
	justify-content: center;
}

.dark-theme .uploadFileContainer div {
	color: var(--falcon-gray);	
}

.forwardable-list-section ul {
	padding-left: 0px;
}

.empty-message-div {
	padding-top: 35px;
}

.actions-shortcut-header-placeholder {
	margin-top: -54px;
	
}

.actions-shortcuts-padding {
	overflow: hidden;
	height: 59px; 
	transition: height 0.5s;
	display: flex;
	justify-content: center;
}

.infobox-div {
	height: 100%; 
	width: 100%; 
	position: absolute; 
	z-index: 1; 
	overflow: hidden;
}


.list-items-div {
	position: absolute;
	z-index: 5;
	height: 100%;
  }
.autocomplete-add-item-option {
	border-bottom: 1px solid lightgray
}

.autocomplete-add-item-option .add-new-button {
	width: 20px; 
	height: 20px; 
	vertical-align: middle; 
	margin-left: 5px;
}

.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 84px;
	display: block;
	text-align: center;
	font-size: 20px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0;
	width: 13px;
	height: 13px;
	border-bottom: 2px solid var(--falcon-black);
	border-right: 2px solid var(--falcon-black);
	z-index: 9;
	left: 49%;
	-webkit-transform: translate(-50%, 0%) rotate(45deg);
	-moz-transform: translate(-50%, 0%) rotate(45deg);
	transform: translate(-50%, 0%) rotate(45deg);
	-webkit-animation: fade_move_down 8s  infinite;
	-moz-animation:    fade_move_down 8s  infinite;
	animation:         fade_move_down 8s  infinite;
}
.dark-theme .scroll-down {
	border-bottom: 2px solid var(--falcon-gray);
	border-right: 2px solid var(--falcon-gray);
}

.scroll-down:hover {
	border-bottom: 2px solid var(--falcon-orange);
	border-right: 2px solid var(--falcon-orange);
	cursor: pointer;
}

/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-3px) rotate(45deg); }
  20% { -webkit-transform:translate(0, 3px) rotate(45deg);}
  100% { -webkit-transform:translate(0, -3px) rotate(45deg);}
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0, -3px) rotate(45deg);}
  20% { -moz-transform:translate(0, 3px) rotate(45deg);}
  100% { -moz-transform:translate(0, -3px) rotate(45deg);}
}
@keyframes fade_move_down {
  0%   { transform:translate(0, -3px) rotate(45deg);}
  20% { transform:translate(0, 3px) rotate(45deg);}
  100% { transform:translate(0, -3px) rotate(45deg);}
}

.user-avatar {
	background-color: var(--falcon-light-black);
	text-transform: uppercase;
	margin: 0 10px;
    width: 35px;
    height: 35px;
	border-radius: 20px;
	border: 1px solid var(--falcon-black);
	display: flex;
    justify-content: center;
    align-items: center;
}

.user-avatar div {
	max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.avatar-placeholder {
	margin-top: 30px; 
	margin-left: 30px
}

.avatar-background
{
	background-repeat: no-repeat !important; 
	background-size: cover !important; 
	background-position: center !important;
}

.menu-placeholder {
	margin: 22px !important;
	margin-top: 24px !important;
}

.user-avatar-border {
	border: 1px solid var(--falcon-white);
}
.user-avatar-name {
	line-height: 18px;
	margin-left: 6px;
	max-width: 70%;
}

.designer-status-translation-box {
	cursor: pointer;
}
.designer-status-box {
	cursor: pointer;
}

.designer-status-translation-box:hover text {
	fill: var(--falcon-orange);
}
.designer-status-translation-box {
	font-size: 12px
}
.wd-status-selected-stroke {
	stroke: var(--falcon-orange);
}

.wd-status-selected-fill {
	fill: var(--falcon-orange);
}
.feed-header {
	padding: 21px;
	padding-right: 4px !important;
    font-family: 'Proxima Nova Bold';
    font-size: 16px;
	width: 100%;
	color: white;
}
.feed-header:after {
	content: "";
	display: table;
	clear: both;
}
.feed-sidenav {
	background-color: var(--falcon-black) !important;
}

.feed-sidenav-container {
	z-index: 1001 !important; 
	position: relative !important;
}

.feed-header-cell {
	padding: 15px;
	color:white;
	display: flex;
    align-items: center;
}
.feed-notification-header {
	display: flex;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.feed-header-content-image {
	max-width: 40px;
}
.feed-header-content-title {
	font-family: Proxima Nova Bold;
    flex: 1;
}
.feed-notification:after {
	content: "";
	display: table;
	clear: both;
  }
.feed-notification {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding: 0 20px; 
	border-left: 5px solid transparent;
	color: white;
}
.feed-notification:hover {
	background: var(--falcon-dark-black);
	border-top: 1px solid var(--falcon-orange);
	border-left: 5px solid var(--falcon-orange);
}
.feed-header-content-date {
    text-align: right;
	font-size: 12px;
    padding-right: 10px;
	display: flex;
    flex-direction: column;
	justify-content: center;
}
.feed-header-content-menu {
    text-align: right;
	margin-top: 5px;
	margin-right: -15px;
}
.notification-content {
	padding: 15px 15px;
}

.notification-subcontent {
	margin: 10px 56px;
}
.feed-toolbar {
	position: sticky; 
	top: 0; 
	z-index: 10;
	height: 70px !important;
	background-color: var(--falcon-black) !important;
}
.feed-notification-content-title {
	padding-left: 10px;
}
.mat-badge-content {
	background : var(--falcon-orange) !important;
	color: white !important;
}
.notification-footer {
	padding: 0px 25px;
    text-align: right;
    margin-bottom: 15px;
	float: right;
}
.notification-footer:hover {
	color: var(--falcon-orange);
	cursor: pointer;
}
.cdk-overlay-container {
	z-index: 9999 !important;
}
.feed-notification-new {
	background: var(--falcon-dark-black);
	border-top: 1px solid var(--falcon-orange);
	border-left: 5px solid var(--falcon-orange);
}

.workflow-designer {
	width: 100%;
	height: calc(100% - 70px);
	display: flex;
    flex-direction: column;
}

.start-procedure-box {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
    justify-content: center;
}


.designer-first-procedure-placeholder {
	font-size: 17px;
	opacity: 0.7;
}

.designer-first-procedure-text {
	margin-top: 10px;
	margin-bottom: 10px;
}


.designer-recently-used-placeholder {
	width: 600px;
	text-align: left;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.designer-recently-used-list {
	padding-left: 0px;
}

.designer-recently-used-name {
	padding-left: 10px;
}
.designer-recently-used-procedure-item {
	cursor: pointer;
}
.designer-recently-used-procedure-item:hover {
	color: var(--falcon-orange);
}
.designer-header-procedure-button {
	display: flex;
    justify-content: flex-end;
}
.designer-procedure-selector {
	padding: 0 15px;
}
.designer-header-box {
	min-height: 61px;
    height: 61px;
}

.designer-header {
	display: flex;
    align-items: center;
}

.designer-status-box .status-name {
	font-size: 12px;
}

.designer-canvas-menu .menu-text {
	margin-left: 20px;
}

#divCanvas {
	height: 100%; 
	width: 100%
}

.procedure-form-buttons {
	display: flex; 
	flex-direction: row; 
	justify-content: center;
}

.procedure-form {
	display: flex; 
	flex-direction: column;
	height: 100%;
}

.procedure-form-box {
	padding: 25px 30px; 
	height: 100%;
}

.sidenav-layer-border {
	height: 100%; 
	box-shadow: 0px 8px 10px -5px rgb(0 0 0 / 20%), 0px 16px 24px 2px rgb(0 0 0 / 14%), 0px 6px 30px 5px rgb(0 0 0 / 12%); 
	margin-left: 10px;
}
.ad-on-form-data-component {
	width: 40%;
	margin: 0 30% 0 30%;
}

.additional-data-container {
	overflow-y: auto;
	overflow-x:hidden;
}

.additional-data-container .additional-data-form:first-child {
	margin-top: 30px;
}

#btnSaveDataForm {
	float: right;
}

.additional-data-loader {
	padding-top: 100px;
}

#owisGrid .ag-cell .ag-theme-alpine .ag-cell-inline-editing {
	height: 100px !important;
}

.sidenav-breadcrumbs {
	padding-bottom: 6px;
	color: rgba(0, 0, 0, 0.54);
}

span.sidenav-breadcdumb-item:last-of-type {
   font-family: Proxima Nova Bold !important;
}

.sidenav-breadcrumbs-separator {
	color: var(--falcon-orange);
}

.sidenav-finish-button {
    width: 170px;
    background: var(--falcon-black) !important;
	margin: 14px !important;
    color: var(--falcon-white) !important;
}

.dark-theme .sidenav-finish-button {
    width: 170px;
    background: var(--falcon-dark-black) !important;
	margin: 14px !important;
    color: var(--falcon-white) !important;
}

.dark-theme mat-checkbox .mat-checkbox-checkmark-path {
    stroke: var(--falcon-white) !important;
}

.mat-drawer-backdrop {
    opacity: 0.2 !important;
}

/* MAT TAB */

:host ::ng-deep .mat-tab-label {
    color: var(--falcon-dark-black);
    opacity: 1;
}

:host ::ng-deep .mat-tab-label.mat-tab-label-active, .mat-tab-label.cdk-focused.cdk-mouse-focused {
    color: var(--falcon-dark-black);
    font-weight: bold;
    background-color: transparent !important;
    opacity: 1 !important;
}

.tab-container {
    padding: 30px;
}

.tab-container-sidenav {
    padding: 0px;
}

.horizontal-divider {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 40px; 
	margin-bottom: 40px;
}

.horizontal-divider:before,
.horizontal-divider:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: auto;
}

.horizontal-divider:before {
    margin-right: 10px;
}

.horizontal-divider:after {
    margin-left: 10px;
}

.dark-theme .horizontal-divider {
	color: rgba(242, 242, 242, 0.6);
}

.dark-theme .horizontal-divider:before,
.dark-theme .horizontal-divider:after {
	border-bottom:  1px solid rgba(242, 242, 242, 0.2);
}

.list-bottom-loader {
	display: flex;
	justify-content: flex-start; 
	position: absolute; 
	bottom: 60px; 
	z-index: 10;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 16px;
	margin-right: 10px;
	border-top: 1px solid lightgrey ;
	background-color: var(--falcon-white);
	width: 100%;
}

.dark-theme .list-bottom-loader {
	background-color: var(--falcon-black);
}

.dark-theme .list-bottom-loader {
	color: white;
}

.list-bottom-loader .message {
	padding-left: 5px;
}

.dark-theme .cls-user-management-2, 
.dark-theme .cls-workflow-designer-2,
.dark-theme .cls-form-designer-2 {
	fill: #fff;
}

.dark-theme .set-procedure-rights-btn {
    background-color: var(--falcon-dark-black) !important;
}

.dark-theme .designer-status-box .designer-status-box-rect-1 {
	stroke: white;
    fill: var(--falcon-dark-black);
}

.dark-theme .status-menu-trigger {
	fill: var(--falcon-dark-black);
}

.status-translation-line {
	stroke: var(--falcon-dark-black);
	fill: var(--falcon-dark-black);
}

.status-translation-line.selected{
	stroke: var(--falcon-orange);
	fill: var(--falcon-orange);
}

.dark-theme .status-translation-line {
	stroke: var(--falcon-gray);
	fill: var(--falcon-dark-black);
}

.dark-theme #arrow {
	stroke: var(--falcon-gray);
	fill: var(--falcon-gray);
}

.dark-theme .mat-sidenav.mat-drawer {
	background-color: var(--falcon-black) !important;
}

.dark-theme .sidenav-breadcrumbs {
	color: var(--falcon-gray80);
}

.dark-theme .mat-sidenav .mat-table {
	background-color: transparent;
}

.mat-tab-label.cdk-focused, 
.mat-tab-label.cdk-keyboard-focused {
	background-color: transparent !important;
}
.procedure-form-content {
	flex: 1;
}
.procedure-status-form-content {
	flex: 1;
}

.procedure-selector {
	display: flex;
  	align-content: space-around;
  	align-items: center;
}

.owis-mobile-slide {
    width: 100vw;
    height: inherit;
	z-index: 9999;
}

.owis-mobile-slider {
    width: 300%;
    display: flex;
    height: inherit;
}

.owis-mobile-slider-container {
    overflow: hidden;
    width: 100%;
    height: inherit;
}

.dark-theme .notification-panel{
	background-color: var(--falcon-dark-black)
}

.notification-panel {
	background-color: var(--falcon-gray);
	padding-bottom: 120px;
}

.notification-feed-item {
	padding: 10px;
	margin: 15px 0px; 
	background-color: white;
}

.dark-theme .notification-feed-item {
	background-color: var(--falcon-black);
}

.drop-list-header {
	padding: 4px 10px;
	font-size: 13px;
	color: var(--falcon-gray80);
}
  
.drop-list {
	border-top: solid 1px var(--falcon-gray80);
	min-height: 40px;
	display: block;
	overflow: hidden;
}

.drop-list-item {
	padding: 8px 10px;
	min-height: 30px;
	border-bottom: solid 1px var(--falcon-gray80);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

.drag-handle {
	color: var(--falcon-gray80);
	height: 20px;
}

@media (max-width: 768px) {
	.mobile-swipeable {
	  touch-action: pan-y;
	}

	.list-items-container {
		overflow-y: auto;
	}

	.content-list-add-wrapper {
		border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
		width: calc(100vw - 16px);
		height: calc(100vw - 16px);
		max-height: calc(100vw - 16px);
		background: var(--falcon-orange);
	}

	.dropdown-content {
		display: block;
		float:left;
		padding:10px;
		padding-top: 30px;
		background-color: var(--falcon-orange);
		z-index: 1;
		width:100%;
		text-align: left;
		min-height: 15vh;
		max-height: 30vh;
		overflow-y: auto;
	}

	.list-item-mobile-options-icon {
		margin: 15px 10px 0 10px;  
	}

	.content-form .mat-toolbar.toolbar-heading {
		padding-left: 16px !important;
	}
}

.infobox-body button {
	background-color: var(--falcon-black);
	border-radius: 4px;
	color: white;
	font-weight: bold;
	min-width: 90px;
	margin: 5px 15px 5px 0;
}

.infobox-body hr {
	border-color: var(--falcon-dark-black);
}

.dark-theme .infobox-body hr {
	border-color: var(--falcon-gray80);
}

.mat-tooltip.large-tooltip {
    font-size: 14px;
}

.account-form-container {
	background-color: var(--falcon-gray);
	height: inherit;
}

.dark-theme .account-form-container {
	background-color: var(--falcon-dark-black);
}

.content-from-container .form-group {
	margin-bottom: 2px;
}

.partner-item {
	display: flex;
	align-items: center;
}

.mat-tab-label-active{
	opacity: 1 !important;
	border-bottom: 2px solid var(--falcon-orange);
	}
.text-unselectable {
	-webkit-user-select: none;        
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}

.preview-status-translation-line{
	stroke: var(--falcon-orange);
	fill: var(--falcon-orange);
}

.half-transparent {
	opacity: 0.5;
}
.trash-icon > path {
	stroke: var(--falcon-gray);
	stroke-width: 1.1;
}

.dark-theme .trash-icon > path {
	stroke: var(--falcon-dark-black);
}

.module-component-container {
	width: 100%;
    position: fixed;
}

.procedure-buttons-wrapper{
	display: flex;
	gap: 16px;
}

.procedure-selector-edit-button {
	border-radius: 4px !important;
	color: white !important;
	font-weight: bold !important;
	background:  var(--falcon-black) !important;
	min-width: 150px !important;
	max-width: 150px !important;
	margin:0 15px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}

.show-container.delete-icon:hover svg {
	fill: red;
}

.dark-theme .set-procedure-rights-btn {
    background-color: var(--falcon-dark-black) !important;
}

.procedure-designer-canvas {
    height: 84%; 
    border: 1px solid gray; 
    margin: 0 20px; 
    overflow: hidden; 
    margin-bottom: 20px;
}

.designer-header-box-btn {
    margin-right: 15px !important;
}

.designer-recently-used-placeholder-container {
    display: flex; 
    justify-content: center;
}

.designer-recently-used-box {
    display: flex;
    justify-content: center;
}

.action-list-item .header-content {
	font-size: 14px;
	font-family: 'Proxima Nova' !important;
}

.additional-data-copy-paste-icons {
	width: 100%; 
	display: flex; 
	flex-direction: row; 
	justify-content: flex-end;
	gap: 8px;
	row-gap: 8px;
}

/* Disable transitions on iOS devices */
@supports (-webkit-touch-callout: none) {
	#workflowSlider, .add-button, .mat-drawer-container, .mat-drawer, .mat-drawer-content {
	  transition: none !important;
	  -webkit-transition: none !important;
	}

	.workflow-list .list-item-mobile-options {
		margin-bottom: 30px;
	}
  }

.additional-data-copy-paste-icons owis-icons {
    padding: 10px;
    min-height: inherit;
    display: flex;
    align-items: center;
}
  
.additional-data-copy-paste-icons-container {
	display: flex; 
	align-items: center;
}

.padding-left-5 {
	padding-left: 5px;
}

owis-search .mat-expansion-panel-content .mat-form-field-infix {
	border-bottom: 1px solid var(--falcon-gray80) !important;
}

.cursor-pointer {
	cursor: pointer;
}
.password-instruction-tooltip{
    font-size: 14px !important;
	white-space: pre-line;
}

angular-editor .angular-editor .angular-editor-wrapper .disabled {
	pointer-events: none !important;
	user-select: none !important;
	outline: none;
	caret-color: transparent;
}

.cdk-virtual-scroll-viewport {
  --scrollbar-thumb-color: transparent;

  &::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color) !important;
  }

	&::-webkit-scrollbar {
    width: 8px;
  }
  
  &:hover {
    --scrollbar-thumb-color: #b8b8b8;
  }
}

.cdk-virtual-scroll-content-wrapper {
	contain: inline-size !important;
}

.owis-mobile-slide .cdk-virtual-scroll-viewport {
	width: 100vw;
}

.workflow-mobile-container .document-preview .document-pager-count {
	display: none;
}

.workflow-mobile-container .document-preview .document-list-placeholder {
	padding: 0;
}

.workflow-mobile-container .infobox-div {
	width: 100vw;
}

.workflow-mobile-container owis-action-form .info-box {
	width: calc(100vw - 28px);
}