/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

form.wordpress-helpdesk-form.wordpress-helpdesk-Simple {
    padding-top: 20px;
}
div.mce-statusbar {
    display: none;
}
div.mce-toolbar-grp {
    display: none;
}
.wp-editor-tools {
    display: none;
}
.quicktags-toolbar {
    display: none!important;
}
.menu-item i._mi{
    font-size: 36px ! Important;
}
.menu-item i._before, .rtl .menu-item i._after {
    margin-right: 0;
}
.footer-fix-icon .menu-item a.hfe-menu-item {
    display: flex!important;
    flex-direction: column!important;
}
footer {
	width: 100%;
	position: fixed;
    bottom: 0;
}
.wordpress-helpdesk {
   max-width: 1300px;
   margin:0 auto;

}	.wordpress-helpdesk-row {
    padding-left: 12px;
	padding-right: 12px;
}

.wordpress-helpdesk-col-sm-12 {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3rem;
}
.wordpress-helpdesk-reporter-box > .wordpress-helpdesk-row {
    display: flex;
}
.wordpress-helpdesk-agent-box > .wordpress-helpdesk-row {
    display: flex;
}
.wordpress-helpdesk-reporter-box, .wordpress-helpdesk-agent-box {
    background: #e5e9f6;
}
.wordpress-helpdesk-meta-information {
    display: flex;
    flex-direction: row;
}
.wordpress-helpdesk-meta-information > span {
    background-color: #007F1F!important;
	margin-right: 3px;

}
span.label {
	background-color: #007F1F!important;
}
thead.wordpress-helpdesk-my-tickets-header {
    background-color: #e5e9f6!important;
}
.dataTables_length {
    display: none;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0!important;
	margin-top: 32px;
}
.dataTables_wrapper .dataTables_filter {
    float: none;
}

label.upload-btn {
    margin-top: -32px;
}
.upload-btn span {
    padding: 8px;
    background-color: #007F1F;
    color: #fff;
    border-radius: 3px;
}

@media (min-width: 768px){
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
    max-width: 720px;
}
}

@media (min-width: 1100px){
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
    max-width: 1024px;
}
}
@media (min-width: 1200px){
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
    max-width: 1140px;
}
}
@media (min-width: 1400px){
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
    max-width: 1300px;
}
}


@media only screen and (max-width: 767px) {
.wordpress-helpdesk-row.jpkd-toplica-prijava > .wordpress-helpdesk-col-xs-6 {
	width: 100%!important;

}
.wordpress-helpdesk-meta-information {
    flex-direction: column;
}
.wordpress-helpdesk-meta-information > span {
	margin-right: 0;
	margin-bottom: 3px;

}
}
@media (max-width: 575px) {
	h1 {
    font-size: 1.5rem;
}
.wordpress-helpdesk-livechat-trigger {
    bottom: 14%;
}
.wordpress-helpdesk-livechat-trigger .fa {
    line-height: 50px;
    font-size: 28px;
}
.wordpress-helpdesk-livechat-trigger {
    width: 55px;
    height: 55px;
}
}