/*
Theme Name: Sega Niko Engine
Author: Serhii Nikolaienko
Author Email: seganiko.corp@gmail.com
Author Phone: +48576111731
Author Telegram: @sega_niko
Author Viber: +48576111731
Author WhatsApp: +48576111731
Author Url: https://seganiko.com
Author Linkedin profile: https://www.linkedin.com/in/sergeynikolaenko/
Version: 1.0
*/



.account-container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}



.header-account{
	padding: 15px 22px 15px 252px;
    border-bottom: 1px solid #e1e1e150;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 48px;
	background: #343a40;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}

.header-account a{
	color: #dde9f8;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
	margin-right: 15px;
}

.close-account-menu,
.overlay-account-menu{
	display: none;
}

.btn-header-account{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.btn-header-lang{
	padding: 5px;
}

.btn-header-lang select{
	padding: 1px 2px;
	height: auto;
}

.header-account .btn-header-account:nth-child(2) a{
	margin-left: 15px;
}

.header-account a .icon-menu{
    width: 20px;
    text-align: center;
    margin-right: 7px;
    font-size: 17px;
	border-radius: 4px;
}

.header-account a.support-top-link.active .icon-menu{
	background-color: #F85C4D;
}

.header-account a .text-menu{
    font-size: 15px;
	white-space: nowrap;
}



.account-menu{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 230px;
    height: 100vh;
    position: fixed;
    background: #343a40;
    overflow-y: auto;
	z-index: 6;
}

.account-menu-container{
	width: 100%;
}

.account-logo{
    padding: 22px 22px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.account-logo a{
	background: #fff;
    padding: 12px 12px;
	border-radius: 10px;
}

.account-hello{
    padding: 15px 22px;
    /* display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap; */
    width: 100%;
    color: #dde9f8;
    font-size: 16px;
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space: nowrap;
}

.account-hello span{
	font-weight: 600;
}

.account-menu-list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    border-top: 1px solid #dde9f830;
    padding-bottom: 30px;
}

.account-menu-list ul{
	width: 100%;
}

.account-menu-list ul li{
	width: 100%;
    border-bottom: 1px solid #dde9f830;
}

.account-menu-list ul li a{
	width: 100%;
    color: #dde9f8;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px 22px;
}

.account-menu-list ul li a:hover,
.account-menu-list ul li.current-menu-item a,
.account-menu-list ul li.current_page_item a,
.account-menu-list ul li.active a{
	background: #17a2b8;
    color: #fff;
}

.one-account-menu-list{
    width: 100%;
    border-bottom: 1px solid #dde9f830;
}

.one-account-menu-list a{
    color: #dde9f8;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px 22px;
}

.one-account-menu-list a.active,
.one-account-menu-list a:hover{
    background: #17a2b8;
    color: #fff;
}

.one-account-menu-list a .icon-menu{
    width: 20px;
    text-align: center;
    margin-right: 12px;
    font-size: 17px;
}

.one-account-menu-list a .text-menu{
    font-size: 16px;
}



.account-content{
    width: calc(100% - 230px);
	min-height: calc(100vh - 61px);
    position: relative;
    top: 0;
    left: 230px;
    padding: 70px 22px 70px 22px;
}

.content-container-content{
	width: 100%;
}

.h-mini-heading{
    font-size: 26px;
    text-align: left;
    width: 100%;
    font-weight: 500;
    margin: 0 0 15px;
}

.h-micro-heading{
    font-size: 18px;
    text-align: left;
    width: 100%;
    font-weight: 400;
    margin: 0 0 15px;
}

.h3-heading{
    font-size: 21px;
    text-align: left;
    width: 100%;
    font-weight: 500;
    margin: 0 0 10px;
}

.mini-heading{
    font-size: 26px;
    text-align: left;
    width: 100%;
    font-weight: 500;
    margin: 0 0 10px;
}

.full-width{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 22px;
	margin-bottom: 22px;
}

.one-container-content{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-radius: 10px;
	/* overflow-x: hidden; */
}

.one-container1-content{
	flex-basis: 100%;
}

.one-container2-content{
	flex-basis: calc(50% - 11px);
}

.one-container3-content{
	flex-basis: calc(33.33% - 15px);
}

.one-container4-content{
	flex-basis: calc(25% - 17px);
}

.one-container5-content{
	flex-basis: calc(20% - 18px);
}








.table_order_container table{
	width: 100%;
	font-size: 15px;
}

.table_order_container table tr th,
.table_order_container table tr td{
	border: 1px solid #33435450;
	padding: 8px 10px!important;
	font-size: 14px;
}

.table_order_container table tr th{
	font-weight: 700;
}

.gallery-images{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
	gap: 15px;
	position: relative;
	z-index: 10;
	transition: 0.5s;
}

a.one-gallery-item{
	width: calc(33.33% - 6px);
	aspect-ratio: 4 / 3;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

a.one-gallery-item:hover:after{
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	background: #721c2450;
	width: 100%;
	height: 100%;
	position: absolute;
}



.table-scroll{
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	display: block;
}

.table-scroll table{
	width: 100%;
	min-width: 1000px;
	border-collapse: collapse;
}

.table_order_container .table-scroll table{
	min-width: 100%;
}

.table-scroll th, 
.table-scroll td{
	padding: 5px;
	text-align: left;
}



.form-account .form.form-vyborka{
	width: 100%;
	max-width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 30px;
}

.one-form-vyborka{
	width: calc(33.33% - 20px);
}

.z-vyb-error span{
	color: #ff2e00;
	display: none;
	font-size: 13px;
	font-weight: 500;
	padding: 5px 0 0;
}

.z-vyb-error.active span{
	display: block;
}

.one-form-vyborka .btn{
	width: 100%;
}


.content-page.content-vyb{
	background: rgba(0,0,0,.075);
	width: 100%;
}

.container-vyb{
	padding: 22px;
}

.container-vyb tr.order-data{
	font-weight: 700;
}

.container-vyb th,
.container-vyb td{
	border: 1px solid #444;
	font-size: 13px;
}

.to-order.export-vyb{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
	padding: 0 22px 22px;
}



.container-result-vyb{
	width: 100%;
	margin: 30px 0 0;
}

.container-result-vyb{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}

.container-result-vyb th,
.container-result-vyb td{
	border: 1px solid #444;
}

a.word-export{
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 9995;
	bottom: 0;
	right: 0;
	background: #a21f1d;
	padding: 10px;
	width: 100px;
	font-size: 12px;
	text-align: center;
	line-height: 1.15;
	box-shadow: 0px 0px 10px 1px #777;
}

a.word-export span{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}

a.word-export img{
	width: 54px;
	margin-bottom: 7px;
}




.one-list-order th:nth-child(8),
.one-list-order th:nth-child(9),
.one-list-order td:nth-child(8),
.one-list-order td:nth-child(9),
.one-list-order tr.order_total_before{
	/* display: none; */
}

.table-all-stat{
	font-size: 13px;
}

.table-all-stat table th,
.table-all-stat table td:nth-child(4),
.table-all-stat table td:nth-child(5){
	font-weight: 700;
}
















.form-account{
	width: 100%;
}

.form-account .form{
	width: 100%;
	max-width: 400px;
}

.form_change_pass{
	margin-top: 45px;
}

.account-btns{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 15px;
}

.account-btns .btn,
.account-btns a.btn{
	display: inline-flex;
}

table.with-table{
	width: 100%;
	margin: 0 0 20px;
    font-size: 15px;
}

table.with-table tr td{
	padding: 9px 8px;
	border-bottom: 1px solid #33435420;
}

table.with-table tr td:nth-child(1){
	font-weight: 600;
}



.link-profile{
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 22px;
}

a.one-link-profile{
	flex-basis: calc(50% - 11px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #2c3e50;
	border: 1px solid #242e4230;
	border-radius: 10px;
	padding: 22px;
}

.icon-one-link-profile{
	width: 56px;
	font-size: 44px;
	line-height: 1;
	text-align: center;
	color: #17a2b8;
}

.icon-one-link-profile i{
	color: #17a2b8;
}

.content-one-link-profile{
	width: calc(100% - 71px);
}

.h-one-link-profile{
	font-weight: 600;
	font-size: 20px;
	line-height: 1.1;
	color: #17a2b8;
}

.text-link-profile{
	margin: 5px 0 0;
	font-size: 15px;
}

a.one-link-profile:hover{
	background: #17a2b8;
	color: #fff;
}

a.one-link-profile:hover .icon-one-link-profile,
a.one-link-profile:hover .icon-one-link-profile i,
a.one-link-profile:hover .h-one-link-profile,
a.one-link-profile:hover .text-link-profile{
	color: #fff;
}



.parent-input-options{
	width: 100%;
}

.one-list-input-options{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 25px;
	padding: 2px 10px;
	border-radius: 10px;
	border: 1px solid #e6e6e7;
	box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.075);
	background: #e6e6e7;
}

.parent-input-options .one-list-input-options .number-counter{
	position: absolute;
	top: -10px;
	left: -10px;
	border-radius: 15px;
	background: #17a2b8;
	font-size: 11px;
	font-weight: 600;
	color: #fff;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: move;
}

.parent-input-options .one-list-input-options:nth-child(2n){
	background: #c4e5f8;
}

.one-input-list .h-one-input{
	font-size: 13px;
	font-weight: 500;
	margin: 8px 0 0;
	padding-left: 10px;
}

.one-input-options{
	width: calc(100% - 63px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.one-input-list .icon-input{
	display: none;
}

.one-input-list input{
	width: 100%;
	margin-left: 0;
	border: 1px solid #e6e6e7;
	border-radius: 10px;
	padding: 7px 10px;
	height: 38px;
	font-weight: 600;
	font-size: 14px;
}

.one-input-options input{
	width: calc(50% - 7.5px);
	border-radius: 5px;
}

.one-input.add-input-options{
	width: 100%;
	justify-content: flex-end;
}

.one-meta-seo-options{
	 width: calc(100% - 63px);
}

.accordion-admin{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 18px;
}

.open-accordion{
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border: 1px solid #17a2b8;
	border-radius: 5px;
	margin: 0 12px 12px 0;
    padding: 12px 18px;
	font-size: 15px;
	cursor: pointer;
}

.open-accordion.active,
.open-accordion:hover{
    color: #fff;
    background: #17a2b8;
}

.one-item-accordion{
	width: 100%;
	display: none;
}

.one-item-accordion.active{
	display: block;
}



#notifycation-tooltip{
	display: none;
	position: absolute;
	width: 380px;
	top: 20px;
	right: 20px;
	padding: 12px;
	background-color: #333;
	color: #fff;
	font-size: 13px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	z-index: 9999;
	transition: opacity 5s;
}

#notifycation-tooltip.active{
	display: block;
}

.video-dashboard iframe{
    width: 100%;
    height: 600px;
    margin: 10px 0 0;
    border-radius: 10px;
}



.footer{
	background: rgba(0,0,0,.075);
	padding: 22px 0 22px 230px;
	font-size: 13px;
	font-weight: 500;
}

.footer .container{
	margin: 0;
}





.modal-overflow{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 16px;
	background-color: rgba(3,11,21,.45);
	opacity: 0;
	z-index: -1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
}

.modal-overflow.active{
	z-index: 9991;
	opacity: 1;
}

.modal-container{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	z-index: -1;
}

.modal-container.active{
	opacity: 1;
	z-index: 9992;
}

.modal-win{
	min-width: 400px;
	background: #fff;
	padding: 22px;
	border-radius: 10px;
	display: none;
	z-index: -1;
	position: relative;
}

.modal-win.active{
	z-index: 9993;
	display: block;
}

.close-small{
	color: #2c3e50;
	line-height: 1;
	font-size: 16px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 9;
	width: 48px;
    height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.container-modal-win{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 10px;
}

.h-modal-win{
	width: 100%;
	font-size: 24px;
	text-align: center;
	font-weight: 600;
	margin: 0 0 15px;
}

.content-modal-win{
	width: 100%;
}



.hidden{
	display: none!important;
}










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

	
	
	
	
	.hidden-991{
		display: none!important;
	}
	
	.header-account{
		padding: 15px 22px;
	}
	
	.one-checkbox{
		width: calc(25% - 15px);
	}
	
	.account-menu{
		display: none;
	}
	
	.account-content{
		width: 100%;
		left: 0;
	}
	
	.close-account-menu{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 26px;
		color: #fff;
		font-size: 27px;
		line-height: 1;
		cursor: pointer;
		margin-right: 18px;
	}
	
	.close-account-menu i.fa-xmark{
		font-size: 30px;
	}
	
	.close-account-menu i.fa-xmark,
	.account-container.active-menu .close-account-menu i.fa-bars{
		display: none;
	}
	
	.account-container.active-menu .close-account-menu i.fa-xmark{
		display: flex;
	}
	
	.account-container.active-menu .account-menu{
		display: flex;
		top: 48px;
		width: 70%;
		height: calc(100vh - 48px);
	}
	
	.account-container.active-menu .overlay-account-menu{
		display: flex;
		position: fixed;
		top: 48px;
		height: calc(100vh - 48px);
		left: 70%;
		width: 30%;
		background: rgba(0, 0, 0, 0.2);
		z-index: 999;
	}
	
	.account-logo img{
		max-width: 90px;
	}
	
	.line-percentage,
	.td-percentage{
		width: 150px;
	}
	
	.list-report-works{
		width: 350px;
	}
	
	.h-one-list-report-works{
		font-size: 13px;
	}
	
	.line-percent{
		font-size: 14px;
	}
	
	.one-media-form{
		width: calc(33.33% - 8px);
	}
	
	.table-work table thead tr,
	.table-work table tbody tr,
	.table-reports table thead tr,
	.table-reports table tbody tr,
	.table-cards table thead tr,
	.table-cards table tbody tr{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
	
	.table-work table thead,
	.table-reports table thead,
	.table-cards table thead{
		display: none;
	}
	
	.table-work table tbody tr td:nth-child(1){
		width: 100%;
	}
	
	.table-work table tbody tr td:nth-child(1) h5{
		font-size: 18px;
	}
	
	.table-work table tbody tr td:nth-child(2){
		width: 70%;
		padding-top: 0;
	}
	
	.table-work table tbody tr td:nth-child(3){
		width: 30%;
		text-align: right;
		padding-top: 0;
		font-weight: 600;
	}
	
	.table-work table tbody tr td:nth-child(4),
	.table-work table tbody tr td:nth-child(5){
		padding-top: 0;
		padding-bottom: 0;
		font-weight: 600;
	}
	
	.table-work table tbody tr td:nth-child(6){
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.table-work .td-equipment ul,
	.table-work .td-equipment ol{
		padding: 0 0 0 20px;
	}
	
	.table-work table tbody tr td:nth-child(6) .btn,
	.table-work table tbody tr td:nth-child(6) a.btn{
		padding: 7px 18px;
		height: 38px;
	}
	
	.count-text{
		width: calc(100% - 85px);
	}
	
	.select-count{
		width: 70px;
	}
	
	.select-count select{
		padding: 12px 8px;
	}
	
	.modal-win{
		min-width: calc(100% - 44px);
		width: calc(100% - 44px);
	}
	
	.container-table table tbody tr:nth-child(odd){
		background: rgba(0,0,0,.075);
	}
	
	.container-table table tbody tr:nth-child(even){
		background: transparent;
	}
	
	.account-content{
		min-height: calc(100vh - 48px);
	}
	
	.table_order_container .table-scroll table{
		min-width: 700px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.footer{
		padding: 15px 22px;
	}
	
	
	
	
	
	
}





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

	
	
	
	
	.account-container.active-menu .account-menu{
		width: calc(100% - 50px);
	}
	
	.account-container.active-menu .overlay-account-menu{
		width: 50px;
		left: calc(100% - 50px);
	}
	
	
	
	
	
	
	.link-profile{
		gap: 16px;
	}
	
	a.one-link-profile{
		flex-basis: calc(50% - 8px);
		border-radius: 4px;
		padding: 12px;
		border: 1px solid #242e4222;
	}
	
	.icon-one-link-profile{
		width: 25px;
		font-size: 21px;
	}
	
	.content-one-link-profile{
		width: calc(100% - 34px);
	}
	
	.h-one-link-profile{
		font-size: 15px;
		font-weight: 500;
	}
	
	.text-link-profile{
		display: none;
	}
	
	form.form-list{
		flex-wrap: wrap;
	}
	
	form.form-list button[type="reset"],
	.search-admin form.form-list button[type="submit"],
	form.form-list select[name="year"],
	form.form-list select[name="month"]{
		width: calc(50% - 7.5px);
	}
	
	form.form-list .btn{
		width: 100%;
	}
	
	.one-container1-content.list-content-ul-ol ul,
	.one-container1-content.list-content-ul-ol ol{
		column-count: 1;
		column-gap: 0;
	}
	
	.ql-snow.ql-toolbar button,
	.ql-snow .ql-toolbar button{
		height: 26px;
		padding: 2px 2px;
		width: 26px;
	}
	
	.auth-page .parent-form{
		padding: 44px 22px 44px;
	}
	
	/* .header-account a .text-menu, */
	.header-account a:nth-child(2),
	.header-account a:nth-child(5){
		display: none;
	}
	
	.form-account .form{
		max-width: 100%;
	}
	
	a.one-gallery-item{
		width: 100%;
	}
	
	.form-w50,
	.form-w33,
	.form-w25,
	.form-w20,
	.form-w16{
		width: 100%;
	}
	
	.h3-heading{
		font-size: 19px;
		margin: 0 0 6px;
	}
	
	.h-one-input{
		font-size: 15px;
	}
	
	.form-two-colunms{
		gap: 12px;
	}
	
	.one-input,
	.block-submit-btn{
		margin: 6px 0;
	}
	
	.btn,
	a.btn{
		padding: 8px 13px;
		height: 42px;
		font-size: 14px;
	}
	
	.one-input-list{
		width: calc(100% - 50px);
	}
	
	.h-mini-heading{
		font-size: 23px;
		margin: 0 0 12px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}