/**********import fonts**********/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
/**********fonts**********/
@font-face {
   font-family: Inter-Black;
   src: url(../fonts/Inter-Black.ttf);
 }
 @font-face {
   font-family: Inter-Bold;
   src: url(../fonts/Inter-Bold.ttf);
 }
 @font-face {
   font-family: Inter-Light;
   src: url(../fonts/Inter-Light.ttf);
 }
 @font-face {
   font-family: Inter-Medium;
   src: url(../fonts/Inter-Medium.ttf);
 }
 @font-face {
   font-family: Inter-Regular;
   src: url(../fonts/Inter-Regular.ttf);
 }
 @font-face {
   font-family: Inter-SemiBold;
   src: url(../fonts/Inter-SemiBold.ttf);
 }
 @font-face {
   font-family: Inter-Thin;
   src: url(../fonts/Inter-Thin.ttf);
 }
/************general***********/
body{
   overflow-x:hidden ;
   background: rgb(249,248,255);
   background: linear-gradient(180deg, rgba(249,248,255,1) 0%, rgba(245,238,237,1) 100%);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   font-family: Inter-Regular;
}
main{
   padding: 40px 16px 0;
}
/*******nav***************/
.menu-avatar{
   display: flex;
   align-items: center;
   justify-content: end;
}
.avatar-block{
   text-decoration: none;
   display: grid;
   justify-content: center;
   text-align: center;
}
.avatar-block span{
   font-family: Inter-Medium;
   font-size: 13px;
   color: #000000;
   text-decoration: none;
}
.avatar-img{
   display: inline-block;
   margin-right: 20px;
}
.img-avatar-arround{
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 40px;
   height: 40px;
   border-radius: 15px;
   margin: 0 auto;
}
/**********menu***/
.nav-bar{
   height: 85px;
   background-color: #FFFFFF;
   box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.10);
   -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.10);
   -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.10);
   padding: 10px 16px;
}
.overlay-content {
   height: auto;
   width: 0;
   position: absolute;
   z-index: 3;
   top: 85px;
   right: 0;
   background-color: #fff;
   overflow-x: hidden;
   transition: 0.5s;
   box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.10);
   -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.10);
   -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.10);
   border-radius: 0 0px 10px 10px;
} 
.overlay-content ul{
   margin: 0;
   list-style: none;
   text-align: left;
   padding: 0;
}
.overlay-content ul li{
   padding-bottom: 10px;
}
.overlay-content ul li:last-child{
   padding-bottom: 0px;
}
.overlay-content ul li hr{ 
   margin-top: 10px;
   margin-bottom: 5px;
   border-top: 1px solid #e2e1e1;
   opacity: 1;
}
.overlay-content ul li svg{ 
   padding-right: 15px;
}
.overlay-content ul li svg path{ 
   fill: #B9C3CC;
}
.overlay-content ul li a{
   text-decoration: none;
   font-size: 14px;
   font-family: Inter-Medium;
   color: #000000;
}
.overlay a {
   padding: 8px;
   text-decoration: none;
   font-size: 38px;
   color: #fff;
   display: block;
   transition: 0.3s;
   font-family: CabinetGrotesk-Bold;
} 
.overlay a:hover, .overlay a:focus {
   color: #f1f1f1;
} 
.openbtn{
   transition: .8s all;
}
.closebtn {
   display: none;
   transition: .8s all;
}
div#myNav{
   display: inline-block;
}
/**************header-dashboard********/
.dashboard-menu h1{
   font-size:22px;
   font-family: Inter-Medium;
   color: #323232;
}
.dashboard-menu .dropdown{
   display: inline-block;
   width: 240px;
   margin-right: 10px;
}
.dashboard-menu .dropdown .form-select{
   border-radius: 6px;
   background-color: #fff;
   border: #fff;
   color: #25213B;
   font-size: 14px;
   font-family: Inter-Regular;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   height: 45px;
}
.dashboard-menu .dropdown-toggle::after{
   width: 9px;
   height: 9px;
   border-right: 1.2px solid #25213B;
   border-top: 1.2px solid #25213B;
   border-left: none;
   transform: rotate(135deg);
}
.dashboard-menu a.btn.btn-primary,
.dashboard-menu button.btn.btn-primary{
   height: 44px;
   background-color: #C24087;
   color: #fff;
   border-radius: 12px;
   border: #C24087;
   font-size: 14px;
   font-family: Inter-Regular;
   width: 150px;
}
.dashboard-menu a.btn.btn-primary {
   line-height: 44px;
   padding: 0;
}
/**********dashboard-table**********/
.dashboard-table{
   padding-top: 15px;
   padding-bottom: 30px;
   font-size: 13px;
}
.buttons-excel {
   background: #c24087 !important;
   color: white !important;
   border: #c24087 !important;
}
.dt-buttons {
   width: 100% !important;
   text-align: right !important;
   margin-bottom: 15px !important;
}
.dashboard-table .table{
   border-collapse: separate;
   border-spacing: 0 10px;
}
.dashboard-table .table thead th span{
   font-size: 13px;
   color: #000000;
   font-family: Inter-Medium;
   padding-right: 20px;
   font-weight: initial;
   padding-left: 10px;
}
.dashboard-table .table thead th .head-table {
   display: flex;
   align-items: center;
}
.dashboard-table .table thead th svg{
   height: 10px;
   display: none;
}
.dashboard-table .table thead th svg path{
   fill: #5F2F67;
}
.dataTables_wrapper .dataTables_length select, 
.dataTables_wrapper .dataTables_filter input,
.dashboard-table .table thead th input.form-control,.dashboard-table .table thead th .form-select{
   background-color: #fff;
   border: #FFF;
   height: 40px;
   border-radius: 10px;
   font-size: 12px;
}
.dashboard-table .table tbody tr{
   height: 60px;
}
.dashboard-table .table tbody th{
   text-align: center;
   background-color: #fff;
}
.dashboard-table .table tbody th:first-child{
border-radius: 10px 0 0 10px;
}
.dashboard-table .table tbody td{
   font-size: 12px;
   font-family: Inter-Regular;
   color: #000000;
   vertical-align: middle;
   background-color: #fff;
}
.dashboard-table .table tbody td:last-child{
   border-radius: 0 10px 10px 0;
}
.dashboard-table .table tbody th{
   vertical-align: middle;
}
.dashboard-table .table tbody td button.btn.btn-primary{
   background-color: #72336E;
   border: #72336E;
   color: #fff;
   padding: 3px 10px 6px;
   margin-right: 5px;
   margin-bottom: 10px;
}
.dashboard-table .table tbody td a.btn.btn-secondary.btn-secondary-edit,
.dashboard-table .table tbody td button.btn.btn-secondary{
   background-color: #3F2A5E;
   border: #3F2A5E;
   color: #fff;
   padding: 3px 10px 6px;
   margin-right: 5px;
   margin-bottom: 10px;
}
.dashboard-table .table tbody td button.btn.btn-success{
   background-color: #C24049;
   border: #C24049;
   color: #fff;
   padding: 3px 10px 6px;
   margin-right: 5px;
   margin-bottom: 10px;
}
.dashboard-table .table tbody td button.btn.btn-success.del-desabled {
   background: gray;
}
.dashboard-table .table tbody td button.btn.btn-danger{
   background-color: #C24087;
   border: #C24087;
   color: #fff;
   padding: 3px 10px 6px;
   margin-right: 5px;
   margin-bottom: 10px;
}
.dashboard-table .table tbody input[type="checkbox"]{
   -moz-appearance: none;
   -webkit-appearance: none;
   -o-appearance: none;
   outline: none;
   content: none;
   width: 12px;
   height: 12px;
   position: relative;
   border: 1px solid #C1C1C1;
   border-radius: 4px;
   cursor: pointer;
}
.dashboard-table .table tbody input[type=checkbox]:checked:before {
   content: "\2713";
   width: 12px;
   height: 12px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-46% , -70%);
   color: #C9428A;
   font-size: 12px;
   font-weight: bolder;
}
.rounded-pill img{
   border-radius: 50%;
   box-shadow: 3px 3px 11px -2px rgba(0,0,0,0.6);
   -webkit-box-shadow: 3px 3px 11px -2px rgba(0,0,0,0.6);
   -moz-box-shadow: 3px 3px 11px -2px rgba(0,0,0,0.6);
}
/***********pagination*******/
.pagination-block ul.pagination li span{
   font-size: 14px;
   font-family: Inter-Medium;
   padding-right: 15px;
   padding-left: 15px;
   color: #0A0526;
}
.pagination-block ul.pagination li .page-link{
   background-color: transparent;
   color: #211368;
   border: none;
   font-size: 14px;
   font-family: Inter-SemiBold;
}
.pagination-block ul.pagination li .page-link span svg path{
   fill: #6E6893;
}
.pagination-block .form-select{
   padding-right: 15px;
   border: none;
   height: 40px;
}
/************footer-block**********/
.footer-block {
   padding: 6px 16px;
   background-color: #fff;
   box-shadow: 3px 0px 5px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 3px 0px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.10);
}
.footer-block span{
   font-size: 10px;
   color: #707070;
   font-family: Inter-SemiBold;
}
.footer-block img{
   width: 30%;
}
.footer-block a{
   font-size: 11px;
   font-family: Inter-SemiBold;
   color: #707070;
   text-decoration: none;
}
/**************modalPage****************/
.modal-content.modal-show{
   padding: 35px;
   border: none;
   border-radius: 20px;
   background: rgb(252,248,249);
   background: linear-gradient(180deg, rgba(252,248,249,1) 0%, rgba(241,241,249,1) 100%);
   height: auto;
}
.modal-show .modal-footer{
   display: block;
   border: none;
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 0;
   padding-top: 20%;
}
.modal-show.note .modal-footer{
   display: block;
   border: none;
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 0;
   padding-top: 5%;
}
.modal-show .modal-footer .col-md-6:first-child{
   padding-left: 0;
}
.modal-show .modal-footer .col-md-6:last-child{
   padding-right: 0;
}
.modal-show .modal-footer button.btn.btn-secondary{
   background-color: #E8DDEA;
   color: #000000;
   font-family: Inter-Regular;
   font-size: 13px;
   border: none;
   height: 40px;
   border-radius: 12px;
}
.customForm button.btn.btn-danger {
   padding: 0 40px;
}
.customForm button.btn.btn-danger,
.modal-show .modal-footer button.btn.btn-danger{
   background-color: #C24087;
   color: #fff;
   font-family: Inter-Medium;
   font-size: 13px;
   border: none;
   height: 40px;
   border-radius: 12px;
}
.modal-show .modal-footer button{
   width: 100%;
}
.modal-show .modal-header{
   border: none;
}
button.btn-close{
   position: absolute;
   top: 20px;
   right: 10px;
   background-color: #3E1B3D;
   color: #fff !important;
   border-radius: 50%;
   font-size: 13px;
   opacity: 1;
   background: url("data:image/svg+xml,%3csvg id='style_fill' data-name='style=fill' xmlns='http://www.w3.org/2000/svg' width='30.57' height='30.57' viewBox='0 0 30.57 30.57'%3e%3cg id='close-circle'%3e%3cpath id='Subtract' d='M1.25%2c16.535A15.285%2c15.285%2c0%2c1%2c1%2c16.535%2c31.82%2c15.285%2c15.285%2c0%2c0%2c1%2c1.25%2c16.535Zm10.266-5.02a1.066%2c1.066%2c0%2c0%2c1%2c1.508%2c0l3.512%2c3.512%2c3.512-3.512a1.066%2c1.066%2c0%2c1%2c1%2c1.508%2c1.508l-3.512%2c3.512%2c3.512%2c3.512a1.066%2c1.066%2c0%2c0%2c1-1.508%2c1.508l-3.511-3.511-3.512%2c3.511a1.066%2c1.066%2c0%2c0%2c1-1.508-1.508l3.512-3.511-3.512-3.512A1.066%2c1.066%2c0%2c0%2c1%2c11.516%2c11.516Z' transform='translate(-1.25 -1.25)' fill='%233e1b3d' fill-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e");
   width: 30px;
   height: 30px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: inherit;
}
.modal-show .modal-body{
   padding-left: 0;
   padding-right: 0;
}
.modal-show .modal-body h5{
   font-family: 'Poppins', sans-serif;
   font-size: 18px;
   color: #000000;
   padding-bottom: 30px;
}
.customForm input, .customForm select.form-select[multiple] {
   height: 150px;
}
.customForm input, .customForm select,
.modal-show .modal-body input , .modal-show .modal-body select{
   border: none;
   border-radius: 10px;
   height: 35px;
   background-color: #FFF;
}
.modal-show .modal-body input:disabled,
.modal-show .modal-body select:disabled {
   background-color: #EEEEEE;
}
.modal-show .modal-body textarea{
   border: none;
   border-radius: 10px;
   height: 237px;
   background-color: #FFF;
}
.customForm label,
.modal-show .modal-body label{
   font-size: 16px;
   color: #000000;
   font-family: Inter-Medium;
}
.modal-show .modal-body .col-md-3 input{
   border: 1px solid #C24087;
   border-radius: 10px;
   height: 35px;
   background-color: #FFF;
}
.modal-show .modal-body svg path{
  fill:#A382A5;
}
.modal-content.modal-show.part2 {
   display: none;
}
/*************style select*************/
.custom-select {
   position: relative;
   color: #0C37FB;
   font-family: CabinetGrotesk-Bold;
   font-size: 18px;
 }
 .custom-select .form-select {
   display: none;
 }
 
 
 .select-selected:after {
   position: absolute;
   content: "";
   top: 15px;
   right: 15px;
   width: 9px;
   height: 9px;
   border-right: 1.2px solid #25213B;
   border-top: 1.2px solid #25213B;
   border-left: none;
   transform: rotate(135deg);
   background-image: none;
 }
 
 
 .select-items div {
   color: #000000;
   cursor: pointer;
   user-select: none;
   padding: 10px;
   font-size: 12px;
   font-family: Inter-Regular;
   font-weight: initial;
 }
 .dashboard-menu  .select-selected {
   height: 45px;
   background-color: #fff;
   border: #fff;
   font-size: 14px;
   color: #25213B;
 }
 .select-selected {
   border-radius: 6px;
   background-color: #FFF;
   border: #FFF;
   color: #000000;
   font-size: 12px;
   font-family: Inter-Regular;
   cursor: pointer;
   user-select: none;
   width: 100%;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-left: 15px;
   font-weight: normal;
 }
 .select-items {
   position: absolute;
   background-color: #FFF;
   top: 50px;
   left: 0;
   right: 0;
   z-index: 1;
   border-radius: 10px;
   box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
   -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
   -moz-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
   border: 1px solid #9F4375;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: left;
 }
 
 .select-hide {
   display: none;
 }
 
 .select-items div:hover, .same-as-selected {
   background-color: #9F4375;
   color: #fff !important;
 }
/***************responsive**************/
@media screen and (max-width: 991.5px) {
   /* .table>thead tr:last-child{
      display: none;
   } */
   .dashboard-menu button.btn.btn-primary , .dashboard-menu .dropdown{
      width: 100%;
   }
   .dashboard-menu .dropdown{
      margin-bottom: 15px;
   }
   .dashboard-table .table tbody td button.btn.btn-danger{
      padding: 3px 8px 6px;
      margin-right: 6px;
   }
 }





/************footer-block**********/
.footer-block {
   padding: 6px 0px;
}
.footer-block .form-footer{
  display: flex;
  align-items: center;
}
.footer-block .form-footer input{
  background-color: #fff;
  border: none;
  height: 30px;
  font-size: 10px;
  font-family: Inter-Medium;
  color: #11142D;
  border-radius: 6px;
  margin-right: 10px;
}
.footer-block .form-footer button.btn.btn-primary{
  height: 30px;
  font-size: 10px;
  font-family: Inter-Medium;
  border-radius: 6px;
  width: 75px;
}
.footer-block span{
   font-size: 10px;
   color: #707070;
   font-family: Inter-SemiBold;
}
.footer-block img{
   width: 20%;
   opacity: .5;
}
.footer-block span{
  padding-left: 15px
}
.footer-block a{
   font-size: 11px;
   font-family: Inter-SemiBold;
   color: #707070;
   text-decoration: none;
}
/***************page-login************/
.titlogin {
   font-size: 34px;
   font-family: Inter-Medium;
   color: #000000;
   padding: 20px 30px 50px;
}
.page-login main{
   padding: 0;
}
.page-login h1 {
   font-size: 30px;
   font-family: Inter-Medium;
   color: #000000;
   padding-bottom: 30px;
   position: relative;
}
.page-login button.btn.btn-primary {
   background-color: #BB4586;
   border: 1px solid #BB4586;
   color: #fff;
   border-radius: 10px;
   font-family: Inter-Medium;
   font-size: 12px;
   height: 40px;
   width: 130px;
   transition: .3s all;
}
.page-login button.btn.btn-primary:hover{
   background-color: #771e4f;
   border: 1px solid #771e4f;
   color: #fff;
   border-radius: 10px;
   font-family: Inter-Medium;
   font-size: 12px;
   height: 40px;
   width: 130px;
}
.page-login{
  background-image: url(../image/login-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display: grid;
  padding: 16px 16px 0;
}
.page-login .header img{
  width: 90%;
}
.page-login .content-form{
  align-self: center;
}
.page-login .content-form h6{
  font-size: 18px;
  font-family: Inter-Medium;
  color: #000000;
  padding-top: 30px;
  padding-bottom: 10px;
}
.page-login footer{
  align-self: end;
}
.app-download img{
  padding-left: 5px;
  padding-right: 5px;
}
.login-with{
  display: grid;
  padding-top: 50px;
}
.login-with a{
  padding: 0 15px;
  text-decoration: none;
  color: #000000;
  font-size: 12px;
  font-family: Inter-Medium;
  border: 1px solid #989898;
  border-radius: 10px;
  height: 48px;
  display: flex;
  align-items: center;
  width: 320px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.login-with .google img{
  padding-right: 30px;
}
.login-with .poste img{
  padding-right: 12px;
}

.form-login h1:before{
  content: " ";
  background-image: url(../image/arrow.png);
  position: absolute;
  height: 70px;
  width: 70px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: inherit;
  top: -40px;
  left: -80px;
}
.form-login .form-control{
  height: 48px;
  border: none;
  font-size: 12px;
  color: #000000;
  font-family: Inter-Regular;
  border-radius: 0 10px 10px 0;
  padding-left: 0;
}
.form-login span.basic-addon{
  background-color: #fff;
  border: none;
  border-radius: 10px 0 0 10px;
  font-size: 20px;
  height: 48px;
}
.form-login span.basic-addon1 svg path{
  fill: #A8296F;
}
.footer-login{
   padding: 6px 0px;
}
.footer-login a {
   font-size: 11px;
   font-family: Inter-SemiBold;
   color: #707070;
   text-decoration: none;
}
.footer-login span {
   font-size: 10px;
   color: #707070;
   font-family: Inter-SemiBold;
   padding-left: 15px;
}
.footer-login  img {
   width: 20%;
   opacity: .5;
}
.filters .head-table-action span {
   display: none;
}
.filters input[type="text"] {
   max-width: 100px;
}
.customForm {
   max-width: 600px;
   margin: 20px auto;
}
.textError {
   color: red;
}
.ui-widget.ui-widget-content {
   z-index: 9999;
   max-height: 300px;
   overflow-y: auto;
   overflow-x: hidden;
}
/* table.dataTable {
   table-layout:fixed;
   width: 98% !important; 
} */
table.dataTable thead th, 
table.dataTable thead td,
table.dataTable.no-footer {
   border: 0;
}
.menuStickers {
   background: url(../image/dashboard.svg) no-repeat;
   background-size: 15px;
   padding-left: 28px;
}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after {
   color: #72336E;
   opacity: 0.6;
   font-size: 17px;
}
table.dataTable thead>tr>th.sorting_asc:before, 
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_asc:before, 
table.dataTable thead>tr>td.sorting_desc:after {
   opacity: 1;
}
table.dataTable thead>tr>th.sorting.thactions:before,
table.dataTable thead>tr>th.sorting.thactions:after,
table.dataTable thead>tr.filters>th:before,
table.dataTable thead>tr.filters>th:after {
   content: '';
   display: none;
}
.dataTables_scrollHeadInner {
   margin: 0 auto;
}
.form-login form .basic-addon {
   color: #A8296F;
}
.dashboard-table-qrcodes .table-names.filters {
   display: none;
}

.preloader-wrap {
   width: 100%;
   position: relative;
   display: inline-block;
   height: 30px;
   /* height: 100%;
   top: 0; 
   bottom: 0;
   background: rgba(0,0,0,1);
   z-index : 2;  */
 }
 
 .percentage {
   z-index: 100;
   border: 1px solid #ccc;
   text-align:center;
   color: #fff;
   line-height: 30px;
   font-size : 15px;
 }
 
 .loader,
 .percentage{
   height: 20px;
   max-width: 100%; 
   border: 2px solid #337ab7;
   border-radius: 10px;
   font-weight: 300;
   position: absolute; 
   top: 0; 
   bottom: 0; 
   left: 0; 
   right: 0;
   margin : auto; 
 }
 .loader:after,
 .percentage:after {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }
 
 .trackbar {
   width: 100%;
   height: 100%;
   border-radius: 20px;
   color: #fff;
   text-align: center;
   line-height: 30px;
   overflow: hidden;
   position: relative;
   opacity: 0.99;
 }
 
 .loadbar {
   width: 0%;
   height: 100%;
   background: #337ab7;
   /* background: repeating-linear-gradient(
   45deg, 
     #008737, 
     #008737 10px, 
     #69AF23 10px,
     #69AF23 20px
   );  */
   /* box-shadow: 0px 0px 14px 1px #008737;  */
   position: absolute;
   top: 0;
   left: 0;
   /* animation: flicker 5s infinite; */
   overflow: hidden;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-size: 40px 40px;
   animation: progress-bar-stripes 2s linear infinite;
 }
 
 .glow {
   width: 0%;
   height: 0%;
   border-radius: 20px;
   /* box-shadow: 0px 0px 60px 10px #008737; */
   position: absolute;
   bottom: -5px;
   animation: animation 5s infinite;
 }
 
 @keyframes animation {
   10% {
     opacity: 0.9;
   }
   30% {
     opacity: 0.86;
   }
   60% {
     opacity: 0.8;
   }
   80% {
     opacity: 0.75;
   }
 }
 .dashboard-content {
   width: 100%;
   display: inline-block;
 }