/*================================================================================
	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;
}

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

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