/* 1.1 Article */
 .article {
     position: relative;
     margin-bottom: 30px;
}
 .article .article-header {
     height: 170px;
     position: relative;
     overflow: hidden;
}
 .article .article-header .article-image {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
     z-index: -1;
}
 .article .article-header .article-title {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 10px;
}
 .article .article-header .article-title h2 {
     font-size: 16px;
     line-height: 24px;
}
 .article .article-header .article-title h2 a {
     font-weight: 700;
     text-decoration: none;
}
 .article .article-details {
     padding: 20px;
     line-height: 24px;
}
 .article .article-details .article-cta {
     text-align: center;
}
 .article .article-header .article-badge {
     position: absolute;
     bottom: 10px;
     left: 10px;
}
 @media (min-width: 768px) and (max-width: 991.98px) {
     .article {
         margin-bottom: 40px;
    }
     .article .article-header {
         height: 195px !important;
    }
}
 @media (max-width: 1024px) {
     .article .article-header {
         height: 155px;
    }
}
/* 1.2 Author */
/* 1.3 Avatar Item */
/* 1.4 Browser */
 .browser {
     display: inline-block;
     width: 60px;
     height: 60px;
     background-size: 100%;
}
/* 1.5 Chat */
/* 1.6 Chocolat */
/* 1.7 Custom Tab */
/* 1.8 DataTables */
 table.dataTable {
     border-collapse: separate !important;
    /* collapse !important;
     SZOK */
     border-spacing: 0px;
    /* SZOK */
}
 table.dataTable thead th, table.dataTable thead td {
}
/* 1.9 Date Range Picker */
 .ranges li {
}
 .ranges li:hover, .ranges li.active {
}
/* 1.10 Dropzone */
/* 1.11 Flag Icon */
/* 1.12 Full Calendar */
/* SZOK .fc-toolbar h2 {
     font-size: 16px;
     margin-top: 4px;
}
 .fc-view {
     font-weight: 500;
     padding: 10px;
}
 .fc-view > table {
}
 .fc-view > table tr, .fc-view > table td {
}
 .fc-view > table th {
     font-weight: 500;
     padding: 10px;
}
 .fc-view-container > .fc-view {
     padding: 0;
}
 .fc-view {
     text-align: right;
}
 .fc-view > table td {
     text-align: right;
}
 .fc-unthemed td.fc-today {
}
 .fc button .fc-icon {
     top: -0.09em;
}
 .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
     padding: 10px;
}
 .fc-day-grid-event .fc-content {
     padding: 5px 10px;
}
 tr:first-child > td > .fc-day-grid-event {
     margin-bottom: 10px;
}
 .fc-state-default {
     text-transform: capitalize;
     font-weight: 500;
}
 .fc button {
     height: auto;
     padding: 10px 15px;
}
 .fc button.fc-state-active {
}
 */
/* 1.13 Gallery */
/* 1.14 Image Preview */
/* 1.15 IonIcons */
/* 1.16 jQVmap */
/* 1.17 Profile */
/* 1.18 Select2 */
 .select2-container--default .select2-search--dropdown .select2-search__field:focus {
     outline: none;
}
 .select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
     box-sizing: border-box;
     cursor: pointer;
     display: block;
     min-height: 42px;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-user-select: none;
     outline: none;
}
 .select2-dropdown {
}
 .select2-container.select2-container--open .select2-selection--multiple {
}
 .select2-container.select2-container--focus .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single {
}
 .select2-container.select2-container--open .select2-selection--single {
}
 .select2-results__option {
     padding: 10px;
}
 .select2-search--dropdown .select2-search__field {
     padding: 7px;
}
 .select2-container--default .select2-selection--single .select2-selection__rendered {
     min-height: 42px;
     line-height: 42px;
     padding-left: 20px;
     padding-right: 20px;
}
 .select2-container--default .select2-selection--multiple .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow {
     position: absolute;
     top: 1px;
     right: 1px;
     width: 40px;
     min-height: 42px;
}
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
     padding-left: 10px;
     padding-right: 10px;
}
 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
     padding-left: 10px;
     padding-right: 10px;
}
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
     margin-right: 5px;
}
 .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected] {
}
 .select2-results__option {
     padding-right: 10px 15px;
}
/* 1.19 Selectric */
/* 1.20 Slider */
/* 1.21 Sparkline */
/* 1.22 Statistics */
/* 1.23 Summary */
 .summary {
     display: inline-block;
     width: 100%;
}
/* 1.24 Summernote */
/* 1.25 Sweet Alert */
/* 1.26 Tags Input */
 .bootstrap-tagsinput {
     display: block;
     height: 46px;
     overflow: auto;
}
 .bootstrap-tagsinput input {
     height: 100%;
     padding: 0 8px;
}
 .bootstrap-tagsinput .tag {
     padding: 5px 10px;
}
 .bootstrap-tagsinput .tag:first-child {
     margin-left: 5px;
}
 .bootstrap-tagsinput:focus {
}
/* 1.27 Time Picker */
/* 1.28 Toast */
/*#toast-container > .toast-warning:before {
     content: "\f100";
}
 #toast-container > .toast-error:before {
     content: "\f2d7";
}
 #toast-container > .toast-info:before {
     content: "\f44c";
}
 #toast-container > .toast-success:before {
     content: "\f121";
}
*/
/* 1.29 User Item */
/* 1.30 Weather */
/* 1.31 Weather Icon */
/* 1.32 PWStrength */
 .pwindicator {
     margin-top: 4px;
     width: 150px;
}
 .pwindicator .bar {
     height: 2px;
}
/* 1.33 Product */
/* 1.34 Ticket */
 .tickets-list .ticket-item {
     text-decoration: none;
     display: inline-block;
     width: 100%;
     padding: 20px;
}
 .tickets-list .ticket-item.ticket-more {
     padding: 15px;
     text-align: center;
     font-weight: 600;
     font-size: 12px;
}
 .tickets {
     display: flex;
}
 @media (min-width: 576px) and (max-width: 767.98px) {
     .tickets {
         display: inline-block;
    }
}
 @media (min-width: 768px) and (max-width: 991.98px) {
     .tickets {
         flex-wrap: wrap;
         margin: 0 -15px;
    }
}
/* 1.35 Owl Carousel */
/* 1.36 Activities */
 .activities {
     display: flex;
     flex-wrap: wrap;
}
 .activities .activity {
     width: 100%;
     display: flex;
     position: relative;
}
 .activities .activity:before {
     content: ' ';
     position: absolute;
     left: 25px;
     top: 0;
     width: 2px;
     height: 100%;
}
 .activities .activity:last-child:before {
     display: none;
}
/* 1.37 Activities */
 .invoice {
     position: relative;
     margin-bottom: 30px;
     padding: 40px;
}
 .invoice hr {
     margin-top: 40px;
     margin-bottom: 40px;
}
/* 1.38 Empty States */
/* 1.39 Pricing */
 .pricing {
     position: relative;
     margin-bottom: 30px;
     text-align: center;
}
 .pricing.pricing-highlight .pricing-title {
}
 .pricing.pricing-highlight .pricing-cta a {
}
 .pricing.pricing-highlight .pricing-cta a:hover {
}
 .pricing .pricing-padding {
     padding: 40px;
}
 .pricing .pricing-title {
     font-size: 10px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 2.5px;
     display: inline-block;
     padding: 5px 15px;
}
 .pricing .pricing-price {
     margin-bottom: 45px;
}
 .pricing .pricing-price div:first-child {
     font-weight: 600;
     font-size: 50px;
}
 .pricing .pricing-details {
     text-align: left;
     display: inline-block;
}
 .pricing .pricing-details .pricing-item {
     display: flex;
     margin-bottom: 15px;
}
 .pricing .pricing-details .pricing-item .pricing-item-icon {
     width: 20px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     margin-right: 10px;
}
 .pricing .pricing-details .pricing-item .pricing-item-icon i {
     font-size: 11px;
}
 .pricing .pricing-cta {
     margin-top: 20px;
}
 .pricing .pricing-cta a {
     display: block;
     padding: 20px 40px;
     text-transform: uppercase;
     letter-spacing: 2.5px;
     font-size: 14px;
     font-weight: 700;
     text-decoration: none;
}
 .pricing .pricing-cta a .fas, .pricing .pricing-cta a .far, .pricing .pricing-cta a .fab, .pricing .pricing-cta a .fal {
     margin-left: 5px;
}
 .pricing .pricing-cta a:hover {
}
/* 1.40 Hero */
/* 1.41 Avatar */
/** * Thanks to Spectre.css */
 .avatar {
     display: inline-block;
     font-size: 16px;
     font-weight: 300;
     margin: 0;
     position: relative;
     vertical-align: middle;
     line-height: 1.28;
     height: 45px;
     width: 45px;
}
 .avatar.avatar-sm {
     font-size: 12px;
     height: 30px;
     width: 30px;
}
 .avatar img {
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 1;
}
/* 1.42 Wizard */