/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;500;700;900&display=swap');
html body {
	font-family: 'Tajawal', 'Tahoma' !important;
}
#w0-filters {
	display:none;
}
.fixed-sidebar {
	position: fixed;
	left: 1em;
}
.blog-list-wrapper .blog-title-truncate {
  display : -webkit-box;
  -webkit-line-clamp : 2;
  -webkit-box-orient : vertical;
  overflow : hidden;
}

.blog-list-wrapper .blog-content-truncate {
  display : -webkit-box;
  -webkit-line-clamp : 3;
  -webkit-box-orient : vertical;
  overflow : hidden;
}

.ficon-xl, [data-feather] {
  height: 1.5rem;
  width: 1.5rem;
}

p.card-text {
  font-weight: 900;
}

.main-menu .navbar-header .navbar-brand .brand-text {
  white-space: normal;
  letter-spacing: 0;
  padding-right: 1rem;
  font-weight: 900;
}

.watermarked {
  background-image: url('/themes/ibs/app-assets/images/watermark.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.btn .feather {
    /* font-size: 2em; */
    width: 1.4em;
    height: 1.4em;
}
.card .card-header .heading-elements a i, .card .card-header .heading-elements a svg {
  height: 1.2rem;
  width: 1.2rem;
  /* font-size: 1rem; */
}

.error-summary {
  color: #ea5455;
  padding: 1em;
  margin-bottom: 2em;
  font-weight: 700;
  border: solid 1px #ea5455;
}
.help-content{
  overflow-x: auto;
}
.feather-lg {
  height: 3rem !important;
  width: 3rem !important;
}
.feather-md {
  height: 2rem !important;
  width: 2rem !important;
}
.feather-sm {
  height: 1.4rem !important;
  width: 1.4rem !important;
}
.std-img {
  padding: .5em;
  background-color: #ffffff33;
}
.progress-lg {
  height: 1.5rem;
}
.progress-sm {
  height: 0.5rem;
}
.help-block-error {color:red;}

.display-1,.display-2,.display-3,.display-4,p,a,h1,h2,h3{
  word-break: keep-all;
  word-wrap: normal!important;
  -webkit-hyphens: none!important;
  -ms-hyphens: none!important;
  hyphens: none!important;
}

/**
* CSS for printing
*/
@media print
  {  
    .content-wrapper,.main-footer {overflow-x: hidden; margin: 1cm 1cm!important;}
    .noprint, .noprint *{ display: none !important;}
    .yesprint, .yesprint *{ display: block !important;}
    /*body,.form-control{font-size: 1em;}*/
    footer {display: none;}
    table {table-layout: fixed; }
    a[href]:after { content: none !important; }
    img[src]:after { content: none !important; }
    th.action-column,tr#w0-filters{display: none !important;}
    .form-control,.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{border: none;}
    table.dataTable thead .sorting:after {display: none;}
    p,a,span,th,td{
      word-break: keep-all;
      word-wrap: normal!important;
      -webkit-hyphens: none!important;
      -ms-hyphens: none!important;
      hyphens: none!important;
    }
    a:link {
      text-decoration: none;
    }
    hr{display: none;}
    /*.card {page-break-after: always;}*/
    @page {
        /*size: auto;*/
        margin: 1cm !important;
    }
}



.page-item.prev .page-link:before, .page-item.next .page-link:after {
  background-image: none;
}
li.prev.disabled.page-item {
  background-color: #f3f2f7;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

li.next.disabled.page-item {
  background-color: #f3f2f7;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
li.next.disabled.page-item span, li.prev.disabled.page-item span{
  visibility: hidden;
}
.fixtd{
  width: 100%;
  min-width: 100px;
}

.select2-selection:not([multiple=multiple]) {
  background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%23d8d6de\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-down\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'%3E%3C/polyline%3E%3C/svg%3E');
  background-position: calc(100% - (100% - 12px)) 13px,calc(100% - (100% - 20px)) 13px,0 0;
  background-size: 18px 14px,18px 14px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 1.5rem;
}
.carousel-indicators {
  position: relative;
}

.table th, .table td {
  padding: 0.6rem 1rem !important;
}

/* Tables always span the full width available, and scroll horizontally
   instead of squeezing columns when they need more room than that. */
.table-responsive {
  width: 100%;
  min-width: 100%;
  overflow-x: auto;
}
.table-responsive > table {
  min-width: 100%;
}

.card-text {
  white-space: pre-line;
}

.dropdown-toggle::after {
  display: none;
}