#installAppBlock.hidden {
	display: none;
}

.status_Delivered, #delivered_val { color: #00b82e; }
.status_Acknowledged, #acknowledged_val { color: #003d21; }
.status_Accepted, #accepted_val { color: #F89C0E; }
.status_Unknown, #unknown_val { color: #915700; }
.status_DND, #dnd_val { color: #4F5D95; }
.status_None, #none_val { color: #81b8f7; }
.status_Deleted, #deleted_val { color: #4d1d1d; }
.status_No_route, #no_route_val { color: #000000; }
.status_Undeliverable, #undeliverable_val { color: #660000; }
.status_Expired, #expired_val { color: #ff4141; }
.status_Rejected, #rejected_val { color: #b89600; }
.status_Failed, #failed_val { color: #b80000; }
.status_Pending, #pending_val { color: #87cf00; }
.status_Enroute, #enroute_val { color: #008881; }
.status_Submitted, #submitted_val { color: #0e60f8; }
.status_In_processing, #in_processing_val { color: #F89C0E; }

.tg_sent { background: #F89C0E; }
.tg_delivered { background: #00b82e; }
.tg_read { background: #87cf00; }
.tg_expired { background: #ff4141; }
.tg_revoked { background: #0e60f8; }

#bg_delivered_val { background: #00b82e; }
#bg_acknowledged_val { background: #003d21; }
#bg_accepted_val { background: #F89C0E; }
#bg_unknown_val { background: #915700; }
#bg_dnd_val { background: #4F5D95; }
#bg_none_val { background: #81b8f7; }
#bg_deleted_val { background: #4d1d1d; }
#bg_no_route_val { background: #000000; }
#bg_undeliverable_val { background: #660000; }
#bg_expired_val { background: #ff4141; }
#bg_rejected_val { background: #b89600; }
#bg_failed_val { background: #b80000; }
#bg_pending_val { background: #87cf00; }
#bg_enroute_val { background: #008881; }
#bg_submitted_val { background: #0e60f8; }
#bg_in_processing_val { background: #F89C0E; }

.calendar_date,
.calendar_time,
.calendar_datetime {
	background: #fff !important;
}

.flatpickr-calendar {
	z-index: 10000 !important;
}

.bugMenuOpenItemCount {
	margin-left: 10px;
	font-weight: bold;
	color: #00637E;
}

div.cell-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.template-buttons {
	flex-grow: 1;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 3px;
	padding: 0 0 0 5px;
}

@media(max-width: 600px) {
	.template-buttons {
		display: none;
	}
}

.template-button::before {
	position: absolute;
	content: '\f0ce';
	font: 900 .9rem 'Font Awesome 5 Free';
	top: 5px;
	left: 5px;
}

.template-button-reset::before {
	position: absolute;
	content: '\f05e';
	font: 900 .9rem 'Font Awesome 5 Free';
	top: 5px;
	left: 5px;
}

.template-button,
.template-button-reset,
.template-button-noico {
	position: relative;
	cursor: pointer;
	background: #fff;
	border: 1px solid #07495E;
	color: #07495E;
	border-radius: 3px;
	padding: 0px 5px 0 25px;
	line-height: 1.6rem;
	transition: .3s;
}

.template-button:hover,
.template-button-reset:hover,
.template-button-noico:hover {
	background: #07495E;
	color: #fff;
}
.template-button-noico{
	padding: 0px 10px;
}

.template-button.active {
	background: #07495E;
	color: #fff;
}

*{box-sizing:border-box}html,body,p,h1,h2,ul,li{margin:0;padding:0}ul{list-style-type:none}a{text-decoration:none}html,body{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-weight:400;color:#444;background:#fff;font-size:1rem;line-height:1.625rem}input{outline:none}.wrap{display:flex;height:100%;overflow:hidden}.layer{width:100%;max-width:1920px;margin:0 auto}[class*=__container]{padding:0 20px 0 80px}
body.fx {
	position: fixed;
}
.aside{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	/* padding:120px 0 0; */
	background:linear-gradient(rgb(0, 95, 124), rgb(0, 177, 153));
	color:#fff;
	max-width:60px;
	width:60px;
	transition:all .3s ease-out;
	overflow-y: auto;
	z-index:21;
	scrollbar-width: thin;
	scrollbar-color: #006D80 rgb(0, 177, 153);
}
.aside::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: rgb(0, 177, 153);
	
}

.aside::-webkit-scrollbar {
	width: 5px;
	background-color: rgb(0, 177, 153);
}

.aside::-webkit-scrollbar-thumb {
	background-color: #006D80;
}

.aside__cont {
	padding: 60px 0 0;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 100%;
}

@media(max-width: 767.5px) {
	.aside__cont {
		padding: 5px 0 0;
	}
}

a.phone-menu-btn {
	display: none;
}

@media(max-width: 767.5px) {
	a.phone-menu-btn {
		display: flex;
		/* margin: -1px 0 0 0; */
		margin: 22px 0 0 0;
		text-align: center;
		color: #fff;
		font-size: 1.2rem;
	}

	.stripe-bar {
		position: relative;
		display: block;
		margin: 0 auto;
		background: #fff;
		height: 3px;
		width: 20px;
		border-radius: 2px;
	}

	.stripe-bar::before,
	.stripe-bar::after {
		position: absolute;
		content: '';
		display: block;
		margin: 0 auto;
		background: #fff;
		height: 3px;
		width: 20px;
		left: 0;
		border-radius: 2px;
		transition: .3s;
	}

	.stripe-bar::before {
		top: -7px;
	}
	.stripe-bar::after {
		bottom: -7px;
	}

	.stripe-bar.open {
		background: rgb(0, 95, 124);
	}
	.stripe-bar.open::before {
		transform: translateY(7px) rotate(45deg);
		/* top: 0px; */
	}

	.stripe-bar.open::after {
		transform: translateY(-7px) rotate(-45deg);
		/* bottom: 0px; */
	}

	.aside.no-hover {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		/* padding:120px 0 0; */
		background: linear-gradient(rgb(0, 95, 124), rgb(0, 177, 153));
		color: #fff;
		max-width: 60px;
		width: 60px;
		transition: all .3s ease-out;
		overflow-y: auto;
		z-index: 10;
		scrollbar-width: thin;
		scrollbar-color: #006D80 rgb(0, 177, 153);
	}

	.aside.hover {
		width: 310px;
		max-width: 310px;
		transition: all .3s ease-out
	}

	.aside.hover .abtn__name {
		margin-left: 15px
	}

	.aside.no-hover .abtn__name {
		margin: 0 15px 0 -200px;
		min-width: 190px;
		transition: all .3s ease-out
	}
}
/* .aside__menu{flex-grow:1} */
@media(min-width: 767.5px) {
	.aside:hover{width:310px;max-width:310px;transition:all .3s ease-out}
	.aside:hover .abtn__name{margin-left: 15px}
}

.aside .abtn__name{margin: 0 15px 0 -200px;min-width: 190px;transition: all .3s ease-out}
.abtn,.phone-menu-btn{display:flex;flex-wrap:nowrap;color:#fff;transition:all .3s ease-out;padding:15px;}
.abtn.active{background:#07495e}.abtn:hover{background:#07495E}

.abtn__icon{
  width:auto;
  min-width:30px;
  text-align:center;
}

.abtn__name
{
  margin:0 15px;
}

.msecond{position:fixed;top:0;left:60px;width:0px;height:100%;background:linear-gradient(to right, rgb(247, 247, 247), rgb(247, 247, 247));border-width:3px;border-style:solid;-o-border-image:linear-gradient(rgb(0, 95, 124), rgb(0, 177, 153)) 1;border-image:linear-gradient(rgb(0, 95, 124), rgb(0, 177, 153)) 1;padding:57px 0 0;display:block;visibility:hidden;border-left:none;transition:all .3s ease-out}
.msecond.show {
	visibility:visible;
	width:250px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: #006D80 rgb(0, 177, 153);
}

.msecond.show::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: rgb(0, 177, 153);
}

.msecond.show::-webkit-scrollbar {
	width: 5px;
	background-color: rgb(0, 177, 153);
}

.msecond.show::-webkit-scrollbar-thumb {
	background-color: #006D80;
}


.msecond.show .msecond__link{visibility:visible;transition:visibility 0s}.msecond__link{position:relative;display:block;color:#07495e;transition:all .3s ease-out;padding:15px;width:calc(100% + 3px);position:relative;visibility:hidden;transition:visibility 0s}.msecond__link.submenu::after{position:absolute;content:"❯";right:20px}.msecond__link:hover{color:#fff;background-color:#07495e;transition:all .3s ease-out}.msecond__link.submenu.active::after{transform:rotate(90deg);transition:all .3s ease-out}
.mthird{display:block;height:0}.mthird.show{height:auto}.mthird.show .mthird__link{display:block}.mthird__link{display:none;color:#07495e;padding:10px 0 10px 40px;transition:color .3s,display 0s}.mthird__link:hover{background:#07495e;color:#fff}

.close-menu-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.close-menu-btn::before,
.close-menu-btn::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background: #00637e;
	content: '';
}
.close-menu-btn::before {
	top: 15px;
	transform: rotate(45deg);
}
.close-menu-btn::after {
	bottom: 12px;
	transform: rotate(-45deg);
}

.header__container{display:flex;height:60px;justify-content:flex-end;align-items:center;gap:30px;color:#777;padding-right:0}
.header__link{color:#777;transition:all .3s ease-out}.header__link:hover{color:#07495e}.header__icon{font-size:1.875rem !important}.date-time{font-size:0.875rem;display:flex;align-items:center}.date-time .fa-clock-o{margin-right:15px}
.headerContactWord{margin-top:3px}
@media(max-width: 767.5px){.billingBtn__balance strong, .headerContactWord{display:none} .header__container{gap:20px}}
.user{display:flex;align-items:center;gap:20px}.user__photo{display:flex;align-items:center}.user__photo img{width:40px;height:40px;border-radius:50%;border:1px solid #07495e}
@media(max-width: 767.5px){.user__name{display:none}}
.main{background:#f0f0f0;width:100%;padding:20px 0}.main__title{font-size:1.875rem;font-weight:700;margin:5px 0 20px;color:#07495e}.button-panel{margin:0 0 10px}
.button-new{border:1px solid #00637e;color:#33393b;border-radius:3px;font-weight: bold;padding:10px 20px;cursor:pointer;background:#fff;width:150px;transition:all .3s ease-out}.button-new:hover{background:#00637e;color:#fff}
.tabs{margin-top:20px;display:flex}
.tab{flex-shrink:1;border:1px solid #07495e;color:#33393b;padding:5px 20px;margin-left:-1px;border-bottom:0;background:#fff;position:relative;z-index:0;transition:all .3s ease-out}
.tab:first-child{margin-left:0}
.tab:last-child{}
.table-options-row {
	display: flex;
	justify-content: flex-end;
	border: 1px solid #999999;
	border-bottom: 0;
	font-size: 1rem;
	background: #E6E6E6;
}

.table-counter, .table-menu-btn, .table-customer-balance {
	padding: 10px 15px;
	line-height: 1rem;
	font-size: .85rem;
}

.table-counter, .table-customer-balance {
	font-weight: bold;
}
.table-customer-balance {
	font-weight: bold;
	border-left: 1px solid #999;
}

.table-menu-btn {
	border-left: 1px solid #999;
	cursor: pointer;
}

.tm {
	width: 170px;
	border: 1px solid #ccc;
	font-size: 0.75rem;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: none
}

.tm__item {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	display: block;
	color: #444;
	display: flex;
}

.tm__icon {
	color: #07495E;
	font-size: 15px;
	width: 16px;
	height: 16px;
	margin: 0 10px 0 5px;
}

.tm__item:hover {
	background: #ddd
}

.tm__item:last-child {
	border-bottom: none
}
.copy-block {
	color: #008188;
	cursor: pointer;
	transition: .3s;
	position: relative;
	padding-left: 15px;
}

.copy-block::before {
	position: absolute;
	top: 3px;
	left: 0;
	content: "\f0c5";
	font: 900 .7rem 'Font Awesome 5 Free';
}

.copy-block:hover {
	color: #00617d;
}

.child-items-block {
	position: absolute;
	width: 200px;
	background: #fff;
	border: 1px solid #ccc;
}

.tab.active,.tab:hover{background:#07495e;color:#fff}
.table-block{width:100%;overflow-x:auto}
.user-menu{width:200px;border:1px solid #ccc;font-size:0.75rem;background:#fff;position:absolute;top:0;left:0;z-index:5;display:none}
.user-menu__item{padding:5px;border-bottom:1px solid #ccc;cursor:pointer}
.user-menu__item:hover{background:#ddd}
.user-menu__item:last-child{border-bottom:none}
.btn_dell_all{color:#d40e0e;display:block;text-align: center;margin-top: 3px;}.table{border-collapse:collapse;background:#fff;font-size:0.875rem;border:0.0625rem solid #07495e;width:100%;position:relative;z-index:1}.table__head{z-index: 5;position: sticky;top: 0px;background:#ddd;color:#07495e}.table__th{resize:horizontal;overflow:hidden;border-bottom:0.0625rem solid #33393b}.table__th:first-child,.table__th:nth-child(2){resize:none}.table__th,.table__td{border-collapse:collapse;border-left:0.0625rem solid #07495e;padding:5px 10px}.table__body{} .table__tr:nth-child(2n+1){background:#ededed}.table__td.center{text-align:center}.table__td.left{text-align:left}.table__td.right{text-align:right}.table__td_btn{cursor:pointer;width:40px}
.tFilter{width: 100%;display: flex;}
.tFilter__input{border:1px solid #07495e;border-radius:3px 0 0 3px;width:75px;max-width:100%;font-size:0.875rem;padding:5px 10px;transition: all .3s ease-out;flex-grow:1}
/* .tFilter__input:focus{border-color:#07495e} */
.tFilter__button{border:1px solid #07495e;color:#07495e;border-radius:0 3px 3px 0;transition:all .3s ease-out;background:#fff;cursor:pointer;margin-left: -1px;}
.tFilter__button:hover{background: #07495e;color:#fff}

.table__btn{padding:7px 0px;width:1.25rem;margin:0 auto}
.table__btn span{display:block;width:1.25rem;height:0.125rem;background:#222;margin:0 auto;position:relative}
.table__btn span::before,
.table__btn span::after{width:1.25rem;height:0.125rem;background:#222;position:absolute;content:""}
.table__btn span::before{top:-0.4375rem}
.table__btn span::after{bottom:-0.4375rem}

.footer{font-size:0.8125rem;color:#777;padding:20px 0}
.table__tr-checked { background: rgba(0, 177, 153, 0.384) !important; }
tr.table__tr.blue { background: #c8f7f1; } tr.table__tr.white { background: #fff; }


span.badge,div.badge{padding: 5px 10px;border-radius: 5px;box-sizing: border-box;color: #fff;}
div.badge {width: 100%;padding: 0}
span.badge.b-blue,div.badge.b-blue{background: #008eb9;}
span.badge.b-red,div.badge.b-red{background: #af4444;}
span.badge.b-green,div.badge.b-green{background: #359451;}
span.badge.b-yellow,div.badge.b-yellow{background: #ffa500;}
span.badge.b-silver,div.badge.b-silver{background: #e4e4e4;color: #696969;}
span.b-concat {background: #007A86;}
span.managrHist{font-size: 0.7rem;
    display: block;
    line-height: initial;
    color: #fff;
    cursor: pointer;}


.fp {
	background: #fff;
	padding: 0.3rem;
	border-radius: 0.3125rem;
	margin-bottom: 10px;
	font-size: 0.8rem;
	line-height: 1;
}
.fp__form.formContainer{
	display: flex;
	align-items: center;
text-align: justify;
flex-wrap: wrap;
align-content: center;
    justify-content: flex-start;
}

.fp__form {
	justify-content: start
}

.fp__field {
	display: block !important;
	padding-bottom: 0;
}
.fp__field .searchResultButton{
	width: 100%;
margin-top: 12px;
}
#deliveryStats{
	background: #fff;
	padding: 20px 0;
}
#deliveryStats h2{
	margin-left: 20px;
}
#transactionsStats{
	background: #fff;
	padding: 20px 0;
	margin-top: 30px;
}
#transactionsStats h2{
	margin-left: 20px;
	margin-bottom: 20px;
}
#transactionsStats #transactionsStatsBlock{
	/* max-height: 400px; */
	overflow-y: scroll;
}
#transactionsStats .transactionsStatsItem{
	border: 1px solid #111;
	border-radius: 3px;
	padding: 1px;
	font-size: 0.8rem;
	text-align: center;
	margin: 10px 5px;
}

#dashTopStatBoxes{
	display: flex;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#dashTopStatBoxes .dashTopStatBox{
	width: 32%;
	box-sizing: border-box;
	display: flex;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	margin: 20px 0;
	padding: 13px;
}

@media screen and (max-width: 1000px) {
#dashTopStatBoxes .dashTopStatBox{
width: 49%;
	}
}
@media screen and (max-width: 600px) {
#dashTopStatBoxes .dashTopStatBox{
	width: 100%;
	}
}
#dashTopStatBoxes .toptStatIcon{
	font-size: 2.2rem;
	padding: 20px;
		border-radius: 50%;
}
#dashTopStatBoxes .toptStatIcon.blue{
	border: 1px solid #36d3eb;
	background: #36d3eb3b;
	color: #36d3eb;
}
#dashTopStatBoxes .toptStatIcon.pink{
	border: 1px solid #fc6d9e;
	background: #fc6d9e40;
	color: #fc6d9e;
}
#dashTopStatBoxes .toptStatIcon.purple{
	border: 1px solid #7365be;
	background: #7365be47;
	color: #7365be;
}
#dashTopStatBoxes .toptStatIcon.green{
	border: 1px solid #85c56a;
	background: #85c56a52;
	color: #85c56a;
}
#dashTopStatBoxes .dashTopStatBoxesContent b{
	font-size: 1.3rem;
	display: block;
	margin-bottom: 10px;
}
#dashTopStatBoxes .dashTopStatBoxesContent{
	text-align: right;
}
.formContainer.flex-start{
	justify-content:flex-start;
}
.transactionsStatsItem:nth-child(even) {
	background-color: #ededed
}
#deliveryStats, #transactionsStats{
	border: 1px solid #eae9e9;
}
.apiPageContent label{
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	color: #38841f;
	margin: 20px 0 10px;
}
.apiPageContent code{
	margin: 5px 10px;
	padding: 10px;
	background: #232222;
	display: block;
	color: #eee;
	border: 1px solid #8e8e8e;
	font-size: 0.7rem;
	line-height: 1rem;
}
.apiPageContent b{
	color: #447bab;
}
/*Выпадающее меню в хедере старт*/
.header__linkBox{
	position: relative;
}
.topHeadDropMenu{
	position: absolute;
    top: 1.8rem;
    right: 0;
    border: 1px solid #c1c1c1;
    background: #fff;
    padding: 20px 10px;
    min-width: 200px;
    box-shadow: 2px 4px 8px #656363b5;
    box-sizing: border-box;
    display: none;
    z-index: 99;
}
.topHeadDropMenu.active{
    display: block;
    z-index: 99;
}
.topHeadDropMenu a{
	color: #777;
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 5px;
}
/*Выпадающее меню в хедере конец*/

.header-tg-link a{
    display: flex;
    align-content: center;
    color: #777;
    font-size: 0.9rem;
}
.header-tg-link img{
	max-width: 30px;
	margin-right: 5px;
}
.header-tg-link{
    display: flex;
    font-size: 0.875rem;
    align-items: center;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-justify{
	text-align: justify;
}


/* ----- TABULATOR -----*/
.tabulator-row .tabulator-cell{
	cursor: default;
}

.tabulator-row.tabulator-group {
	background: #f4fafc !important;
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
	background: #d0ecf5 !important;
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
	background: #f4fafc !important;
	color: #07495E;
}

.tabulator-group {
	color: #07495E !important;
}
.tabulator-group span {
	color: #07495E !important;
}


/* ----- NULTIBOX AND DASHBOARDS START -----*/
	.multiboxContentItem{
		width: calc(50% - 13px);
	    background: #fff;
	    padding: 10px;
	    border: 1px solid #59dace;
	    box-shadow: 1px 1px #a7a5a59e;
	}
	.multiboxContentItem.w1{
		width: 98%;
	}
	#cpuRam_chart{
		background: rgb(29, 29, 29);
   		color: rgb(255, 255, 255);
	}
	.multiboxContentItemTitle{
		font-weight: bold;
	    margin-bottom: 5px;
	    font-size: 0.9rem;
	}
	.multiboxContent{
		display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-content: center;
		gap: 25px;
		margin-top: 25px;
	}
	.discSpaceBox label{
		font-size: 0.9rem;
	    font-weight: bold;
	    margin: 10px 0;
	    display: block;
	    border-bottom: 1px solid #949494;
	}
	.discSpace .ds_fre{
		color: #84c37c;
    	font-weight: bold;
	}
	.discSpace .ds_all{
		color: #37acbf;
    	font-weight: bold;
	}

	.ds_progress{
		width: 60%;
	    background: #eee;
	    border: 1px solid #ccc9c9;
	    height: 15px;
	    border-radius: 3px;
	    position: relative;
	}
	.ds_progress .progressFill{
		position: absolute;
	    background: #2a87cc;
	    height: 100%;
	}
	.discSpace{
		width: 40%;
	}
	.ds_container{
		display: flex;
	    flex-wrap: wrap;
	    align-content: center;
	    align-items: center;
	    justify-content: center;
	}
	#startStopTskMan{
		margin-bottom: 5px;
	}
	.vendorOn, .vendorOff, .caOff, .caOn{
		cursor: pointer;
	}
	#tmtable{
			height: 450px;
		}
	/* @media screen and (max-width: 1400px){
		#tmtable{
			height: 350px;
		}
	}
	@media screen and (max-width: 1200px){
		#tmtable{
			height: 300px;
		}
	}
	@media screen and (max-width: 1000px){
		#tmtable{
			height: 230px;
		}
	} */
	@media screen and (max-width: 800px){
		.multiboxContentItem{
			width: 100%;
		}
	}
/* ----- MULTIBOX AND DASHBOARDS END -----*/

#HeaderTimer{
	margin-left: 3px;
    font-weight: bold;
	display: inline-block;
	width: 80px;
	overflow: hidden;
	white-space: nowrap;
}

/* ----- PRELOADER START -----*/
#preloader {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 2147483647;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#preloader i {
	font-size: 100px;
	color: #fff;
}

#preloader span {
	font-size: 1.5rem;
	color: #fff;
	margin-top: 10px;
	font-weight: bold;
}

#preloader.vis {
	display: flex !important;
}

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

/* ----- NOTIFICATIONS ----- */
#ntfContainer {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.notifItem {
	display: flex;
	gap: 20px;
	width: 100%;
	padding: 5px 10px;
	border-radius: 3px;
	/* align-items: center; */
	margin-bottom: 5px;
}

/* .notifPriority_1 { background: #ffeaea; border-left: 3px solid #ff0000 }
.notifPriority_2 { background: #f8efdc; border-left: 3px solid #ffa500 }
.notifPriority_3 { background: #efffef; border-left: 3px solid #008000 } */

.notifPriority_1 { background-image: linear-gradient(#ffeaea, #fdf2f2); /*border-left: 3px solid #ff0000*/ }
.notifPriority_2 { background-image: linear-gradient(#f8efdc, #f8f5ee); /*border-left: 3px solid #ffa500*/ }
.notifPriority_3 { background-image: linear-gradient(#ecffec, #f4fdf4); /*border-left: 3px solid #008000*/ }


.notifPriority_1 .border-left {width: 1px; border-left: 2px solid #ff0000}
.notifPriority_2 .border-left {width: 1px; border-left: 2px solid #ffa500}
.notifPriority_3 .border-left {width: 1px; border-left: 2px solid #008000}

.notifTime {
	flex-shrink: 1;
	text-align: center;
	font-size: .7rem;
	line-height: 1rem;
	white-space: nowrap;
}

.notifText {
	font-size: 1rem;
	flex-grow: 1;
	text-align: left;
	word-break: break-word;
}

.notifClose {
	flex-shrink: 1;
	color: #ff0000;
	text-align: center;
}

.closeNotifBtn {
	cursor: pointer;
}

.notifText a {
	/* display: inline-block;
	padding: 2px 5px;
	border-radius: 3px;
	background: #00B199;
	color: #fff; */
	color: #1a89a8;
	transition: .3s;
}

.notifText a:hover, .notifText a:active {
	/* background: #00627D; */
	/* border-bottom: 1px solid #1a89a8; */
	color:rgb(0, 95, 124);
}

.vibro {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-2px, 0px) rotate(1deg); }
    30% { transform: translate(2px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-2px, 1px) rotate(0deg); }
    70% { transform: translate(2px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.notification-spoiler {
	max-height: 0;
	overflow: hidden;
	transition: .3s;
}

.notification-spoiler.hidden {
	transition: .3s;
}

.notification-spoiler-link i.fa {
	transition: transform 0.3s ease;
}

.notification-spoiler-link i.fa.rotated {
	transform: rotate(180deg);
}

/* ----- / NOTIFICATIONS ----- */
.gmbl {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	flex-direction: column;
	width: auto;
	max-height: 400px;
	overflow-y: auto;
	background: #fff;
	z-index: 5;
	border: 1px solid #07495E;
	scrollbar-width: thin;
	scrollbar-color: #555 #ccc;
}
.gmbl::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ccc;
}

.gmbl::-webkit-scrollbar {
	width: 5px;
	background-color: #ccc;
}

.gmbl::-webkit-scrollbar-thumb {
	background-color: #555;
}

.gmbl__item {
	display: flex;
	padding: 10px;
	gap: 15px;
	border-bottom: 1px solid #07495E;
	padding: 5px 10px;
	cursor: pointer;
	font-weight: bold;
	font-size: .8rem;
	transition: .3s;
}

.gmbl__item:last-child {
	border-bottom: none;
}

.gmbl__item:hover,
.gmbl__item.active {
	background: #07495E;
	color: #fff;
}

.gmbl__name {
	flex-grow: 1;
}

.gmbl__count {
	flex-shrink: 1;
}

.hoverTitle{
	color: #007985;
	display: inline-block;
}

.helpBlock {
	position: absolute;
	padding: 5px;
	top: 0;
	left: 0;
	display: none;
	z-index: 1000;
	max-width: 170px;
	border-radius: 3px;
	font-size: .8rem;
	line-height: 1.3rem;
	font-weight: normal;
	border: 1px solid #f3db06;
	background: #fff9d6;
	cursor: default;
}
/* ----------------------------------------------- */
#downloaderBlock {
	display: flex;
	align-items: center;
	/* width: 314px; */
	background: #fff;
	position: absolute;
	right: 0;
	top: 60px;
	height: 71px;
	border: 1px solid #00637E;
	border-right: none;

	max-width: calc(100% - 80px);
	width: auto;
}

#downloaderBlock.hidden {
	width: auto;
}

#downloadHideBlock {
	display: flex;
	height: 71px;
	align-items: center;
	flex-grow: 1;
	overflow: hidden;
	/* скрывает содержимое при сжатии */
	transition: max-width 0.5s ease, opacity 0.3s ease;
	max-width: 1000px;
	/* достаточно, чтобы вместить контент */
	opacity: 1;
}

#downloaderBlock.hidden #downloadHideBlock {
	max-width: 0;
	/* плавно сжимается */
	opacity: 0;
	/* плавно становится прозрачным */
}

#donwloaderCollapse {
	height: 71px;
	display: flex;
	align-items: center;
	flex-shrink: 1;
	position: relative;
	padding: 0 20px;
	font-size: 35px;
	line-height: 70px;
	cursor: pointer;
	color: #00637E;
	z-index: 1;
	transition: .3s;
}

#donwloaderCollapse:hover,
#donwloaderCollapse:active {
	color: #00b199;
}

#downloaderFile {
	height: 71px;
	display: flex;
	align-items: center;
	flex-grow: 1;
	position: relative;
	z-index: 1;
	font-size: .9rem;
	flex-grow: 1;
}

#downloadExpand {
	height: 71px;
	display: none;
	align-items: center;
	position: relative;
	padding: 0 0 0 20px;
	font-size: 35px;
	line-height: 70;
	cursor: pointer;
	color: #00637E;
	z-index: 2;
	transition: .3s;
}

#downloaderBlock.hidden #downloadExpand {
	display: flex;
}

#downloadExpand:hover,
#downloadExpand:active {
	color: #00b199;
}

#downloadCancel {
	height: 71px;
	align-items: center;
	position: relative;
	padding: 0 20px 0 0;
	font-size: 25px;
	line-height: 70px;
	cursor: pointer;
	color: #00637E;
	z-index: 2;
}

#downloadCancel:hover,
#downloadCancel:active {
	color: #00b199;
}

#downloadPercentage {
	height: 71px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0 20px;
	z-index: 2;
}

#downloadPercentage i {
	font-size: 65px;
	position: relative;
	color: #00637E;
}

#downloadPercentage span {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #00637E;
	width: 70px;
	height: 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 70px;
	font-size: .7rem;
	margin: -35px 0 0 -35px;
}

/* ----------------- bug page search -------------- */
.bugpage__hint {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 30px;
	right: 30px;
	top: 89px;
	max-height: 220px;
	font-size: .9rem;
	background: #fff;
	border-radius: 0 0 3px 3px;
	border: 1px solid #007A86;
	border-top: none;
	overflow-y: auto;
	z-index: 5;
	scrollbar-width: thin;
	scrollbar-color: #007A86 #fff;
}

.bugpage__hint::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #fff;
	background-color: #fff;
}

.bugpage__hint::-webkit-scrollbar {
	width: 5px;
	background-color: #fff;
}

.bugpage__hint::-webkit-scrollbar-thumb {
	background-color: #007A86;
}

.bugpage__hint.hide {
	display: none;
}

.bugpage__item {
	padding: 5px 10px;
	cursor: pointer;
	transition: .3s;
	display: flex;
	align-items: center;
	gap: 10px;
	z-index: 5;
}

.bugpage__item:hover {
	background: #eee;
}

.bugpage__item:last-child {
	border-radius: 0 0 3px 3px;
}

/* ----------------- page search --------- */
.pagesearch {
	position: relative;
	display: block;
}

.pagesearch__input {
	border: 1px solid #007A86;
	border-radius: 3px 3px 0 0;
	padding: 10px 15px;
	max-width: 250px;
	width: 100%;
}

.pagesearch__input.hide {
	border-radius: 3px;
}

.pagesearch__hint {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 0;
	top: 37px;
	width: 100%;
	max-height: 220px;
	font-size: .9rem;
	background: #fff;
	border-radius: 0 0 3px 3px;
	border: 1px solid #007A86;
	border-top: none;
	overflow-y: auto;
	z-index: 5;
	scrollbar-width: thin;
	scrollbar-color: #007A86 #fff;
}

.pagesearch__hint::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #fff;
	background-color: #fff;
}

.pagesearch__hint::-webkit-scrollbar {
	width: 5px;
	background-color: #fff;
}

.pagesearch__hint::-webkit-scrollbar-thumb {
	background-color: #007A86;
}

.pagesearch__hint.hide {
	display: none;
}

.pagesearch__item {
	padding: 5px 10px;
	cursor: pointer;
	transition: .3s;
	display: flex;
	align-items: center;
	gap: 10px;
	z-index: 5;
}

.pagesearch__item:hover {
	background: #eee;
}

.pagesearch__item:last-child {
	border-radius: 0 0 3px 3px;
}

@media screen and (max-width: 799.5px) {
	.pagesearch {
		display: none;
	}
}

.modalHelperObject.helperActive,
.helperObject.helperActive {
	position: relative;
	cursor: help;
	padding-left: 25px;
}

.helperActive::before {
	content: "\f059";
	position: absolute;
	animation: shadow-animation 1s infinite;
	font: 900 .9rem 'Font Awesome 5 Free';
	top: 0;
	left: 5px;
	color: #00A093;
}

.tabulator .helperActive::before,
.modalContent .helperActive::before,
.settings-content-block .helperActive::before {
	top: 3px;
}

@keyframes shadow-animation {
	0% {
		/* text-shadow: 0 0 0 transparent; */
	}

	50% {
		/* text-shadow: #000 1px 0 2px; */
		/* color: #daa520; */
		transform: scale(1.2)
	}

	100% {
		/* text-shadow: 0 0 0 transparent; */
	}
}

#modalHelperBlockContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.3);
	z-index: 1000;
}

#modalHelperExplanationBlock {
	width: calc(40% - 40px);
	height: auto;
	max-height: 80%;
	background: #fff;
	border-radius: 3px;
	z-index: 1000;
	padding: 10px 20px;
	font-size: .9rem;
}

@media screen and (max-width: 1200px) {
	#modalHelperExplanationBlock {
		width: calc(80% - 40px);
	}
}

@media screen and (max-width: 800px) {
	#modalHelperExplanationBlock {
		width: calc(80% - 40px);
	}
}

@media screen and (max-width: 600px) {
	#modalHelperExplanationBlock {
		width: calc(100% - 40px);
	}
}

.modalHelperExplanationBlock__title {
	font-weight: bold;
}

.modalHelperExplanationBlock__textarea {
	width: 100%;
	height: 80px;
	resize: none;
	overflow-y: auto;
	margin: 0;
	outline: none;
	margin: 10px 0;
}

.modalHelperExplanationBlock__buttons {
	display: flex;
	justify-content: end;
	gap: 10px;
}

.modalHelperExplanationBlock__buttons button {
	min-width: 80px;
}

.notifFilters {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 5px;
	max-width: 100%;
}

.notifFilter {
	min-width: 120px;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 7px;
	outline: none;
	transition: .3s;
	width: 100%;
}

.clearNotifDate {
	position: absolute;
	right: 8px;
	top: 8px;
	color: #ff0000;
	cursor: pointer;
}

.red-border {
	border-color: #ff0000;
}

.clearNotifDate.hide {
	display: none;
}

.delete_notif_undo {
	position: absolute;
	right: 25px;
	top: 53px;
	cursor: pointer;
	color: #007D86;
}

.notifFilter:focus {
	border: 1px solid #006D80;
}

#notifGo {
	padding: 7px;
	border-radius: 3px;
	border: none;
	background: #006D80;
	color: #fff;
	transition: .3s;
	cursor: pointer;
	flex-grow: 1;
}

#notifGo:hover,
#notifGo:active {
	background: #008881;
}

.notif56_block {
	/* background: rgb(253 213 213); */
	background: rgb(255 255 255 / 69%);
	padding: 10px 10px;
	border-radius: 10px;
	margin: 5px 0 0;
}

.notif56_spoiler,
.notif1819_spoiler {
	display: flex;
	flex-direction: column;
	font-size: .8rem;
	margin-left: 20px;
	gap: 10px;
	/* height: 0; */
	overflow-y: hidden;
	transition: .3s;
}

.notif56_spoiler.show,
.notif1819_spoiler.show {
	/* height: 100%; */
	transition: .3s;
}

.notif56_spoiler__item,
.notif1819_spoiler__item {
	display: flex;
	gap: 10px;
	align-items: start;
	border-bottom: 1px solid #1A89A8;
	padding-bottom: 10px;
}

.notif56_link i.fa,
.notif1819_link i.fa {
	transition: transform 0.3s ease;
}

.notif56_link i.fa.rotated,
.notif1819_link i.fa.rotated {
	transform: rotate(180deg);
}

.notif56_spoiler__item:last-child,
.notif1819_spoiler__item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.notif1819_spoiler__date,
.notif56_spoiler__date {
	flex-shrink: 1;
	white-space: nowrap;
	font-weight: bold;
}

.notifTabs {
	display: flex;
	padding: 10px 0;
	justify-content: center;
	gap: 10px;
}

.notifTab {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.notifTab.active {
	transform: scale(1.3);
}

.notifTab_1 {
	background: #AF4444;
}

.notifTab_2 {
	background: #FFA500;
}

.notifTab_3 {
	background: #359451;
}

#bug_selectFile {
	display: inline-block;
	width: 120px;
	padding: 10px;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	background: #00A093;
	color: #fff;
	transition: .3s;
}

#bug_selectFile:active,
#bug_selectFile:hover {
	background: #00647E;
}

#bug_uploadedFiles {
	margin-top: 10px;
}

.bug_uploadedFile {
	font-size: .9rem;
	color: #888;
}

.bug_uploadedFile i {
	color: #ff0000;
	margin-left: 10px;
	cursor: pointer;
}

.ndw {
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ndw__form {
	display: flex;
	align-items: center;
	gap: 10px;
	align-items: end;
}

.ndw__field {
	flex-grow: 1;
}

.ndw__field label {
	display: inline-block;
	font-size: 0.8rem;
	font-weight: bold;
	display: block;
}

.encrypted_account_name {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	border-radius: .15rem;
	border: 1px solid #ced4da;
	margin: 5px auto;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	position: relative;
}

.ndw__button {
	margin-bottom: 10px;
	min-width: 80px;
}

.ndw__result {
	line-height: 35px;
}

.notCanSeeChecker {
	margin: 0 10px;
	font-size: .8rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 5px;

}

#globalNotifAllCounter {
	position: absolute;
	top: 47px;
	left: 25px;
	font-size: 1.2rem;
	font-weight: bold;
	cursor: pointer;
}

#crmBtn {
	position: relative;
	padding: 0 0 0 2px;
	border: none;
	background: #007A86;
	color: #fff;
	border-radius: 50%;
	height: 32px;
	width: 32px;
	margin-top: -2px;
	aspect-ratio: 1 / 1;
	font-weight: bold;
	font-size: .75rem;
	line-height: 32px;
	letter-spacing: 2px;
	cursor: pointer;
	text-align: center;
}

/*----------- crm customer details --------*/
.imgOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1010;
}

.imgModal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1011;
	background-color: #fff;
	max-width: 95vw;
	max-height: 95vh;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}

#imgModal-content {
	display: block;
	margin: 1px;
	/* По 1px с каждой стороны */
	object-fit: contain;
}

.imgModal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	font-size: 20px;
	color: red;
	font-size: 1.5rem;
	z-index: 1012;
}

#fullScreenModal {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	right: -110%;
	transition: .3s;
	z-index: 1003;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 1);
	padding-top: 20px;
	padding-left: 60px;
}

#fullScreenModal.show {
	right: 0;
}

#fullScreenModal__close {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #ff0000;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	cursor: pointer;
}

#fullScreenModal__content {
	display: flex;
	height: 100%;
	width: 100%;
}

#fullScreenModal__left {
	width: 50%;
	height: 100%;
	padding: 20px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #00AB97 #fffafa;
}

#fullScreenModal__left::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	background-color: #fffafa;

}

#fullScreenModal__left::-webkit-scrollbar {
	width: 5px;
	background-color: #fffafa;
}

#fullScreenModal__left::-webkit-scrollbar-thumb {
	background-color: #00AB97;
}

#fullScreenModal__right {
	width: 50%;
	height: 100%;
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.fsmLeft__head,
.fsmRight__head {
	color: #00617D;
	margin-bottom: 20px;
}

.fsmLeft__budget {
	color: #009890;
	font-size: 2rem;
	margin-bottom: 20px;
	text-align: right;
}

.fsm__hr {
	width: 100%;
	height: 2px;
	background: #00617D;
	margin: 20px 0;
}

.fsmLeft__field {
	margin-bottom: 10px;
}

.fsmLeft__label {
	font-weight: bold;
	display: inline;
	margin-right: 7px;
}

.fsmLeft__value {
	display: inline;
}

.fsm__tasks {
	flex-grow: 1;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #00AB97 #fffafa;
}

.fsm__tasks::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	background-color: #fffafa;

}

.fsm__tasks::-webkit-scrollbar {
	width: 5px;
	background-color: #fffafa;
}

.fsm__tasks::-webkit-scrollbar-thumb {
	background-color: #00AB97;
}

.fsmTask {
	border: 2px solid #00617D;
	padding: 10px;
	margin: 10px;
	display: flex;
	/* align-items: center; */
	gap: 20px;
}

.priorityCircle {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin: 0px 10px -1px 0;
	display: inline-block;
	border: 1px solid #555;
}

.priorityCircle_1 {
	background: #ff0000;
}

.priorityCircle_2 {
	background: #fca400;
}

.priorityCircle_3 {
	background: #ffff00;
}

.fsmTask__iconBlock {
	display: flex;
	justify-content: center;
	align-items: center;
}

.fsmFilesBlock {
	font-size: .9rem;
}

.attachment_link {
	cursor: pointer;
	display: inline;
	color: #008489;
	transition: .3s;
}

.attachment_link:hover {
	color: #00617D;
}

.fsmTask__icon {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 2px solid #777;
	color: #777;
	font-size: 1.5rem;
	text-align: center;
}

.green-icon {
	color: #008000;
	border-color: #008000;
}

.red-icon {
	color: #ff0000;
	border-color: #ff0000;
}

.fsmTask__content {
	flex-grow: 1;
	/* height: 100%; */
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.fsmTask__text {
	flex-grow: 1;
	height: 100%;
	word-break: break-word;
}

.fsmTask__info {
	font-size: .75rem;
	line-height: .75rem;
	;
	display: flex;
	align-items: center;
	justify-content: end;
	color: #888;
	flex-shrink: 1;
}

.crm__link {
	color: #00637e;
}

.fsm__form {
	flex-shrink: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.fsmForm__field {
	width: 100%;
	display: flex;
	gap: 10px;
}

.fsmf1 {
	width: 100%;
}

.fsmf3 {
	width: calc((100% - 20px) / 3);
}

.fsmHidden {
	display: none;
}

.between {
	justify-content: space-between;
}

#fsmAddFile,
#cfAttachBtn {
	width: 70px !important;
	min-width: 70px !important;
	max-width: 70px !important;
}

#fsmSwitch {
	width: 75px;
	height: 26px;
	border-radius: 13px;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0 10px;
	transition: .3s;
	background: #f0fafd;
}

#fsmSwitch.note {
	border: 2px solid #00A996;
	justify-content: end;
	color: #00A996;
	transition: .3s;
}

#fsmSwitch.task {
	justify-content: start;
	border: 2px solid #00617D;
	color: #00617D;
	transition: .3s;
}

#fsmSwitch div {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
}

#fsmSwitch.note div {
	background: #00A996;
	top: 1px;
	left: 1px;
	transition: .3s;
}

#fsmSwitch.task div {
	background: #00617D;
	top: 1px;
	right: 1px;
	transition: .3s;
}

#fsmText {
	resize: none;
	outline: none;
}

.fsmForm__field label {
	display: block;
}

.fp__control {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	border-radius: .15rem;
	border: 1px solid #ced4da;
	margin: 5px auto;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	position: relative;
}

#fsmPriority {
	height: 38px;
}

#attachField,
#cfAttachField {
	display: none;
}

#cfAttachBlock {
	display: flex;
	gap: 10px;
	align-items: center;
}

#closeFSM {
	position: fixed;
	left: 5px;
	top: 50%;
	font-size: 8rem;
	line-height: 8rem;
	cursor: pointer;
	color: #777;
	opacity: .15;
	transform: translateY(-50%);
	transition: .3s;
	z-index: 1002 !important;
}

#closeFSM:hover {
	opacity: .7;
}

.all_attachments {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.attachment_preview_cont {
	width: 70px;
	height: 70px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	overflow: hidden;
}

.attachment_preview {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
}

#imgModal-loader {
	display: none;
	width: 100px;
	height: 100px;
	background: white;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}

.requestAllowBtn,
.requestDenyBtn {
	min-width: fit-content;
}

.requestNotifBtns {
	display: flex;
	gap: 5px;
	margin-top: 10px;
}