/* start file: z - Temo - Chat.css */
.ChatWidgetContainer
{
	position:fixed;
	bottom: 13px;
	right: 40px;
	z-index: 999999;
	display: flex;
	flex-direction: row-reverse;
	gap: 10px
}

.MinimizedChatContainer {
  display: flex;
  flex-direction: column-reverse;
  position:fixed;
	bottom: 13px;
	right: 30px;
	z-index: 9999999;
	gap: 10px;
	max-height: 400px;
	overflow-x: hidden;
	width: 70px;
	padding: 5px;
}

.ChatWidgetContainerItem
{
	border: 1px solid #CCC;
	border-radius: 10px;
	float: right;
	width: 340px;
	height: 455px;
	background: #f0f4fa;
	align-self: flex-end;
	justify-self: flex-end;
	display: flex;
	flex-direction: column;
}

/* .ChatWidgetContainer .ChatWidgetContainerItemBody{
	background-color: lightgray;
} */
.ChatWidgetContainerItemHeader
{
	height: 52px;
	padding: 5px;
	cursor: pointer;
	background-color: rgb(196, 159, 255);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: white;
}

.ChatWidgetContainerItemHeader span{
	font-size: 14px;

}
.ChatWidgetContainerItemClose:hover{
	background: lightgray;
	color:#333
}

.ChatWidgetContainerItemClose
{
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:white;
	position: absolute;
	top: 10px;
	align-self: flex-end;
	margin-right: 5px;

}

.ChatWidgetContainerItemClose > i {
	font-size: 15px;
}
.chat_full_con i, .chat-full-version i {
	color:rgb(137, 21, 204);

}
.ChatWidgetContainerItemIframe
{
	width: 100%;
	height: 410px;
	border: none;
}
.ChatWidgetContainerItemHeaderTitle
{
	line-height: 40px;
	font-weight: bold;
	display: block;
	float: left;
}
.ChatWidgetContainerItemHeaderTitle img
{
	width:35px;
	height: 35px;
	border: #CCC;
	border-radius: 50%;
	margin-right: 10px;
	margin-left: 2px;
}

.MinimizedChatContainer .ChatWidgetContainerItem{
	border:none;
	background-color: none;
	width: 60px;
	height: 60px;
	background: none;
}

.MinimizedChatContainer .ChatWidgetImage{
	 width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-left: 0px;
      margin-right: 0px;
      transform: translate(4px, 3px);
}

.MinimizedChatContainer .ChatWidgetContainerItemHeader{
	border-radius: 50%;
      width: 60px;
      height: 60px;
}

.MinimizedChatContainer .ChatWidgetContainerItemBody{
	display: none;
}

.MinimizedChatContainer  .ChatWidgetContainerItemHeaderTitle span{
	display: none;
}

 .MinimizedChatContainer .ChatWidgetContainerItem .ChatWidgetContainerItemClose{
	width: 20px;
	height: 20px;
	background: lightgray;
	color:#333;
	transform: translate(41px, -74px);
	position: relative;
}

.MinimizedChatContainer .ChatWidgetContainerItem{
	display: block;
}

 .MinimizedChatContainer .ChatWidgetContainerItem .ChatWidgetContainerItemClose:hover{
	background: rgb(126, 125, 125);
	color:white;
}

 .MinimizedChatContainer .ChatWidgetContainerItem .ChatWidgetContainerItemClose i{
	font-size: 11px;
}
/* end file: z - Temo - Chat.css */

/* start file: z - Temo.css */
.buttons-container button
{
	padding: 20px;
	background: #bb0093;
	font-size: 20px;
	width: 100%;
}
.buttons-container .btn-LogOut,
.buttons-container .btn-LogIn
{
	text-align: center;
	/*padding: 10px 20px;*/
	display: block;
}

.buttons-container .btn-LogOut button
{
	padding: 20px;
	background:#00756A ;
	font-size: 20px;
}
.buttons-container button:hover,
.buttons-container button:disabled,
.buttons-container button:focus,
.buttons-container button:active
{
	background: #bb0093  !important;
	box-shadow: 5px 5px 20px rgba(255, 80, 217, 0.5) !important;
	color: white;
}
.buttons-container .btn-LogOut button i
{
	color: #00756A !important;
}
.buttons-container .btn-LogOut button
{
	background: #00756A !important;
}
.buttons-container .btn-LogOut button:hover,
.buttons-container .btn-LogOut button:disabled,
.buttons-container .btn-LogOut button:focus,
.buttons-container .btn-LogOut button:active
{
	box-shadow: 5px 5px 20px #00756A !important;
}

.info-btn
{
	position: absolute;
	right: 5px;
	top: 6px;
	display: none;
}
.info-btn a
{
	width: 16px;
	height: 19px;
	display: block;
	position: relative;
}
.info-btn i
{
	font-weight: bold;
	font-size: 16px;
}
.info-btn a:hover
{
	color: red;
}

.tk_i:hover .info-btn
{
	display: block;
}

.red-row
{
	background: #ffb3b3 !important;
}
.red-row:hover
{
	background: #FFFFDD !important;
}

.control-label-pagenation
{
	white-space: nowrap;
}

.filter_field
{
	margin-bottom: 10px;
}
.d_pink
{
	background-color: #9F248F !important;
}
.l_pink
{
	background-color: #FFFFFF !important;
}
.l_pink *
{
	color: #5C5D5D !important;
}
.l_pink a *
{
	font-size: 15px;
}
.l_pink a:hover *
{
	color: #9F248F !important;
	cursor: pointer;
}
.d_document_tasks_header {
	background-color: #3C2D5F !important;
}
.changed_hist
{
	border: 1px red dashed;
}
a.flow_attr
{
	color: green;
}
/* end file: z - Temo.css */

/* start file: z - default.css */
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker,
.picker *
{
    float: none;
    font-weight: bold;
}
.picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000000;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: none;
}
/**
 * The picker input element.
 */
.picker__input {
    cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
    border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
    position: fixed;
    -webkit-transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
    transition: background 0.15s ease-out, transform 0s 0.15s;
    -webkit-backface-visibility: hidden;
}
/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
    position: absolute;
    margin: 0 auto;
    min-width: 256px;
    max-width: 666px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
    .picker__frame {
        overflow: visible;
        top: 0;
        bottom: -100%;
        max-height: 80%;
    }
}
@media (min-height: 40.125em) {
    .picker__frame {
        margin-top: 7.5%;
    }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
    display: table;
    width: 100%;
    height: 100%;
}
@media (min-height: 33.875em) {
    .picker__wrap {
        display: block;
    }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
    background: #ffffff;
    display: table-cell;
    vertical-align: middle;
}
@media (min-height: 26.5em) {
    .picker__box {
        font-size: 14px;
    }
}
@media (min-height: 33.875em) {
    .picker__box {
        display: block;
        font-size: 1.33em;
        border: 1px solid #777777;
        border-top-color: #898989;
        border-bottom-width: 0;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    }
}
@media (min-height: 40.125em) {
    .picker__box {
        font-size: 1.5em;
        border-bottom-width: 1px;
        border-radius: 5px;
    }
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
    zoom: 1;
    background: rgba(0, 0, 0, 0.32);
    -webkit-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
@media (min-height: 33.875em) {
    .picker--opened .picker__frame {
        top: 0;
        bottom: auto;
    }
}

/* end file: z - default.css */

/* start file: z - default.date.css */
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
    padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em;
}
.picker__year {
    color: #999999;
    font-size: .8em;
    font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em;
}
@media (min-width: 24.5em) {
    .picker__select--month,
    .picker__select--year {
        margin-top: -0.5em;
    }
}
.picker__select--month {
    width: 35%;
}
.picker__select--year {
    width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
    border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    top: -0.25em;
}
@media (min-width: 24.5em) {
    .picker__nav--prev,
    .picker__nav--next {
        top: -0.33em;
    }
}
.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em;
}
@media (min-width: 24.5em) {
    .picker__nav--prev {
        padding-right: 1.5em;
    }
}
.picker__nav--next {
    right: -1em;
    padding-left: 1.25em;
}
@media (min-width: 24.5em) {
    .picker__nav--next {
        padding-left: 1.5em;
    }
}
.picker__nav--prev:before,
.picker__nav--next:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: 0.75em solid #000000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto;
}
.picker__nav--next:before {
    border-right: 0;
    border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
    cursor: default;
    background: none;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em;
}
@media (min-height: 33.875em) {
    .picker__table {
        margin-bottom: .75em;
    }
}
.picker__table td {
    margin: 0;
    padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
    width: 14.285714286%;
    font-size: 14px;
    padding-bottom: .25em;
    color: #222222;
    font-weight: bold;
    /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
    .picker__weekday {
        padding-bottom: .5em;
    }
}
/**
 * The days on the calendar
 */

.calendar {
    background-color: #fff;
}

.picker__day {
    padding: .3125em 0;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid transparent;
}
.picker__day--today {
    position: relative;
}
.picker__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 0.5em solid #0059bc;
    border-left: .5em solid transparent;
}
.picker__day--disabled:before {
    border-top-color: #aaaaaa;
}
.picker__day--outfocus {
    color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
}
.picker__day--highlighted {
    border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    background: #0089ec;
    color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
    background: #bbbbbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
    text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    width: 33%;
    display: inline-block;
    vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
    position: relative;
    display: inline-block;
    height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
    content: " ";
    margin-right: .45em;
}
.picker__button--today:before {
    top: -0.05em;
    width: 0;
    border-top: 0.66em solid #0059bc;
    border-left: .66em solid transparent;
}
.picker__button--clear:before {
    top: -0.25em;
    width: .66em;
    border-top: 3px solid #ee2200;
}
.picker__button--close:before {
    content: "\D7";
    top: -0.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default;
}
.picker__button--today[disabled]:before {
    border-top-color: #aaaaaa;
}

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */

/* end file: z - default.date.css */

/* start file: z - default.time.css */
/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}
/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em;
}
@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}
/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10;
}
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10;
}
/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}
/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}
.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}
.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
  border-color: #ffffff;
}

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px;
}
/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0;
}
@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em;
  }
}

/* end file: z - default.time.css */

/* start file: z-Miranda-snowfall.css */
#snowfall-controls {
  position: fixed;
  bottom: 96px;
  right: -200px; 
  width: 200px;
  background-color: rgba(0, 0, 0, 0.25); 
  border-radius: 10px 10px 0 0; 
  padding: 10px 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  transition: right 0.3s ease;
}

.button {
  background-color: #73c9e6; 
  color: #fff;
  border: none;
  padding: 10px 5px; 
  font-size: 14px; 
  font-weight: bold;
  border-radius: 5px; 
  cursor: pointer; 
  transition: background-color 0.3s, transform 0.2s; 
}

.button:hover {
  background-color: #5b8c99; 
  transform: scale(1.05); 
}

.button.enable{
    width: 100%;
}

.button.disable {
    width: 100%;
  background-color: #999; 
  cursor: pointer;
}

.button:active {
  transform: scale(0.98);
}

#toggleSidebar {
  position: absolute;
  top: 0; 
  left: -47px; 
  background-color: #73c9e6;
  color: #fff;
  border: none;
  padding: 5px;
  font-size: 20px;
  border-radius: 50%;
  cursor: pointer;
  transition: left 0.3s ease;
  width: 40px;
  height: 40px;
}

#toggleSidebar:hover {
  background-color: #5b8c99;
}

/* When Sidebar is Open */
#snowfall-controls.open {
  right: 0; 
}

#toggleSidebar > i{
  font-size: 24px;
}

@media (max-width: 600px) {
  #snowfall-controls {
    bottom: 60px; 
  }

  .button {
    font-size: 12px;
    padding: 8px 16px;
  }
}
/* end file: z-Miranda-snowfall.css */

/* start file: z-gd.css */
.TooltipDiv
{
	display: block;
}

.TooltipDiv .my_tooltip
{
	display: block;
	white-space: nowrap;
	border-bottom: 1px dashed #090909;
	padding: 5px 0;
}

.TooltipDiv .my_tooltip:last-child
{
	border: none;
}

.TooltipDiv .full-text-data
{
	white-space: normal;
}
/* end file: z-gd.css */

/* start file: z-media.css */
/*
    Created on : Sep 27, 2016, 4:25:45 PM
    Author     : ROMA
*/

@media only screen and (min-width: 320px) {
	.pinlogin-field {
		margin: 5px;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
	.pinlogin-field {
		margin: 5px;
	}
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
	.pinlogin-field {
		margin: 5px;
	}
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
	.docs-page-container-title
	{
		font-size: 1.25em;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {
	.navbar-header {
		float: none;
		height: 80px;
	}
	.navbar-left,
	.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
		margin: 25px 10px 0;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in {
		display: block !important;
	}

	/* === CUSTOMS ==== */

	/* PIRVELI DONE */

	ul.main_menu > li {
		float: none;
	}

	ul.main_menu li.menu_item > a {
		border: none;
		font-size: 14px;
		line-height: 30px;
	}
	ul.main_menu > li.havechild a .menu_title::after {
		content: "\f282";
		font-family: "bootstrap-icons";
		font-style: normal;
		font-weight: 400;
		margin-left: 5px;
	}
	ul.main_menu > li.menu_item_clicked a .menu_title::after,
	ul.main_menu > li.menu_item_active a .menu_title::after {
		content: "\f286";
	}

	/*	ul.main_menu > li.havechild.menu_item_clicked > a::after,
		  ul.main_menu > li.havechild.menu_item_active > a::after
		  {
			  content: "\f286";
		  }*/

	.navbar-default {
		float: none;
	}

	.main_menu li.menu_item ul {
		/*display: block !important;*/
		position: static !important;
		/*height:  auto !important;*/
		background: none;
		border: none;
	}

	ul.main_menu li.menu_item ul.submenu {
		display: none;
		visibility: visible;
		opacity: 1;
		transition: none;
		background: none;
		border: none;
		width: auto;
	}

	/*    ul.main_menu li.menu_item_clicked ul.submenu,*/
	ul.main_menu li.menu_item_active ul.submenu {
		display: block;
	}

	.main_menu li.menu_item ul.submenu li {
		border: none;
	}

	.main_menu li.menu_item ul.submenu li a {
		color: #fff;
		padding: 10px 30px;
	}
	.main_menu li.menu_item ul.submenu li a:hover {
		color: #ffffff;
		background: none;
	}
	ul.main_menu li.menu_item_active > a {
		color: #8ad7bc;
	}

	ul.main_menu li.menu_item > a:hover,
	ul.main_menu li.menu_item_active > a {
		background: none;
	}

	.menu_item_hover {
		background: none;
	}

	.menu_subitem_active a {
		background: none;
	}

	.info_logout {
		position: absolute;
		top: 20px;
		right: 55px;
	}

	.info_logout.col-sm-6 {
		/* Reset specific properties */
		flex: unset !important;
		width: unset !important;
	}
}

@media screen and (max-width: 1200px) {

	.navbar-header {
		float: none;
		height: 80px;
	}
	.navbar-left,
	.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
		margin: 25px 10px 0;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in {
		display: block !important;
	}

	/* ------------------------------------------ */

	ul.main_menu > li {
		float: none;
	}

	ul.main_menu li.menu_item > a {
		border: none;
		font-size: 14px;
		line-height: 30px;
	}
	ul.main_menu > li.havechild a .menu_title::after {
		content: "\f282";
		font-family: "bootstrap-icons";
		font-style: normal;
		font-weight: 400;
		margin-left: 5px;
	}
	ul.main_menu > li.menu_item_clicked a .menu_title::after,
	ul.main_menu > li.menu_item_active a .menu_title::after {
		content: "\f286";
	}

	/*	ul.main_menu > li.havechild.menu_item_clicked > a::after,
		  ul.main_menu > li.havechild.menu_item_active > a::after
		  {
			  content: "\f286";
		  }*/

	.navbar-default {
		float: none;
	}

	.main_menu li.menu_item ul {
		/*display: block !important;*/
		position: static !important;
		/*height:  auto !important;*/
		background: none;
		border: none;
	}

	ul.main_menu li.menu_item ul.submenu {
		display: none;
		visibility: visible;
		opacity: 1;
		transition: none;
		background: none;
		border: none;
		width: auto;
	}

	/*    ul.main_menu li.menu_item_clicked ul.submenu,*/
	ul.main_menu li.menu_item_active ul.submenu {
		display: block;
	}

	.main_menu li.menu_item ul.submenu li {
		border: none;
	}

	.main_menu li.menu_item ul.submenu li a {
		color: #fff;
		padding: 10px 30px;
	}
	.main_menu li.menu_item ul.submenu li a:hover {
		color: #ffffff;
		background: none;
	}
	ul.main_menu li.menu_item_active > a {
		color: #8ad7bc;
	}

	ul.main_menu li.menu_item > a:hover,
	ul.main_menu li.menu_item_active > a {
		background: none;
	}

	.menu_item_hover {
		background: none;
	}

	.menu_subitem_active a {
		background: none;
	}


	/* ------------------------------------ */

	.info_logout {
		position: absolute;
		top: 20px;
		right: 55px;
	}

	.ChatIcon.info_logout {
		position: absolute;
		top: 20px;
		right: 100px;
	}

	#manual-button
	{
		position: absolute;
		top: 22px;
		right: 150px;
	}

	.info_logout.col-sm-6 {
		/* Reset specific properties */
		flex: unset !important;
		width: unset !important;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
	.page-narrow {
		margin: 30px 20% 40px;
		padding: 40px 30px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
	div.content_wrapper {
		/*padding-bottom: 230px;*/
	}
	.agreement-checkbox-wrapper {
		padding-top: 37px;
	}
	.storage-info-block {
		/*width: 93%;*/
		/*		right: 0;
					left: 0;
					bottom: 0;*/
	}
	.files-page .files-content {
		display: unset;
	}
	.files-page .uploads-block {
		border-right: unset;
		width: 100%;
	}
	.document-image-view {
		width: 100%;
	}
	.files-page .uploads-block,
	.exist-files-block {
		margin: unset;
	}
	.document-logs-wrapper {
		max-height: 200px;
	}
	.drop a {
		font-size: 12px;
		width: auto;
	}

	.lity-iframe-container {
		height: 100%;
	}
	.lity-iframe-container iframe {
		height: 100%;
	}
	div.footer_wrapper {
		clear: both;
		position: relative;
		background-color: #373656;
		color: #ffffff;
	}
	div.footer .footer_left {
		text-align: center;
	}
	div.footer .footer_right {
		padding-top: 15px;
		text-align: center;
	}

	div.footer div.flcopy {
		width: 100%;
		float: none;
		padding: 10px 0 0;
	}
	div.footer div.company-info {
		width: 100%;
		float: none;
		margin: 0;
		padding: 10px 0 0;
	}
	div.footer div.footer-soc {
		width: 100%;
		float: none;
		margin: 0;
		padding: 10px 0 0;
	}
	.page-narrow {
		margin: 30px 15% 40px;
		padding: 40px 20px;
	}

	#my_documents_page_content #accordion {
		width: 100%;
	}

	#my_documents_page_content .tab-content {
		width: 100%;
		margin: 24px 0 2px 0;
	}

	#comments-wrapper .dropdown {
		float: right;
	}

	#comments-wrapper .dropdown-menu {
		left: -74px;
		min-width: 84px;
	}
	.document-preview {
		max-height: 300px;
	}
}

@media only screen and (max-width: 550px) {
	div.footer ul.contacts li {
		float: none;
		margin-bottom: 5px;
	}
	.page-narrow {
		margin: 30px 5% 40px;
		padding: 40px 20px;
	}
	.tk_fix {
		width: 45%;
	}
	.tk_scroll_block {
		margin-left: 45%;
		padding-bottom: 25px;
	}
	.tk_user_in {
		text-align: left;
		padding-left: 3px;
		white-space: nowrap;
	}
	.tk_i,
	.tk_head {
		width: 100px !important;
		white-space: nowrap;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 479px) {
	.profile_private_value {
		font-size: 12px;
		font-weight: bold;
		float: right;
		width: 50%;
	}

	.info_logout > ul {
		width: 220px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 319px) {
}

/* .col-xs-$	Extra Small	Phones Less than 768px
.col-sm-$	Small Devices	Tablets 768px and Up
.col-md-$	Medium Devices	Desktops 992px and Up
.col-lg-$	Large Devices	Large Desktops 1200px and Up*/

/* end file: z-media.css */

/* start file: z-table-header.css */

thead.table-head-sticky tr th:nth-child(1)
{
	border-radius: 0px !important;
}
thead.table-head-sticky tr th:nth-last-child(1)
{
	border-radius: 0px !important;
}
thead.table-head-sticky tr th
{
	background-clip: padding-box;
	/*position:relative;*/
	/*width: 100%;*/
	/*height: 100%;*/
}
table
{
	/* border-collapse: collapse */
}
thead.table-head-sticky tr th .list_header
{
	/* margin: 3px; */
}


table thead th {
	position: -webkit-sticky;
	position: sticky;
	top: -1px;
	background-color: #edecec;
}
th:after,
th:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
}
th:before {
	top: 0;
}
th:after {
	bottom: 0;
}

thead.table-head-sticky tr th:nth-child(1){
	border-bottom: 1px solid white !important;
}

thead.table-head-sticky tr th:nth-last-child(1){
	border-bottom: 1px solid white !important;
}


#exportable [class^="group-collapsed-"],
#exportable [class*=" group-collapsed-"] {
    background-color: #00756a  !important;
    text-align: center;
    vertical-align: middle;
    display: none;
    min-width: 30px !important;
    border-bottom: none !important;
    border-top: none !important;
}

#exportable th.group-collapsed-all{
	min-width: 30px !important;
	background-color: #00756a  !important;
	border-bottom: none !important;
	border-top: none !important;
}

.group-collapsed-all .toggle-icon,
.group-expanded-all .toggle-icon {
    background-color: #e0e3e3;
    padding: 2px 2px; /* optional padding */
    border-radius: 50px;
    color: #8c30a6;
    position: absolute;
    top: 4px;
    right: 5px;

}

.group-collapsed-all .toggle-icon i,
.group-expanded-all .toggle-icon i {
    transform: rotate(90deg);
	font-size: 14px;
	cursor: pointer;
}

.group-collapsed-all .toggle-icon:hover, .group-expanded-all .toggle-icon:hover{
	background: #cbd8d8;
}

#exportable td.group-collapsed-all{
	position: relative;
	border-top: none !important;
	border-bottom: none !important;
}

.rotated-title {
	transform: rotate(-90deg) translateY(9px);
	white-space: nowrap;
	font-weight: bold;
	font-size: 12px;
	width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	top: 0px;
	color: #ffffff;
}
/* end file: z-table-header.css */