*{
	word-wrap:break-word;
	box-sizing:border-box;
}
img{
	max-width:100%;
	height:auto;
	width:auto;
}
html{
	font-size:15px;
}
/*-------- style fix -------*/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.1}
.h1,h1{
	font-size:2rem;
}
.h2,h2{
	font-size:1.75rem;
}
.h3,h3{
	font-size:1.5rem;
}
.h4,h4{
	font-size:1.2rem;
}
.h5,h5{
	font-size:1.1rem;
}
.form-control,.page-link,.btn{
	padding:.2rem .3rem;
}
.btn{
	line-height:1.25;
}
.dropdown-item{
	padding:.25rem .75rem;
}
.underline{
	text-decoration:underline;
}
.line-through{
	text-decoration:line-through;
}
.bg-danger a,.bg-info a{
	color:#ececec;
}
.bg-success a{
	color:#ffe100;
}
.bg-white a{
	color:#007bff;
}
.bg-success .btn-success,.bg-success .bg-success{
	background-color:#218838;
}
.bg-success .text-success,.bg-danger .text-danger{
	color:#fff !important;
}
.bg-less-success{
	background-color:#48E06B;
}
.bg-success.bg-less-success{
	background-color:#a3dca7 !important;
}

.bg-danger-purple{
	background-color:#d303c4 !important;
}

.bg-brown{
	background-color:#772525 !important;
	color:#fff;
}

.bg-orange{
	background-color:#fd7e14 !important;
	color:#fff;
}

.bg-danger div.dropdown a,.bg-success div.dropdown a,.bg-info div.dropdown a{
	color:#212529;
}
.bg-faded{
	color:#636c72 !important;
	background-color:#ccc !important;
}

.bg-blue{
	background-color:#60ebff !important;
}
/*.bg-orange{
	background-color:#f3aa07 !important;
}*/
.bg-warning .text-warning{
	color:#fff !important;
}
.text-body{
	color:#212529 !important;
}
/*-------- places -------*/
body>div.top{
	height:54px;
	z-index:1001;
	color:#fff;
}
body>div.main{
	margin-top:54px;
	display:-webkit-flex;
	display:flex;
}
body>div.main>div.left{
	margin-top:-54px;
	z-index:10;
	border-right:1px solid #626877;
	width:200px;
	min-height:100vh;
	flex:0 0 auto;
	position:relative;
	transition:left .5s ease;
	transform:translateZ(0);
}
body>div.main>div.left div.menu-button{
	display:none;
}
body>div.main>div.center{
	width:90%;
	width:-webkit-calc(100% - 205px);
	width:calc(100% - 205px);
	flex:1 0 auto;
}
body>div.main div.rights{
	margin:10px 0;
}
div.main>div.center.col>div.ModuleContent{
	padding:0;
}
/*-------- class -------*/
.pointer{
	cursor:pointer;
}
.ellipsis{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.first-letter-uppercase:first-letter{
	text-transform:uppercase;
}
.fa+span.text,span.text+.fa{
	margin-left:5px;
}

div.modal-dialog div.ModuleContent{
	padding:0 5px;
}
div.modal-dialog div.tab-pane>div.ModuleContent,div.ModuleContent{
	padding:.5rem;
}

.overflow-h{
	overflow:hidden;
}
.overflow-xy{
	overflow-x:auto;
	overflow-y:auto;
}
.overflow-auto{
	overflow:auto!important;
}
.relative{
	position:relative;
}
.btn-xs{
	padding:.15rem .3rem;
	font-size:.775rem;
	border-radius:.2rem;
}
ul.lista{
	list-style-type:none;
	padding:0;
}
.w-auto{
	width:auto!important;
}
.w-innput-sm{
	width:90px;
}
/*-------- animation -------*/
@-webkit-keyframes jumpIn{
	0%{-webkit-transform:scale(0)}
	75%{-webkit-transform:scale(1.25)}
	100%{-webkit-transform:scale(1)}
}
@keyframes jumpIn{
	0%{transform:scale(0)}
	75%{transform:scale(1.25)}
	100%{transform:scale(1)}
}

@-webkit-keyframes jumpIn-sm{
	0%{-webkit-transform:scale(0)}
	75%{-webkit-transform:scale(1.2)}
	100%{-webkit-transform:scale(1)}
}
@keyframes jumpIn-sm{
	0%{transform:scale(0)}
	75%{transform:scale(1.2)}
	100%{transform:scale(1)}
}

@-webkit-keyframes jumpIn-100{
	0%{-webkit-transform:scale(0)}
	100%{-webkit-transform:scale(1)}
}
@keyframes jumpIn-100{
	0%{transform:scale(0)}
	100%{transform:scale(1)}
}

@-webkit-keyframes jump{
	0%{-webkit-transform:scale(1)}
	75%{-webkit-transform:scale(1.5)}
	100%{-webkit-transform:scale(1)}
}
@keyframes jump{
	0%{transform:scale(1)}
	75%{transform:scale(1.5)}
	100%{transform:scale(1)}
}
@-webkit-keyframes jump-sm{
	0%{-webkit-transform:scale(1)}
	75%{-webkit-transform:scale(1.25)}
	100%{-webkit-transform:scale(1)}
}
@keyframes jump-sm{
	0%{transform:scale(1)}
	75%{transform:scale(1.25)}
	100%{transform:scale(1)}
}

@-webkit-keyframes jumpOut{
	0%{-webkit-transform:scale(1)}
	25%{transform:scale(1.2)}
	100%{-webkit-transform:scale(0)}
}
@keyframes jumpOut{
	0%{transform:scale(1)}
	25%{transform:scale(1.2)}
	100%{transform:scale(0)}
}

.hideAnim{
	-webkit-animation:jumpOut .5s;
	animation:jumpOut .5s;
	opacity:0 !important;
	visibility:hidden !important;
	-webkit-transition:opacity .1s .4s,visibility 0s .5s;
	transition:opacity .1s .4s,visibility 0s .5s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.showAnim{
	-webkit-animation:jumpIn-sm .5s;
	animation:jumpIn-sm .5s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.jump-sm{
	-webkit-animation:jump-sm .5s infinite;
	animation:jump-sm .5s infinite;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.jump-in{
	-webkit-animation:jump 1s;
	animation:jump 1s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
/*-------- boostrap fix -------*/
.btn,button{
	cursor:pointer;
}
.modal-dialog{
	max-width:700px;
}
.modal-dialog.dialog-xl{
	max-width:90%;
}
.modal-dialog.dialog-m{
	max-width:60%;
}


.dropdown-header{
	border-top:1px solid #e9ecef;
	border-bottom:1px solid #e9ecef;
	background-color:#f8f9fa;
}


.card-body{
	padding:.75rem;
}
.card-header{
	padding:.5rem .75rem;
	line-height:1;
}
/*-------- dataTable fix -------*/
.table td,.table th{
	padding:.3rem;
}
.table.tiny td,.table.tiny th{
	padding:.3rem 1px;
}
div.DTFC_ScrollWrapper .table .table td,div.DTFC_ScrollWrapper .table .table th{
	padding-top:0px;
	padding-bottom:0px;
}
table.dataTable.table-bordered.tiny td, table.dataTable.tiny th{
	border-width:0;
}
table thead th.text-nowrap{
	white-space:normal !important;
}

table.dataTable img{
	min-width:50px;
}

table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{
	display:none;
}
table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{
	display:block;
	right:.5em;
	content:"\f160";
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	opacity:.3;
	position:absolute;
	bottom:.5em;
}
table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before{
	opacity:1;
}
table.dataTable thead .sorting_desc:before{
	content:"\f161";
}

div.dataTables_wrapper div.dataTables_filter{
	text-align:left;
}
div.dataTables_wrapper div.dataTables_filter.search-form{
	display:-webkit-flex;
	display:flex;
}
div.dataTables_wrapper div.dataTables_filter>label{
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
}
div.dataTables_wrapper div.dataTables_filter.search-form>label{
	-webkit-flex:1;
	flex:1;
}
div.dataTables_wrapper div.dataTables_filter>label>input{
	-webkit-flex:1 1 100%;
	flex:1 1 100%;
}
div.dataTables_wrapper div.dataTables_filter.search-form>div:last-child{
	margin-left:.5rem;
}
div.dataTables_wrapper div.dataTables_length{
	text-align:right;
}
div.dataTables_wrapper div.dataTables_length>*{
	vertical-align:middle;
	margin-bottom:.5rem;
}
div.dataTables_wrapper>div.dt-top{
	border:1px solid #eceeef;
	border-bottom:0;
}
div.dataTables_wrapper>div.dt-top+div.row.no-gutters{
	margin-top:-6px;
}
div.dataTables_wrapper div.dataTables_info{
	padding-top:0;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
	top:5px;
	height:24px;
	width:24px;
	border-radius:5px;
	font:normal normal normal 14px FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	content:"\f063";
	line-height:24px;
	font-size:19px;
	box-shadow:0 0 0 #fff;
	background:#0275d8;
	color:#fff;
	border:0;
	margin:0;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child::before{
	content:"\f062";
	background:#0275d8;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{
	padding-left:35px;
}
table tbody>tr{
	-webkit-transition:background .2s;
	transition:background .2s;
}
table tbody>tr.selected,table.table-striped tbody>tr.selected,table tbody>tr:hover,table.table-striped tbody>tr:hover{
	background-color:#97CAFE;
}
table td>div.dropdown~a,table td>div.dropdown-color~a{
	margin-right:.2rem;
}
table td>div.dropdown~a:last-child,table td>div.dropdown-color~a:last-child{
	margin-right:0;
}
div.dataTables_wrapper .DTFC_RightBodyLiner,div.dataTables_wrapper .DTFC_LeftBodyLiner{
	overflow-y:hidden !important;
}
div.dataTables_scroll>div.dataTables_scrollBody{
	min-height:200px;
}
/*-------- filtry table -------*/
div.filter-list{
	margin-top:6px;
}
div.filter-list>div.card{
	border-bottom:0;
	border-radius:.25rem .25rem 0 0;
}
div.filter-list>div.card>div.collapse.show,div.filter-list>div.card>div.collapsing{
	border-bottom:1px solid rgba(0,0,0,.125);
}
div.filter-list:not(.d-none)+div.dataTables_wrapper>div.dt-top{
	border-top:0;
}
div.filter-list.d-none+div.dataTables_wrapper{
	margin-top:6px;
}
/*-------- dataTable inline-edit -------*/
table.dataTable>tbody td.editInline{
	position:relative;
	cursor:pointer;
	z-index:0;
	padding-right:calc(.3rem + 13px);
}
table.dataTable>tbody td.editInline.formInline{
	cursor:default;
	padding-right:.3rem;
}
table.dataTable>tbody td.editInline:not(.formInline):hover:after{
	display:block;
	right:.1rem;
	content:"\f040";
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	position:absolute;
	top:.5rem;
	z-index:-1;
	background-color:#ffc107;
	color:#333;
	padding:1px 2px;
	border-radius:.25rem;
}
table.dataTable>tbody td.editInline>div.formInline div.form-group{
	border:0;
	padding:0;
	margin:0 0 .3rem;
}
table.dataTable>tbody td.editInline>div.formInline>form>div.form-group{
	min-width:300px;
}
/*-------- dataTable color -------*/
table.dataTable>tbody td>div.dropdown-color{
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
}
table.dataTable>tbody td>div.dropdown-color>div{
	display:inline-block;
	white-space:nowrap;
}
table.dataTable>tbody td>div.dropdown-color>div.dropdown{
	margin-right:2px;
}
table.dataTable>tbody td>div.color>a.color,table.dataTable>tbody td>div.dropdown-color>div.color>a.color{
	background-color:#ffc107;
	color:#333;
	padding:1px 2px;
	border-radius:.25rem;
}
table.dataTable>tbody td>div.dropdown-color>div.color>a.color{
	margin-left:2px;
}
/*-------- jqueryui fix -------*/
.ui-datepicker{
	position:absolute !important;
}
.ui-autocomplete{
	z-index:9999;
	max-width:94%;
	max-width:calc(100% - 40px);
}
.ui-tooltip.in-autocomplete{
	min-width:200px;
}
/*-------- forms -------*/
textarea{
	height:150px;
}
textarea.small{
	height:50px;
}
textarea.tinymce{
	height:300px;
}
textarea.form-control{
	background-position:-webkit-calc(100% - 10px) .5rem;
	background-position:calc(100% - 10px) .5rem;
}


select.form-control{
	padding-top:.1rem;
	padding-bottom:.175rem;
}
select.form-control:not([size]):not([multiple]){
	height:calc(1.7rem + 2.5px);
}


label.custom-control.custom-radio,
label.custom-control.custom-checkbox{
	cursor:pointer;
}


.col-form-label{
	padding-top:.1rem;
	padding-bottom:.2rem;
}
label{
	margin-bottom:.2rem;
}


label.req{
	font-weight:600;
}
.form-control{
	line-height:1.35;
}
.form-control:focus{
	box-shadow:0 0 6px #5cb3fd;
}


div.form-group{
	padding-bottom:.5rem;
	border-bottom:1px solid #eee;
	margin-bottom:.5rem;
}
div.form-group.border-bottom-0{
	padding-bottom:0;
	border-bottom:0;
}
div.form-group:last-child{
	border-bottom:0;
	padding-bottom:0;
}
div.form-group.separator{
	background-color:#f7f7f9;
	margin-bottom:.5rem;
	padding:.5rem 1rem;
	border:1px solid #ddd;
}
div.form-group.separator>*{
	margin:0;
}


div.autocompleteResults>span{
	margin:.5rem .25rem 0 0;
	padding:5px 20px 5px 5px;
	background:#ddd;
	display:inline-block;
	position:relative;
}
div.autocompleteResults>span>i{
	position:absolute;
	right:5px;
	top:5px;
}


div.form-group.desc div.field div.col-sm-10{
	max-width:83.333333%;
}
div.form-group.desc div.field div.col-sm-2.desc{
	max-width:16.666667%;
	padding-left:10px;
}
div.form-group.desc div.field div.col-sm-9{
	max-width:75%;
}
div.form-group.desc div.field div.col-sm-3.desc{
	max-width:25%;
	padding-left:10px;
}
div.form-group.desc div.field div.col-sm-8{
	max-width:66.666667%;
}
div.form-group.desc div.field div.col-sm-4.desc{
	max-width:33.333333%;
	padding-left:10px;
}
div.form-group div.field.no-desc>div.row>div.col-sm-10,
div.form-group div.field.no-desc>div.row>div.col-sm-8,
div.form-group div.field.no-desc>div.row>div.col-sm-8{
	max-width:100%;
	width:100%;
	-webkit-flex:0 0 100%;
	flex:0 0 100%;
}
div.form-group.desc div.field.no-desc>div.row>div.col-sm-2.desc,
div.form-group.desc div.field.no-desc>div.row>div.col-sm-3.desc,
div.form-group.desc div.field.no-desc>div.row>div.col-sm-4.desc{
	display:none;
}

div.form-group div.field div.row.phone+div.row.phone{
	padding-top:.5rem;
}
div.form-group div.field div.row.phone>div.main{
	padding:0 10px;
	width:-webkit-calc(100% - 150px);
	width:calc(100% - 150px);
}
div.form-group div.field div.row.phone.multi>div.main{
	padding:0 10px;
	width:-webkit-calc(100% - 200px);
	width:calc(100% - 200px);
}
div.form-group div.field div.row.phone>div.country,div.form-group div.field div.row.phone>div.extension{
	max-width:75px;
	width:75px;
}
div.form-group div.field div.row.phone>div.action{
	max-width:35px;
	width:35px;
	text-align:right;
}


div.form-check{
	margin:.25rem 0;
}
div.form-group div.form-check:last-child{
	margin-bottom:0;
}
div.form-check.header{
	font-weight:bold;
	border-bottom:1px solid #e9ecef;
	padding-bottom:2px;
}
div.form-check:not(.check_text)>label{
	margin-bottom:0;
}
div.form-group div.form-check.check_text{
	border-bottom:1px solid #eee;
}
div.form-group div.form-check.check_text:last-child{
	border-bottom:0;
}
div.form-group div.form-check.checkbox_param>label.custom-checkbox+div.form-group,
div.form-group div.form-check.radio_param>label.custom-radio+div.form-group{
	margin-top:0;/*-.5rem*/
	display:none;
}
div.form-group div.form-check.button-color>label{
	padding-left:0;
}
div.form-group div.form-check.button-color span.custom-control-description.btn{
	border:2px solid transparent;
}
div.form-group div.form-check.button-color.color-black span.custom-control-description.btn{
	color:#000;
}
div.form-group div.form-check.button-color.color-white span.custom-control-description.btn{
	color:#fff;
}
div.form-group div.form-check.button-color .custom-control-indicator{
	display:none;
}
div.form-group div.form-check.button-color .custom-control-input:checked ~span.custom-control-description.btn{
	border:2px solid #000;
	box-shadow:0 0 5px #000;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}


div.form-group div.file-show a.file-show+button{
	margin-left:5px;
}
div.form-group div.file-show a.file-show-image img{
	vertical-align:bottom;
	max-height:200px;
	max-width:200px;
}


input[type="color"]{
	height:38px;
}
input.form-control[type="file"]{
	overflow:hidden;
}

.is-valid,.is-invalid{
	padding-right:2.25rem;
	background-repeat:no-repeat;
	background-position:center right .5625rem;
	-webkit-background-size:1.125rem 1.125rem;
	background-size:1.125rem 1.125rem;
}
.has-success .is-valid{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}
.has-danger .is-invalid{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
.has-success .no-validate-icon.is-valid,
.has-danger .no-validate-icon.is-invalid{
	background-image:none;
}


div.form-group div.field div.row.select-add>div.option{
	max-width:35px;
	width:35px;
	text-align:right;
	padding-left:10px;
}
/*
================= clearButton ================
*/
input.form-control.clear-button{
	padding-right:25px;
}
input.form-control+span.btn.clearButton{
	font-size:1rem;
	line-height:1;
	padding:2px 3px;
	position:absolute;
	right:4px;
	top:3px;
	opacity:0;
	visibility:hidden;
	-webkit-animation:jumpOut 0.5s;
	animation:jumpOut 0.5s;
	-webkit-transition:opacity 0s 0.4s,visibility 0s 0.4s;
	transition:opacity 0s 0.4s,visibility 0s 0.4s;
}
.table td.position-relative>span.btn.clearButton{
	top:7.5px;
	right:8.5px;
	right:calc(4px + .3rem);
	top:calc(3px + .3rem);
}
.input-group>input.form-control+span.btn.clearButton{
	right:28px;
}
input.form-control+span.btn.clearButton.show{
	opacity:1;
	visibility:visible;
	-webkit-animation:jumpIn 0.5s;
	animation:jumpIn 0.5s;
	-webkit-transition:opacity 0s,visibility 0s;
	transition:opacity 0s,visibility 0s;
}
.input-group input.form-control+span.btn.clearButton.show{
	z-index:3;
}
/*
================= error_info ================
*/
div.has-error-popover{
	position:relative;
}
div.error-popover{
	text-align:left;
	position:absolute;
	left:2%;
	top:105%;
	top:-webkit-calc(100% + 12px);
	top:calc(100% + 12px);
	border:2px solid #bd362f;
	background-color:#fff;
	max-width:275px;
	min-width:180px;
	border-radius:5px;
	z-index:4;
	line-height:1.4;
	color:#000;
	white-space:normal;
	/*overflow:hidden;*/
	-webkit-animation:jumpIn .5s;
	animation:jumpIn .5s;
}
div.error-popover div.error-popover-title{
	border-bottom:1px solid #ccc;
	padding:5px 10px;
	font-size:.9rem;
	font-weight:bold;
}
div.error-popover div.error-popover-body{
	padding:6px 10px;
	font-size:.8rem;
}
div.error-popover:before{
	content:"";
	position:absolute;
	/*left:50%;
	margin-left:-10px;*/
	left:10px;
	top:-10px;
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #bd362f;
}
div.error-popover-top{
	top:-40px;
}
div.error-popover-top:before{
	top:100%;
	border-bottom:0;
	border-top:10px solid #bd362f;
}
/*--------- gotoTop -------*/
#gotoTop{
	display:none;
	text-decoration:none;
	position:fixed;
	z-index:1000;
	bottom:10px;
	right:10px;
	overflow:hidden;
	text-align:center;
	color:#08c;
	border-radius:50%;
	box-shadow:0 0 5px 1px #000;
	cursor:pointer;
	width:30px;
	height:30px;
	background-color:#fff;
	font-size:1.2em;
	line-height:26px;
}
#gotoTop.show{
	display:block;
	-webkit-animation:jumpIn .5s;
	animation:jumpIn .5s;
}
#gotoTop:hover{
	box-shadow:0 0 15px 3px #000;
}
/*-------- pleaseWait -------*/
.loading{
	position:relative;
	min-height:150px;
}
.loading:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-align:center;
	background:#fff url("/img/loading.gif") no-repeat center center;
	opacity:.7;
	z-index:99999999;
	box-sizing:border-box;
}
.loading-min:after{
	background-size: 25px;
}
.loading-mid:after{
	background-size: 45px;
}
#pleaseWait{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-align:center;
	background:#fff url("/img/loading.gif") no-repeat center center;
	opacity:.7;
	z-index:99999999;
	box-sizing:border-box;
}

#pleaseWait1{
	position:fixed;
	left:0;
	top:0;
	text-align:center;
	opacity:.7;
	z-index:99999999;
	box-sizing:border-box;
	right:0;
	bottom:0;
	background:#fff;
	box-sizing:content-box;
	color:#000;
}
#pleaseWait1 .postep{
	position:absolute;
	width:1em;
	height:1em;
	text-align:-webkit-match-parent;
	font-size:310px;
	cursor:default;
	margin-top:-155px;
	top:50%;
	left:50%;
	margin-left:-155px;
	box-sizing:content-box;
}
#pleaseWait1 .postep:before{
	content:'';
	display:block;
	position:absolute;
	width:1em;
	height:1em;
	border-radius:.5em;
	opacity:.5;
	z-index:0;
	background:yellow;
}
#pleaseWait1 .postep:after{
	content:'';
	display:block;
	position:absolute;
	top:.1em;
	left:.1em;
	width:.8em;
	height:.8em;
	border-radius:.5em;
	z-index:1;
}
#pleaseWait1 .postep>#pwCzekacz.gt50{
	clip:rect(auto,auto,auto,auto);
	box-sizing:content-box;
}
#pleaseWait1 .postep>#pwCzekacz{
	position:absolute;
	width:1em;
	height:1em;
	clip:rect(0px,1em,1em,.5em);
	box-sizing:content-box;
}
#pleaseWait1 .postep>#pwCzekacz>.pie{
	position:absolute;
	border:.1em solid green;
	width:.8em;
	height:.8em;
	clip:rect(0em,.5em,1em,0em);
	border-radius:.5em;
	box-sizing:content-box;
}
#pleaseWait1 .postep>#pwCzekacz>.pie.fill{
	-webkit-transform:rotate(180deg) !important;
	transform:rotate(180deg) !important;
	box-sizing:content-box;
}
#pleaseWait1 .procent{
	font-size:75px;
	position:absolute;
	text-align:center;
	padding:1em .5em 1em .3em;
	width:2.5em;
	top:.43em;
	left:.4em;
	background:rgb(245,245,245);
	border-radius:2.35em;
	font-weight:500;
	/*#width:176px;*/
	box-sizing:content-box;
	line-height:1;
	height:1.3em;
}
#pleaseWait1 .done{
	font-size:36px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border-radius:155px;
	font-weight:500;
	background:rgb(245,245,245);
	text-align:center;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	white-space:nowrap;
	padding:46px;
	line-height:1;
}
#pleaseWait1 .done>div{
	overflow:hidden;
	text-overflow:ellipsis;
}
/*
-----------------ImgFlyout------------------------------
*/
#loaderImgFlyout:before{
	content:"";
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,.8);
	z-index:-1;
}
/*
-----------------Godzinowka------------------------------
*/
div.hoursGrid{
	position:relative;
}
div.hoursGridTitle{
	text-align:center;
	padding:5px 0;
}

div.hoursGrid div.dateRange{
	width:90px;
	position:absolute;
}
div.zbiorczo div.hoursGrid div.dateRange{
	width:200px;
}
div.hoursGrid div.hoursGridLabel div{
	display:inline-block;
	border:1px solid #ddd;
	box-sizing:border-box;
	text-align:center;
}
div.hoursGrid div.dateRange div{
	display:block;
	border:1px solid #ddd;
	box-sizing:border-box;
}
div.hoursGrid div.dateRange div:nth-child(2n+2){
	background:#CEC7C7;
}
div.hoursGrid div.hoursGridContainer{
	width:calc(100% - 91px);
	border:1px solid #ccc;
	margin-left:91px;
	height:100%;
	overflow-x:scroll;
	overflow-y:hidden;
}
div.zbiorczo div.hoursGrid div.hoursGridContainer{
	margin-left:201px;
	width:calc(100% - 201px);
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow{
	position:relative;
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow div.sentinel{
	position:absolute;
	background:#5cb85c;
	height:20px;
	margin:5px 0;
	color:#fff;
	font-size:small;
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow div.sentinel.urlop{
	background:rgb(232,36,36);
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow div.sentinel>span.fa-remove{
	position:absolute;
	right:2px;
	width:16px;
	top:2px;
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow>div{
	display:inline-block;
	border:1px solid #ddd;
	box-sizing:border-box;
	text-align:center;
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow:nth-child(2n+1){
	background:#CEC7C7;
}

div.hoursGrid div.hoursGridContainer div.hoursGridRow.today>div:not(.sentinel),div.hoursGrid div.dateRange div.today{
	background:rgba(210,165,165,.6);
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow>div>span{
	display:inline-block;
	height:100%;
	width:25%;
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow.drawing{
	background:transparent;
	z-index:1;
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow.drawing>div{
	border:none;
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow.drawing>div span{
	border:1px solid rgba(146,146,146,.62);
}

div.hoursGrid div.hoursGridContainer div.hoursGridRow.drawing div.sentinel{
	z-index:-1;
}
/*
div.hoursGrid div.hoursGridContainer div.hoursGridRow.drawing div.sentinel i>span:first-child{
	position:absolute;
	color:#222;
	top:-30px;
	left:0;
}
div.hoursGrid div.hoursGridContainer div.hoursGridRow.drawing div.sentinel i>span:nth-child(2n+2){
	position:absolute;
	color:#222;
	top:-30px;
	right:0;
}
*/
div.godzinowkaUpr td.weekend,div.hoursGrid div.dateRange div.weekend{
	background:#8A8A8A;
}
div.hoursGridContainer div.hoursGridRow.weekend{
	background:#8A8A8A!important;
}

div.godzinowkaUpr table:not(.infoView) td.urlop{
	background:red;
	color:#fff;
}
div.godzinowkaUpr table.table td{
	padding:.2rem;
	min-width:48px;
	-webkit-transition:background .2s;
	transition:background .2s;
}
div.godzinowkaUpr table.table:not(.zaGranicaView) td.editable:hover,
div.godzinowkaUpr table.table.zaGranicaView td.editable.editZaGranica:hover{
	cursor:pointer;
	background:rgba(255,193,16,.65);
}
div.godzinowkaUpr table.table td.editable span.fa-remove{
	position:absolute;
	bottom:1px;
	right:1px;
}
div.godzinowkaUpr div.buttons{
	width:63px;
}
div.godzinowkaUpr div.buttons button{
	margin:0 1px;
}
div.godzinowkaUpr table.table td.editable div.checkbox:not(.checked){
	display:none;
}

div.godzinowkaUpr td.planner-p{
	background:rgba(92,184,92,.65);
}
div.godzinowkaUpr td.planner-u{
	background:rgba(217,83,79,.65);
}
div.godzinowkaUpr td.planner-s{
	background:rgba(245,152,22,.36);
}
div.godzinowkaUpr td.planner-p.urlop{
	background:-webkit-linear-gradient(red 0%,red 50%,red 50%,rgba(92,184,92,.65) 50%,rgba(92,184,92,.65) 100%);
	background:linear-gradient(red 0%,red 50%,red 50%,rgba(92,184,92,.65) 50%,rgba(92,184,92,.65) 100%);
}
div.godzinowkaUpr td.planner-u.urlop{
	background:-webkit-linear-gradient(red 0%,red 50%,red 50%,rgba(217,83,79,.65) 50%,rgba(217,83,79,.65) 100%);
	background:linear-gradient(red 0%,red 50%,red 50%,rgba(217,83,79,.65) 50%,rgba(217,83,79,.65) 100%);
}
div.godzinowkaUpr td.planner-s.urlop{
	background:-webkit-linear-gradient(red 0%,red 50%,red 50%,rgba(245, 152, 22, .36) 50%,rgba(245, 152, 22, .36) 100%);
	background:linear-gradient(red 0%,red 50%,red 50%,rgba(245, 152, 22, .36) 50%,rgba(245, 152, 22, .36) 100%);
}

div.godzinowkaUpr table.infoView tr.zaznaczDzienTable td>div,
div.godzinowkaUpr table.infoView td.editable>div,
div.godzinowkaUpr table.infoView td.editable>span{
	opacity:0;
	visibility:hidden;
}
div.godzinowkaUpr table.infoView td.yes{
	background-color:#5cb85c;
}
div.godzinowkaUpr table.infoView td.no{
	background-color:#d9534f;
}
div.godzinowkaUpr table.infoView td.near{
	background-color:#f0ad4e;
}
/*
---------rozliczenie---------------------
*/
#rozliczenieTable td input[type="text"]{
	width:112px;
	display:inline-block;
}

/*div.colorIndicator div.form-check{
	display:inline-block;
	margin:0 10px;
}*/
/*-------- perms -------*/
tr.subgroup td:first-child,tr.maingroup td:first-child{
	text-indent:10px;
}
tr.maingroup.subgroup td:first-child{
	text-indent:20px;
}
tr.subgroup td{
	border-top:0;
}
/*-------- module methods -------*/
div.modal-dialog div.ModuleContent div.module-links{
	margin-bottom:.5rem;
}
/*-------- TOP -------*/
div.top{
	background:#3D404A;
	margin-left:200px;
}
div.top button.avatar{
	width:40px;
	height:40px;
	background-size:contain;
	background-repeat:no-repeat;
	border-radius:50%;
	padding:0;
	font-size:30px;
	line-height:1;
	background-position:center;
}
div.top button.avatar span{
	margin-left:-1px;
}
div.top div#zadaniaBoxDzisiaj button.cal{
	height:54px;
	background:none;
	font-size:1.75rem;
	color:#fff;
	padding:0;
	box-shadow:none!important;
	margin-top:-.5rem;
}
div.top div#zadaniaBoxDzisiaj{
	margin-top:-.5rem;
	padding-top:.5rem;
	height:54px;
}
div.top div#zadaniaBoxDzisiaj div.ModuleContentBody>div.dropdown-item{
	padding-left:.5rem;
	padding-right:.5rem;
}
div.top div#zadaniaBoxDzisiaj span.icon_label{
	position:relative;
	color:#fff;
	padding:2px 5px;
	background-color:red;
	top:-24px;
	padding-top:15px;
	margin-left:4px;
	font-size:15px;
	font-weight:bold;
	z-index:2;
	display:inline-block;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	transition:top .2s ease-in;
}
div.top div#zadaniaBoxDzisiaj:hover{
	background-color:#6c6f75;
	cursor:pointer;
}
div.top div#zadaniaBoxDzisiaj:hover span.icon_label{
	top:-10px;
}
div.top div#zadaniaBoxDzisiaj span.czas{
	display:block;
	font-size:smaller;
}
div.top div#zadaniaBoxDzisiaj span.czas>span:first-child{
	padding-right:15px;
}

div.top div.staticLinks{
	display:inline-block;
	margin-right:1rem;
}
div.top div.staticLinks>div{
	display:inline-block;
	position:relative;
}
div.top div.staticLinks>div:nth-child(n+2){
	margin-left:.25rem;
}
div.top div.staticLinks>div>a{
	position:relative;
	color:#fff;
	font-size:1.75rem;
	height:54px;
	border:0;
	background:none;
	padding:.5rem 1.4rem 0 .25rem;
	margin-top:-.5rem;
	border-radius:0;
}
div.top div.staticLinks>div>a>span.fa-plus{
	position:absolute;
	right:.2rem;
	top:.1rem;
	font-size:1.2rem;
	background-color:#28a745;
	border-radius:5px;
	padding:2px;
	-webkit-animation:jumpIn-sm .5s;
	animation:jumpIn-sm .5s;
	transition:top .5s;
}
div.top div.staticLinks>div>a:hover{
	background-color:#6c6f75;
}
div.top div.staticLinks>div>a:hover>span.fa-plus{
	-webkit-animation:roolIn .5s;
	animation:roolIn .5s;
	transform:scale(1.2) translate(-24px,20px) rotateY(180deg);
	/*top:20px;*/
}
@-webkit-keyframes roolIn{
	0%{-webkit-transform:translate(0,0)}
	11%{-webkit-transform:translate(1px,6px)}
	22%{-webkit-transform:translate(2px,9px)}
	33%{-webkit-transform:translate(3px,12px) rotateY(30deg)}
	44%{-webkit-transform:translate(-3px,15px) rotateY(90deg)}
	55%{-webkit-transform:translate(-10px,18px) rotateY(120deg)}
	100%{-webkit-transform:scale(1.2) translate(-24px,20px) rotateY(180deg)}
}
@keyframes roolIn{
	0%{transform:translate(0,0)}
	11%{transform:translate(1px,6px)}
	22%{transform:translate(2px,9px)}
	33%{transform:translate(3px,12px) rotateY(30deg)}
	44%{transform:translate(-3px,15px) rotateY(90deg)}
	55%{transform:translate(-10px,18px) rotateY(120deg)}
	100%{transform:scale(1.2) translate(-24px,20px) rotateY(180deg)}
}
div.top div.staticLinks>div>a.dropdown-toggle{
	padding:0 2px;
	margin:0;
	line-height:1;
	height:auto;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
}

div.top div.siteConfig{
	display:inline-block;
	margin-right:1rem;
	height:54px;
	padding:.5rem 4px 0 2px;
	margin-top:-.5rem;
}
div.top div.siteConfig:hover{
	background-color:#6c6f75;
	cursor:pointer;
}
div.top div.siteConfig>a{
	height:54px;
	background:none;
	font-size:1.75rem;
	color:#fff;
	padding:.5rem 0 0;
	margin-top:-.5rem;
	box-shadow:none!important;
}
/*======= menu left =======*/
div.menu-left{
	background:#4c505d;
}
div.menu-left a{
	color:rgba(255,255,255,.75);
	display:inline-block;
}
div.menu-left a.nav-link{
	display:block;
	padding:.5rem;
}
div.menu-left a.nav-link+div>a.nav-link{
	padding-left:1.5rem;
}
div.menu-left li.active,div.menu-left li.nav-item a.active{
	background-color:#6c6f75;
}
div.menu-left li a:hover,div.menu-left li.nav-item a:hover{
	background-color:#585d6c;
}

div.menu-left a span.fa{
	width:25px;
	text-align:center;
}
div.menu-left a.nav-link:hover{
	text-decoration:none;
	padding-left:15px !important;
	transition:.3s;
}

div.menu-left a.nav-link:before{
	position:absolute;
	content:"";
	left:0;
	right:0;
	bottom:0;
	height:1px;
	width:0;
	background-color:#0275d8;
	transition:width .3s;
}

div.menu-left a.nav-link:hover:before{
	width:100%;
}
div.menu-left a.nav-link{
	position:relative;
	transition:.3s;
	border-bottom:1px solid #585d6c;
}
/*======= system path ======*/
h1.system-path>span{
	font-size:1.25rem;
	margin:0 7px;
}
h1.system-path a{
	display:inline-block;
	vertical-align:middle;
}
/*======= tabki ======*/
.jspVerticalBar{
	display:none;
}
.nav-tabs{
	height:40px;
	flex-wrap:nowrap;
}
div.nav-parent{
	height:auto;
	max-height:40px;
}
ul.nav-tabs .nav-item{
	white-space:nowrap;
}
ul.nav-tabs .nav-item>a{
	height:100%;
}
ul.nav-tabs .jspPane{
	display:flex;
}

.jspHorizontalBar .jspDrag{
	height:6px;
	background-color:#0275d8;
	border-radius:3px;
	top:-2px;
}
.jspHorizontalBar .jspTrack{
	height:2px;
	background-color:#3D404A;
	margin-top:5px;
	border-radius:3px;
}
.jspHorizontalBar{
	height:12px;
	background:0;
	bottom:-3px;
}
/*======= Kalendarz ======*/
#zadaniaKalendarz div.calendar_body{
	overflow-x:auto;
}
#zadaniaKalendarz div.calendar{
	width:100%;
	text-align:center;
	max-width:100%;
	padding:0 10px 10px;
}
#zadaniaKalendarz div.calendar.month{
	min-width:1085px;
}
#zadaniaKalendarz div.calendar.week{
	min-width:1155px;
}
#zadaniaKalendarz div.calendar div.row{
	margin:1px 0;
	flex-wrap:nowrap;
}
#zadaniaKalendarz div.calendar>div.head div.col{
	font-size:1.2rem;
	text-align:center;
	background-color:#17a2b8;
	color:#fff;
	border-radius:.25rem;
	width:14%;
	min-height:0;
	line-height:50px;
	margin:0 1px;
	flex:1 1 auto;
	padding:4px 3px;
	min-width:150px;
}
#zadaniaKalendarz div.calendar>div.body div.col{
	display:inline-block;
	padding:4px 3px;
	border-radius:.25rem;
	vertical-align:top;
	border:1px solid #ccc;
	width:14%;
	position:relative;
	margin:0 1px;
	flex:1 1 auto;
	/*-webkit-transition:-webkit-transform .5s;
	transition:transform .5s;
	*/
	background-color:#fff;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	min-height:80px;
	cursor:pointer;
	min-width:150px;
}
#zadaniaKalendarz div.calendar>div.body div.col.hour,
#zadaniaKalendarz div.calendar>div.head div.col.hour{
	flex:0;
	font-size:1.2rem;
	text-align:center;
	background-color:#17a2b8;
	color:#fff;
	min-height:0;
	line-height:50px;
	cursor:auto;
	min-width:70px;
	width:70px
}
#zadaniaKalendarz div.calendar>div.body div.col.today{
	border:2px solid #ffc107;
	padding:3px 2px;
	background-color:#ffffe9;
}
#zadaniaKalendarz div.calendar>div.body div.col.disabled{
	color:#8A8989;
	cursor:auto;
}
#zadaniaKalendarz div.calendar>div.body div.col.otherMonth>div.head{
	color:#8A8989;
}
#zadaniaKalendarz div.calendar.day>div.body div.col:not(.hour){
	text-align:left;
}
#zadaniaKalendarz div.calendar>div.body div.col:hover{
	/*-webkit-transform:scale(1.1);
	transform:scale(1.1);
	*/
	position:relative;
	z-index:1;
	box-shadow:0 0 6px #666;
}
#zadaniaKalendarz div.calendar>div.body div.zadanieObj{
	-webkit-transition:-webkit-transform .3s;
	transition:transform .3s;
}
#zadaniaKalendarz div.calendar>div.body div.zadanieObj:hover{
	webkit-transform:scale(1.1);
	transform:scale(1.1);
}
#zadaniaKalendarz div.calendar.day>div.body div.col:hover{
	-webkit-transform:scale(1.01);
	transform:scale(1.01);
}
#zadaniaKalendarz div.calendar>div.body div.col:not(.today):hover{
	border-color:#007bff;
	border-width:2px;
	padding:3px 2px;
}
#zadaniaKalendarz div.calendar>div.body div.col.hour:hover{
	box-shadow:none;
	-webkit-transform:none;
	transform:none;
	padding:4px 3px;
	border:1px solid #ccc;
}
#zadaniaKalendarz div.calendar div.col>div.head{
	text-align:right;
	position:relative;
	line-height:1;
	padding:0 2px;
	margin-bottom:5px;
	min-height:16px;
}
#zadaniaKalendarz div.calendar div.col>span.day{
	text-align:right;
	display:block;
}
#zadaniaKalendarz div.calendar div.col>div.head>span.add{
	position:absolute;
	top:1px;
	left:3px;
}
#zadaniaKalendarz div.calendar div.col div.zadanieObj{
	border:1px solid #6D6767;
	margin:1px 0;
	padding:4px 17px 4px 5px;
	background-color:#ddd;
	border-radius:.25rem;
	position:relative;
}
#zadaniaKalendarz div.calendar div.col div.zadanieObj>a.confirm{
	position:absolute;
	right:0;
	top:-1px;
	padding:0 3px;
}
#zadaniaKalendarz div.calendar.day div.col div.zadanieObj{
	display:inline-block;
	vertical-align:top;
	margin:0 5px 5px 0;
	max-width:100%;
}
/*======= Email ======*/
div.mail-skrzynka ul{
	list-style-type:none;
	padding:0;
}
div.mail-skrzynka ul li{
	padding:0 0 0 20px;
}
div.mail-skrzynka ul li a.folderName{
	display:inline-block;
}
div.mail-skrzynka ul li i.badge{
	position:relative;
}
div.mail-skrzynka ul li.closed ul{
	display:none;
}
div.mail-skrzynka ul li span.marker{
	position:absolute;
	margin:0 0 0 -20px;
}
/*=======MANAGER==========*/
.fa-1_5x{
	font-size: 1.5em;
}
#listaManager_wrapper thead th.text-nowrap{
	white-space: normal !important;
}
#managerLista_ tbody td input{
	max-width: 65px;
}
#managerLista_ tbody td input.delegacje{
	max-width: 205px;
}
#managerLista_ tbody td input.delegacje.datepicker{
	max-width: 105px;
}
#managerLista_ tbody td select.idStawka{
	min-width: 80px;
}
form.from_rozliczenie table td input.form-control{
	display: inline-block;
	vertical-align: middle;
	width: auto;
}
form.from_rozliczenie table td.xs input{
	max-width: 30px !important;
}
form.from_rozliczenie table td.s input{
	max-width: 35px !important;
}
form.from_rozliczenie table td.m input{
	max-width: 50px !important;
}
form.from_rozliczenie table td.l input{
	max-width: 55px !important;
}
#loadingBox{
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 5;
	display: none;
}

/*=======Rachunek==========*/
.addGroup td div>input,.addGroup td select{
	min-width:108px;
}
.addGroup td div>input.long,.addGroup td select.long{
	min-width:148px;
}
.addGroup td textarea{
	min-width:200px;
	height:100px
}
#listaRachunekAddGroup td.godzin>div>div:last-child{
	width:100px;
}
/*======= liter ikona==========*/
.letter-icon{
	display:inline-block;
	font-weight:bold;
	line-height:1;
	padding:2px 4.25px;
	font-size:1.1rem;
	border-radius:50%;
	color:#fff;
	background-color:#17a2b8;
}
.letter-icon.letter-icon-large{
	line-height:1.5;
}
/*======= qr scan ==========*/
video.qr{
	width:100vw;
	height:60vh;
	max-width:100%;
	max-height:100%;
	display:block;
	margin:0 auto;
}
video.qr.inactive{
	transform:scaleX(1)!important;
	width:225px;
}

/*======= img-user ======*/
span.img-user{
	display:inline-flex;
	margin-right:3px;
	width:40px;
	height:40px;
	border-radius:50%;
	vertical-align:middle;
	background:var(--gray) no-repeat center center / cover;
	align-items:center;
	justify-content:center;
}
span.img-user>span{
	font-size:25px;
	color:#fff;
	line-height:1;
	overflow:hidden;
	border-radius:50%;
}
table span.img-user,ul.nav.nav-tabs span.img-user{
	width:35px;
	height:35px;
}
table span.img-user>span,ul.nav.nav-tabs span.img-user>span{
	font-size:20px;
}
h1 span.img-user{
	vertical-align:text-bottom;
}
/*======= infoDB ======*/
.info-db{
	font-size:.8rem;
	font-style:italic;
}
/*=======  ==========*/


/*======= CZat ==========*/


div.top div#czat_ button.cal{
	height:54px;
	background:none;
	font-size:1.75rem;
	color:#fff;
	padding:0;
	box-shadow:none!important;
	margin-top:-.5rem;
}
div.top div#czat_{
	margin-top:-.5rem;
	padding-top:.5rem;
	height:54px;
	width:50px;
}
div.top div#czat_ div.ModuleContentBody>div.dropdown-item{
	padding-left:.5rem;
	padding-right:.5rem;
}
div.top div#czat_ span.icon_label{
	position:absolute;
	color:#fff;
	padding:2px 5px;
	background-color:red;
	top:-15px;
	padding-top:15px;
	margin-left:4px;
	font-size:15px;
	font-weight:bold;
	z-index:2;
	display:inline-block;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	transition:top .2s ease-in;
}
div.top div#czat_:hover{
	background-color:#6c6f75;
	cursor:pointer;
}
div.top div#czat_:hover span.icon_label{
	top:-5px;
}
div.top div#czat_ span.czas{
	display:block;
	font-size:smaller;
}
div.top div#czat_ span.czas>span:first-child{
	padding-right:15px;
}


div.czat{
	position:fixed;
	right:-250px;
	width:250px;
	top:54px;
	background:#365577;
	bottom:0;
	transition:right .2s;
	z-index:3;
}
div.czat.open{
	right:0;
	transition:right .5s;
}

div.czat div.czat_content{
	overflow-y:auto;
	height:100%;
}


/*div.czat div.czat_elem span.active{
	top:25px;
	display:inline-block;
	border-radius:50%;
	width:13px;
	height:13px;
	position:absolute;
	left:27px;
	bottom:auto;
	border:1px solid #fff;
}*/
div.czat div.czat_elem span.active{
	top:25px;
	display:inline-block;
	border-radius:50%;
	width:13px;
	height:13px;
	position:absolute;
	left:27px;
	bottom:auto;
}
div.czat div.czat_elem span.active:before{
	content:"";
	position:absolute;
	background-color:#365577;
	left:-2px;
	top:-2px;
	border-radius:50%;
	width:16px;
	height:16px;
}
div.czat div.czat_elem span.active:after{
	content:"";
	position:absolute;
	background-color:#365577;
	left:1px;
	top:1px;
	border-radius:50%;
	width:13px;
	height:13px;
	border:1px solid #fff;
	background-color:#dc3545;
}
div.czat div.czat_elem span.active.bg-success:after{
	background-color:#28a745;
}
div.czat div.czat_elem{
	padding-left:5px;
	padding-right:5px;
}
div.czat div.czat_elem:hover{
	background-color:#4d7198;
}
/*div.czat div.czat_elem div.czat_head{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}*/
div.czat div.czat_elem div.czat_head span.img-user{
	width:35px;
	height:35px;
}
div.czat div.czat_elem div.czat_head a{
	display:flex;
	align-items:center;
}
div.czat div.czat_elem div.czat_head a:hover{
	text-decoration:none;
}
div.czat div.czat_elem div.czat_head a span.img-user+span{
	flex: 1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.czat_elem span.icon_label{
	color:#fff;
	padding:2px 5px;
	background-color:red;
	font-weight:bold;
	z-index:2;
	display:inline-block;
	/*position:absolute;
	right:-3px;
	top:3px;*/
	margin-left:auto;
	border-radius:5px;
}
div.czat_details div.czat_inner{
	background: #eae8dc;
	overflow-y: auto;
	max-height: 300px;
	border-radius: 5px;
}
div.czat_details div.czat_msg{
	background: #f6f1ee;
	border-radius:5px;
}
div.czat_details div.czat_msg{
	width:80%;
	margin-left:5%;
}
div.czat_details div.czat_msg.mine{
	background: #dcdcdc;
	margin-left:10%;
}
div.czat_details div.czat_msg.disabled{
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

div.czat_main{
	bottom:0;
	position:fixed;
	right:0;
	left:200px;
	background:#f8f9fa;
	/*height:120px;*/
	max-height:90vh;
	z-index:2;
	color:#212529;
	/*font-size:.8rem;*/
	transition:right .2s;
	box-shadow:0 0 .375rem rgba(37,40,44,1);
}
div.czat.open+div.czat_main{
	right:250px;
	transition:right .5s;
}
div.czat_main.max{
	top:55px;
	max-height:none;
}

div.czat_main.open{
	/*fwidd
	height:400px;*/
	height:40vh;
	min-height:350px;
}
@media screen and (max-width: 800px){
	div.czat_main{
		left:0;
	}
	div.czat.open+div.czat_main{
		right:0;
	}
}
div.czat_main.open div.czat_main_body,div.czat_main.max div.czat_main_body{
	/*height:300px;*/
	display:block;
	height:100%;
}
div.czat_main div.inner{
	/*width:95%;*/
	margin:0 auto;
	display:flex;
	height:100%;
	width:100%;
	flex-direction:column;
}
div.czat_main div.inner>div{
	padding-left:10px;
	padding-right:10px;
}
/*
div.czat_main div.czat_main_header div.left_col{
	display:none;
}
*/
div.czat_main div.czat_main_header{
	padding-bottom:5px;
	padding-top:5px;
	color:#222;
}
div.czat_main div.czat_main_header div.left_col{
	font-weight:bold;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
div.czat_main div.czat_main_header div.right_col{
	/*position:absolute;
	right:0;
	top:0;*/
	margin-left:auto;
}
div.czat_main div.czat_main_header button{
	background:0;
	border:0;
	opacity:.75;
	color:#000;
}
div.czat_main div.czat_main_header button:focus,div.czat_main div.czat_main_header button:hover{
	opacity:1;
	text-decoration:none;
	color:#000;
	box-shadow:none;
}

div.czat_main div.czat_main_body{
	/*height:100px;*/
	overflow-y:auto;
	display:none;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px 0;
	margin-bottom:5px;
}

div.czat_main div.czat_main_form{
	/*height:50px;
	position:fixed;
	bottom:0;
	left:10px;
	right:20px;*/
	margin-top:auto;
}
div.czat_main div.czat_main_form>form{
	display:flex;
}
div.czat_main div.czat_main_form div.form-group{
	border-bottom:0;
	padding:0;
	margin-bottom:0;
}
div.czat_main div.czat_main_form div.form-group.tresc{
	flex:1;
}
div.czat_main div.czat_main_form div.form-group.submit{
	margin-left:auto;
	padding-left:9px;
	align-self:end;
}
div.czat_main div.czat_main_form div.tresc label{
	display:none;
}
div.czat_main div.czat_main_form>form+div{
	text-align:right;
	font-size:.8rem;
	margin-top:3px;
}
div.czat_main div.czat_main_form>form+div label{
	margin-right:0;
	padding-left:1.3rem;
	margin-bottom:0;
}
div.czat_main div.czat_main_form>form+div label .custom-control-indicator{
	width:.9rem;
	height:.9rem;
	top:.15rem;
}


div.czat_main div.czat_msg{
	display:flex;
	margin-top:5px;
	margin-bottom:5px;
}
div.czat_main div.czat_msg:first-child{
	margin-top:0;
}
div.czat_main div.czat_msg_right{
	flex:1;
	margin-left:4px;
	overflow:hidden;
}
div.czat_main div.czat_msg_right div.czat_msg_top{
	line-height:1.3;
}
div.czat_main div.czat_msg_right div.czat_msg_top div.sender{
	display:inline;
}
div.czat_main div.czat_msg_right div.czat_msg_top div.sender+div{
	display:inline-block;
}
div.czat_main div.czat_msg_right span.czat_msg_user{
	font-weight:800;
	margin-right:10px;
}
div.czat_main div.czat_msg_right span.czat_msg_time{
	font-size:.8rem;
}
div.czat_main div.czat_msg div.czat_msg_body{
	font-size:.95rem;
	word-wrap:break-word;
	overflow:auto;
}
/*
div.czat_main div.czat_msg.unseen .czat_msg_time{
	font-weight:bold;
}
*/

div.czat_main div.czat_msg div.czat_msg_body ul,
div.czat_main div.czat_msg div.czat_msg_body ol,
div.czat_main div.czat_msg div.czat_msg_body p{
	margin-top:0;
	margin-bottom:0;
}
div.czat_main div.czat_msg.disabled div.czat_msg_body{
	font-style:italic;
	color:#868e96;
}
div.czat_main span.np{
	color:#fff;
	padding:2px 5px;
	background-color:#f00;
	font-size:1rem;
	font-weight:bold;
	border-radius:5px;
}
body.czat-open>div.main>div.center{
	padding-bottom:130px;
}
div.czat_main div.czat_msg_unseen{
	color:#f00;
	text-align:right;
	position:relative;
	margin-bottom:5px;
}
div.czat_main div.czat_msg_unseen span{
	background-color:#f8f9fa;
	display:inline-block;
	position:relative;
	padding:0 5px;
	text-transform:uppercase;
	font-size:.8rem;
	margin-right:1%;
	border:1px solid #f00;
	border-radius:5px;
	letter-spacing:1px;
	line-height:1.3;
}
div.czat_main div.czat_msg_unseen:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:50%;
	background:#f00;
	height:1px;
}