/*openingHours*/

#businessHoursContainer {
  display: inline-block;
  width: 100%;
}

.clean {
  clear: both;
}
.dayContainer {
  float: left;
  line-height: 20px;
  margin-right: 8px;
  width: 13%;
  font-size: 11px;
  font-weight: bold;
}

.colorBox {
  cursor: pointer;
  height: 45px;
  border: 2px solid #888;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.colorBox.WorkingDayState {
  border: 2px solid #4E8059;
  background-color: #8ade8f;
}

.colorBox.RestDayState {
  border: 2px solid #7a1c44;
  background-color: #de5962;
}

.operationTime .mini-time {
  width: 100%;
  padding: 3px;
  font-size: 12px;
  font-weight: normal;
}

.dayContainer .add-on {
  padding: 4px 2px;
}

.colorBoxLabel {
  clear: both;
  font-size: 12px;
  font-weight: bold;
}

.invisible {
  visibility: hidden;
}

.operationTime {
  margin-top: 5px;
}

/*end openingHours*/

/* calendar */
 
/*
This is the Material Design theme for FullCalendar Weekly Agenda view
Creation Date: Aug 19th 2015
Author: Jacky Liang
Version: FullCalendar 2.4.0
Tested Using the Following FC Settings:
    editable: false,
    handleWindowResize: true,
    weekends: false, // Hide weekends
    defaultView: 'agendaWeek', // Only show week view
    header: false, // Hide buttons/titles
    minTime: '07:30:00', // Start time for the calendar
    maxTime: '22:00:00', // End time for the calendar
    columnFormat: {
        week: 'ddd' // Only show day of the week names
    },
    displayEventTime: true,
    allDayText: 'Online/TBD'
Note: This has NOT been tested on Monthly or Daily views.
Colors: Use the following - https://www.google.com/design/spec/style/color.html#color-color-palette
        at the 700 level. An opacity of 0.65 is automatically applied to the
        700 level colors to generate a soft and pleasing look.
        Color were applied to each event using the following code:
        events.push({
            title: 'This is a Material Design event!',
            start: 'someStartDate',
            end: 'someEndDate',
            color: '#C2185B'
        });
*/
/* Remove that awful yellow color and border from today in Schedule */
/* 
.calendar-container{
  height: 700px;
}
#calendar{
  display:inline-block;
} */
.calendar-container .tooltip {
  z-index: 9999;
}
.fc-resource-area{
  width: 15%;
}
.filter-panel {
   position: fixed;
   top: 0;
   bottom: 0;
   right: 0;
   width: 320px;
   transform: translateX(100%);
   transition: transform .3s cubic-bezier(.4,0,.2,1), visibility .3s;
   background: #fff;
   z-index: 1032;
   box-shadow: -4px 0 24px rgba(0,0,0,.12);
   visibility: hidden;
   display: flex;
   flex-direction: column;
   border-left: 1px solid #e8ecf0;
}
button.fc-filter-button .notify{
  width: 10px;
  height: 10px;
  background: red;
  float: right;
  border-radius: 50%;
  right: -5px;
  position: relative;
  display: none;
}
button.fc-filter-button.show .notify{
  display: inline-block;
}

.show-filter-panel{
  transform: translateX(0%);
  visibility: visible;
}
.filter-panel .panel-heading {
    background: linear-gradient(135deg, #47adff 0%, #2296f3 60%);  color: #fff;
  padding: 18px 20px;
  border: 0;
  border-radius: 0;
  flex-shrink: 0;
}
.filter-panel .panel-heading .panel-title {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.filter-panel .panel-body{
  padding: 16px;
  overflow-y: auto;
  flex: 1 1 auto;
  -webkit-overflow-scrolling: touch;
}
.filter-panel .panel-body select{
  width: 100%;
}
.filter-panel .input-group{
  width: 100%;
}
.filter-panel label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  background: #f0f4f8;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12px;
  color: #455a64;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 6px;
}

.filter-panel .col-lg-12 {
  padding: 10px 4px;
  border-bottom: 1px solid #f0f4f8;
}
.filter-panel .col-lg-12:last-of-type {
  border-bottom: none;
}
.filter-panel .form-check-input {
  margin-top: 8px;
}
.filter-panel .form-check-label {
  background: transparent;
  font-weight: 400;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0;
  color: #607d8b;
  padding: 0 4px;
}
.filter-panel .filter-actions {
  padding-top: 12px;
  border-top: 1px solid #e8ecf0;
  border-bottom: none;
  text-align: center;
}
.filter-panel .filter-actions hr {
  margin: 10px 0;
  border-color: #e8ecf0;
}
.filter-panel .filter-actions .btn-xss,
.filter-panel .filter-actions .btn-xs {
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s ease;
}
.filter-panel .select2-container {
  width: 100% !important;
}
.filter-panel .select2-container--default .select2-selection--multiple {
  border: 1px solid #dce3e8;
  border-radius: 8px;
  min-height: 36px;
  padding: 2px 6px;
  transition: border-color .2s ease;
}
.filter-panel .select2-container--default .select2-selection--multiple:focus-within,
.filter-panel .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #2196F3;
  box-shadow: 0 0 0 3px rgba(33,150,243,.12);
}
#calendar button.fc-filter-button {
    background: #222;
    color: #fff;
      margin-right: 20px;
}
#calendar button.fc-filter-button.active {
    background: #606060;
 }
 #calendar .priority{
  width: 3px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 3px 0px 0px;
 }
 #calendar .dropdown-menu{
  margin: 0;
 }
.fc .fc-button-group>*{
  min-width: 70px;
 }
 .fc-sun,.fc-sat { background-color: #f5f5f5; /*your styles goes here*/ }
.fc-state-highlight {
    opacity: 0;
    border: none;
}

/* Styling for each event from Schedule */
.fc-time-grid-event.fc-v-event.fc-event {
    border-radius: 4px;
    border: none;
    padding: 0px;
     
}

/* Bolds the name of the event and inherits the font size */
.fc-event {
    font-size: inherit !important;
    font-weight: bold !important;
  border: none;
}

/* Remove the header border from Schedule */
.fc td, .fc th {
    border-style: 1px solid #eee;
    border-width: 1px !important;
    padding: 0 !important;
    vertical-align: top !important;
}
td.fc-day-top {
    text-align: center;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: none;
  font-size: 15px;
    font-weight: 900;
}
.fc .fc-day-header span{
      font-weight: 900;
    font-size: 14px;
}
/* Inherits background for each event from Schedule. */
.fc-event .fc-bg {
    z-index: 1 !important;
    background: inherit !important;
    opacity: .25 !important;
}
.fc-today {
    background: #24acff33 !important;
    border: none !important;
    border-top: 1px solid #ddd !important;
    font-weight: bold;
} 
.fc-today.fc-day {
  border: 1px solid #ddd !important;
}
.fc-event .fc-content {
  padding: 2px;
  font-size: 12px;
}
.fc-timelineWeek-view .fc-event .fc-content {
  white-space: normal;
}
.bg-holiday{
  background: repeating-linear-gradient(45deg, #ad3b3b, #551c1c 10px, #ad3b3b 10px, #551c1c 20px);
  color: white;
    margin-left: 10px;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 9px;
    vertical-align: middle;
}
.fc-event.holiday-event {
  background: repeating-linear-gradient(45deg, #ad3b3b, #551c1c 10px, #ad3b3b 10px, #551c1c 20px);
}
.fc-event.holiday-event .fc-avatar {
  display: none;
}

.fc-event.holiday-event .badge {
  display: none;
}
/* Normal font weight for the time in each event */
.fc-time-grid-event .fc-time {
    font-weight: normal !important;
}

/* Apply same opacity to all day events */
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    /* opacity: .65 !important; */
    /* margin-left: 12px !important;
    padding: 5px !important; */
}

/* Apply same opacity to all day events */
.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end {
    /* opacity: .65 !important; */
    /* margin-left: 12px !important;
    padding: 5px !important; */
    
}

/* Material design button */
.fc-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    min-height: 36px;
    min-width: 88px;
    line-height: 36px;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: 0;
    padding: 0 6px;
    margin: 6px 8px;
    letter-spacing: .01em;
    background: transparent;
    color: currentColor;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
}

.fc-button:hover {
    background-color: rgba(158,158,158,0.2);
}

.fc-button:focus, .fc-button:hover {
    text-decoration: none;
}

/* The active button box is ugly so the active button will have the same appearance of the hover */
.fc-state-active {
   background: #24acff;
    color: #fff;
}

/* Not raised button */
.fc-state-default {
    box-shadow: None;
}

.fc-avatar{
 display: inline-block; 
}
.fc-avatar img{
  width:13px;
  height: 13px;
}
#buffer-events .fc-content {
  margin: 5px;
  cursor:grab
}
#fullscreenButton{
      position: absolute;
    right: 20px;
    margin-top: 5px;
  cursor: pointer;
  z-index: 1;
  transition: 0.5s
}
#fullscreenButton:hover{
  transform: scale(1.5);
}
.fullscreen{
   position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1031;
    height: 100% !important;
    max-height: 100% !important;
}
.fullscreen object { height: 100%; }
.modal-content .fullscreen{
  display: inline-table;
}
.fullscreen.preview .panel-body{
  max-height: 100%;
  height: calc(100% - 80px);
}
.fullscreen embed,.fullscreen iframe{
  height: 100% !important;
}

/* .fc-timelineMonth-view .fc-scroller table {
    width: 250%;
}
.fc-timelineMonth-view .fc-resource-area table{
  width: 100%;
}
.fc-timelineMonth-view .fc-scroller th{
   width: 50px;
}
.fc-timelineMonth-view .fc-time-area .fc-slats td{
  width: 50px;
} */

/* .fc-timelineDay-view .fc-scroller table {
    width: 2800px;
}
.fc-timelineDay-view .fc-resource-area table{
  width: 100%;
}
.fc-timelineDay-view .fc-scroller th{
   width: 50px;
}
.fc-timelineDay-view .fc-time-area .fc-slats td{
  width: 150px;
} */

.fc-view-container { 
  overflow-x: scroll; 
}
td.fc-axis.fc-time {
  background: #fff;
}
 
.fc-slats tr {
    position: relative;
    height: 1.6em;
}
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
 
}
.fc-view.fc-agendaWeek-view .fc-resource-cell{
  text-overflow: ellipsis;   /* IE, Safari (WebKit) */
  overflow:hidden;              /* don't show excess chars */
  white-space:nowrap;           /* force single line */
 }

 .fc-other-month {
  background: repeating-linear-gradient(45deg, #fff, #eee 10px, #fff 10px, #eee 20px);
}

/* .fc-view.fc-agendaDay-view.fc-agenda-view{
  width: 125%;
} */

#pills-calendar .fc-view-container{
  height: 800px;
}
/* end calendar */
 
/* invoice */
.invoice-box {
  max-width: 800px;
  margin: auto;
  padding: 30px;
  
  font-size: 16px;
  line-height: 24px;
  font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
  color: #555;
}

.invoice-box table {
  width: 100%;
  line-height: inherit;
  text-align: left;
}

.invoice-box table td {
  padding: 5px;
  vertical-align: top;
}

.invoice-box table tr td:nth-child(n+2) {
  text-align: right;
}

.invoice-box table tr.top table td {
  padding-bottom: 20px;
}

.invoice-box table tr.top table td.title {
  font-size: 45px;
  line-height: 45px;
  color: #333;
}

.invoice-box table tr.information table td {
  padding-bottom: 40px;
}

.invoice-box table tr.heading td {
  background: #eee;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}

.invoice-box table tr.details td {
  padding-bottom: 20px;
}

.invoice-box table tr.item td{
  border-bottom: 1px solid #eee;
}

.invoice-box table tr.item.last td {
  border-bottom: none;
}

.invoice-box table tr.item input {
  padding-left: 5px;
}

.invoice-box table tr.item.first td:first-child span#removeItem{
  visibility: hidden
}
.invoice-box table tr.item td:first-child span#removeItem{
  cursor: pointer;
}
.invoice-box table tr.item td:first-child input {
  margin-left: 0px;
  max-width: 80%;
}

.invoice-box table tr.total td:nth-child(2) {
  border-top: 2px solid #eee;
  font-weight: bold;
}
.invoice-box input {
    border: 1px dotted;
    padding: 3px 10px;
}
.invoice-box input[type=number] {
  width: 60px;
}
.invoice-box .additionalInfo textarea{
  width: 100%;
    min-height: 100px;
    border: 1px dotted;
  resize: vertical;
}
.invoice-box .editableTxt:hover{
  background: #709498;
    color: #fff;
    padding: 0 5px;
    border-radius: 5px;
  cursor: pointer;
}

/* end invoice */



/* Tasks */
.jquery-todolist {
	position: relative;
	min-width: 15em
}
.jquery-todolist.no-points .jquery-todolist-item-points{
  display: none !important;
}
.jquery-todolist .jquery-todolist-item-points:not(.jquery-todolist-action) .points-label{
  display: none !important;
}
.jquery-todolist *,
.jquery-todolist *:before,
.jquery-todolist *:after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.jquery-todolist .jquery-todolist-title {
	padding: .5em 2em .5em .5em;
	position: relative;
	overflow: hidden
}

.jquery-todolist .jquery-todolist-title-text {
	display: inline-block;
	width: 100%
}

.jquery-todolist .jquery-todolist-menu-show {
  display: block;
  position: absolute;
  right: -1px;
  top: -1px;
  font-weight: 900;
  cursor: pointer;
  vertical-align: middle;
  font-size: 1.3em;
  height: 0em;
  padding: 0;
}

.jquery-todolist .jquery-todolist-menu {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20em;
	padding: .2em;
	z-index: 1
}

.jquery-todolist .jquery-todolist-menu-actions {
	position: absolute;
	right: .2em;
	top: .2em
}

.jquery-todolist .jquery-todolist-menu-actions .jquery-todolist-action {
	padding: .2em;
	display: inline-block
}

.jquery-todolist .jquery-todolist-menu-items {
    max-height: 10em;
    overflow-y: auto;
    margin: 2em 0em 1em;
    background: #fff;
    box-shadow: 2px 5px 6px #0000007d;
}

.jquery-todolist .jquery-todolist-menu-items a {
	display: block;
	padding: .2em;
  margin: 5px;
}

.jquery-todolist .jquery-todolist-footer {
	position: relative;
      margin-top: 25px;
    border: 1px solid #eee;
}

.jquery-todolist .jquery-todolist-action {
	cursor: pointer;
	text-decoration: none
}

.jquery-todolist .jquery-todolist-button {
	display: inline-block
}

.jquery-todolist .jquery-todolist-button-confirm {
    display: inline-block;
    padding: .3em;
    border-top: none;
    border-bottom: none;
    border-right: none;
    color: #fff;
    background: #b31d1d;
}

.jquery-todolist .jquery-todolist-button-cancel {
	display: inline-block;
	padding: .5em;
 }

.jquery-todolist .jquery-todolist-add {
	padding: 1px 40px 1px 1px;
	position: relative;
	border: none
}

.jquery-todolist .jquery-todolist-add-input,
.jquery-todolist .jquery-todolist-add-action {
	line-height: 1.5em;
	display: inline-block
}

.jquery-todolist .jquery-todolist-add-input {
	width: 100%;
	border: none
}

.jquery-todolist .jquery-todolist-add-input-text {
	width: 100%;
	border: none;
	line-height: 1.5em;
	padding: .5em;
 }

.jquery-todolist .jquery-todolist-add-action {
	display: inline-block;
	text-decoration: none;
	overflow: hidden;
	font-weight: 900;
	padding: 0em;
	text-align: center;
	font-size: 2em;
	line-height: 1.1em;
	position: absolute;
	width: 40px;
	top: 0px;
	right: 0px
}

.jquery-todolist .jquery-todolist-edit {
	position: relative
}
.jquery-todolist .jquery-todolist-action-edit:hover {
    background: #eee;
}
.jquery-todolist .jquery-todolist-edit-input {
	width: 100%;
	padding-right: 40px
}

.jquery-todolist .jquery-todolist-edit-input input {
	width: 100%;
	padding: .5em;
	line-height: 1.5em
}

.jquery-todolist .jquery-todolist-edit-save {
	background-repeat: no-repeat;
	display: inline-block;
	text-indent: -1000px;
	overflow: hidden;
	position: absolute;
	right: 12px;
	top: 0px;
	width: 25px;
	text-align: center;
	line-height: 2em;
	cursor: pointer;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACCklEQVRIib2Wy27TQBSGR4pJvOA5YNtHmKUjjDQbC3EHpYAIK1iCmtSWmqob0rSOnfTOVULpS3ST90gXbEhbsDP2JI71s6B1cyc0Dr90dqPv05kz0hlCeqJpWpJSKs9SmqYlyWAopQuMsXpaUXxVVfkslVYUnzFWp5QuRALGWP2wVkMYhpg1YRjisFYDY6weXUtaUfw44L2StKL4mqYlCaVUVlWVx0Y/j6qqnFIqxyIQQuCd+RmF7W/RNccmEELgqWFD2nRw/f13vFmrotvtxiPwfR9PdAvSpgNSBUgFuGkc4bjRmF3geR4eL1uQzEu4tNFCRrchhBgtCIIAb81PeF08QKvVmgh/lC9DMt0euIuMbsPzPAAjZhAEAbIFC3K1icSuh3vLFlzXHYJzzvFwEF5ykNEt+L4fnRsSHDcauLF2BPIRIB+AxI6Hu/l+CeccD3JmH/xaycHiAHxsBy9XK0hVz0AOALIPJLY83Fky4TgOOOe4v2RCKrd64L+wqFsQQgx1OnIGnU4H2dUKUvYpyB5AdoFExcOt3D5u5/b64es/8WwMfKwgkhRspMwTkB2AbJ/XFiJ4cv0Mz43x8ImCPslG80rwvwqAP082u2JBLjUv4cVTvDDKaLfbE+FTCS4kr1YsyMUfSBVPpoZPLbiQGPZX5Mtfpob/k+CqiQRzXzhzX5n/ZenP89vyG9UicsE1jZqPAAAAAElFTkSuQmCC")
}

.jquery-todolist .jquery-todolist-item {
	margin: .3em 0em .3em;
	position: relative;
	overflow: hidden
}

.jquery-todolist .jquery-todolist-item-title, .jquery-todolist .jquery-todolist-item-description, .jquery-todolist .jquery-todolist-item-points {
	border-bottom: medium none;
	border-top: medium none;
	border-right: medium none;
	line-height: 1.5em;
	padding: 0.5em;
	margin-left: 40px;
	padding-right: 23px;
	max-height: 6em;
	overflow: hidden
}
.jquery-todolist .jquery-todolist-item-description, .jquery-todolist .jquery-todolist-item-points{
  overflow: auto;
}
.jquery-todolist .jquery-todolist-item-description.jquery-todolist-action:hover:before{
	content:'kliknij, aby edytować opis';
	color: #999;
	font-style:italic;
	position: absolute;
	background: black;
	padding: 0px 5px;
	border-radius:5px;
	transition:1s auto;
	font-size:12px;
  
}
.jquery-todolist .jquery-todolist-item-points.jquery-todolist-action:hover:before{
	content:'kliknij, aby edytować punktację';
	color: #999;
	font-style:italic;
	position: absolute;
	background: black;
	padding: 0px 5px;
	border-radius:5px;
	transition:1s auto;
	font-size:12px;
}
.jquery-todolist .jquery-todolist-item-title-text,
.jquery-todolist .jquery-todolist-item-description-text,
.jquery-todolist .jquery-todolist-item-points-text{
	display: inline-block;
	width: auto
}
.jquery-todolist-item-title-text {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
.jquery-todolist .jquery-todolist-item-actions-left {
	display: inline-block;
	position: absolute;
	top: .5em;
	left: 7px
}

.jquery-todolist .jquery-todolist-item-actions-right {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 6em
}

.jquery-todolist .jquery-todolist-item-action-remove {
	background-repeat: no-repeat;
	display: inline-block;
	text-indent: -1000px;
	text-align: center;
	overflow: hidden;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVQ4jY3Sz0oCYRQF8N+ssrdIJ1chopuQ3qBFuOjNLLJAEFwIvkUZBSW9Sq6qZYs7xuf4VR6YxXfPPefO/cMuehjjC0/V94EbdDP5PzjEBFOcZPgOZrhFIyd+w/lfFSpc4KVuMtlTvMFQtInoeZqQZygzojYGyXuumsnYds8lHmsmx1XsKIn1cE1Mu47UpMSyJoYCa2JNOWxMcuINXv8zWOIezV9yVvCZIdKem3hAq5ZT4J24sE5CtO0OrFX9TWrSx4hYxSwhBvI9lzhN3ou08J24sH1xias00BDnOdxT/IyDOtEQRzUXR1IkXCF6XlSVd8QpuuLC1mLPKzHtke1hg295iTKQEXiRlAAAAABJRU5ErkJggg==");
	position: absolute;
	right: 5px;
	top: .5em;
	height: 17px;
	width: 17px;
	cursor: pointer
}

.jquery-todolist .jquery-todolist-item-action-remove-confirm {
	background-repeat: no-repeat;
	text-indent: -1000px;
	text-align: center;
	overflow: hidden;
	display: inline-block;
	padding: .2em;
	width: 19px;
	height: 24px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAYCAYAAAAYl8YPAAACTUlEQVQ4T62VS0iVURSFVRpYGCnlxKIGUdBLbRA9zGgmaYI0SKVhEWVENCjTgVGgUhhElBrmSAslGvlqJhg9iAbaAyVKpHQghqFYEkH2LTkH9v05XW/ggcVZe+91193/Oec/f3JS/JFCeZWR/IT/+ddPkuN4qTYCthrNG/ieeGYTFLOW6DCR8rj+fQqsS0S9hGZKZmkgdRnM5mWmRf4IVjhDLfB2MAxU/wV2gE+uPsu8G3w2DXxXzm/AV4INprgGrrVU1zJLB/OuLm0+GDP6d/Bsb/aKYK8pboS/BOsDZu/JnQBDRv8UfsSbPSE4Zoq74J1Ajxvt7Dm5KjBg9K3wU97sDsF5UzwIvwkOBMx6yDWDLqO/Dr/qzS4T3DDFo/Bzaj1g9ohcH2gz+tPwFm+mNWg3RcXFoCxg1kTuA7hr9EXwXm92mKDfFCvg2eBMwKye3ByoNfpc+JA320Kgs+ZHNUTHozJgdoXcWnDJ6DPh37yZboYfpqj1mwF1AbOz5HRotU4a2u2VYMHeGtMkMpxAu/UWNAbMysmVgFKnHWXeLG7NdIp3OkEHs7b+YcCskNwFUOC0z5gPRc10ir1AW38PdAfM8sjdAvvMH6vbmM4eEJ90ghfMWnz9a/QNUPePwTanbWBe3Az7mNeIa5xA50hnTI8eNdOF8Br4C/Ui/HbUTLtz35npxtgPvgTMVpObBP7bcNx1GtOZFlbvnYY+HFo/PeZvoCtHN8sC0DdA3wI/9P7qhokxyyEeNKJE6Sb3BDFmOtVaq/8Z6lR3n7pP+guXqYbxgVDCfwAAAABJRU5ErkJggg==")
}

.jquery-todolist .jquery-todolist-item-checkbox {
	background-repeat: no-repeat;
	display: inline-block;
	text-indent: -1000px;
	text-align: center;
	overflow: hidden;
	height: 26px;
	width: 26px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAh0lEQVRIie3WsQ3DMAxEUY6gUT6OC2hDjeZRNILdhEYgpwlMu+IBbPUoNTozMwOapCFpuvueMZKmpAE0C8Tdtyzgx2xAM0nja4sBdLsZoK/nWjyXpHEXWBOYpGmhZtxkDUCcf0LZSKSgggoqqKCC/oEAshGgn9BrX/lD5YRLOXmtbn02eLxAHkhQNNgPmtd0AAAAAElFTkSuQmCC");
	opacity: .7;
	cursor: pointer
}
.jquery-todolist .jquery-todolist-item-done {
  background: #77b91d5e;
}
.jquery-todolist .jquery-todolist-item-done .jquery-todolist-item-checkbox {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAABIUlEQVRIib3WYZGDMBQE4CcBCZWws2sACUg4CZVwDiKlEpCAhEpAwt0fwnC59yCdpGWGP5DkS5aQxMzMAAwkE8lV0k+Pm+RKMgEYLCOSll6Acy8ABiOZDr1IAEZrvACMZbuW4yKZWoHyyhjJ1bLaOhIAIPm9f5PtWW5/hxqR4ZDMKmnK77pCkh7lJOgOSZqcmTZ3hY6RHf8fALeukBcZyXtRpg26iqwLVBNZFbQ19OefKCp7kX0FZX2oWPuWEiN5dyJ7RKMPIWeB3TEAtyAyd+SnEMlntAJLmp13U4RcRQdvXwr2qjCyS+gMeyWyKqgSO42sGrrALiN7CfIwks+ayEIIAM4wSfOGhOWceuMOfWwrf9PhBP8OJx87bm09ePsB8hfZBPJdtEbBiQAAAABJRU5ErkJggg==")
}

.jquery-todolist .jquery-todolist-item-done span {
	font-style: italic;
	
}

.jquery-todolist .jquery-todolist-hide-done .jquery-todolist-item-done {
	display: none;

}
.jquery-todolist .doneDate{
  display: none;
  text-align: right;
  padding-right: 5px;
}
.jquery-todolist .jquery-todolist-item-done .doneDate{
  display:block
}
.tasks .hint {
    position: absolute;
    background: #fff;
    padding: 8px;
    min-width: 150px;
    max-width: 600px;
    max-height: 150px;
    overflow: auto;
    box-shadow: 2px 5px 6px #0000007d;
}
.tasks .hint li{
  display: list-item;
    list-style: none;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    text-transform: uppercase;
  padding: 5px;
}

.tasks .hint li:hover{
  background: #eee;
  font-weight:bold;
}
.tasks .jquery-todolist-edit-input input[name=p] {
  width: 65px;
}

.tasks .jquery-todolist-edit-input input[name=e] {
  width: calc(100% - 75px);
}
.tasks .coworkers-load {
  display: inline-block;
  width: calc( 100% - 75px);
  padding-left: 15px;
}
/* end Tasks */

/* Datepickerrange */
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
/* End datepickerrange */

/* Noty */
#noty_layout__bottom,#noty_layout__bottomCenter,#noty_layout__bottomLeft,#noty_layout__bottomRight,#noty_layout__center,#noty_layout__centerLeft,#noty_layout__centerRight,#noty_layout__top,#noty_layout__topCenter,#noty_layout__topLeft,#noty_layout__topRight,.noty_layout_mixin{position:fixed;margin:0;padding:0;z-index:9999999;-webkit-transform:translateZ(0) scale(1,1);transform:translateZ(0) scale(1,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;filter:blur(0);-webkit-filter:blur(0);max-width:90%}#noty_layout__top{top:0;left:5%;width:90%}#noty_layout__topLeft{top:20px;left:20px;width:325px}#noty_layout__topCenter{top:5%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__topRight{top:20px;right:20px;width:325px}#noty_layout__bottom{bottom:0;left:5%;width:90%}#noty_layout__bottomLeft{bottom:20px;left:20px;width:325px}#noty_layout__bottomCenter{bottom:5%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__bottomRight{bottom:20px;right:20px;width:325px}#noty_layout__center{top:50%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px),-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px),calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__centerLeft{top:50%;left:20px;width:325px;-webkit-transform:translate(0,-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(0,calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__centerRight{top:50%;right:20px;width:325px;-webkit-transform:translate(0,-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(0,calc(-50% - .5px)) translateZ(0) scale(1,1)}.noty_progressbar{display:none}.noty_has_timeout.noty_has_progressbar .noty_progressbar{display:block;position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#646464;opacity:.2}.noty_bar{-webkit-backface-visibility:hidden;-webkit-transform:translate(0,0) translateZ(0) scale(1,1);-ms-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1);-webkit-font-smoothing:subpixel-antialiased;overflow:hidden}.noty_effects_open{opacity:0;-webkit-transform:translate(50%);-ms-transform:translate(50%);transform:translate(50%);-webkit-animation:noty_anim_in .5s cubic-bezier(.68,-.55,.265,1.55);animation:noty_anim_in .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_effects_close{-webkit-animation:noty_anim_out .5s cubic-bezier(.68,-.55,.265,1.55);animation:noty_anim_out .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_fix_effects_height{-webkit-animation:noty_anim_height 75ms ease-out;animation:noty_anim_height 75ms ease-out}.noty_close_with_click{cursor:pointer}.noty_close_button{position:absolute;top:2px;right:2px;font-weight:700;width:20px;height:20px;text-align:center;line-height:20px;background-color:rgba(0,0,0,.05);border-radius:2px;cursor:pointer;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.noty_close_button:hover{background-color:rgba(0,0,0,.1)}.noty_modal{position:fixed;width:100%;height:100%;background-color:#000;z-index:10000;opacity:.3;left:0;top:0}.noty_modal.noty_modal_open{opacity:0;-webkit-animation:noty_modal_in .3s ease-out;animation:noty_modal_in .3s ease-out}.noty_modal.noty_modal_close{-webkit-animation:noty_modal_out .3s ease-out;animation:noty_modal_out .3s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes noty_modal_in{100%{opacity:.3}}@keyframes noty_modal_in{100%{opacity:.3}}@-webkit-keyframes noty_modal_out{100%{opacity:0}}@keyframes noty_modal_out{100%{opacity:0}}@keyframes noty_modal_out{100%{opacity:0}}@-webkit-keyframes noty_anim_in{100%{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes noty_anim_in{100%{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@-webkit-keyframes noty_anim_out{100%{-webkit-transform:translate(50%);transform:translate(50%);opacity:0}}@keyframes noty_anim_out{100%{-webkit-transform:translate(50%);transform:translate(50%);opacity:0}}@-webkit-keyframes noty_anim_height{100%{height:0}}@keyframes noty_anim_height{100%{height:0}}.noty_theme__relax.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__relax.noty_bar .noty_body{padding:10px}.noty_theme__relax.noty_bar .noty_buttons{border-top:1px solid #e7e7e7;padding:5px 10px}.noty_theme__relax.noty_type__alert,.noty_theme__relax.noty_type__notification{background-color:#fff;border:1px solid #dedede;color:#444}.noty_theme__relax.noty_type__warning{background-color:#ffeaa8;border:1px solid #ffc237;color:#826200}.noty_theme__relax.noty_type__warning .noty_buttons{border-color:#dfaa30}.noty_theme__relax.noty_type__error{background-color:#ff8181;border:1px solid #e25353;color:#fff}.noty_theme__relax.noty_type__error .noty_buttons{border-color:#8b0000}.noty_theme__relax.noty_type__info,.noty_theme__relax.noty_type__information{background-color:#78c5e7;border:1px solid #3badd6;color:#fff}.noty_theme__relax.noty_type__info .noty_buttons,.noty_theme__relax.noty_type__information .noty_buttons{border-color:#0b90c4}.noty_theme__relax.noty_type__success{background-color:#bcf5bc;border:1px solid #7cdd77;color:#006400}.noty_theme__relax.noty_type__success .noty_buttons{border-color:#50c24e}.noty_theme__metroui.noty_bar{margin:4px 0;overflow:hidden;position:relative;box-shadow:rgba(0,0,0,.298039) 0 0 5px 0}.noty_theme__metroui.noty_bar .noty_progressbar{position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#000;opacity:.2}.noty_theme__metroui.noty_bar .noty_body{padding:1.25em;font-size:14px}.noty_theme__metroui.noty_bar .noty_buttons{padding:0 10px .5em 10px}.noty_theme__metroui.noty_type__alert,.noty_theme__metroui.noty_type__notification{background-color:#fff;color:#1d1d1d}.noty_theme__metroui.noty_type__warning{background-color:#fa6800;color:#fff}.noty_theme__metroui.noty_type__error{background-color:#ce352c;color:#fff}.noty_theme__metroui.noty_type__info,.noty_theme__metroui.noty_type__information{background-color:#1ba1e2;color:#fff}.noty_theme__metroui.noty_type__success{background-color:#60a917;color:#fff}.noty_theme__mint.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__mint.noty_bar .noty_body{padding:10px;font-size:14px}.noty_theme__mint.noty_bar .noty_buttons{padding:10px}.noty_theme__mint.noty_type__alert,.noty_theme__mint.noty_type__notification{background-color:#fff;border-bottom:1px solid #d1d1d1;color:#2f2f2f}.noty_theme__mint.noty_type__warning{background-color:#ffae42;border-bottom:1px solid #e89f3c;color:#fff}.noty_theme__mint.noty_type__error{background-color:#de636f;border-bottom:1px solid #ca5a65;color:#fff}.noty_theme__mint.noty_type__info,.noty_theme__mint.noty_type__information{background-color:#53a9f8;border-bottom:1px solid #53a9f8;color:#fff}.noty_theme__mint.noty_type__success{background-color:#afc765;border-bottom:1px solid #a0b55c;color:#fff}.noty_theme__sunset.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__sunset.noty_bar .noty_body{padding:10px;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.noty_theme__sunset.noty_bar .noty_buttons{padding:10px}.noty_theme__sunset.noty_type__alert,.noty_theme__sunset.noty_type__notification{background-color:#073b4c;color:#fff}.noty_theme__sunset.noty_type__alert .noty_progressbar,.noty_theme__sunset.noty_type__notification .noty_progressbar{background-color:#fff}.noty_theme__sunset.noty_type__warning{background-color:#ffd166;color:#fff}.noty_theme__sunset.noty_type__error{background-color:#ef476f;color:#fff}.noty_theme__sunset.noty_type__error .noty_progressbar{opacity:.4}.noty_theme__sunset.noty_type__info,.noty_theme__sunset.noty_type__information{background-color:#118ab2;color:#fff}.noty_theme__sunset.noty_type__info .noty_progressbar,.noty_theme__sunset.noty_type__information .noty_progressbar{opacity:.6}.noty_theme__sunset.noty_type__success{background-color:#06d6a0;color:#fff}.noty_theme__bootstrap-v3.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;border-radius:4px}.noty_theme__bootstrap-v3.noty_bar .noty_body{padding:15px}.noty_theme__bootstrap-v3.noty_bar .noty_buttons{padding:10px}.noty_theme__bootstrap-v3.noty_bar .noty_close_button{font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;background:0 0}.noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover{background:0 0;text-decoration:none;cursor:pointer;opacity:.5}.noty_theme__bootstrap-v3.noty_type__alert,.noty_theme__bootstrap-v3.noty_type__notification{background-color:#fff;color:inherit}.noty_theme__bootstrap-v3.noty_type__warning{background-color:#fcf8e3;color:#8a6d3b;border-color:#faebcc}.noty_theme__bootstrap-v3.noty_type__error{background-color:#f2dede;color:#a94442;border-color:#ebccd1}.noty_theme__bootstrap-v3.noty_type__info,.noty_theme__bootstrap-v3.noty_type__information{background-color:#d9edf7;color:#31708f;border-color:#bce8f1}.noty_theme__bootstrap-v3.noty_type__success{background-color:#dff0d8;color:#3c763d;border-color:#d6e9c6}.noty_theme__bootstrap-v4.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;border-radius:.25rem}.noty_theme__bootstrap-v4.noty_bar .noty_body{padding:.75rem 1.25rem}.noty_theme__bootstrap-v4.noty_bar .noty_buttons{padding:10px}.noty_theme__bootstrap-v4.noty_bar .noty_close_button{font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;background:0 0}.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover{background:0 0;text-decoration:none;cursor:pointer;opacity:.75}.noty_theme__bootstrap-v4.noty_type__alert,.noty_theme__bootstrap-v4.noty_type__notification{background-color:#fff;color:inherit}.noty_theme__bootstrap-v4.noty_type__warning{background-color:#fcf8e3;color:#8a6d3b;border-color:#faebcc}.noty_theme__bootstrap-v4.noty_type__error{background-color:#f2dede;color:#a94442;border-color:#ebccd1}.noty_theme__bootstrap-v4.noty_type__info,.noty_theme__bootstrap-v4.noty_type__information{background-color:#d9edf7;color:#31708f;border-color:#bce8f1}.noty_theme__bootstrap-v4.noty_type__success{background-color:#dff0d8;color:#3c763d;border-color:#d6e9c6}.noty_theme__semanticui.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;font-size:1em;border-radius:.28571429rem;box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_bar .noty_body{padding:1em 1.5em;line-height:1.4285em}.noty_theme__semanticui.noty_bar .noty_buttons{padding:10px}.noty_theme__semanticui.noty_type__alert,.noty_theme__semanticui.noty_type__notification{background-color:#f8f8f9;color:rgba(0,0,0,.87)}.noty_theme__semanticui.noty_type__warning{background-color:#fffaf3;color:#573a08;box-shadow:0 0 0 1px #c9ba9b inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__error{background-color:#fff6f6;color:#9f3a38;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__info,.noty_theme__semanticui.noty_type__information{background-color:#f8ffff;color:#276f86;box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__success{background-color:#fcfff5;color:#2c662d;box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.noty_theme__nest.noty_bar{margin:0 0 15px 0;overflow:hidden;border-radius:2px;position:relative;box-shadow:rgba(0,0,0,.098039) 5px 4px 10px 0}.noty_theme__nest.noty_bar .noty_body{padding:10px;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.noty_theme__nest.noty_bar .noty_buttons{padding:10px}.noty_layout .noty_theme__nest.noty_bar{z-index:5}.noty_layout .noty_theme__nest.noty_bar:nth-child(2){position:absolute;top:0;margin-top:4px;margin-right:-4px;margin-left:4px;z-index:4;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(3){position:absolute;top:0;margin-top:8px;margin-right:-8px;margin-left:8px;z-index:3;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(4){position:absolute;top:0;margin-top:12px;margin-right:-12px;margin-left:12px;z-index:2;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(5){position:absolute;top:0;margin-top:16px;margin-right:-16px;margin-left:16px;z-index:1;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6){position:absolute;top:0;margin-top:20px;margin-right:-20px;margin-left:20px;z-index:-1;width:100%}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2){margin-top:4px;margin-left:-4px;margin-right:4px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3){margin-top:8px;margin-left:-8px;margin-right:8px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4){margin-top:12px;margin-left:-12px;margin-right:12px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5){margin-top:16px;margin-left:-16px;margin-right:16px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6){margin-top:20px;margin-left:-20px;margin-right:20px}.noty_theme__nest.noty_type__alert,.noty_theme__nest.noty_type__notification{background-color:#073b4c;color:#fff}.noty_theme__nest.noty_type__alert .noty_progressbar,.noty_theme__nest.noty_type__notification .noty_progressbar{background-color:#fff}.noty_theme__nest.noty_type__warning{background-color:#ffd166;color:#fff}.noty_theme__nest.noty_type__error{background-color:#ef476f;color:#fff}.noty_theme__nest.noty_type__error .noty_progressbar{opacity:.4}.noty_theme__nest.noty_type__info,.noty_theme__nest.noty_type__information{background-color:#118ab2;color:#fff}.noty_theme__nest.noty_type__info .noty_progressbar,.noty_theme__nest.noty_type__information .noty_progressbar{opacity:.6}.noty_theme__nest.noty_type__success{background-color:#06d6a0;color:#fff}.noty_theme__light.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__light.noty_bar .noty_body{padding:10px}.noty_theme__light.noty_bar .noty_buttons{border-top:1px solid #e7e7e7;padding:5px 10px}.noty_theme__light.noty_type__alert,.noty_theme__light.noty_type__notification{background-color:#fff;border:1px solid #dedede;color:#444}.noty_theme__light.noty_type__warning{background-color:#ffeaa8;border:1px solid #ffc237;color:#826200}.noty_theme__light.noty_type__warning .noty_buttons{border-color:#dfaa30}.noty_theme__light.noty_type__error{background-color:#ed7000;border:1px solid #e25353;color:#fff}.noty_theme__light.noty_type__error .noty_buttons{border-color:#8b0000}.noty_theme__light.noty_type__info,.noty_theme__light.noty_type__information{background-color:#78c5e7;border:1px solid #3badd6;color:#fff}.noty_theme__light.noty_type__info .noty_buttons,.noty_theme__light.noty_type__information .noty_buttons{border-color:#0b90c4}.noty_theme__light.noty_type__success{background-color:#57c880;border:1px solid #7cdd77;color:#006400}.noty_theme__light.noty_type__success .noty_buttons{border-color:#50c24e}
/*# sourceMappingURL=noty.min.css.map */
/* End Nody */

/* Signature */
/* Styles for signature plugin v1.2.0. */
.signature-pad {
  border: 1px solid #ddd;
  background-image: url(../images/signature_pen.png);
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: bottom right;
  opacity: 0.8;
}
.signature-pad.error{
  border:solid 1px #f50000
}
.signature-pad-disabled {
	opacity: 0.35;
      background: #eee;
    pointer-events: none;
}
.canvas-sig{
  position: relative;
}
.canvas-sig div#overlay {
  content: '';
  width: 350px;
  height: 35px;
  background: #eee;
  z-index: 9;
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 1px;
}
/* end Signature */


/* Timeline */
/*haber akışı list*/
ul.timeline {
  list-style-type: none;
  position: relative;
      max-height: 350px;
    overflow: auto;
}
.notes ul.timeline {
    max-height: 600px;
    padding-right: 10px;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 2;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 21px;
    width: 14px;
    height: 14px;
    z-index: 2;
}
ul.timeline > li.title:before {
  visibility: hidden;
}

ul.timeline > li .disabled{
  pointer-events: none;
}
ul.timeline > li input, textarea{
  border: none;
}
ul.timeline > li  textarea{
    width: 100%;
    background: transparent;
    padding: 5px;
}
ul.timeline > li p{
      background-color: #f5f5f5;
}
ul.timeline > li .float-right  {
  float:right;
}
ul.timeline .note-attachement {
  display: inline-block;
  width: auto;
  float: left;
  position: relative;
  margin: 5px;
}

ul.timeline  .note-attachement > span {
  display:none;
  position: absolute;
  right: -4px;
  top: -10px;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
  padding: 2px;
}
ul.timeline  .note-attachement:hover > span{
  display: block;
}
ul.timeline  .note-attachement > span:hover{
  background: #D84315;
  color:#fff !important;
} 
ul.timeline .notes.images {
  display: inline-block;
}
ul.timeline .notes-area p {
  background: transparent;
}

ul.timeline .notes-area {
  border: 1px solid #eee;
  padding: 8px;
  border-radius: 8px;
  white-space: pre-wrap
}
/* end Timeline */

/* Chat  */
/* .Chat-button{
  position: fixed;
    bottom: 25px;
    right: 25px; 
  cursor:pointer;
  z-index: 4
} */
.Chat-button {
    cursor: pointer;
    z-index: 4;
    padding: 0 5px;
}
.Chat-button img {
    width: 45px;
}
.Chat-button .notify{
  width: 10px;
    height: 10px;
    background: red;
    float: right;
    border-radius: 50%;
    right: 15px;
    position: relative;
  display: none;
}
.Chat-button .notify.show{
  display: inline-block;
}
#frame.Chat iframe {
  border: none;
}
.Chat {
    position: fixed;
    z-index: 999;
    bottom: 40px;
    right: 25px;
    display: none;
  -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
  
}
.Chat .close-chat{
position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
  cursor: pointer;
}
.Chat .close-chat i {
  font-size: 25px;
  background: var(--main-color);
  color: #323232;
  top: 2px;
  left: 2px;
  border-radius: 5px;
}
.Chat .close-chat i:hover{
  color:red;
}
.Chat .window-chat{
  position: absolute;
      z-index: 1;
      top: 0px;
      left: 30px;
    cursor: pointer;
  }
  .Chat .window-chat i {
    font-size: 20px;
    background: var(--main-color);
    color: #323232;
    top: 2px;
    left: 2px;
    padding: 2.5px;
    border-radius: 5px;
  }
  .Chat .window-chat i:hover{
    color:white;
  }
  @media screen and (max-width: 480px) {
     .Chat .window-chat{
    display:none;
  }
}
#frame {
  width: 95%;
  min-width: 360px;
  max-width: 810px;
  height: 92vh;
  min-height: 300px;
  max-height: 600px;
  background: #E6EAEA;
}
@media screen and (max-width: 360px) {
  #frame {
    width: 100%;
    height: 100vh;
  }
}
#frame #sidepanel {
  float: left;
  min-width: 280px;
  max-width: 340px;
  width: 40%;
  height: 100%;
  background: #2c3e50;
  color: #f5f5f5;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel {
    width: 58px;
    min-width: 58px;
  }
}
#frame #sidepanel #profile {
  width: 80%;
  margin: 25px auto;
}

#frame #sidepanel #profile.expanded .wrap {
  height: 210px;
  line-height: initial;
}
#frame #sidepanel #profile.expanded .wrap p {
  margin-top: 20px;
}
#frame #sidepanel #profile.expanded .wrap i.expand-button {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#frame #sidepanel #profile .wrap {
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  -moz-transition: 0.3s height ease;
  -o-transition: 0.3s height ease;
  -webkit-transition: 0.3s height ease;
  transition: 0.3s height ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap {
    height: 55px;
  }
}
#frame #sidepanel #profile .wrap img {
  width: 50px;
  border-radius: 50%;
  padding: 3px;
  border: 2px solid #e74c3c;
  height: auto;
  float: left;
  cursor: pointer;
  -moz-transition: 0.3s border ease;
  -o-transition: 0.3s border ease;
  -webkit-transition: 0.3s border ease;
  transition: 0.3s border ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap img {
    width: 40px;
    margin-left: 4px;
  }
}
#frame #sidepanel #profile .wrap img.online {
  border: 2px solid #2ecc71;
}
#frame #sidepanel #profile .wrap img.away {
  border: 2px solid #f1c40f;
}
#frame #sidepanel #profile .wrap img.busy {
  border: 2px solid #e74c3c;
}
#frame #sidepanel #profile .wrap img.offline {
  border: 2px solid #95a5a6;
}
#frame #sidepanel #profile .wrap p {
  float: left;
  margin-left: 15px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap p {
    display: none;
  }
}
#frame #sidepanel #profile .wrap i.expand-button {
  float: right;
  margin-top: 23px;
  font-size: 0.8em;
  cursor: pointer;
  color: #435f7a;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap i.expand-button {
    display: none;
  }
}
#frame #sidepanel #profile .wrap #status-options {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 150px;
  margin: 70px 0 0 0;
  border-radius: 6px;
  z-index: 99;
  line-height: initial;
  background: #435f7a;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options {
    width: 58px;
    margin-top: 57px;
  }
}
#frame #sidepanel #profile .wrap #status-options.active {
  opacity: 1;
  visibility: visible;
  margin: 75px 0 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options.active {
    margin-top: 62px;
  }
}
#frame #sidepanel #profile .wrap #status-options:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #435f7a;
  margin: -8px 0 0 24px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options:before {
    margin-left: 23px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul {
  overflow: hidden;
  border-radius: 6px;
  
}
#frame #sidepanel #profile .wrap #status-options ul li {
  padding: 15px 0 30px 18px;
  display: block;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 35px 22px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li:hover {
  background: #496886;
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 5px 0 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
    width: 14px;
    height: 14px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  margin: -3px 0 0 -3px;
  background: transparent;
  border-radius: 50%;
  z-index: 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    height: 18px;
    width: 18px;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li p {
  padding-left: 12px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li p {
    display: none;
  }
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
  background: #2ecc71;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
  border: 1px solid #2ecc71;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
  background: #f1c40f;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
  border: 1px solid #f1c40f;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
  background: #e74c3c;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
  border: 1px solid #e74c3c;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
  background: #95a5a6;
}
#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
  border: 1px solid #95a5a6;
}
#frame #sidepanel #profile .wrap #expanded {
  padding: 100px 0 0 0;
  display: block;
  line-height: initial !important;
}
#frame #sidepanel #profile .wrap #expanded label {
  float: left;
  clear: both;
  margin: 0 8px 5px 0;
  padding: 5px 0;
}
#frame #sidepanel #profile .wrap #expanded input {
  border: none;
  margin-bottom: 6px;
  background: #32465a;
  border-radius: 3px;
  color: #f5f5f5;
  padding: 7px;
  width: calc(100% - 43px);
}
#frame #sidepanel #profile .wrap #expanded input:focus {
  outline: none;
  background: #435f7a;
}
#frame #sidepanel #search {
  border-top: 1px solid #32465a;
  border-bottom: 1px solid #32465a;
  font-weight: 300;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #search {
    display: none;
  }
}
#frame #sidepanel #search label {
  position: absolute;
  margin: 10px 0 0 20px;
}
#frame #sidepanel #search input {
  font-family: "proxima-nova",  "Source Sans Pro", sans-serif;
  padding: 10px 0 10px 46px;
  width: calc(100% - 25px);
  border: none;
  background: #32465a;
  color: #f5f5f5;
}
#frame #sidepanel #search input:focus {
  outline: none;
  background: #435f7a;
}
#frame #sidepanel #search input::-webkit-input-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input::-moz-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input:-ms-input-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #search input:-moz-placeholder {
  color: #f5f5f5;
}
#frame #sidepanel #contacts {
  height: calc(100% - 177px);
  overflow-y: scroll;
  overflow-x: hidden;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts {
    height: calc(100% - 149px);
    overflow-y: scroll;
    overflow-x: hidden;
  }
  #frame #sidepanel #contacts::-webkit-scrollbar {
    display: none;
  }
}
#frame #sidepanel #contacts.expanded {
  height: calc(100% - 334px);
}
#frame #sidepanel #contacts::-webkit-scrollbar {
  width: 8px;
  background: #2c3e50;
}
#frame #sidepanel #contacts::-webkit-scrollbar-thumb {
  background-color: #243140;
}
#frame #sidepanel #contacts ul{
padding-left: 0;
}
#frame #sidepanel #contacts ul li.contact {
  position: relative;
  padding: 10px 0 15px 0;
  font-size: 0.9em;
  cursor: pointer;
}
#frame #sidepanel #contacts ul li.contact.new_message {
background: rgba(231, 14, 14, 0.2);
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact {
    padding: 6px 0 46px 8px;
  }
}
#frame #sidepanel #contacts ul li.contact:hover {
  background: #32465a;
}
#frame #sidepanel #contacts ul li.contact.active {
  background: #32465a;
  border-right: 5px solid #435f7a;
}
#frame #sidepanel #contacts ul li.contact.active span.contact-status {
  border: 2px solid #32465a !important;
}
#frame #sidepanel #contacts ul li.contact .wrap {
  width: 88%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap {
    width: 100%;
  }
}
#frame #sidepanel #contacts ul li.contact .wrap span {
  position: absolute;
  left: 0;
  margin: -2px 0 0 -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #2c3e50;
  background: #95a5a6;
}
#frame #sidepanel #contacts ul li.contact .wrap span.online {
  background: #2ecc71;
}
#frame #sidepanel #contacts ul li.contact .wrap span.away {
  background: #f1c40f;
}
#frame #sidepanel #contacts ul li.contact .wrap span.busy {
  background: #e74c3c;
}
#frame #sidepanel #contacts ul li.contact .wrap img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap img {
    margin-right: 0px;
  }
}
#frame #sidepanel #contacts ul li.contact .wrap .meta {
  padding: 5px 0 0 0;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap .meta {
    display: none;
  }
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
  font-weight: 600;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
  margin: 5px 0 0 0;
  padding: 0 0 1px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-transition: 1s all ease;
  -o-transition: 1s all ease;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta .preview span {
  position: initial;
  border-radius: initial;
  background: none;
  border: none;
  padding: 0 2px 0 0;
  margin: 0 0 0 1px;
  opacity: .5;
}
#frame #sidepanel #bottom-bar {
  position: absolute;
  width: 100%;
  bottom: 0;
}
#frame #sidepanel #bottom-bar button {
  float: left;
  border: none;
  width: 50%;
  padding: 10px 0;
  background: #32465a;
  color: #f5f5f5;
  cursor: pointer;
  font-size: 0.85em;
  font-family: "proxima-nova",  "Source Sans Pro", sans-serif;
}

#frame #sidepanel #bottom-bar #expanded-contacts {
  display: none;
      background: #32465a;
    padding: 15px;
}

#frame #sidepanel #bottom-bar #expanded-contacts ul{
  padding-left:0;
}
#frame #sidepanel #bottom-bar #expanded-contacts li{
  cursor: pointer;
      padding: 5px;
    list-style: none;
    border-bottom: 1px solid rgba(230, 234, 234, 0.54);
}
#frame #sidepanel #bottom-bar #expanded-contacts li:hover{
  background: #536d88;
}
#frame #sidepanel #bottom-bar #expanded-contacts li img {
  width: 20px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}
#frame #sidepanel #bottom-bar #expanded-contacts.show {
  display: block;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button {
    float: none;
    width: 100%;
    padding: 15px 0;
  }
}
#frame #sidepanel #bottom-bar button:focus {
  outline: none;
}
#frame #sidepanel #bottom-bar button:nth-child(1) {
  border-right: 1px solid #2c3e50;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button:nth-child(1) {
    border-right: none;
    border-bottom: 1px solid #2c3e50;
  }
}
#frame #sidepanel #bottom-bar button:hover {
  background: #435f7a;
}
#frame #sidepanel #bottom-bar button i {
  margin-right: 3px;
  font-size: 1em;
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button i {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button span {
    display: none;
  }
}
#frame .content {
  float: right;
  width: 60%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding:0;
}
@media screen and (max-width: 735px) {
  #frame .content {
    width: calc(100% - 58px);
    min-width: 300px !important;
  }
}
@media screen and (min-width: 900px) {
  #frame .content {
    width: calc(100% - 280px);
  }
}
#frame .content .contact-profile {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #f5f5f5;
}
#frame .content .contact-profile img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin: 9px 12px 0 9px;
}
#frame .content .contact-profile p {
  float: left;
}
#frame .content .contact-profile .social-media {
  float: right;
}
#frame .content .contact-profile .social-media i {
  margin-left: 14px;
  cursor: pointer;
}
#frame .content .contact-profile .social-media i:nth-last-child(1) {
  margin-right: 20px;
}
#frame .content .contact-profile .social-media i:hover {
  color: #435f7a;
}
#frame .content .messages {
  height: auto;
      min-height: calc(100% - 50px);
    max-height: calc(100% - 50px);
  overflow-y: scroll;
  overflow-x: hidden;
}
@media screen and (max-width: 735px) {
  #frame .content .messages {
    max-height: calc(100% - 105px);
  }
}
#frame .content .messages::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
#frame .content .messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}
#frame .content .messages ul{
  padding-left: 0;
  display: inline-block;
      width: 100%;
    height: 100%;
}
#frame .content .messages ul li {
  display: inline-block;
  clear: both;
  float: left;
  margin: 0 5px;
  width: calc(100% - 25px);
  font-size: 0.9em;
}
#frame .content .messages ul li:nth-last-child(1) {
  margin-bottom: 20px;
}
#frame .content .messages ul li.replies img {
  margin: 6px 8px 0 0;
}
#frame .content .messages ul li.replies p {
  background: #435f7a;
  color: #f5f5f5;
  word-break: break-word;
  max-width: calc(100% - 40px);
}
#frame .content .messages ul li.replies span{
    padding: 3px;
    font-size: 10px;
       min-width: 120px;
  display: block;
}
#frame .content .messages ul li.sent img {
  float: right;
  margin: 6px 0 0 8px;
}
#frame .content .messages ul li.sent p {
  background: #f5f5f5;
  float: right;
  word-break: break-word;
      display: block;
        max-width: calc(100% - 40px);
}
#frame .content .messages ul li.sent span{
    padding: 3px;
    font-size: 10px;
    float: right;
        min-width: 120px;
      display: block;
    width: 100%;
    text-align: right;
}
#frame .content .messages ul li img {
 height: 70px;
    border-radius: 5px;
    display: block;
    max-width: 150px;
}
#frame .content .messages ul li p {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 20px;
  max-width: 205px;
  line-height: 130%;
}
#frame .content .messages ul li p a[data-popup=lightbox] {
    display: block;
}
@media screen and (min-width: 735px) {
  #frame .content .messages ul li p {
    max-width: 300px;
  }
}
#frame .content  .image-preview {
    position: absolute;
    bottom: 50px;
    left: 15px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
}
#frame .content  .image-preview img#image-preview {
    width: 80px;
    padding: 5px;
}
#frame .content .message-input {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 99;
      background: #eee;
}
#frame .content .message-input .wrap {
  position: relative;
}
#frame .content .message-input .wrap textarea {
  font-family: "proxima-nova",  "Source Sans Pro", sans-serif;
  float: left;
  border: none;
  width: calc(100% - 90px);
  padding: 11px 32px 10px 8px;
  font-size: 1.1em;
  color: #32465a;
  height:44px;
  min-height:44px;
  resize: vertical;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap textarea {
    padding: 15px 32px 16px 8px;
  }
}
#frame .content .message-input .wrap textarea:focus {
  outline: none;
}
#frame .content .message-input .wrap .attachment {
  position: absolute;
  right: 60px;
  z-index: 4;
  margin-top: 10px;
  font-size: 1.1em;
  color: #435f7a;
  opacity: .5;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap .attachment {
    margin-top: 17px;
    right: 65px;
  }
}
#frame .content .message-input .wrap .attachment:hover {
  opacity: 1;
}
#frame .content .message-input .wrap button {
  float: right;
  border: none;
  width: 50px;
  padding: 12px 0;
  cursor: pointer;
  background: #32465a;
  color: #f5f5f5;
}
@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap button {
    padding: 16px 0;
  }
}
#frame .content .message-input .wrap button:hover {
  background: #435f7a;
}
#frame .content .message-input .wrap button:focus {
  outline: none;
}

@media screen and (max-width: 735px) {
  #frame.Chat {
    right: 0;
    width: 100%;
    min-width: 360px;
    max-width: 100%;
    height: 100%;
    min-height: 300px;
    max-height: 100vh;
    bottom: 0; 
}
.Chat .close-chat i{
  font-size: 35px;
}
  #frame #sidepanel #profile {
    width: 100%;
    margin: 0 auto;
    padding: 5px 0 0 0;
    background: #32465a;
  }
  #frame #sidepanel #expanded-contacts.show{
        position: fixed;
    bottom: 192px;
    z-index: 9;
  }
}
/* end Chat */

/* Datatables select */
table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:#B0BED9}table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected{background-color:#acbad4}table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover{background-color:#aab7d1}table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected{background-color:#acbad5}table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected{background-color:#a6b4cd}table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{background-color:#acbad5}table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3{background-color:#a5b2cb}table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{background-color:#a2aec7}table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox{position:relative}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after{display:block;position:absolute;top:1.2em;left:50%;width:12px;height:12px;box-sizing:border-box}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{content:' ';margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px}table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{content:'\2714';margin-top:-11px;margin-left:-4px;text-align:center;text-shadow:1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0.5em}@media screen and (max-width: 640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}}
.dt-buttons button.dt-button.btn {
  margin-bottom: 2px;
}
/* end Datatables select */


/* ckeditor 5 */
.ck-powered-by{
  display: none;
}
.editor__editable,
/* Classic build. */
main .ck-editor[role='application'] .ck.ck-content,
/* Decoupled document build. */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
/* Inline & Balloon build. */
.ck.editor[role='textbox'] {
	width: 100%;
	background: #fff;
	font-size: 1em;
	line-height: 1.6em;
	min-height: var(--ck-sample-editor-min-height);
	padding: 1.5em 2em;
}

.ck.ck-editor__editable {
	background: #fff;
	border: 1px solid hsl(0, 0%, 70%);
	width: 100%;
}

.ck.ck-editor {
	/* To enable toolbar wrapping. */
	width: 100%;
	overflow-x: hidden;
}
.ck.ck-balloon-panel{
  z-index: 2147483647 !important;
}
/* Because of sidebar `position: relative`, Edge is overriding the outline of a focused editor. */
.ck.ck-editor__editable {
	position: relative;
	z-index: var(--ck-sample-editor-z-index);
}

.ck.ck-reset.ck-dropdown__panel.ck-dropdown__panel_sw.ck-dropdown__panel-visible{
  max-width: 500px;
}
/* --------- DECOUPLED (DOCUMENT) BUILD. ---------------------------------------------*/
.document-editor__toolbar {
	 
}

 .collaboration-demo__editable,
 .row-editor .ckeditor5 {
	width: 18.5cm !important;
	max-height: 600px;
	min-height: 26.25cm;
	padding: 1.75cm 1.5cm;
	margin: 2.5rem;
	border: 1px hsl( 0, 0%, 82.7% ) solid;
	background-color: var(--ck-sample-color-white);
	box-shadow: 0 0 5px hsla( 0, 0%, 0%, .1 );
   resize: both;
}

 .row-editor {
	display: flex;
	position: relative;
	justify-content: center;
	overflow-y: auto;
	background-color: #f2f2f2;
	border: 1px solid hsl(0, 0%, 77%);
/*        height: 500px; */
 }

body[data-editor='DecoupledDocumentEditor'] .sidebar {
	background: transparent;
	border: 0;
	box-shadow: none;
}

figure.table table{ 
  width: 100%;
}
figure.table,figure.table td,figure.table th,figure.table tr {
  border: 1px solid rgb(97, 97, 97) !important;
}
figure.table td,figure.table th{
  padding: 5px;
 }
figure.image.image-style-align-center {
  text-align: center;
  margin: auto;
}
figure.image.image-style-align-left {
  text-align: left;
}
figure.image.image-style-align-right {
  text-align: right;
}
ul.todo-list{
  list-style:none;
}
ul.todo-list li label{
  margin-right: 5px;
}
/* --------- COLLABORATION FEATURES (USERS) ------------------------------------------------------------------------ */
.row-presence {
	width: 100%;
	border: 1px solid hsl(0, 0%, 77%);
	border-bottom: 0;
	background: hsl(0, 0%, 98%);
	padding: var(--ck-spacing-small);

	/* Make `border-bottom` as `box-shadow` to not overlap with the editor border. */
	box-shadow: 0 1px 0 0 hsl(0, 0%, 77%);

	/* Make `z-index` bigger than `.editor` to properly display tooltips. */
	z-index: 20;
}

.ck.ck-presence-list {
    flex: 1;
    padding: 1.25rem .75rem;
}

.presence .ck.ck-presence-list__counter {
	order: 2;
	margin-left: var(--ck-spacing-large)
}

/* --------- REAL TIME COLLABORATION FEATURES (SHARE TOPBAR CONTAINER) --------------------------------------------- */
.collaboration-demo__row {
	display: flex;
	position: relative;
	justify-content: center;
	overflow-y: auto;
	background-color: #f2f2f2;
	border: 1px solid hsl(0, 0%, 77%);
}

body[ data-editor='InlineEditor'] .collaboration-demo__row {
	border: 0;
}

.collaboration-demo__container {
	max-width: var(--ck-sample-container-width);
	margin: 0 auto;
	padding: 1.25rem;
}

.presence, .collaboration-demo__row {
	transition: .2s opacity;
}

.collaboration-demo__topbar {
	background: #fff;
	border: 1px solid var(--ck-color-toolbar-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}

.collaboration-demo__topbar .btn {
	margin-right: 1em;
	outline-offset: 2px;
	outline-width: 2px;
	background-color: var( --ck-sample-color-blue );
}

.collaboration-demo__topbar .btn:focus,
.collaboration-demo__topbar .btn:hover {
	border-color: var( --ck-sample-color-blue );
}

.collaboration-demo__share {
	display: flex;
	align-items: center;
	padding: 1.25rem .75rem
}

.collaboration-demo__share-description p {
	margin: 0;
	font-weight: bold;
	font-size: 0.9em;
}

.collaboration-demo__share input {
	height: auto;
	font-size: 0.9em;
	min-width: 220px;
	margin: 0 10px;
	border-radius: 4px;
	border: 1px solid var(--ck-color-toolbar-border)
}

.collaboration-demo__share button,
.collaboration-demo__share input {
	height: 40px;
	padding: 5px 10px;
}

.collaboration-demo__share button {
	position: relative;
}

.collaboration-demo__share button:focus {
	outline: none;
}

.collaboration-demo__share button[data-tooltip]::before,
.collaboration-demo__share button[data-tooltip]::after {
	position: absolute;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all .15s cubic-bezier(.5,1,.25,1);
	z-index: 1;
}

.collaboration-demo__share button[data-tooltip]::before {
	content: attr(data-tooltip);
    padding: 5px 15px;
    border-radius: 3px;
    background: #111;
    color: #fff;
    text-align: center;
    font-size: 11px;
	top: 100%;
    left: 50%;
    margin-top: 5px;
    transform: translateX(-50%);
}

.collaboration-demo__share button[data-tooltip]::after {
    content: '';
	border: 5px solid transparent;
    width: 0;
    font-size: 0;
    line-height: 0;
	top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 5px solid #111;
	border-top: none;
}

.collaboration-demo__share button[data-tooltip]:hover:before,
.collaboration-demo__share button[data-tooltip]:hover:after {
	visibility: visible;
    opacity: 1;
}

.collaboration-demo--ready {
	overflow: visible;
	height: auto;
}

.collaboration-demo--ready .presence,
.collaboration-demo--ready .collaboration-demo__row {
	opacity: 1;
}

/* --------- PAGINATION FEATURE ------------------------------------------------------------------------------------ */

/* Pagination view line must be stacked at least at the same level as the editor,
   otherwise it will be hidden underneath. */
.ck.ck-pagination-view-line {
	z-index: var(--ck-sample-editor-z-index);
}

.ck .ck-placeholder, .ck.ck-placeholder,.ck-editor__editable p{
  background: transparent !important;
}
/* end ckeditor5 */


/* Calculator */


#main-calculator {
  font-size: 1.2em;
  display: block;
  /*width: 400px;*/
  width: 100%;
  float: left;
  margin: 0;
  padding: 20px;
  background: linear-gradient(45deg, rgba(71,173,255,1) 0%, rgba(62,147,215,1) 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#main-calculator button,
#main-calculator input,
#main-calculator #total {
  font-size: 1em;
  display: inline-block;
  position: relative;
  padding: 12px;
  font-family: 'Helvetica Neue LT Pro', 'Helvetica', sans-serif;

}
#main-calculator #currentCalc {
  position: absolute;
  z-index: 1;
  right: 47px;
  font-size: 12px;
  color: #ababab;
}
#main-calculator #calchistory li {
  list-style: auto;
  padding: 0 0 0 5px;
  background: #2879bb;
  color: #fff;
  margin: 5px;
  font-size: 14px;
}
#main-calculator button .exponent,
#main-calculator input .exponent,
#main-calculator #total .exponent {
  font-size: 0.6em;
  position: absolute;
}
#main-calculator button .denominator,
#main-calculator input .denominator,
#main-calculator #total .denominator {
  position: relative;
}
#main-calculator button .denominator .denom-top,
#main-calculator input .denominator .denom-top,
#main-calculator #total .denominator .denom-top {
  font-size: 0.75em;
  position: absolute;
  left: -8px;
}
#main-calculator button .denominator .denom-slash,
#main-calculator input .denominator .denom-slash,
#main-calculator #total .denominator .denom-slash {
  padding: 0px 2px;
}
#main-calculator button .denominator .denom-btm,
#main-calculator input .denominator .denom-btm,
#main-calculator #total .denominator .denom-btm {
  font-size: 0.75em;
  position: absolute;
  bottom: 0px;
}
#main-calculator #main-display {
  width: 100%;
}
#main-calculator #main-display #total {
  width: 98%;
  margin: 0 auto 8px;
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.3em;
  color: #000;
  text-shadow: 1px 1px 0px #fff;
  background: #fff;
  text-align: right;
}
#main-calculator #calc-buttons {
  width: 100%;
}
#main-calculator #calc-buttons #extra-buttons {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #fa71cd;
}
#main-calculator #calc-buttons .button-row {
  width: 100%;
  zoom: 1;
}
#main-calculator #calc-buttons .button-row:before,
#main-calculator #calc-buttons .button-row:after {
  content: "";
  display: table;
}
#main-calculator #calc-buttons .button-row:after {
  clear: both;
}
#main-calculator #calc-buttons .button-row:before,
#main-calculator #calc-buttons .button-row:after {
  content: "";
  display: table;
}
#main-calculator #calc-buttons .button-row:after {
  clear: both;
}
#main-calculator #calc-buttons .button-row button {
  width: 22.7%;
  margin: 1.25%;
  float: left;
  border: none;
  background: #ffffff;
  border-style: solid;
  border-color: transparent;
  border-width: 0px 1px 1px 0px;
  color: #000;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#main-calculator #calc-buttons .button-row button:last-child {
  margin-right: 0;
  float: right;
}
#main-calculator #calc-buttons .button-row button:hover,
#main-calculator #calc-buttons .button-row button.hovering {
  border-width: 1px 0px 0px 1px;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
#main-calculator #calc-buttons #calc_zero {
  width: 48%;
}
#main-calculator #calc-buttons #calc_clear {
  background: #ff000082;
}
#main-calculator #calc-buttons #calc_back {
  background: #92ceff;
}
#main-calculator #calc-buttons #calc_eval {
  background: #dfdfdf;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cdcdcd), color-stop(1, #dfdfdf));
  background: -ms-linear-gradient(bottom, #cdcdcd, #dfdfdf);
  background: -moz-linear-gradient(center bottom, #cdcdcd 0%, #dfdfdf 100%);
  background: -o-linear-gradient(#dfdfdf, #cdcdcd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#cdcdcd', GradientType=0);
  color: #00544b;
  text-shadow: 1px 1px 0px #fff;
}

.text-credit{
  position:relative;
  margin-top:4%;
  right:35%;
  color:#C7C7CD;
}
/* EndCalculator */

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw{
  transform: none !important;
}
.ck-dropdown__panel{
  max-height: 250px;
  overflow: auto;
}
/* Frappe gantt */
.gantt-container .popup-wrapper {
  background: #fff;
  color: #000;
  padding: 10px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.gantt-container .popup-wrapper .details-container {
  min-width: 250px;
}
.gantt path{
  stroke:#6666667d
}
.gantt .weekend-highlight {
  fill: #eeeeeec4;
}
.gantt .start-highlight {
  fill: #e7070736;
}
/* End Frappe gantt */

/* FLoating restore modal */
.float-modal {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 20px;
  right: 20px;
  background-color: #46abff;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  transition: all 1s;
  z-index: 2;
}
.float-modal.horizontal-float-modal {
  width: auto;
  padding: 15px 25px;
}
.my-float{
	margin-top:17px;
}
/* End Floating restore modal */

/* File upload d&d */
#dragAndDropUploader .col-sm-12 {
  padding: 0;
}
#dragAndDropUploader .btn-file {
  position: relative;
  overflow: hidden;
}

#dragAndDropUploader .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

#dragAndDropUploader .img-zone {
  border: 5px dashed #eee;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
}

#dragAndDropUploader .img-zone h2 {
  margin-top: 0;
}

#dragAndDropUploader .progress, #dragAndDropUploader #img-preview {
  margin-top: 15px;
}
#dragAndDropUploader #img-preview i{
  width: 100%;
  padding: 15px;
}

#dragAndDropUploader .img-zone.over {
  background-color: #F2FFF9;
  border: 5px dashed #4cae4c;
 
}

.simpleFileUpload .uploaded_files {
  padding: 15px 0;
}
/* End File upload d&d */

/* Pie chart */
/* @keyframes bake-pie {
  from {
    transform: rotate(0deg) translate3d(0, 0, 0); } } */

 
    @keyframes bake-pie {
      from {
        transform: rotate(0deg) translate3d(0, 0, 0);
      }
      
    }
.pie-chart {
  font-family: "Open Sans", Arial; }
  .pie-chart--wrapper {
    width: 400px;
    text-align: center; }
  .pie-chart__pie, .pie-chart__legend {
    display: inline-block;
    vertical-align: top; }
  .pie-chart__pie {
    position: relative;
    height: 200px;
    width: 200px;
    margin: 10px auto 35px; }
    .pie-chart__pie::before {
      content: "";
      display: block;
      position: absolute;
      z-index: 1;
      width: 100px;
      height: 100px;
      background: #EEE;
      border-radius: 50%;
      top: 50px;
      left: 50px; }
    .pie-chart__pie::after {
      content: "";
      display: block;
      width: 120px;
      height: 2px;
      background: rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.1);
      margin: 220px auto; }

.slice {
  position: absolute;
  width: 200px;
  height: 200px;
  clip: rect(0px, 200px, 200px, 100px);
  animation: bake-pie 1s; }
  .slice span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    clip: rect(0px, 200px, 200px, 100px); }

.pie-chart__legend {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  background: #FFF;
  padding: 0.75em 0.75em 0.05em;
  font-size: 13px;
  box-shadow: 1px 1px 0 #DDD, 2px 2px 0 #BBB;
  text-align: left;
  width: 65%; }
  .pie-chart__legend li {
    height: 1.25em;
    margin-bottom: 0.7em;
    padding-left: 0.5em;
    border-left: 1.25em solid black; }
  .pie-chart__legend em {
    font-style: normal; }
  .pie-chart__legend span {
    float: right; }

.pie-charts {
  display: flex;
  flex-direction: row; }
  @media (max-width: 500px) {
    .pie-charts {
      flex-direction: column; } }

/* End Pie chart */
 
/* Structure */
/* OrgChart CSS Base: Reference https://www.cssscript.com/responsive-hierarchical-organization-chart-pure-css/ */

ol.organizational-chart,
ol.organizational-chart ol,
ol.organizational-chart li,
ol.organizational-chart li > div {
  position: relative;
}

ol.organizational-chart,
ol.organizational-chart ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

ol.organizational-chart {
  text-align: center;
}

ol.organizational-chart ol {
  padding-top: 1em;
  justify-content: space-around;
}

ol.organizational-chart ol:before,
ol.organizational-chart ol:after,
ol.organizational-chart li:before,
ol.organizational-chart li:after,
ol.organizational-chart > li > div:before,
ol.organizational-chart > li > div:after {
  background-color: #b7a6aa;
  content: "";
  position: absolute;
}

ol.organizational-chart ol > li {
  padding: 1em 0 0 1em;
}

ol.organizational-chart > li ol:before {
  height: 1em;
  left: 50%;
  top: 0;
  width: 3px;
}

ol.organizational-chart > li ol:after {
  height: 3px;
  left: 3px;
  top: 1em;
  width: 50%;
}

ol.organizational-chart > li ol > li:not(:last-of-type):before {
  height: 3px;
  left: 0;
  top: 2em;
  width: 1em;
}

ol.organizational-chart > li ol > li:not(:last-of-type):after {
  height: 100%;
  left: 0;
  top: 0;
  width: 3px;
}

ol.organizational-chart > li ol > li:last-of-type:before {
  height: 3px;
  left: 0;
  top: 2em;
  width: 1em;
}

ol.organizational-chart > li ol > li:last-of-type:after {
  height: 2em;
  left: 0;
  top: 0;
  width: 3px;
}

ol.organizational-chart li > div {
  background-color: #fff;
  border-radius: 3px;
  min-height: 2em;
  padding: 0.5em;
}

/*** PRIMARY ***/
ol.organizational-chart > li > div {
  margin-right: 1em;
  border: 2px solid #268210;
  border-radius: 5px;
}

ol.organizational-chart > li > div:before {
  bottom: 2em;
  height: 3px;
  right: -1em;
  width: 1em;
}

ol.organizational-chart > li > div:first-of-type:after {
  bottom: 0;
  height: 2em;
  right: -1em;
  width: 3px;
}

ol.organizational-chart > li > div + div {
  margin-top: 1em;
}

ol.organizational-chart > li > div + div:after {
  height: calc(100% + 1em);
  right: -1em;
  top: -1em;
  width: 3px;
}

/*** SECONDARY ***/
ol.organizational-chart > li > ol:before {
  left: inherit;
  right: 0;
}

ol.organizational-chart > li > ol:after {
  left: 0;
  width: 100%;
}

ol.organizational-chart > li > ol > li > div {border: 2px solid #9b8a0e;border-radius: 5px;width: 200px;margin: auto;}

/*** TERTIARY ***/
ol.organizational-chart > li > ol > li > ol > li > div {border: 2px solid #164971;border-radius: 5px;background-color: var(--main-color)14;width: 200px;margin: auto;}

/*** QUATERNARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > div {
  /* background-color: #fca858; */
}

/*** QUINARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div {
  /* background-color: #fddc32; */
}


/* OrgChart CSS Response Screen: Reference https://www.cssscript.com/responsive-hierarchical-organization-chart-pure-css/ */
@media only screen and (min-width: 64em) {
  ol.organizational-chart {
    margin-left: -1em;
    margin-right: -1em;
  }

  /* PRIMARY */
  ol.organizational-chart > li > div {
    display: inline-block;
    float: none;
    margin: 0 1em 1em 1em;
    vertical-align: bottom;
  }

  ol.organizational-chart > li > div:only-of-type {
    margin-bottom: 0;
    width: calc((350px / 1) - 2em - 4px);
  }

  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2),
  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {
    width: calc((100% / 2) - 2em - 4px);
  }

  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3),
  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {
    width: calc((100% / 3) - 2em - 4px);
  }

  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4),
  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {
    width: calc((100% / 4) - 2em - 4px);
  }

  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5),
  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {
    width: calc((100% / 5) - 2em - 4px);
  }

  ol.organizational-chart > li > div:before,
  ol.organizational-chart > li > div:after {
    bottom: -1em !important;
    top: inherit !important;
  }

  ol.organizational-chart > li > div:before {
    height: 1em !important;
    left: 50% !important;
    width: 3px !important;
  }

  ol.organizational-chart > li > div:only-of-type:after {
    display: none;
  }

  ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after,
  ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
    bottom: -1em;
    height: 3px;
    width: calc(50% + 1em + 3px);
  }

  ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
    left: calc(50% + 3px);
  }

  ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
    left: calc(-1em - 3px);
  }

  ol.organizational-chart > li > div + div:not(:last-of-type):after {
    height: 3px;
    left: -2em;
    width: calc(100% + 4em);
  }

  /* SECONDARY */
 
  ol.organizational-chart > li > ol {
    display: flex;
    flex-wrap: nowrap;
    margin-right: auto;
    justify-content: flex-start;
    overflow: auto;
    padding: 1em 2em 5em;
  }

  ol.organizational-chart > li > ol:before,
  ol.organizational-chart > li > ol > li:before {
    height: 1em !important;
    left: 50% !important;
    top: 0 !important;
    width: 3px !important;
  }

  ol.organizational-chart > li > ol:after {
    display: none;
  }

  ol.organizational-chart > li > ol > li {
    flex-grow: 1;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
    
  }

  ol.organizational-chart > li > ol > li:only-of-type {
    padding-top: 0;
    /* margin-right: auto; */
    /* width: 200px; */
  }
  ol.organizational-chart > li > ol > li > ol{
  width: 200px;
  margin: auto;
  }
  ol.organizational-chart > li > ol > li:only-of-type:before,
  ol.organizational-chart > li > ol > li:only-of-type:after {
    display: none;
  }

  ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after,
  ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
    height: 3px;
    top: 0;
    width: 50%;
  }

  ol.organizational-chart
    > li
    > ol
    > li:first-of-type:not(:only-of-type):after {
    left: 50%;
  }

  ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
    left: 0;
  }

  ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {
    height: 3px;
    left: 0;
    top: 0;
    width: 100%;
  }
}

ol.organizational-chart em {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100px; /* Need a specific value to work */
  top: -10px;
  background: #fffffff5;
  font-size: 10px;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
}

ol.organizational-chart span {
  /* position: relative; */
}

/* For Change open/close icon on Bootstrap’s button collapse with only CSS, Reference: http://typecode.digital/change-openclose-icon-on-bootstraps-button-collapse-with-only-css/ */
[aria-expanded="false"] .menu__icon--open {
    display: block;
}

[aria-expanded="false"] .menu__icon--close {
    display: none;
}

[aria-expanded="true"] .menu__icon--open {
    display: none;
}

[aria-expanded="true"] .menu__icon--close {
    display: block;
}

/* Global page header + structure page (admin.users.structure) */
.page-header.page-header-default {
  position: relative;
  margin: 12px 0 20px;
  border: 1px solid #e4ebf3;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
  overflow: hidden;
}

.page-header.page-header-default::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #4da6ec 0%, #2f7fc9 100%);
  z-index: 2;
}

.page-header.page-header-default .page-header-content {
  padding: 0 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.page-header.page-header-default .page-title {
  padding: 24px 0;
}

.page-header.page-header-default .page-title h1,
.page-header.page-header-default .page-title h2,
.page-header.page-header-default .page-title h3,
.page-header.page-header-default .page-title h4,
.page-header.page-header-default .page-title h5,
.page-header.page-header-default .page-title h6 {
  display: flex;
  align-items: center;
  color: #1f3146;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.page-header.page-header-default .page-title h1 > i,
.page-header.page-header-default .page-title h2 > i,
.page-header.page-header-default .page-title h3 > i,
.page-header.page-header-default .page-title h4 > i,
.page-header.page-header-default .page-title h5 > i,
.page-header.page-header-default .page-title h6 > i {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 10px;
  margin-right: 10px;
  background: rgba(47, 127, 201, 0.14);
  color: #2f7fc9;
}

.page-header.page-header-default .heading-elements {
  top: 50%;
  right: 18px;
  margin: 0;
  height: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  transform: translateY(-50%);
  background: transparent;
}

.page-header.page-header-default .heading-elements .heading-btn,
.page-header.page-header-default .heading-elements .btn {
  border-radius: 10px;
}

.page-header.page-header-default .breadcrumb-line {
  padding-left: 24px;
  padding-right: 24px;
  border-top: 1px solid #e7eef6;
}

.page-header-default .breadcrumb-line:not([class*="bg-"]) {
  background: #f7fbff;
}

.page-header.page-header-default .breadcrumb {
  padding-top: 10px;
  padding-bottom: 10px;
}

.page-header.page-header-default .breadcrumb > li > a {
  color: #5e7389;
  font-weight: 500;
}

.page-header.page-header-default .breadcrumb > .active {
  color: #2e4156;
  font-weight: 600;
}

@media (max-width: 768px) {
  .page-header.page-header-default {
    border-radius: 12px;
    margin-top: 8px;
  }

  .page-header.page-header-default .page-header-content {
    padding: 0 16px;
  }

  .page-header.page-header-default .page-title {
    padding: 18px 0 10px;
  }

  .page-header.page-header-default .heading-elements {
    position: static;
    top: auto;
    right: auto;
    transform: none;
    margin: 0 0 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .page-header.page-header-default .breadcrumb-line {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.structure-page-wrap {
  padding: 14px;
}

.heading-elements .heading-view-switch {
  margin-left: 8px;
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
  padding: 4px;
  border-radius: 999px;
  background: linear-gradient(135deg, #4da6ec 0%, #2f7fc9 100%);
  border: 1px solid rgba(47, 127, 201, 0.55);
  box-shadow: 0 6px 18px rgba(47, 127, 201, 0.28);
}

.heading-elements .heading-view-switch .btn {
  border: 0;
  border-radius: 999px !important;
  background: transparent;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 600;
  min-width: 152px;
  padding: 8px 16px;
  line-height: 1.2;
  margin-left: 0 !important;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.heading-elements .heading-view-switch .btn + .btn {
  margin-left: 2px !important;
}

.heading-elements .heading-view-switch .btn:hover,
.heading-elements .heading-view-switch .btn:focus {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.heading-elements .heading-view-switch .btn.active {
  background: #ffffff;
  color: #2f7fc9;
  box-shadow: 0 3px 9px rgba(13, 25, 39, 0.24);
}

.heading-elements .heading-view-switch .btn.active:hover,
.heading-elements .heading-view-switch .btn.active:focus {
  background: #f7fbff;
  color: #2f7fc9;
}

@media (max-width: 768px) {
  .heading-elements .heading-view-switch {
    margin-top: 8px;
  }

  .heading-elements .heading-view-switch .btn {
    min-width: 0;
    padding: 8px 12px;
    font-size: 12px;
  }
}

.structure-groups-surface {
  position: relative;
   
}

.structure-groups-relations-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: visible;
}

.structure-groups-level {
  position: relative;
  z-index: 2;
}

.structure-groups-relation-path {
  fill: none;
  stroke: #9fb3c8;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.structure-groups-relation-arrowhead {
  fill: #9fb3c8;
}

.structure-groups-level {
  margin-bottom: 14px;
}

.structure-groups-level:last-child {
  margin-bottom: 0;
}

.structure-groups-level-title {
  font-size: 13px;
  font-weight: 700;
  color: #51657b;
  margin-bottom: 8px;
}

.structure-groups-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.structure-group-view-card {
  width: 320px;
  max-width: 100%;
  border: 2px solid #ccd7e3;
  border-radius: 8px;
  background: #ffffff;
  padding: 10px 12px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.structure-group-tree-card {
  width: 305px;
  margin: 0 auto;
  text-align: left;
  border-width: 1px;
  border-left: 3px solid rgba(var(--group-color-rgb, 140, 166, 192), 0.75);
  overflow: visible;
}

.structure-group-view-badge {
  display: table;
  margin: 0 auto 8px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid #cfd9e4;
  background: #f4f7fb;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  color: #495b70;
  text-align: center;
}

.structure-group-view-meta {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #5c6f84;
}

.structure-group-view-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.structure-group-view-user {
  margin-bottom: 6px;
}

.structure-group-member-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #2f3f52;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}

.structure-group-member-trigger:hover,
.structure-group-member-trigger:focus {
  color: #24364a;
  text-decoration: none;
  outline: none;
}

.structure-group-view-user:last-child {
  margin-bottom: 0;
}

.structure-group-view-user img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #d3deea;
}

.popover.structure-group-member-popover {
  width: 320px;
  max-width: 320px;
  border: 1px solid #d6e0eb;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.16);
}

.popover.structure-group-member-popover .popover-content {
  padding: 9px 10px;
  text-align: left;
  -webkit-user-select: text;
  user-select: text;
}

.structure-group-member-popover-name {
  font-size: 13px;
  font-weight: 700;
  color: #26374a;
  margin-bottom: 3px;
}

.structure-group-member-popover-role {
  font-size: 12px;
  color: #5f748a;
  margin-bottom: 6px;
}

.structure-group-member-popover-row {
  font-size: 12px;
  color: #51657b;
  margin-bottom: 3px;
  line-height: 1.4;
  word-break: break-word;
}

.structure-group-member-popover-row:last-child {
  margin-bottom: 0;
}

.structure-group-member-popover-row a {
  color: #2a7cc5;
  text-decoration: underline;
  word-break: break-word;
  overflow-wrap: anywhere;
}

@media (max-width: 992px) {
  .popover.structure-group-member-popover {
    width: min(320px, 92vw);
    max-width: 92vw;
  }
}

.structure-group-view-empty {
  font-size: 12px;
  color: #7b8da1;
}

.structure-group-view-more {
  font-size: 12px;
  font-weight: 700;
  color: #607488;
}

.structure-chart-surface {
  position: relative;
  border: 1px solid #dbe3ec;
  background-color: #f7fafd;
  background-image: radial-gradient(rgba(120, 136, 153, 0.22) 0.8px, transparent 0.8px);
  background-size: 9px 9px;
  border-radius: 8px;
  min-height: 72vh;
  padding: 24px 18px 44px;
  overflow: auto;
}

.js-organizational-chart,
.js-organizational-chart ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.js-organizational-chart {
  text-align: center;
}

.js-organizational-chart ol {
  padding-top: 1.15em;
}

.js-organizational-chart > li > ol > li > ol {
  width: auto !important;
  margin: 0 auto !important;
}

.js-organizational-chart ol:before,
.js-organizational-chart ol:after,
.js-organizational-chart li:before,
.js-organizational-chart li:after,
.js-organizational-chart > li > div:before,
.js-organizational-chart > li > div:after {
  background-color: #cdd7e2 !important;
}

.js-organizational-chart > li ol:before,
.js-organizational-chart > li ol > li:not(:last-of-type):after,
.js-organizational-chart > li ol > li:last-of-type:after {
  width: 2px;
}

.js-organizational-chart > li ol:after,
.js-organizational-chart > li ol > li:not(:last-of-type):before,
.js-organizational-chart > li ol > li:last-of-type:before {
  height: 2px;
}

.structure-tree-node {
  position: relative;
}

.js-organizational-chart .structure-employee-card {
  width: 305px;
  margin: 0 auto;
  padding: 9px 12px 9px 9px;
  border: 1px solid rgba(var(--group-color-rgb, 207, 216, 227), 0.45);
  border-left: 3px solid rgba(var(--group-color-rgb, 140, 166, 192), 0.75);
  border-radius: 6px;
  background: #ffffff !important;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  min-height: 92px;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.js-organizational-chart .structure-employee-card:hover {
  border-color: rgba(var(--group-color-rgb, 140, 166, 192), 0.7);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
  transform: translateY(-1px);
}

.js-organizational-chart .structure-employee-card.is-selected {
  border-color: #2e86de;
  box-shadow: 0 0 0 2px rgba(46, 134, 222, 0.24), 0 8px 18px rgba(15, 23, 42, 0.13);
}

.structure-employee-avatar-wrap {
  width: 56px;
  flex: 0 0 56px;
}

.structure-employee-avatar {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #e7edf4;
  background: #f2f6fa;
  display: block;
}

.structure-employee-content {
  flex: 1;
  min-width: 0;
  padding-right: 34px;
  text-align: left;
}

.structure-employee-name {
  font-size: 14px;
  line-height: 1.05;
  font-weight: 700;
  color: #263240;
  margin-bottom: 2px;
}

.structure-employee-post {
  font-size: 13px;
  color: #5d6d82;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.structure-employee-meta {
  font-size: 12px;
  color: #627286;
  line-height: 1.35;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.structure-employee-meta i {
  color: #6b7e92;
  margin-right: 4px;
  font-size: 11px;
}

.structure-employee-meta a {
  color: #2a7cc5;
}

.structure-card-actions {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 6;
}

.structure-card-actions .btn {
  color: #5f7185;
  padding: 2px 4px;
  border-radius: 3px;
}

.structure-card-actions .btn:hover,
.structure-card-actions .btn:focus {
  color: #2a3b4d;
  background: #edf3fa;
}

.structure-card-actions .dropdown-menu {
  min-width: 145px;
}

.structure-right-panel .panel {
  border: 1px solid #d6dee8;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.structure-right-panel .panel-heading {
  background: #f5f7fa;
  border-bottom: 1px solid #e4ebf2;
  padding: 12px 14px;
}

.structure-right-panel .panel-title {
  font-size: 16px;
  font-weight: 700;
  color: #2e3a49;
}

.structure-right-panel .panel-body {
  max-height: calc(100vh - 170px);
  overflow: auto;
  background: #ffffff;
}

.structure-details-avatar {
  margin: 0 auto 12px;
  max-width: 190px;
}

.structure-details-avatar img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: 1px solid #e1e8f0;
  border-radius: 5px;
  background: #f5f8fb;
}

.structure-details-empty {
  padding: 14px 12px;
  border: 1px dashed #d5dee8;
  border-radius: 4px;
  text-align: center;
  color: #66788c;
  font-size: 12px;
}

.js-structure-member-form .form-control {
  border-color: #d7e0ea;
  border-radius: 4px;
  box-shadow: none;
}

.js-structure-member-form .form-control:focus {
  border-color: #79aee6;
  box-shadow: 0 0 0 3px rgba(121, 174, 230, 0.2);
}

.structure-editor-panel {
  margin-top: 15px;
}

.structure-right-panel .structure-editor-panel {
  margin-top: 0;
}

.structure-level-block {
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  margin-bottom: 10px;
  background: #ffffff;
}

.structure-level-header {
  padding: 7px 10px;
  border-bottom: 1px solid #eef3f8;
  background: #f8fbff;
  font-weight: 700;
}

.structure-group-item {
  padding: 8px 10px;
  border-bottom: 1px solid #f2f5f8;
}

.structure-group-item.js-structure-group-item {
  cursor: move;
}

.structure-group-item.js-structure-group-item.is-dragging {
  opacity: 0.55;
}

.structure-group-item.js-structure-group-item.is-drag-over {
  border-top: 2px solid #2e86de;
}

.structure-group-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.structure-group-drag-handle {
  color: #7b8da1;
  font-size: 12px;
}

.structure-create-toggle {
  margin-bottom: 10px;
}

.structure-group-item:last-child {
  border-bottom: 0;
}

.structure-group-item .meta {
  font-size: 12px;
  color: #6f7f92;
  margin-top: 2px;
}

.structure-group-color-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 6px;
  border: 1px solid rgba(15, 23, 42, 0.16);
  vertical-align: middle;
}

.structure-group-item .btn-row {
  margin-top: 8px;
}

.js-structure-draggable {
  cursor: move;
}

.js-structure-node-card.is-drag-over,
.js-structure-root-dropzone.is-drag-over {
  border-color: #2e86de !important;
  box-shadow: 0 0 0 3px rgba(46, 134, 222, 0.24);
}

.js-structure-root-dropzone {
  border: 2px dashed #adc3da;
  text-align: center;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 600;
  color: #4d6074;
  padding: 10px;
  border-radius: 6px;
  background: #f8fbff;
}

.structure-zoom-controls {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.structure-zoom-controls .btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  padding: 0;
  font-size: 20px;
  line-height: 1;
  border-color: #a9c0d9;
  background: #ffffff;
  color: #35516f;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
}

.structure-zoom-controls .btn:hover {
  background: #f3f8ff;
  border-color: #7ea6d1;
}

@media (min-width: 1201px) {
  .structure-right-panel .structure-editor-panel {
    position: sticky;
    top: 12px;
  }
}

@media only screen and (min-width: 64em) {
  .js-groups-organizational-chart > li > ol {
    justify-content: center;
    flex-wrap: wrap;
    overflow: visible;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 1.5em;
  }

  .js-groups-organizational-chart > li > ol li {
    padding: 1em 0.75em 0;
  }

  .js-groups-organizational-chart > li > ol li > ol {
    width: auto !important;
    margin: 0 auto !important;
  }

  .js-groups-organizational-chart > li > ol li:only-of-type:before,
  .js-groups-organizational-chart > li > ol li:only-of-type:after {
    display: none !important;
    content: none !important;
  }

  .js-organizational-chart > li > ol > li > ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    overflow: visible;
    padding-top: 1em;
  }

  .js-organizational-chart > li > ol > li > ol > li {
    flex: 0 0 auto;
    padding: 1em 0.75em 0;
    position: relative;
  }

  .js-organizational-chart > li > ol > li > ol:after {
    display: none;
    content: none;
  }

  .js-organizational-chart > li > ol > li > ol > li:not(:last-of-type):before,
  .js-organizational-chart > li > ol > li > ol > li:not(:last-of-type):after,
  .js-organizational-chart > li > ol > li > ol > li:last-of-type:before,
  .js-organizational-chart > li > ol > li > ol > li:last-of-type:after {
    display: none;
    content: none;
  }

  .js-organizational-chart > li > ol > li > ol:before,
  .js-organizational-chart > li > ol > li > ol > li:before {
    background-color: #cdd7e2;
    content: "";
    position: absolute;
    height: 1em;
    left: 50%;
    top: 0;
    width: 2px;
  }

  .js-organizational-chart > li > ol > li > ol > li:only-of-type:before,
  .js-organizational-chart > li > ol > li > ol > li:only-of-type:after {
    display: none;
    content: none;
  }

  .js-organizational-chart > li > ol > li > ol > li:first-of-type:not(:only-of-type):after,
  .js-organizational-chart > li > ol > li > ol > li:last-of-type:not(:only-of-type):after {
    background-color: #cdd7e2;
    content: "";
    position: absolute;
    height: 2px;
    top: 0;
    width: 50%;
    display: block;
  }

  .js-organizational-chart > li > ol > li > ol > li:first-of-type:not(:only-of-type):after {
    left: 50%;
  }

  .js-organizational-chart > li > ol > li > ol > li:last-of-type:not(:only-of-type):after {
    left: 0;
  }

  .js-organizational-chart > li > ol > li > ol > li + li:not(:last-of-type):after {
    background-color: #cdd7e2;
    content: "";
    position: absolute;
    height: 2px;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
  }
}

@media (max-width: 1200px) {
  .structure-right-panel .panel-body {
    max-height: none;
  }

  .structure-chart-surface {
    min-height: 0;
    padding: 16px 8px 20px;
  }

  .js-organizational-chart .structure-employee-card {
    width: 280px;
  }

  .structure-employee-name {
    font-size: 16px;
  }

  .structure-zoom-controls {
    right: 8px;
    bottom: 8px;
  }

  .structure-zoom-controls .btn {
    width: 30px;
    height: 30px;
    font-size: 18px;
  }
}
 
/*  end Structure */

/* Oich addon custom fields */

@media (min-width: 768px) {
  .oich-addon .form-group {
    width: 25%;
    float: left;
  }
  
  .oich-addon .control-label {
    width: 100%;
  }
}
/* end Oich addon custom fields */

/* Conversations Emails */
.conversations .incoming_msg_img img{ max-width:100%;}
 
          
 
.conversations .incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.conversations .outgoing_msg_img {
  display: inline-block;
  width: 6%;
  float: right;
  margin: 0 0 0 20px;
}
.conversations .received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .conversations .received_withd_msg > div {
  background: #eee none repeat scroll 0 0;
  border-radius: 8px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 25px;
  width: 100%;
}
.conversations .received_withd_msg > div table {
  width: 100% !important;
  max-width: 100% !important;
  display: inline-block;
}

.conversations .received_withd_msg > div img {
  width: 100%;
}
.conversations .time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.conversations .received_withd_msg { width: 57%;}
.conversations {
  float: left;
  padding: 30px 15px 0 25px;
  width: 100%;
  height: auto;
}
.conversations .msg_history{
  height: 600px;
  overflow: auto;
}
.conversations .sent_msg > div {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #53aaf8;
  border-radius: 8px;
  font-size: 14px;
  margin: 0;
   padding: 25px;
  width:100%;
}
.conversations .outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.conversations .sent_msg {
  float: right;
  width: 46%;
}
.conversations .input_msg_write input.write_msg {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #eee;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
  margin: 5px 0;
  padding: 5px 15px;
}

.conversations .type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.conversations .msg_send_btn {
  background: #53aaf8 none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 15px;
  top: 11px;
  width: 33px;
}
.conversations .msg_send_btn:hover {
  background: #1b5588 none repeat scroll 0 0;
}
.conversations .attachments {
  display: block;
  border-top:1px solid #6F6F6D;
  padding: 15px 5px;
}
.conversations .attachments a{
  display: block;
  text-decoration: underline;
  color:#53aaf8
}
@media (max-width: 500px) {
  .conversations .msg_history{
    height:400px
  }  
  .conversations .incoming_msg_img{
    width:50px;
  }
  .conversations .outgoing_msg_img{
    width:50px;
  }
  .conversations .sent_msg{
    width:75%
  }
  .conversations .received_withd_msg{
    width: 90%;
  }
  .conversations .received_msg{
    width: 80%;
  }
  .conversations .msg_send_btn{
    bottom: 15px;
    top:auto;
  }
}

/*  */



/* SweetAlert2 */
.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:1fr 99fr 1fr;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:grid;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto);grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-bottom-start,.swal2-container.swal2-center-start,.swal2-container.swal2-top-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-bottom,.swal2-container.swal2-center,.swal2-container.swal2-top{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-bottom-end,.swal2-container.swal2-center-end,.swal2-container.swal2-top-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-left>.swal2-popup,.swal2-container.swal2-center-start>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-left>.swal2-popup,.swal2-container.swal2-bottom-start>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-fullscreen>.swal2-popup,.swal2-container.swal2-grow-row>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled:focus{outline:0}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;height:.25em;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.3em;font-weight:400;line-height:normal;word-wrap:break-word;word-break:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em 2em 3px}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em 2em 3px;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-warning.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-i-mark .5s;animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-info.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-i-mark .8s;animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-question.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-question-mark .8s;animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@-webkit-keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:transparent;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}
.swal2-overflow {
  overflow-x: visible;
  overflow-y: visible;
}
/* / SweetAlert 2 */

/* Map Reservations */
.map-edit-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
}
#markerListItems .active{
  background-color: #eee;
}
/* / Map Reservations */

/* Google places */
.pac-container{
  z-index: 9999 !important;
}

/* Task Dependencies Popover */
.task-dependencies-btn {
  display: inline !important;
 
}
.task-dependencies-btn:hover {
  background: #c7d2fe;
  color: #eee;
}
.task-dependencies-btn i {
  font-size: 12px;
}
.dep-popover-content {
  min-width: 200px;
  max-width: 300px;
}
.dep-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}
.dep-item:last-child {
  border-bottom: none;
}
.dep-item a {
  display: flex;
  align-items: center;
  flex: 1;
  color: #333;
  text-decoration: none;
}
.dep-item a:hover {
  color: var(--main-color, #47adff);
}
.dep-direction {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  margin-right: 8px;
  white-space: nowrap;
}
.dep-direction i {
  margin-right: 3px;
  font-size: 10px;
}
.dep-direction.dep-to {
  background: #e3f2fd;
  color: #1976d2;
}
.dep-direction.dep-from {
  background: #fff3e0;
  color: #f57c00;
}
.dep-name {
  flex: 1;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dep-name.dep-stage {
  color: #7b1fa2;
}
.dep-name.dep-stage i {
  margin-right: 4px;
}
.dep-type {
  font-size: 10px;
  color: #999;
  margin-left: 8px;
  white-space: nowrap;
  width: 100%;
  text-align: right;
  margin-top: 2px;
}
.dep-count {
  margin-left: 4px;
  background: #6c757d;
}
/* / Task Dependencies Popover */

/* Project Details - Info Table Styles */
.project-info-table {
  margin-bottom: 0;
}
.project-info-table td {
  padding: 8px 0;
  border: none;
}
.project-info-table td.project-label {
  width: 140px;
  color: #6b7280;
}
.project-info-table td.project-label-wide {
  width: 160px;
  color: #6b7280;
}
.project-info-table td.project-label-top {
  color: #6b7280;
  vertical-align: top;
}

/* Project section label */
.project-section-label {
  color: #6b7280;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

/* Settlement summary box */
.project-settlement-box {
  padding: 15px;
  background: #f0fdf4;
  border-radius: 6px;
  border: 1px solid #bbf7d0;
}
.project-settlement-row {
  margin-bottom: 10px;
}
.project-settlement-row:last-child {
  margin-bottom: 0;
}
.project-settlement-label {
  font-size: 11px;
  color: #6b7280;
  text-transform: uppercase;
}
.project-settlement-value {
  font-size: 16px;
  font-weight: 600;
}
.project-settlement-value.income {
  color: #16a34a;
}
.project-settlement-value.cost {
  color: #dc2626;
}
.project-settlement-value.profit {
  font-size: 18px;
  font-weight: 700;
}
.project-settlement-value.profit.positive {
  color: #16a34a;
}
.project-settlement-value.profit.negative {
  color: #dc2626;
}
.project-settlement-brutto {
  font-size: 11px;
  color: #9ca3af;
}
.project-settlement-profit-box {
  padding: 10px;
  background: #dcfce7;
  border-radius: 6px;
  margin-top: 5px;
}

/* Empty settlement box */
.project-empty-box {
  padding: 15px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  color: #9ca3af;
  text-align: center;
}

/* Project content box - grey bg */
.project-content-box {
  padding: 10px;
  background: #f8f9fa;
  border-radius: 6px;
  margin-top: 5px;
}

/* Project row separator */
.project-row-separator {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e5e7eb;
}

/* Progress in info table */
.project-info-progress {
  height: 20px;
  width: 200px;
  margin: 0;
}

/* Address/Folder item */
.project-address-item {
  margin-bottom: 8px;
}
.project-address-icon {
  color: #6b7280;
  margin-right: 4px;
}
.project-address-sub {
  margin-left: 18px;
}
.project-folder-badges {
  margin-left: 18px;
  margin-top: 4px;
}
.project-folder-badges .badge {
  margin-right: 4px;
  margin-bottom: 2px;
}
.project-folder-badges .badge i {
  margin-right: 3px;
}

/* Checklista checkbox item */
.project-checklist-item {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.project-checklist-item:last-child {
  border-bottom: none;
}

/* Project section grid layout */
.project-section-checklist {
  grid-column: 1 / 3;
}
.project-section-notes {
  grid-column: -1 / 3;
}

/* Notes li in project */
.project-note-item {
  padding: 12px;
  background: #f8f9fa;
  border-radius: 6px;
  margin-bottom: 10px;
}
.project-note-images {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.project-note-images img {
  border-radius: 4px;
}
/* / Project Details - Info Table Styles */

/* / Google places */