/*
 *
 * Copyright (c) 2019.
 *
 * Przemysław Zieliński (info@zielsko.com)
 *
 * http://zielsko.com/
 *
 */


.popover{
	line-height:14px;
}
@-webkit-keyframes blinker{
	from{opacity:1.0;}
	to{opacity:0.0;}
}
.blink{
	text-decoration:blink;
	-webkit-animation-name:blinker;
	-webkit-animation-duration:0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction:alternate;
}
.asColorPicker-wrap:hover .asColorPicker-clear{
	line-height:44px;
	padding-right:8px;
}

::-ms-clear{
	display:none;
}

.form-control-clear{
	z-index:10;
	pointer-events:auto;
	cursor:pointer;
}

.has-clear{
	position:relative;
}

.overlay{
	background-color:rgba(255, 255, 255, 0.9);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999;
}
.spinner{
	width:50px;
	height:40px;
	text-align:center;
	font-size:10px;
	position:absolute;
	top:calc(50% - 20px);
	left:calc(50% - 25px);
}
.spinner > div{
	background-color:#4C56D7;
	height:100%;
	width:6px;
	display:inline-block;
	-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
	animation:sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2{
	-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s;
}
.spinner .rect3{
	-webkit-animation-delay:-1.0s;
	animation-delay:-1.0s;
}
.spinner .rect4{
	-webkit-animation-delay:-0.9s;
	animation-delay:-0.9s;
}
.spinner .rect5{
	-webkit-animation-delay:-0.8s;
	animation-delay:-0.8s;
}
@keyframes spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

.spin{
	animation-name:spin;
	animation-duration:1000ms;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

@-webkit-keyframes sk-stretchdelay{
	0%, 40%, 100%{
		-webkit-transform:scaleY(0.4)
	}
	20%{
		-webkit-transform:scaleY(1.0)
	}
}

@keyframes sk-stretchdelay{
	0%, 40%, 100%{
		transform:scaleY(0.4);
		-webkit-transform:scaleY(0.4);
	}
	20%{
		transform:scaleY(1.0);
		-webkit-transform:scaleY(1.0);
	}
}

.navbar .navbar-brand-wrapper .navbar-brand img{
	width:auto;
	height:auto;
	max-width:inherit;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.dropdown-toggle{
	padding:0.5rem 0.5rem 0.5rem 1rem;
	font-size:0.875rem;
	border:1px solid transparent;
	border-radius:3px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.dropdown-toggle:hover{
	border:1px solid #eee;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.show .nav-link.dropdown-toggle{
	background:#fff;
	border:1px solid #eee;
}
.photo-block{
	width:100%;
	background:#f9f9f9;
	padding:10px;
	font-size:11px;
	text-align:center;
	margin-top:15px;
}

.btn-dashed{

}

.photo-block img{
	max-width:100%;
	max-height:100%;
	margin-bottom:10px;
}

.sidebar .nav.sub-menu{
	padding:0;
}

.sidebar .nav .nav-item .nav-link .menu-title{
	font-size:0.925rem
}

.sidebar .nav.sub-menu .nav-item .nav-link{
	padding:1rem 1rem 1rem 3.75rem;
	font-size:0.85rem;
}

.sidebar .nav.sub-menu .nav-item .nav-link:hover,
.sidebar .nav.sub-menu .nav-item .nav-link.active{
	background:#f7f7fc;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active{
	font-weight:900;
}

.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link.active{
	background:#f7f7fc;
}

.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link.active span{
	font-weight:900;
}

.btn-outline-success:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover{
	color:#fff;
}

.auth .brand-logo img{
	margin:auto;
	width:auto;
}

.td-info{
	font-size:70%;
	color:#858ac5;
}

.dataTables_wrapper .filters-top,
.filters-top{
	background:#f5f5f9;
	margin-bottom:1rem !important;
	padding:10px;
}

.filters-top{

	padding:0.8rem 0.8rem 0 0.8rem
}
.filters-top h2{
	font-size:0.7rem;
	color:#555;
	text-transform:uppercase;
	font-weight:500;
}
.filters-top .form-group{
	margin-bottom:0.8rem;
}
.filters-top .form-control{
	padding:0.475rem 0.7rem;
}
.filters-top select.form-control{
	height:calc(2rem) !important;
}
.filters-top .btn{
	padding:0.5rem 1rem;
}

.dataTables_wrapper .filters-top .amount{
	float:right;
}

.dataTables_wrapper .filters-top .search{
	float:left;
}

.dataTables_wrapper .filters-top:after{
	display:block;
	content:" ";
	clear:both;
}

.dataTables_wrapper .filters-top label{
	margin:0;
}

div.dataTables_wrapper div.dataTables_filter input{
	margin:0;
	min-width:300px;
}

.dataTables_wrapper .dataTables_length select{
	outline:none;
	height:calc(1.8125rem + 8px) !important;
}

.dataTables_wrapper .filters-bot{
	background:#f5f5f9;
	margin-top:1rem !important;
	padding:10px;
}

.dataTables_wrapper .filters-bot .text{
	float:left;
}

.dataTables_wrapper .filters-bot .pages{
	float:right;
}

.dataTables_wrapper .filters-bot:after{
	display:block;
	content:" ";
	clear:both;
}

.dataTables_wrapper .dataTable .btn, .dataTables_wrapper .dataTable .fc button, .fc .dataTables_wrapper .dataTable button, .dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload, .dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled, .dataTables_wrapper .dataTable .wizard > .actions a, .wizard > .actions .dataTables_wrapper .dataTable a{
	padding:0.3rem 1rem;
}

.table thead th, .jsgrid .jsgrid-table thead th{
	border-top:1px solid #f3f3f3;
}

.mdi-accordion-header{
	font-size:2rem !important;
	line-height:0.2rem;
	top:0.5rem;
	position:relative;
	margin-right:0.5rem;
}

.gray-block{
	background:#f9f9f9;
	padding:1em;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:26px;
	position:absolute;
	top:8px;
	right:11px;
	width:20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:14px;
	padding-left:0;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td, .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td{
	padding:0.7rem 0 !important;
}

.form-control-lg{
	font-size:1.2rem
}

.form-group.required label:after{
	content:" *";
	color:red;
}

.note-editor.note-frame .note-editing-area .note-editable,
textarea.form-control{
	line-height:1.4;
	font-size:0.9rem;
	padding:20px;
	font-family:"Roboto", sans-serif;
	font-weight:initial;
	-webkit-font-smoothing:antialiased;
	color:#000;
}

.table-logs{
}

.table-logs th, .table-logs td{
	padding:.4375rem;
	font-size:0.8rem !important
}

a.card{
	color:#222;
	-webkit-transition:0.2s linear;
	transition:0.2s linear;
	text-decoration:none;
}

a.card:hover{
	text-decoration:none;
	-webkit-transform:scale(1.01);
	transform:scale(1.01);
	color:#000;
	-webkit-box-shadow:0 0 60px 0 rgba(80, 106, 172, 0.2);
	box-shadow:0 0 60px 0 rgba(80, 106, 172, 0.2);
}

.br-theme-css-stars .br-widget{
	height:20px;
}

tr[data-href]{
	cursor:pointer;
}

@media (max-width:1600px){
	html{
		font-size:90%;
	}
}

@media (max-width:1376px){
	html{
		font-size:80%;
	}
}

.multiple{
	max-height:313px;
	overflow:auto;
}

.dropdown .dropdown-menu .dropdown-item{
	padding:.5rem 1rem;
}

.modal .step{
	display:none;
}

.modal .step.active{
	display:block;
}

.model select{
	color:#000;
	font-size:0.9rem;
	margin-top:10px;
}

td .form-control{
	padding:0.5rem;
	font-size:0.875rem;
}

select.form-control, select.asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row select, .select2-container--default select.select2-selection--single, .select2-container--default .select2-selection--single select.select2-search__field, select.typeahead, select.tt-query, select.tt-hint{
	color:#000;
	height:calc(2.25rem + 9px) !important;

}

td select.form-control{
	height:auto !important;
}

.blink_me{
	-webkit-animation-name:blinker;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;

	-moz-animation-name:blinker;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:linear;
	-moz-animation-iteration-count:infinite;

	animation-name:blinker;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

.icons-list > div {
	justify-content:center;

}
.icons-list > div i {
	width:auto;
	cursor:pointer;
}
.icons-list > div i:hover {
	color:#000;
}

@-moz-keyframes blinker{
	0%{
		opacity:1.0;
	}
	50%{
		opacity:0.0;
	}
	100%{
		opacity:1.0;
	}
}

@-webkit-keyframes blinker{
	0%{
		opacity:1.0;
	}
	50%{
		opacity:0.0;
	}
	100%{
		opacity:1.0;
	}
}

@keyframes blinker{
	0%{
		opacity:1.0;
	}
	50%{
		opacity:0.0;
	}
	100%{
		opacity:1.0;
	}
}

.wizard > .content > .body{
	width:100%;
	height:100%;
	padding:10%;
}

.wizard > .content > .body .input-group label.error{
	display:none !important;
}

.wizard > .content > .body .modal-model-row{
	padding:0.8rem;
	font-size:0.8rem;
	background:#eaeaf0;
	cursor:pointer;
	margin-bottom:0.8rem;
	display:block;
}

.wizard > .content > .body .modal-model-row p{
	margin:0;
	font-size:0.75rem
}

.wizard > .content > .body .modal-model-row:hover{
	background:#d9f1d9;
}

.wizard > .content > .body .modal-model-row.selected{
	background:#d9f1d9;
	color:#287d37;
}

.wizard .content{
	min-height:100px;
}

.wizard .content > .body{
	width:100%;
	height:auto;
	position:absolute;
}

.wizard .content .body.current{
	position:relative;
}

.wizard > .content > .body label{
	margin-bottom:20px;
}

.wizard > .content > .body label.form-check-label{
	margin-bottom:2px;
	font-size:15px;
}

.wizard > .content > .body .form-check{
	margin-bottom:4px;
	margin-top:4px;
}

.wizard > .steps > ul > li{
	width:33.333%;
}

.select2-container--default .select2-search--inline .select2-search__field{
	border:none !important;
}

.sticker-wrapper{
	position:relative;
}

.sticker-wrapper h3{
	color:#737373;
	margin-bottom:1.5rem;
	text-transform:capitalize;
	font-size:1.125rem;
}

.sticker{
	position:relative;
	width:100%;
	height:auto;
	min-height:300px;
	background-color:#fcf89b;
	border-radius:2px 10px 151px / 0 6px 18px 5px;
	-webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.15);
	box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.15);
}

.sticker .area{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.sticker .area textarea{
	width:100%;
	background:none;
	border:none;
	padding:15px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	font-weight:400;
	font-size:1rem;
	font-style:italic;
}

/* Shadow under sticker */
.sticker-wrapper::before{
	content:'';
	display:block;
	position:absolute;
	z-index:0;
	width:90%;
	height:20px;
	-webkit-box-shadow:3px 17px 6px rgba(0, 0, 0, .1);
	-moz-box-shadow:3px 17px 6px rgba(0, 0, 0, .1);
	box-shadow:3px 17px 6px rgba(0, 0, 0, .1);
	bottom:19px;
	right:1px;
	-ms-transform:skew(-10deg, 2deg);
	-webkit-transform:skew(-10deg, 2deg);
	transform:skew(-10deg, 2deg);
}

/* Curl */
.sticker::after{
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:0;
	right:8px;
	bottom:5px;
	border-top:11px solid rgb(156, 166, 61);
	border-right:12px solid transparent;
	-webkit-transform:skew(-55deg, 10deg);
	transform:skew(-57deg, 13deg);
}

.form-inline .select2-container--default .select2-selection--single{
	width:100%;
}

.mark, mark{
	background-color:#fff700;
}

.auth.lock-full-bg{
	background-image:url('../images/bg_lock.jpg?v=1');
}

.auth.lock-full-bg{
	color:#fff;
}
.auth.lock-full-bg .lock-icon{
	font-size:150px;
	margin-bottom:20px;
}

.auth.lock-full-bg .form-control{
	background:rgba(255, 255, 255, 0.1) !important;
	color:#fff !important;
}


.alert-danger{
	color:#f40303;
	background-color:rgba(255, 0, 0, 0.2);
	border-color:#ff0000;
}
.bullet-line-list ol li:before{
	display:none;
}

.auth .auth-form-light{
	box-shadow:6px 11px 41px -28px #a99de7;
	-webkit-box-shadow:6px 11px 41px -28px #a99de7;
	-moz-box-shadow:6px 11px 41px -28px #a99de7;
	-ms-box-shadow:6px 11px 41px -28px #a99de7;
}

.alert{
	padding:0.75rem;
}
.alert i{
	margin-right:0.5rem;
}
.alert-dismissible .close{
	padding:0.5rem 0.75rem;
}
.alert .errors{
	margin:0.2rem 2rem 0 2rem;
}

.has-error .help-block{
	color:#ff5e5e
}
.has-error .form-control{
	border-color:#ff5e5e;
}


.sidebar-title{
	align-items:center;
	white-space:nowrap;
	margin:0.75rem 1.25rem 0rem 1.25rem;
	color:#000000;
	padding-bottom:0.75rem;
	text-transform:uppercase;
	border-bottom:2px solid #f8f8fb;
	font-size:0.7rem;
}
.sidebar .nav,
.sidebar .nav:not(.sub-menu){
	margin-top:0;
}
.sidebar-icon-only .sidebar-title{
	text-indent:-99999px;
}

.form-check .form-check-label{
	line-height:1.3;
}
.form-check .form-check-label.message-create-receiver{
	line-height:0.9;
	padding-top:3px;
}
.form-check .form-check-label.message-create-receiver span{

}
/* Message Content */
.news-wrapper .header{
	padding:0px 15px 0;
	border-bottom:1px solid #f3f3f3;
	display:-webkit-flex;
	display:flex;
}
.news-wrapper .header .details{
	padding-bottom:0;
}
.news-wrapper .header .details .news-title{
	margin-bottom:0;
	font-weight:600;
	font-size:1rem;
}
.news-wrapper .header .details .news-author{
	margin-bottom:20px;
	margin-top:5px;
	font-weight:400;
}
.news-wrapper .header .details .news-author .news-date{
	margin-left:0.4rem;
	color:#043c78;
}
.news-wrapper .news-content{
	padding:30px 15px;
}
.news-wrapper .attachments-sections ul{
	list-style:none;
	border-top:1px solid #f3f3f3;
	padding:30px 15px 20px;
}
.news-wrapper .attachments-sections ul li{
	padding:10px;
	margin-right:20px;
	border:1px solid #f3f3f3;
	border-radius:5px;
	display:inline-flex !important;
	flex-direction:row;
	align-items:stretch !important;
}
.news-wrapper .attachments-sections ul li .thumb{
	display:inline-block;
	margin-right:10px;
}
.news-wrapper .attachments-sections ul li .thumb i{
	font-size:30px;
	margin:0;
	color:#2e383e;
}
.news-wrapper .attachments-sections ul li .details p.file-name{
	display:block;
	margin-bottom:0;
	color:#2e383e;
}
.news-wrapper .attachments-sections ul li .details .buttons{
	display:flex !important;
	align-items:center !important
}
.news-wrapper .attachments-sections ul li .details .buttons .file-size{
	margin-right:10px;
	margin-bottom:0;
	font-size:13px;
}
.news-wrapper .attachments-sections ul li .details .buttons a{
	font-size:13px;
	margin-right:10px;
}
.news-wrapper .attachments-sections ul li .details .buttons a:last-child{
	margin-right:0;
}
.news-wrapper .table-bordered,
.news-wrapper .table-bordered th,
.news-wrapper .table-bordered td{
	border-color:#aaa
}


.card{
	border-radius:0;
}
.card .card-title{
	margin-bottom:0.5rem;
}

.badge-important{
	padding:0.2rem;
	width:18px;
	height:18px;
}
.email-wrapper{
	margin-left:-12px;
	margin-right:-12px;
	margin-top:15px;
}
html:not(.has-notifications) .email-wrapper{
	margin-top:-28px;
}
.email-wrapper .mail-list-container .mail-list.current_email{
	background:#f3f3f9;
}
.email-wrapper .mail-list-container .mail-list:hover{
	background:#f8f8fa;
}
.email-wrapper .mail-list-container .mail-list.current_email p{
	color:#333
}
.email-wrapper .mail-list-container .mail-list .content{
	display:flex;
	flex-direction:column;
	align-self:center;
}
.email-wrapper .mail-list-container .mail-list .form-check{
	width:30px;
}
.email-wrapper .mail-list-container .mail-list .form-check .input-helper{
	opacity:0;
}
.email-wrapper .mail-list-container .mail-list:hover .form-check .input-helper,
.email-wrapper .mail-list-container .mail-list .form-check input[type="checkbox"]:checked + .input-helper{
	opacity:1;
}
.email-wrapper .mail-list-container .mail-list .message-subject{
	margin-bottom:0;
	font-size:0.9rem;
	font-weight:400;
	max-width:95%;
	color:#000
}
.email-wrapper .mail-list-container .mail-list .message-sender{
	margin:0;
	max-width:93%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#043C78;
	font-weight:400;
	font-size:0.9rem;
}
.email-wrapper .mail-list-container .mail-list .message-date{
	font-weight:300;
	color:#999;
	font-size:0.9rem;
	margin:0;
}
.email-wrapper .mail-list-container .mail-list.new_mail{
	background:#fcfdff;
}
.email-wrapper .mail-list-container .mail-list.new_mail .message-subject{
	font-weight:900;
}
.email-wrapper .mail-list-container .mail-list.new_mail .message-sender{
	font-weight:900;
}
.email-wrapper .mail-list-container .mail-list.new_mail .message-date{
	font-weight:900;
}
.email-wrapper .mail-list-container .mail-list a{
	display:flex;
	min-width:100%;
	margin-left:15px;
}
.email-wrapper .mail-actions{
	padding:1rem;
}
.email-wrapper .message-body{


}
.email-wrapper .message-body .sender-details .details .sender-email{
	color:#043C78;
	font-weight:300;
	font-size:0.725rem;
}
.email-wrapper .message-body .sender-details .details .sender-email span{
	font-weight:300;
	color:#999;
}
.email-wrapper .message-body .sender-details .details .message-subject{
	font-weight:400;
	font-size:1rem;
	margin-bottom:3px;
}
.email-wrapper .message-body blockquote{
	margin:0px 0px 0px 0.8ex;
	border-left:1px solid rgb(204, 204, 204);
	padding-left:1ex;
}
.email-wrapper .message-recipients{
	padding:0px 15px 50px 15px;
}
.email-wrapper .hide-form{
	display:none;
}
.email-wrapper .mail-form{
	-webkit-box-shadow:0 0 60px 0 rgba(80, 106, 172, 0.2);
	box-shadow:0 0 60px 0 rgba(80, 106, 172, 0.2);
	padding:30px;
	border-radius:10px;
	background:#fff;
}

.email-wrapper .mail-users-list{

	font-size:0.8rem;
	background:#f5f5f5;
}
.email-wrapper .mail-users-list .mail-users-list-wrapper{
	max-height:400px;
	overflow-y:auto;
	overflow-x:hidden;
	background:rgb(0, 0, 0);
	background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.05085784313725494) 100%);
	padding:15px;
}
.email-wrapper .mail-users-list-legend{
	font-size:0.825rem
}
.email-wrapper .mail-users-list .actions{
	padding:15px;
}
.email-wrapper .mail-users-list .actions a{
	margin:0 5px;
}
.email-wrapper .mail-users-list .mail-users-list-legend{
	padding:15px;
	border-top:1px dashed #ddd;
}

.email-wrapper .overlay{
	position:absolute;
	visibility:hidden;
	opacity:0;
}
.email-wrapper .loading .overlay{
	visibility:visible;
	opacity:1;
	display:block !important;
}

.email-wrapper .messages-headeer{
	padding:10px 0 10px 30px;
	border-bottom:1px solid #f3f3f3;
	border-top:1px solid #f3f3f3;
	font-size:12px;
	text-transform:uppercase;
}
.email-wrapper .messages-headeer .message-header-wrapper{
	width:83%;
	margin-left:18px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
	font-size:0.725rem;
	padding:8px 12px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	margin-right:5px;
}
.note-editable blockquote{
	margin:0px 0px 0px 0.8ex;
	border-left:1px solid rgb(204, 204, 204);
	padding-left:1ex;
}

.btn-outline-primary:hover .text-primary{
	color:#fff !important;
}

select.form-control{
	outline:1px solid #dadada;
}


.input-number{
	width:80px;
	padding:0 12px;
	vertical-align:top;
	text-align:center;
	outline:none;
}

.input-number,
.input-number-decrement,
.input-number-increment{
	border:1px solid #ccc;
	height:40px;
	user-select:none;
}

.input-number-decrement,
.input-number-increment{
	display:inline-block;
	width:40px;
	line-height:40px;
	background:#043C78;
	color:#fff;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	border-radius:20px;
	border:none;
}
.input-number-decrement:active,
.input-number-increment:active{
	background:#ddd;
}

.input-number-decrement{

}

.input-number-increment{

}


.alert-fill-danger a{
	font-weight:900;
	color:#fff;
}



.forum-section-header {
	border-bottom:1px solid #F7F7FC;
	padding-bottom:1rem;
	margin-bottom:1rem;
}
.forum-section-header .card-description {
	margin:0;
}



.forum-row-wrapper {
	display:flex;
	padding:10px 0;
	border-bottom:1px solid #ddd;

}
.forum-row-wrapper:hover {
	background:#fafaff;
}
.forum-row-wrapper .forum-row  {
	display:flex;
	flex: 1 1 auto;
}
.forum-row-wrapper .forum-row:hover {
	text-decoration:none!important;
}
.forum-row .icon {
	width:64px;
	height:64px;
	font-size:2rem;
	color:#ccc;
	text-align:center;
	line-height:64px;
}
.forum-row .title {
	color:#043C78;
	padding:10px;
}
.forum-row .title h4 {
	font-size:1.2rem;
}
.forum-row .title p {
	color:#aaa;
	padding:0;
	margin:0;
}
.forum-row-wrapper .forum-actions {
	justify-self:flex-end;
	flex: 0 1 auto;
	padding:15px;
}
.forum-row-wrapper .forum-actions .btn-icon {
	font-size:0.7rem;
	width:32px;
	height:32px;
}
.forum-row-wrapper .forum-actions .btn-icon i {
	font-size:0.7rem
}





.file-upload{display:block;padding:12px;font-size:13px;}
.file-upload .file-select{display:block;border: 2px solid #F3F3F9;color: #34495e;cursor:pointer;height:42px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#F3F3F9;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#2577FB;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#2577FB;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}



.folder-row{
	display:flex;
	width:100%;
	height:68px;
	align-items:flex-start;
	text-decoration:none;
	padding:10px 10px 5px 10px;
	position:relative;
}
.folder-row:hover{
	background:#F3F3F9;
	text-decoration:none;

}
.folder-row .folder-name{
	height:46px;
	color:#737373;
	font-size:17px;
	padding:6px 15px;
	line-height:1;
}
.folder-row .folder-remove {
	position:absolute;
	font-size:30px;
	top:18px;
	right:20px;
	display:none;
}
.folder-row:hover .folder-remove {
	display:block;
}
.folder-row .folder-name small{
	font-size:70%;
	color:#a7b4c0;
}

.folder{
	background-color:#b1bcc9;
	position:relative;
	width:62px;
	height:40px;
	display:block;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	margin-top:6px;
}
.folder-as-icon{
	border:1px solid rgba(103, 168, 249, 0.38);
	position:relative;
	width:62px;
	height:46px;
	display:block;
	border-radius:4px;
	text-align:center;
	padding:6px 0;
}
.folder-as-icon i{
	color:rgb(103, 168, 249);;
	font-size:26px;
}
.folder-tab{
	position:absolute;
	height:5px;
	left:0;
	bottom:100%;
	display:block;
	width:40%;
	border-top-left-radius:4px;
	background-color:inherit;
}
.folder-tab:after{
	content:'';
	position:absolute;
	display:block;
	top:0;
	left:calc(100% - 5px);
	border-bottom:5px solid #676f7c;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
}
.folder-name .badge {
	top: -3px;
	left: 5px;
	position: relative;
	font-size:9px;
}
.folder-icn{
	padding-top:6px;
	width:100%;
	height:100%;
	display:block;
}
.downloading{
	width:18px;
	height:23px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.custom-arrow{
	width:8px;
	height:8px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-4px;
	background-color:#fff;
	-webkit-animation-name:downloading;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	animation-name:downloading;
	animation-duration:1.5s;
	animation-iteration-count:infinite;
}
.custom-arrow:after{
	content:'';
	position:absolute;
	display:block;
	top:100%;
	left:-4px;
	border-top:8px solid #fff;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}
.bar{
	width:26px;
	height:1px;
	background-color:#fff;
	margin:0 auto;
}
a.forum-thread {
	color:#222222
}
a.forum-thread p {
	color:#666666;
}
.forum-thread {
	display:block;
	border-bottom: 1px solid #f3f3f3;
	padding:1rem;
}
.forum-thread .post-edit {
	display:none!important;
}
.forum-thread:hover {
	text-decoration:none;
	background:#F3F3F9;
}
.forum-thread:hover .post-edit {
	display:block!important;
}
.post-attachments {
	margin:1rem 0;
}
.post-attachments .repeater-wrapper {
	background:#F3F3F9;
	padding:1rem 1rem 0.5rem 1rem;
}
.post-attachments input {
	padding:0;
	border:none;
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
	margin-bottom:5px;
	background:none;
}
.post-attachments input:focus {
	background:transparent;
}
.post-attachments .repeater-delete {
	cursor:pointer;
	padding:5px;
	margin-left:5px;
}

.attachments-sections {
	display:flex;

}
.attachments-sections ul {
	list-style: none;
	border-top: 1px solid #f3f3f3;
	padding: 30px 15px 20px;

}
.attachments-sections ul li  {
	padding: 10px;
	margin-right: 20px;
	border: 1px solid #f3f3f3;
	border-radius: 5px;
	align-items: stretch !important;
	flex-direction: row !important;
	display: inline-flex !important;
}
.attachments-sections ul li .thumb {
	align-items: center !important;
	margin-right: 10px;
	justify-content: center !important;
	display: flex !important;
}
.attachments-sections ul li .thumb i {
	 font-size: 30px;
	 margin: 0;
	 color: #2e383e;
}
.attachments-sections ul li .details p.file-name {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	display: block;
	margin-bottom: 0;
	color: #2e383e;
}
.attachments-sections ul li .details .buttons {
	align-items: center !important;
	display: flex !important;
}
.attachments-sections ul li .details .buttons .file-size {
	margin-right: 10px;
	margin-bottom: 0;
	font-size: 13px;
}
.attachments-sections ul li .details .buttons a {
	font-size: 13px;
	margin-right: 10px;
}
.attachments-sections ul li .details .buttons a:last-child {
	argin-right: 0;
}


.dataTable thead th,
.dataTable thead td {
	color: #007bff;
	font-size:0.875rem
}
.dataTables_wrapper .dataTable thead .sorting:after, .dataTables_wrapper .dataTable thead .sorting_asc:after, .dataTables_wrapper .dataTable thead .sorting_desc:after, .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after, .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
	right: 0.3em;
	top: 0.6rem;
	font-size: 0.9rem;
	line-height: 1;
}
.dataTables_wrapper .dataTable thead .sorting:before, .dataTables_wrapper .dataTable thead .sorting_asc:before, .dataTables_wrapper .dataTable thead .sorting_desc:before, .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before, .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before{
	content: "\F05D";
	right: 1.2em;
	top: 0.5rem;
	line-height: 1;
	font-size: 0.9rem;
}