@font-face {
   font-family: 'Font-app';
   src: url('fonts/ProximaNova-Regular.woff2') format('woff2');
   font-weight: normal;
   font-style: normal;
   }


@font-face {
   font-family: 'Font-app';
   src: url('fonts/ProximaNova-Bold.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
   } 




*{
    font-size: 13px;
	padding: 0;
    box-sizing: border-box;
    font-family: 'Font-app','FontAwesome', sans-serif !important;
	letter-spacing: 0.5px;
	
	scrollbar-color: #A6A6A6 #F8F9FA;
    scrollbar-width: 10px !important;
	
	min-height1111:0;
    min-width111:0;
	  
}

html, body {
	
  overscroll-behavior: none;
	
  width: 100%;   
  height: 100%;
  
  background: transparent;
  
  overflow-x:hidden;
  overflow-y:auto;
  
  box-sizing: border-box;
  
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  
}

button:focus{
	
  outline: none;

}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}



/* -- -- */

body{
margin:0;

display:flex;
flex-direction:column;

}

body.modal-open{
	
	overflow: inherit;
	
}

.header{

 height:50px;
 flex:0 0 50px;

}



.left_menu_header{
	
	height:50px;
    flex:0 0 50px;
	flex-wrap: nowrap;
	border: 0 !important;	
	
	
}

@media  (max-width: 450px){
	
  #button_send{
	  
	  width:100% !important;
	  
  }	

}	


.left_menu_data{
	
	overflow: hidden;
	
    
}

.left_menu_data #left_menu{
	
	overflow-y:auto;
	overflow-x: hidden;
	
}


@media  (max-width: 766px){

.left_menu_header{
   
   margin-left: -15px !important;
   border: 0 !important;
}  

.left_menu_data{
   
   margin-bottom: 0px !important;
   margin-left: -15px !important;
   border: 0 !important;
}
   
}





.modal.ui-widget-content{
	
	border: 0;
	
}	


.nav-link{
	
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
	
}

.dropdown-menu{
	
	text-transform: uppercase;
	
}


.header .nav-link {

  border: 0;
  
}

.catalogmenu .nav-link {

  border: 0;
  
}

.catalogmenu{
	
	border:0 !important;
	
}

.wrapper{
	
  min-height: 100%;
  display: flex;
  flex-direction: column;
  
  
}

.ui-state-active{
	
	font-weight: 600;
	
}




.content{

  flex:1;

  display:flex;

  flex-direction:column;

  overflow:hidden;

}

.content.ui-widget-content{
	
	border:0;
	
}

.dialog_content{

  position: absolute;
  background: aquamarine;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display:none;

}

.dialog_content.show{

    display:block;

}

.title_col{
	
	 min-width: 0;
	
}

.title_doc{
	
	display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
	
}


.title_leftmenu{

  height: 50px;
  flex: 0 0 50px;
  display: flex;
  align-items: center;

}

.top_content{
	
  height: 50px;
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  border: 0 !important;
  background-image: url("") !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 5;
}

.titlepage{
	
  height: 70px;
  flex: 0 0 70px;
  display: flex;
  align-items: center;
	
}



.title_block{
  
  height: 50px;  
  border-radius: 5px;
  margin-left: 15px;
  margin-right: 15px;
	
}

.block-search-result {
  
  position: absolute;
  top: 40px;
  left: 1px;
  width: 100%;
  min-height: 40px;
  max-height: calc(100vh - 150px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #ced4da;
  border-radius: .25rem !important;
  background-color: #fff;
  z-index: 9999;
  
}



.title_page {
  height: 50px;
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}


.title_line, .title_line .link, .title_line span {
	
	font-size: 1.5rem;
	font-weight: 700 !important;
	border: 0;
    background: none;
}

.title_line_small{
	
	font-size: 1rem;
	font-weight: 100 !important;
	border: 0;
    background: none;
	
}

.title_icon {
	
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  border-radius: .25rem;
  font-size: 12px;
  overflow: hidden;
	
}

.title_icon .fa{
	
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
	
}

.left_menu_icon .fa{
	
	background: none;
    color: inherit;

}


.breadcrumbs{

  height: 35px;
  flex: 0 0 35px;
  display: flex;
  align-items: end;

}



.body_dialog .card .card-body {
	
	padding-top: 0px;
	
}

.card-header{
	
  display:flex;
  align-items: center;
  min-height: 45.5px;
  z-index: 2;
}

.card-footer{
	
  display:flex;
  align-items: center;
  min-height: 57px;

}

.card-header .title{
	
	border: 0;
	background:none !important;
	font-size: 18px;
}


.left_menu{
  
  position: relative;
  padding: 0px;
  overflow: hidden;
  width: 300px;
  max-width: 300px;
  height:100%;
  border-top: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  transition: width 0.3s ease;
  background-image: url("") !important;
  
}

.modal-header.ui-widget-header{
	
	background-image: url("") !important;
	
}

.modal-dialog-centered{
	
	min-height: calc(100% - 0rem);
	
}




@media  (min-width: 600px){

.left_menu.hide{

  width: 0;
  min-width: 0; 
  
}

}

.table_data_height{
	
	height: calc(100dvh - 239px);
	margin-bottom:-1px;
	overflow-y: scroll;
	
}



.table_data_height_inform{
	
	height: calc(100% + 1px) !important;
	margin-bottom:-1px;
	
	
	
}

.tree_data_height{
	
	height: calc(100dvh - 165px);
	overflow-x: hidden; 
	overflow-y: auto;
	
}



.logo_brand{
	
  font-size: 1.5rem;
  font-weight: 700 !important;
  padding-left: 10px;
  padding-right: 10px;
	
}

.left_section_panel{
	
  width: 100%;
  max-width: 300px;
		
}

.left_section_panel_header{
	
	height: 35px;
	border-top:0 !important;
	border-left:0 !important;
	border-right:0 !important;
	
}


.flex-1{

    flex: 1;
    min-height: 0;
}

.search_input{
	
	max-width: 350px;
    min-width: 350px;
	
}

.filter_active_data{
	
	min-width:200px;
}

.img_table_space{
	
   width: 50px;	
	
}

.img_table{
  
  position: relative;
  overflow: hidden;  
  display:flex;
  align-items:center;
  justify-content:center;  
  width: 50px;
  height: 50px;
  background-image: url(/assets/images/no-img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80% auto;
	
}

.owl-carousel .owl-stage-outer .owl-stage .owl-item{
	
	height:100%;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 5px;
}

.owl-theme .owl-dots .owl-dot span {
  width: 40px;
  height: 5px;
  margin: 5px 2px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 2px;
}



.img_table img{
	
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
	
}

.img_product {
	
  width: 200px;
  height: 270px;
  overflow: hidden;
  
}

.img_product .slide{
	
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
	
}

.slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}





@media  (max-width: 766px){  /* mobile */ 


.img_table{
	
  width: 50px;
  height: 50px;
  	
}


.search_input{
	
	max-width:100%;
	min-width: auto;
	
}

.left_section_panel{
	
  width: 100%;
  max-width: 100%;
  padding:0 !important;
		
}


.btn_active_data{
	
	padding-top:5px;
	
}



.bottom_mobile_space{
	
 height:60px;	
	
}

.scroll_mobile_block {

     overflow-y:auto;
     flex: 1;
     min-height: 0;

}


.table_data_height{
	
	/*
	height: calc(100dvh - 289px);margin-bottom:-1px;
	overflow-y: auto !important;
	*/
	
	min-height: calc(100dvh - 269px)!important;
	height:auto;
    margin-bottom:-1px;
    overflow-y: hidden !important;
	border: 0 !important;
	
}

.table_data_height_inform{
	
	height: calc(300px + 1px) !important;
	margin-bottom:-1px;
	
}

.tree_data_height{
	
	min-height: calc(100dvh - 210px)!important;
	height:auto;
    overflow-y: hidden !important;
	
}	

.owl-carousel img {

    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;

}




.left_menu{

  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 120;
  width: 100%;
  transform: translateX(-100%);  
  transition: transform 0.3s ease;
  border-radius: 0;
  border: 0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  

}

.left_menu.show{

   transform: translateX(0);
}





.data_menu_data {
	
	height: calc(100vh - 155px);
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}




} /* mobile */






#main_content .catalogmenu{

  width:300px;

}


.page{

flex:1;

overflow:auto;

}

.page_content{

  background: #fff;
  
  min-height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  
}

.footer{

  background:#222;
  color:white;
  height:40px;

}



/* -- -- */ 


.content_center_panel_header{
 
 
 position:absolute; 
 top:0;
 left:0; 
 right:0; 
 
 height:50px;
 flex: 0 0 50px;
 z-index: 2;

}

.content_center_panel_data{

position:absolute; 
top:50px; 
left:0; 
right:0; 
bottom:0; 
overflow-x: hidden;
overflow-y: auto;
flex: 1;
z-index: 1;
min-height: 0;

}

.progressbar_content {
    position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	display: flex;
    align-items: center !important;
    justify-content: center;
	z-index:9999;	
    display: none;
 }


.progressbar_content.active {
	
	display: flex;
    
}

.progressbar_data {
    position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	display: flex;
    align-items: center !important;
    justify-content: center;
	z-index:9999;	
    display: none;
 }


.progressbar_data.active {
	
	display: flex;
    
}

.w-100-mobile{

max-width: 100% !important;

}

.label_mobile{
	
  font-size: 10px;
  color: gray;
		
}

.no-bg{
	
	background: none !important;
	
}

.message_danger_content{
	
  font-size: 18px;
  color: #dc3545;
  font-weight: 600;
  min-height: 100px;	
}

.results{
	 
	display:none;
	  
 }
 
.confirm_procedure{
	
	padding: 0 15px 0 15px;
	
} 

.modal-backdrop{
	 
	 z-index: -1;
	 background-color: #ddd9d9;
	 	 
 }
 
 .modal-backdrop.show {
    
	opacity: .1;
	
	
}

.modal-dialog { margin:auto; width: 100%; }

.modal-dialog .modal-content { margin:auto; min-height: 200px; }


.modal-dialog.preload{
	
	width: 50px;
	height: 50px;
	
}

.modal-dialog.preload .modal-content{
    
	min-height: 50px;
    max-height: 50px;
	overflow: hidden;
    
}

.modal-dialog.preload .modal-content .modal-header{
   
   /*display:none; */

}	


#dialog_one_confirm .modal-dialog { margin:auto; max-width: 500px; }
#dialog_one_confirm .modal-content { margin:auto; max-height: 230px; }
#dialog_one_confirm .modal-header { display:flex; }


#dialog_two_confirm .modal-dialog { margin:auto; max-width: 500px; }
#dialog_two_confirm .modal-content { margin:auto; max-height: 230px; }
#dialog_two_confirm .modal-header { display:flex; }


.modal-fullscreen{
	
	max-width:100% !important;
	width: 100% !important;
	height:100dvh !important;
	padding: 0 !important;
}


.modal-fullscreen .modal-dialog{
	
	max-width:100%;
	width:100vw;
	max-height:none !important;
	height:100dvh !important;
	
	
	
}

.modal-fullscreen .modal-content{
	
	max-width:100%;
	width:100%;
	max-height:100%;
	height:100% !important;
	border-radius: 0 !important;
    border: 0 !important;
	
}

.modal-fullscreen .modal-header{
	
	border-radius: 0 !important;
	
}	

.modal-fullscreen .modal-body {
  overflow-y: hidden !important;
}

.modal {
	
	height: 100%;
	z-index:9998;
	overflow: hidden !important;
}


/* test */

@media  (max-width: 500px){

.modal.right .modal-dialog.modal-fullscreen {
    
	/*
	transform: translateX(-100%);  
    transition: transform 0.3s ease;
	*/
    transform: translateX(100%);
    /*transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);*/
	
	transition: transform 0.3s ease;
}

.modal.right.show .modal-dialog.modal-fullscreen {
    transform: translateX(0);
}


.modal.right.hide .modal-dialog.modal-fullscreen {
	
    transform: translateX(100%);
	transition: transform 0.3s ease;
}

}

/* test */




@media  (max-width: 450px){

.modal-dialog{
	
	padding-left:8px;
	padding-right:8px;
	
}

.modal-dialog.modal-fullscreen{
	
	padding: 0px !important;
}

}


.btn_form_footer{
	
  display: flex;
  justify-content: end;
  align-items: center;
  
  padding: 0;
	
}

@media  (max-width: 500px){
	
  .btn_form_footer .btn{	
	
	width: 100%;
	
  }	
  
}	


.modal-header .btn-close {
  
  position: relative;
  max-width: 30px;
  min-width: 30px;
  min-height: 30px;
  max-height: 30px;
  padding: 0;
  opacity: 1;
  color: inherit;
  background: inherit;
  background-image: none;
  font-size: 18px;
  border:0;
  outline: none !important;
  box-shadow: none !important;
 }
 
 .modal-header .btn-resize {
  
  position: relative;
  max-width: 30px;
  min-width: 30px;
  min-height: 30px;
  max-height: 30px;
  padding: 0;
  opacity: 1;
  color: inherit;
  background: inherit;
  background-image: none;
  border:0;
  outline: none !important;
  box-shadow: none !important;
 }
 
 
 .card_data .modal-footer{
	 
	 position: absolute; 
	 left:0px; 
	 right:0px;
	 bottom:0; 
	 min-height:67px;
	 z-index:1;
	 opacity:0;
	 border-left:0;
	 border-right:0;
	 border-bottom:0;
	 margin: 0 2px 0 2px;
	 
 }

.modal.fade  {
  
  /*transition: transform 0.1s ease-out, opacity 0.1s ease-out;*/
  
  transition: opacity 0.1s linear;
}



.form-check-input{
	
	margin-top:0;
	
}

.form-check-input {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #adb5bd;
  border-radius: 50%; 
  cursor: pointer;
  position: relative;
  background: #fff;
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked::after {
  content: "";
  position: absolute;
  inset: 4px;
  background: #fff;
  border-radius: 50%;
}

.box_shadow {
	
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	
}

.card_line_block {
	
	display:flex;
	align-items:center;
	padding: 0.7rem 0.7em !important;
	border-radius: 0.25rem !important;
	min-height: 55px;
	
	
}

.card_line_block .title_line{
	
	font-size: 1.2rem;
	
}

.modal-header {
  height: 45.5px;
  display: flex;
  align-items: center;
  margin:2px;
  margin-bottom: 1px !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);*/
  z-index:1;
}

@media  (max-width: 766px){
 
 .modal-header { 
  
  margin:0px;
 
 }

}

.modal-body {
	
  overflow: hidden;
  
}

.modal-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 100px);
  text-transform: uppercase;
  font-weight: 900;
  background: none !important;
  border: 0 !important;
  
}

.modal-content {
  
  padding: 0px;	
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
  
}

.title_header {
  
  display:flex;	
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	
}




#progressbar_dialog_win{
	
    position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
    justify-content: center;
	z-index:9999;
}

.card_data{
	
	display: block;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
		
}

.body_dialog{
	
	
	position: fixed; 
	top: 0px; 
	left:0px; 
	right:0px; 
	bottom:67px;
	opacity:0; 
	overflow-x:hidden; 
	overflow-y:auto;
	padding: 0;
	z-index: 2;
	
	
}

.body_dialog .body_dialog_content {
	
	display:flex;
	flex-direction: column !important;
	height: 100% !important;
	padding-bottom: 1.5rem !important;
	overflow: auto !important;
	min-height:0;
	
}

	


@media  (max-width: 766px){
	
	.body_dialog .body_dialog_content{
		
		display:block;
		
	}	
	
}	


.body_content{
	
	
	position: fixed; 
	top:71px;
	left:0px; 
	right:0px; 
	padding:0;
	bottom: 0px; 
	opacity:0; 
	overflow-x:hidden; 
	overflow-y:auto;
	z-index: 2;
	
	
}


.body_dialog .card {
  
  margin-bottom: 1rem !important;
  
}


.input_password{
	
	-webkit-text-security: disc;
	
} 

.alert{
	 
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 100;
    max-width: 350px;
    width: 95%;
    z-index: 34;
  
  }
  
 .alert .close span{
	 
 font-size: 1.5rem;
  font-weight: 700;
	 
 }
  
  .alert_title{
	  
	  position: relative;
      width: 100%;
      float: left;
      font-weight: bold;
   }
   
   .alert_text {
	   
	position: relative;
	float: left;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-top: 10px;
	   
   }
   
  .text-old {
	
    text-decoration: line-through;
} 
 
 /*for mobile */
 
 @media  (max-width: 766px){
 
 .main_btn_add{
	 
	 position: fixed;
     right: 20px;
     z-index: 1;
     bottom: 30px;

}

.main_btn_add .btn{

    min-width: 46px;
    min-height: 46px;
    border-radius: 0.9rem !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;

}	

.main_btn_add .btn span{

    display:none;	
	
}	

 }
 
 
 @media  (max-width: 766px){

.block_column_mobile{
	
	display: flex !important;
	flex-direction: column !important;
	justify-content: center;
	min-width:0;
	
}

}
 
 
 
 
 @media  (max-width: 766px){
	 
 .alert{
	 
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 100;
  max-width: 350px;
  width: 95%;
  z-index: 40;
  
  }
  
 } /*for mobile */
 
 
 label {
  display: inline-block;
  font-size: inherit;
  color: #777575;
  text-overflow: ellipsis;
  margin-top: .5rem;
  margin-bottom: .5rem;
  white-space: nowrap;
}
 
.up_text {
  text-transform: uppercase;
}

.text_small{
	
	font-size: 12px;
}

.text_main{
	
	font-weight:bold;
	
}

.pointer {
	
    cursor: pointer;

}

.link {
	
    cursor: pointer;
	text-decoration: underline;
    transition: 0.2s cubic-bezier(0.5, 0.25, 0, 1);	
}

.link:hover{

    
	text-decoration: underline;
	
}

.unlink {
	
    cursor: pointer;
	text-decoration: none;
    transition: 0.2s cubic-bezier(0.5, 0.25, 0, 1);	
}

.unlink:hover{

    
	text-decoration: underline;
	
}




.btn-link {
  font-weight: inherit;
  text-decoration: underline;
  cursor: pointer;
}
 
.card .text_item:hover{
	
	font-weight: 650;
	transition: 0.2s cubic-bezier(0.5, 0.25, 0, 1);
	
} 
 
 
 .form-edit-actions {
	 
  position: relative;
  display: flex;
  min-height: 35px;
  margin-bottom: 0.25rem;
  flex: 0 0 70px;
  
}

.text_item {
  
  display:block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-control {
  
  font-size: 1.2rem !important;
  min-height: 36px;
  font-weight: 650;
  background: #ffffff;
}

.form-control.is-invalid{
	
	border-color: #dc3545 !important;
	
}

.form-control:disabled, .form-control[readonly] {
  background-color: #fff;
  opacity: 1;
}




.ellipsis{
  
  display: inline-block;
  max-width: 100%;  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
		
}

#progress_procedure_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

small {
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-size: inherit;
}

.btn{ 
     min-width: 36px; 
     min-height: 36px; 
	 margin: 0;
	 padding:0; 
	 padding-left:11px; 
	 padding-right:11px; 
	 display: flex;
	 align-items: center;
     justify-content: center;
	 transition: 
        filter 0.15s ease,
        transform 0.1s ease;
	 outline: none !important;
     box-shadow: none !important;
}

.btn_min{
	
	display: flex;
    align-items: center;
	min-height:30px;
	max-height:30px;
}

.btn-group{
	
	/*z-index:10;*/
	
}

.dropdown-item{
	
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
	
}





.btn-none{
	
	background: inherit !important;
	
	
}

.bg-none{
	
	background: inherit !important;
	
}


.btn span{
	
	padding-left: 0.5rem !important;
	text-transform: uppercase;
    
	
}



 .btn.btn-primary {
	
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 39%, rgba(0,0,0,0.15) 160%, rgba(0,0,0,0.05));
    background-repeat: repeat-x;
	
}

.btn-action-mobile {
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px !important;
  white-space: nowrap;
  background: inherit;
  font-size: inherit;
  margin: 0;
  outline: none !important;
}





.form-action-min{

min-height: calc(1.0em + .70rem + 2px);
max-height: calc(1.0em + .70rem + 2px);
padding-top:0;
padding-bottom:0;
min-width: 33px;
width: 33px;

}

.spinner-progress{

  width: 1rem !important;
  height: 1rem !important;

}


.ui-widget-content.form-select {
	
  background-color: #fff !important;
  background-image: var(--bs-form-select-bg-img) !important;
  background-position: right 0.75rem center !important;
  background-size: 16px 12px !important;
  background-repeat: no-repeat !important;
  background: none;

}





@media  (max-width: 766px){
			  
.hide_mobile{
				  
	display: none !important;	  
				  
}
			  
.hide_desktop{
			 
    display: flex !important;
			 
}
			  
}	


@media  (min-width: 576px){
 


			  
.hide_mobile{
				  
	display: flex !important;	  
				  
}

.hide_desktop{
			 
    display: none !important;
			 
}


}

.block_column {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0;
  margin-bottom: 3px;
  margin-top: 3px;
}

.custom-select {
	
    background-color666: #fff !important;
    background-image: var(--bs-form-select-bg-img) !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    background-repeat: no-repeat !important;
	background666:none;
	
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}


/* -- table -- */

.element_block {
	
	display: flex;
	flex-direction: column;
	height: calc(100vh - 120px);
	
}

.freefull{
	
	flex:1;
	
}



.table_element_block {

  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 10px;

}



.table_content{
	
	position: relative;
	flex: 1; 
	min-height: 30px; 
	border-top: 0 !important;
    border-bottom: 0 !important;
	
}

.freefull .table_content{

	min-height: 0;
	
}

.freefull .table_data{

position: absolute; 
overflow-y:scroll;

}

.table_header {
	
  position: relative;
  height: 40px;
  flex: 0 0 40px;
  border: 1px solid #dee2e6;
}

 @media  (max-width: 766px){

   .table_header {
     
	 border-bottom-left-radius: 0.25rem !important;
     border-bottom-right-radius: 0.25rem !important;
     
    }
	
	

 }

.table_header label{
	
	margin: 0 !important;
	
}	

.card-body.container{
	
	margin-left: 0;
    margin-right: auto;
	
}

.scroll_null {
  width: 17px;
  padding: 0;
}

.ico_data{
	
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  border: 0 !important;
  background: inherit !important;
	
}

.ico_data .fa {
	
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: inherit;	
	
}

.ico_in_ico{
	
  position: absolute;
  left: -10px;
  top: 0;
  border: 0 !important;
  background: none !important;	
}

.table_data{

  position: relative;
  width: 100%;
  min-height: 45px;
  overflow-y:scroll;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background:#fff !important;
  z-index: 1;
  
}

.table_data_row{

  background:none;

}

.table_card{

  position: relative;
  width: 100%;
  min-height: 45px;
  overflow-y:scroll;
  background:#fff !important;
  border: 0 !important;
  z-index: 1;

}

.table_card .row [class^="col"] {
 
  display: flex;
  align-items: center;

}

.table_card .table_data_row{
	
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-radius: .25em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
  
  margin-right: 5px !important;
  
}



.tree_data{

  position: relative;
  width: 100%;
  min-height: 50px;
  background:#fff !important;
  z-index: 1;
  
}


.tree_row_item{
	
	border: 1px solid transparent !important;
	margin-bottom: 2px !important;
	
}

.left_menu_item{
	
	border: 1px solid transparent !important;
	margin-bottom: 2px !important;
	
}

.table_actions{
	
	position: relative;
	min-height:60px;
	z-index: 3;
	
}

.table_in_form_actions{
	
	position: relative;
	min-height:40px;
	z-index: 3;
	
}

.table_filters{
	
	position: relative;
	min-height:45px;
	z-index: 2;
	
}


.search-box{
    position: relative;
	width:100%;
}

.clear-search{
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
    font-size: 14px;
    color: #888;
}

.search-box input{
    padding-right: 35px;
}


.clear-search-products{
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
    font-size: 14px;
    color: #888;
	z-index: 3;
}




@media  (max-width: 766px){

 .table_filters .panel_filters {
	 
	 padding-top: 7px;
     padding-bottom: 5px;
	 
	 flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
	
	/* Firefox */
    scrollbar-width: none;

    /* IE/Edge Legacy */
    -ms-overflow-style: none;
	 
 }
 
 .panel_filters::-webkit-scrollbar{
    display: none; /* Chrome, Safari, Edge */
 }
 
 .panel_filters .input-group{
	 
    /*flex: 0 0 auto;*/
 
 }
 
 .status_buttons.full_line .ui-button{
	 
	 flex: 1;
     
    
 }
 
 
 
 


}



.status_buttons .btn {

    min-height: 30px;
	

}

.table_statuses .btn .badge {

    top:0;
	

}


.table_data .table_data_row{
  
  min-height: 45px;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  
}



.table_data_block{
  
  min-height: 50px;
  margin-top: 5px !important;
  border-radius: 0.25rem !important;
  cursor: pointer;
  

}


.table_data .row {
	
  padding: 0;
  background-image: none;
  
}



.table_data .row [class^="col"] {
 
  display: flex;
  align-items: center;

}

 @media (max-width: 766px) {

.table_data .row [class^="col"] {
 
  display: flex;
  align-items: center;
  /*flex-wrap: wrap;*/
}

}



.table_data .row:last-child {
	
  /*border-bottom: none !important;*/
  
}

.table_data_row .text_main{
	
	font-weight: bold;
	
}


.table_footer {
  position: relative;
  height: 40px; 
  flex: 0 0 40px;
  border: 1px solid #dee2e6;
  z-index: 1;
}

@media  (max-width: 766px){

   .table_footer {
     
	 /*
	 border-bottom-left-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
	 */
     
    }

 }



 .num_pages{
	 
	 min-width: 40px;
     text-align: center;
	 margin-left: 5px;
     margin-right: 5px;
 }
 
 @media  (min-width: 576px){
 
 .table_data_main_height{
	 
	 height:calc(100dvh - 240px);
	 overflow-x: hidden;
     overflow-y: scroll;
	 
	 
	 
 }
 
 
 .tree_data_main_height{
	 
	 height:calc(100dvh - 190px);
	 overflow-x: hidden;
     overflow-y: auto;
	 background:#fff;
     
	 
 }
 
 
 }
 
 @media  (max-width: 766px){
 
 .table_data_main_height{
	 
	 height:calc(100vh - 310px);
	 overflow-x: hidden;
     overflow-y: auto;
	 border-left: 1px solid #dee2e6;
     border-right: 1px solid #dee2e6;
 }
 
 .tree_data_main_height{
	 
	 height:calc(100dvh - 190px);
	 overflow-x: hidden;
     overflow-y: auto;
	 background:#fff;
     
	 
 }
 
 
 

} 
 
 
 .tree_angle{
	
  display:flex;
  width:100%;
  height:100%;  
  align-items: center;
  justify-content: end;
  width:20px;
  
}

.sortable_root {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 5px !important;
}

.sortable-placeholder {
    height: 36px; 
	width:100%;
    background: #fbfafa;
    border: 1px dashed #ccc;
    margin: 2px 0;
}
 
 
 .block_data{
	 
  display: flex;
  align-content: start;
  flex-wrap: wrap;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 180px); 	 
	 
 }
 
 .block_data .row {
  
  border: 0;
  
  cursor: pointer;
  
 }
 
 .block_data .row [class^="col"] {
  display: flex;
  align-items: center;
 
 }
 
 .block_data_main_height{
	 
	height: calc(100vh - 220px);
    overflow: auto;
	 
 }
 
 
 .panel_block{
	 
	border-radius: 0.25rem;
    padding: 0.5rem 0;
	margin-top: 3px !important;
	cursor: pointer;
 }	 
 
 .panel_block.row [class^="col"] {
 
  display: flex;
  align-items: center;

}
 
 
 .left_menu{

    display: flex;
    flex-wrap: wrap;


}

@media  (min-width: 600px){

	.left_menu{
	
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: column;
	
	}

}

.main_menu_item , .left_menu_item , .link_item, .tree_item, .card_item {

   display: flex;
   align-items: center;
   padding: 8px 16px 8px 16px;
   border: 0;
   height: 36px;
   border: 0 !important;
   transition: all 0.25s ease;
   text-decoration: none !important;
}

.card_item{
	
   display: flex;
   align-items: center;
   padding: 8px 16px 8px 16px !important;
   height: 36px;
   transition: all 0.25s ease;
	
}



.btn-action-min {
  min-width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px !important;
  white-space: nowrap;
  background: inherit;
  font-size: inherit;
  padding: 0;
  margin: 0;
}

.tab-pane {
    transition: opacity 0.15s ease;
}

.tab-pane:not(.show) {
    opacity: 0;
    display: block;  
    height: 0;
    overflow: hidden;
}

.tab-pane.show {
    opacity: 1;
    height: 100%;
}



.left_panel{

position:absolute;
top:0;
left:0;
bottom:0;
width:200px;

border-right: 1px solid #ced4da;


}

.left_panel .nav{

flex-direction: column ;

}


.content_panel{

position:absolute;
top:0;
left:200px;
right:0;
bottom:0;

}

.content_dialog{

position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display: flex;
flex-direction: column;

}


@media  (max-width: 766px){

.left_panel{

position:absolute;
top:0;
left:0;
right:0;
height:60px;
width: 100%;
border:0;

}

.left_panel .nav{

flex-direction: row ;

}


.content_panel{

position:absolute;
top:60px;
left:0;
right:0;
bottom:0;


}

}

@media (min-width: 600px) {
	
	.table_header{
		
		margin:0;
	}
	
	.table_content{
		
		margin:0;
		
	}
	
	.table_footer{
		
		margin:0;
		
	}
	
	
	.tree_content{
		
		margin:0;
		
	}

}

.col_active_data {
 
 display: flex;
 align-items: center;
 min-width:100px; 
 max-width:150px;


}

.col_active_data .title{

 width: 130px;
 white-space: nowrap;
 
}

.col_active_data .form-select{
  
  width: 100%;
  padding-left:0;
  border:0;
  background: inherit;
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
  font-size: 1rem !important;
}




@media  (max-width: 600px){

	.col_active_data {
	
	 max-width:100% ;
	 
	
	}

}

.title_header{
	
	font-size: 1rem !important;
	font-weight: 650;
	color: #495057;
	
}


.ui-widget-header, .ui-widget-content, .ui-state-default, .ui-state-hover, .ui-state-active{
	
	/*background-image: none !important;*/
	
}

.editor-content {
    font-family: initial;
    font-size: initial;
    line-height: 1.5;
    color: initial;
    word-break: break-word;
	font-weight: initial;
}

.editor-content p {
    margin: 0 0 10px;
}

.editor-content table {
    border-collapse: collapse;
    width: 100%;
}

.editor-content img {
    max-width: 100%;
    height: auto;
}

.editor-content.ui-widget-content{
    background-image:none;
}

.bootstrap-datetimepicker-widget.dropdown-menu{
  
  width:300px; 
  
}

.table-sm th,
 .table-sm td {
  padding: 0.6rem;
  
}

.form-control.focus {
	
    border-color: #c5dbec;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	
}