/*
1. GENERAL
    1.1 General styles
    1.2 Tables
    1.3 Helpers, hacks, resets
    1.4 Icons
    1.5 Client overview

2. TAILWIND
*/

/*     __ __    __ _  _
     /__|_ |\||_ |_)|_||
1.  \_||__| ||__| \| ||__ */

/* +-+-+-+-+-+-+ +-+-+-+-+-+-+-+
1.1 GENERAL STYLES
+-+-+-+-+-+-+ +-+-+-+-+-+-+-+ */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Medium.ttf');
    font-weight: 500;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-SemiBold.ttf');
    font-weight: 600;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Bold.ttf');
    font-weight: 700;
}

@font-face { font-family: 'Poppins'; 	src: url('../fonts/Poppins/Poppins-Light.woff2') format('woff2'), 	url('../fonts/Poppins/Poppins-Light.woff') format('woff'); 	font-weight: 300; font-style: normal;}
@font-face { font-family: 'Poppins';	src: url('../fonts/Poppins/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins/Poppins-Regular.woff') format('woff'); font-weight: 400; font-style: normal;}
@font-face { font-family: 'Poppins';	src: url('../fonts/Poppins/Poppins-Medium.woff2') format('woff2'),	url('../fonts/Poppins/Poppins-Medium.woff') format('woff');	font-weight: 500; font-style: normal;}
@font-face { font-family: 'Poppins';    src: url('../fonts/Poppins/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins/Poppins-SemiBold.woff') format('woff');	font-weight: 600; font-style: normal;}
@font-face { font-family: 'Poppins';	src: url('../fonts/Poppins/Poppins-Bold.woff2') format('woff2'),	url('../fonts/Poppins/Poppins-Bold.woff') format('woff');font-weight: bold; font-style: normal;}

body {
    font-family: "Open Sans", serif;
    background-color: #fcfcfc;
    line-height: normal;
    min-width: unset;
}

.wrapper-tw {
    height: calc(100vh - 3.5rem);
}

.wrapper-tw {
    height: calc(100dvh - 3.5rem);
}

/* Helpdesk fullscreen mode - enable full width for tables/grids */
.wrapper-tw.helpdesk-fullscreen {
    height: 100vh;
    height: 100dvh;
    width: 100vw;
    max-width: 100vw;
}

body, .popover {
    font-size: 0.75rem;
    letter-spacing: 0.1px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
}

h1 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

h2, .h2 {
    font-size: 1.4rem;
}

h3, .h3 {
    font-size: 1.2rem;
}

h4, .h4 {
    font-size: 1.1rem;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: .8rem;
}

a.fas:hover, a.far:hover, a.fal:hover, a.fab:hover {
    text-decoration: none;
}

a.disabled {
    color: gray;
    pointer-events: none;
}

input[type="checkbox"]:not([disabled]) {
    cursor: pointer;
}

.linkToTranslator {
    position:relative !important;
    width: 16px !important;
    height: 16px !important;
    text-align: center !important;
    display: inline-block !important;
    background:url('/images/translator.png') !important;
    border: 0 !important;
    float:none !important;
    margin: 0 !important;
    cursor: pointer !important;
}


/* +-+-+-+-+-+-+ +-+-+-+-+-+-+-+
1.2 TABLES
+-+-+-+-+-+-+ +-+-+-+-+-+-+-+ */
th {
    font-weight: 600;
}


/* +-+-+-+-+-+-+ +-+-+-+-+-+-+-+
1.3 HELPERS, HACKS, RESETS
+-+-+-+-+-+-+ +-+-+-+-+-+-+-+ */
/* General hacks */
.btn i[class^="icon"] {
    position: relative;
    top: 2px;
}

.input-remove-arrows {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

/* Datagrid */
body > .dropdown-menu.datagrid-dropdown-menu-in-body {
    display: block !important;
}


/* +-+-+-+-+-+-+ +-+-+-+-+-+-+-+
1.4 ICONS
+-+-+-+-+-+-+ +-+-+-+-+-+-+-+ */
[class^="icon-"]::before, [class*=" icon-"]::before {
    font-family: FontAwesome;
}

.icon-pdf {
    display: inline-block;
    vertical-align: top;
    min-width: 16px;
    min-height: 16px;
    background-image: url('../images/icons/svg/pdf.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-pdf-dis {
    display: inline-block;
    vertical-align: top;
    min-width: 16px;
    min-height: 16px;
    background-image: url('../images/icons/svg/pdf-grey.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-csv {
    display: inline-block;
    vertical-align: top;
    min-width: 16px;
    min-height: 16px;
    background-image: url('../images/icons/svg/csv.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-star {
    display: inline-block;
    min-width: 16px;
    min-height: 16px;
    background-color: currentColor;
    mask-type: alpha;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke="currentColor" fill="none" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/></svg>');
}

.icon-star-outlined {
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke="currentColor" fill="none" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/></svg>');
}

.icon-star-filled,
.icon-star-outlined:hover {
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/></svg>');
}

.icon-dashboard::before { content: url('../images/icons/icon-dashboard.png'); }
.icon-email3::before { content: url('../images/icons/icon-email3.png'); }
.icon-push::before { content: url('../images/icons/icon-push.png'); }
.icon-sms::before { content: url('../images/icons/icon-sms.png'); }
.icon-map::before { content: url('../images/icons/icon-map.svg'); }
.icon-map-dis::before { content: url('../images/icons/icon-map.svg'); filter: grayscale(1); }
.icon-nat::before { content: url('../images/icons/icon-nat.png'); }
.icon-graph::before { content: url('../images/icons/icon-graph.png'); }
.icon-graph-disabled::before { content: url('../images/icons/icon-graph_disabled.png'); }
.icon-arrow-left:before { content: "\f060"; }
.icon-arrow-right:before { content: "\f061"; }

/* File icons */
.icon-docx::before { content: url('../images/icons/icon-docx.png'); }
.icon-doc::before { content: url('../images/icons/icon-doc.png'); }
.icon-rtf::before { content: url('../images/icons/icon-rtf.png'); }
.icon-csv-dis::before { content: url('../images/icons/icon-csv_dis.png'); }
.icon-xml::before { content: url('../images/icons/icon-xml.png'); }
.icon-xml-dis::before { content: url('../images/icons/icon-xml_dis.png'); }

/* Export icons */
.icon-abo::before { content: url('../images/icons/icon-abo.png'); }
.icon-abra-g2::before { content: url('../images/icons/icon-abra-g2.png'); }
.icon-abra-g2-dis::before { content: url('../images/icons/icon-abra-g2_dis.png'); }
.icon-abra-g3::before { content: url('../images/icons/icon-abra-g3.png'); }
.icon-abra-g3-dis::before { content: url('../images/icons/icon-abra-g3_dis.png'); }
.icon-cloud::before { content:"\f0c2"; }
.icon-ekonom::before { content: url('../images/icons/icon-ekonom.png'); }
.icon-ekonom-dis::before { content: url('../images/icons/icon-ekonom_dis.png'); }
.icon-hu-rlb::before { content: url('../images/icons/icon-hu_rlb.png'); }
.icon-hu-rlb-dis::before { content: url('../images/icons/icon-hu_rlb_dis.png'); }
.icon-inkaso::before { content: url('../images/icons/icon-inkaso.png'); }
.icon-inkaso-dis::before { content: url('../images/icons/icon-inkaso_dis.png'); }
.icon-it-danea::before { content: url('../images/icons/icon-it_danea.png'); }
.icon-it-danea-dis::before { content: url('../images/icons/icon-it_danea_dis.png'); }
.icon-kastner::before { content: url('../images/icons/icon-es_stereo.png'); }
.icon-kastner-dis::before { content: url('../images/icons/icon-es_stereo_dis.png'); }
.icon-kros::before { content: url('../images/icons/icon-kros.jpg'); }
.icon-kros-dis::before { content: url('../images/icons/icon-kros_dis.jpg'); }
.icon-melzer::before { content: url('../images/icons/icon-melzer.png'); }
.icon-melzer-dis::before { content: url('../images/icons/icon-melzer_dis.png'); }
.icon-mk::before { content: url('../images/icons/icon-mk.png'); }
.icon-mk-dis::before { content: url('../images/icons/icon-mk_dis.png'); }
.icon-moneys3::before { content: url('../images/icons/icon-moneys3.png'); }
.icon-moneys3-dis::before { content: url('../images/icons/icon-moneys3_dis.png'); }
.icon-moneys5::before { content: url('../images/icons/icon-moneys5.png'); }
.icon-moneys5-dis::before { content: url('../images/icons/icon-moneys5_dis.png'); }
.icon-mrp-dos::before { content: url('../images/icons/icon-mrp-dos.png'); }
.icon-mrp-dos-dis::before { content: url('../images/icons/icon-mrp-dos_dis.png'); }
.icon-mrp-win::before { content: url('../images/icons/icon-mrp-win.png'); }
.icon-mrp-win-dis::before { content: url('../images/icons/icon-mrp-win_dis.png'); }
.icon-pohoda::before { content: url('../images/icons/icon-pohoda.png'); }
.icon-pohoda-dis::before { content: url('../images/icons/icon-pohoda_dis.png'); }
.icon-sepa::before { content: url('../images/icons/icon-sepa.png'); }
.icon-sepa-dis::before { content: url('../images/icons/icon-sepa_dis.png'); }
.icon-sepa-aib::before { content: url('../images/icons/icon-sepa-aib.png'); }
.icon-sepa-bper-banca::before { content: url('../images/icons/icon-sepa-bper-banca.png'); }
.icon-sipo::before { content: url('../images/icons/icon-sipo.png'); }
.icon-sipo-dis::before { content: url('../images/icons/icon-sipo_dis.png'); }
.icon-stereo::before { content: url('../images/icons/icon-stereo.png'); }
.icon-stereo-dis::before { content: url('../images/icons/icon-stereo_dis.png'); }
.icon-symplex::before { content: url('../images/icons/icon-symplex.png'); }
.icon-symplex-dis::before { content: url('../images/icons/icon-symplex_dis.png'); }
.icon-ucto::before { content: url('../images/icons/icon-ucto.png'); }
.icon-ucto-dis::before { content: url('../images/icons/icon-ucto_dis.png'); }
.icon-daktela::before { content: url('../images/icons/daktela.png'); }

/* Billing periods icons */
.icon-billing-periods-0:before { width: 14px; height: 14px;  content:url('../images/icons/icon-billing-periods-0.svg'); }
.icon-billing-periods-1:before { width: 14px; height: 14px;  content:url('../images/icons/icon-billing-periods-1.svg'); }
.icon-billing-periods-2:before { width: 14px; height: 14px; content:url('../images/icons/icon-billing-periods-2.svg'); }
.icon-billing-periods-3:before { width: 14px; height: 14px;  content:url('../images/icons/icon-billing-periods-3.svg'); }
.icon-billing-periods-6:before { width: 14px; height: 14px;  content:url('../images/icons/icon-billing-periods-6.svg'); }
.icon-billing-periods-12:before { width: 14px; height: 14px;  content:url('../images/icons/icon-billing-periods-12.svg'); }
.icon-billing-periods-24:before { width: 14px; height: 14px;  content:url('../images/icons/icon-billing-periods-24.svg'); }
.icon-billing-periods-36:before { width: 14px; height: 14px;  content:url('../images/icons/icon-billing-periods-36.svg'); }

/* CATV icons */
.icon-door-visible:before { content:url('../images/icons/icon-door-visible.png'); }
.icon-door-hidden:before { content:url('../images/icons/icon-door-hidden.png'); }

/* Other HW icons */
.icon-nagiosoff_small:before { content:url('../images/icons/icon-nagiosoffSmall.png'); }
.icon-nagioson_small:before { content:url('../images/icons/icon-nagiosonSmall.png'); }
.icon-router-update { content:url('../images/icons/icon-router-update.png'); }
.icon-router-update-dis { content:url('../images/icons/icon-router-update_dis.png'); }
.icon-disconnect { content:url('../images/icons/icon-disconnect.png'); }
.icon-router-graph { content:url('../images/icons/icon-router-graph.png'); }
.icon-router-graph-dis { content:url('../images/icons/icon-router-graph_dis.png'); }
.icon-graph3 { content:url('../images/icons/icon-graph3.png'); }
.icon-graph4 { content:url('../images/icons/icon-graph4.png'); }
.icon-graph7 { content:url('../images/icons/icon-graph7.png'); }
.icon-graph7-dis { content:url('../images/icons/icon-graph7_disabled.png'); }
.icon-winbox { content: url('../images/icons/icon-winbox.png'); }

/* Billing icons */
.icon-money-accept { content:url('../images/icons/icon-money_accept.png'); }
.icon-money-amount { content:url('../images/icons/icon-money_amount.png'); }
.icon-money-back { content:url('../images/icons/icon-money_back.png'); }
.icon-continuous-invoice { content:url('../images/icons/icon-continuous-invoice.png'); }
.icon-create-invoice { content:url('../images/icons/icon-create-invoice.png'); }
.icon-invoice-delete { content:url('../images/icons/icon-invoice-delete.png'); }


/* +-+-+-+-+-+-+ +-+-+-+-+-+-+-+
1.5 Client overview
+-+-+-+-+-+-+ +-+-+-+-+-+-+-+ */

#client-overview h1,
#client-overview h2,
#client-overview h3,
#client-overview h4,
#client-overview h5,
#client-overview h6 {
    font-family: "Open Sans", sans-serif;
}

/* +-+-+-+-+-+-+ +-+-+-+-+-+-+-+
2.TAILWIND
Bootstrap reset
+-+-+-+-+-+-+ +-+-+-+-+-+-+-+ */

.tw label {
    margin-bottom: 0;
}